/* [next]/internal/font/google/manrope_de7b2fa9.module.css [app-client] (css) */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a342834df7752944-s.bb140f9f.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.50575af1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.78d1a7ae.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.247c8473.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.18d7c7dc.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.71e1367e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Manrope Fallback;
  src: local(Arial);
  ascent-override: 103.31%;
  descent-override: 29.07%;
  line-gap-override: 0.0%;
  size-adjust: 103.19%;
}

.manrope_de7b2fa9-module__1ltb7q__className {
  font-family: Manrope, Manrope Fallback;
  font-style: normal;
}

.manrope_de7b2fa9-module__1ltb7q__variable {
  --font-manrope: "Manrope", "Manrope Fallback";
}

/* [next]/internal/font/google/fraunces_328e9abe.module.css [app-client] (css) */
@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1e219c03c996efbd-s.ba7d7329.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/b35b0dbffda7f2c4-s.0c27b1b4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/03bda585a99c6450-s.p.ad37b9d9.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Fraunces Fallback;
  src: local(Times New Roman);
  ascent-override: 84.71%;
  descent-override: 22.09%;
  line-gap-override: 0.0%;
  size-adjust: 115.45%;
}

.fraunces_328e9abe-module__Q65xMG__className {
  font-family: Fraunces, Fraunces Fallback;
  font-style: normal;
}

.fraunces_328e9abe-module__Q65xMG__variable {
  --font-fraunces: "Fraunces", "Fraunces Fallback";
}

/* [project]/b2b-client-portal/src/app/globals.css [app-client] (css) */
:root {
  --bg: #ecebe7;
  --surface: #f7f6f3;
  --surface-2: #efeee9;
  --ink: #161613;
  --muted: #5f5e58;
  --line: #d6d2c8;
  --accent: #2e2d2a;
  --ok: #1f7a52;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  color: var(--ink);
  background: radial-gradient(1200px 600px at 10% -20%, #f9f8f5 0%, transparent 60%), radial-gradient(900px 500px at 90% -30%, #e4e2dc 0%, transparent 60%), var(--bg);
  font-family: var(--font-manrope), "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}

.app-shell {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 18px 40px;
}

.topbar {
  z-index: 20;
  background: color-mix(in oklab, var(--surface) 86%, white 14%);
  border-bottom: 1px solid var(--line);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  margin-bottom: 22px;
  animation: .36s ease-out nav-in;
  position: sticky;
  top: 0;
}

.topbar-inner {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  max-width: 1240px;
  margin: 0 auto;
  padding: 10px 18px;
  display: grid;
}

.brand-lockup {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: inline-flex;
}

.brand-mark {
  background: var(--ink);
  color: #f7f6f3;
  letter-spacing: .08em;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.brand-title {
  font-family: var(--font-fraunces), Georgia, serif;
  letter-spacing: -.01em;
  font-size: 18px;
  line-height: 1;
}

.brand-subtitle {
  color: var(--muted);
  margin-top: 2px;
  font-size: 11px;
}

.nav {
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  display: flex;
}

.nav-link {
  color: #33322e;
  border: 1px solid #0000;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 13px;
}

.nav-link:hover {
  border-color: var(--line);
  background: color-mix(in oklab, var(--surface) 82%, white 18%);
}

.auth-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.profile-chip {
  border: 1px solid var(--line);
  background: #faf9f6;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  display: inline-flex;
}

.profile-avatar, .profile-avatar-fallback {
  color: #11110f;
  object-fit: cover;
  background: #e3e0d8;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  display: inline-flex;
}

.profile-name {
  color: #2e2d29;
  font-size: 13px;
}

.badge {
  border: 1px solid var(--line);
  color: var(--muted);
  background: #f9f8f4;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
}

.page {
  gap: 16px;
  display: grid;
}

.card {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 12px;
  padding: 16px;
}

.card h3 {
  margin-bottom: 8px;
}

.grid {
  gap: 12px;
  display: grid;
}

.grid-4 {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.grid-2 {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.input, .select, .textarea, .btn {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
}

.input, .select, .textarea {
  color: var(--ink);
  background: #fbfaf7;
}

.textarea {
  resize: vertical;
  min-height: 92px;
}

.btn {
  background: var(--ink);
  color: #f6f5f1;
  border-color: var(--ink);
  cursor: pointer;
  font-weight: 600;
}

.btn.secondary {
  color: #252521;
  border-color: var(--line);
  background: #fbfaf7;
}

.btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.kv {
  color: var(--muted);
  font-size: 14px;
}

.list-row {
  border-bottom: 1px solid #e8e4db;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  display: flex;
}

.list-row:last-child {
  border-bottom: 0;
}

.status-ok {
  color: var(--ok);
}

.hero {
  background-color: #0000;
  background-image: linear-gradient(95deg, #131311c2 0%, #13131185 38%, #13131147 64%, #13131126 100%), url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=2000&q=80");
  background-position: center;
  background-repeat: repeat, repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  border: 1px solid #cdc8bc;
  border-radius: 20px;
  align-items: end;
  min-height: calc(100vh - 96px);
  animation: 18s ease-in-out infinite alternate hero-shift;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hero-headline {
  max-width: 30ch;
  font-size: clamp(18px, 2.2vw, 28px);
  line-height: 1.25;
}

.hero-actions {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.hero .btn {
  transition: transform .18s, background .18s;
}

.hero .btn:hover {
  transform: translateY(-2px);
}

.hero .btn.secondary {
  color: #f8f7f3;
  background: #faf9f529;
  border-color: #f8f7f35c;
}

@keyframes rise-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes nav-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes hero-shift {
  from {
    background-position: center, 50%;
  }

  to {
    background-position: center, 54% 46%;
  }
}

@media (max-width: 980px) {
  .topbar-inner {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .brand-lockup, .nav, .auth-actions {
    justify-content: center;
  }

  .hero {
    border-radius: 16px;
    min-height: calc(100vh - 146px);
  }
}

.marketing-page {
  gap: 28px;
  padding-bottom: 32px;
  display: grid;
}

.hero {
  background-color: #0000;
  background-image: linear-gradient(100deg, #141412c7 0%, #14141285 40%, #14141233 72%, #14141224 100%), url("https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=2200&q=80");
  background-position: center;
  background-repeat: repeat, repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  border: 0;
  border-radius: 0;
  align-items: end;
  min-height: calc(100vh - 56px);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  animation: 20s ease-in-out infinite alternate hero-shift;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hero-content {
  color: #f8f7f3;
  gap: 14px;
  max-width: 860px;
  padding: clamp(28px, 6vw, 76px);
  animation: .56s ease-out rise-in;
  display: grid;
}

.hero-kicker {
  color: #f8f7f3c7;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}

.hero-brand {
  font-family: var(--font-fraunces), Georgia, serif;
  letter-spacing: -.04em;
  font-size: clamp(42px, 8vw, 96px);
  line-height: .9;
}

.hero-headline {
  max-width: 24ch;
  font-size: clamp(20px, 2.5vw, 34px);
  font-weight: 600;
  line-height: 1.18;
}

.hero-copy {
  color: #f8f7f3db;
  max-width: 62ch;
}

.marketing-section, .marketing-cta {
  gap: 8px;
  max-width: 940px;
  margin: 0 auto;
  padding: 0 6px;
  display: grid;
}

.marketing-section h3, .marketing-cta h3 {
  font-family: var(--font-fraunces), Georgia, serif;
  letter-spacing: -.03em;
  font-size: clamp(28px, 4.4vw, 46px);
  line-height: 1.02;
}

.marketing-section p, .marketing-cta p {
  color: #44433e;
  max-width: 72ch;
  font-size: clamp(16px, 1.5vw, 19px);
}

.reveal-up {
  animation: .62s both reveal-up;
}

@keyframes reveal-up {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 980px) {
  .hero {
    min-height: calc(100vh - 24px);
  }

  .hero-content {
    padding: 24px;
  }

  .marketing-page {
    gap: 24px;
  }
}

.feature-band {
  background: #f5f3ee;
  border: 1px solid #d6d2c8;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 0;
  max-width: 1200px;
  min-height: clamp(260px, 42vw, 420px);
  margin: 0 auto;
  display: grid;
  overflow: hidden;
}

.feature-media {
  filter: saturate(.82) contrast(1.02);
  background-position: center;
  background-size: cover;
  min-height: 280px;
  transition: transform .5s;
  transform: scale(1.02);
}

.feature-band:hover .feature-media {
  transform: scale(1.05);
}

.feature-copy {
  background: linear-gradient(#f8f7f4 0%, #efede7 100%);
  align-content: center;
  gap: 10px;
  padding: clamp(18px, 3.4vw, 44px);
  display: grid;
}

.feature-copy h3 {
  font-family: var(--font-fraunces), Georgia, serif;
  letter-spacing: -.03em;
  font-size: clamp(30px, 3.6vw, 48px);
  line-height: .98;
}

.feature-copy p {
  color: #46453f;
  max-width: 44ch;
  font-size: clamp(15px, 1.4vw, 18px);
}

@media (max-width: 980px) {
  .feature-band {
    grid-template-columns: 1fr;
  }

  .feature-media {
    min-height: 220px;
  }
}

.feature-points {
  gap: 6px;
  margin-top: 6px;
  padding-left: 18px;
  display: grid;
}

.feature-points li {
  color: #3f3e39;
  font-size: 14px;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1b6cc284._.css.map*/