:root {
  --paper-0:#fff;
  --paper-50:#fbf9f4;
  --paper-100:#f4f3ee;
  --paper-200:#ebe9e2;
  --ink-900:#2c2c2a;
  --ink-700:#444441;
  --ink-500:#5f5e5a;
  --line:#d8d5cc;
  --navy-900:#0e2440;
  --navy-700:#183e6b;
  --navy-500:#2e5a93;
  --navy-200:#b9cbe3;
  --navy-50:#e9eff6;
  --font-headline:"Fraunces",Georgia,"Times New Roman",serif;
  --font-sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --max:1320px;
  --pad:clamp(24px,4vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink-900);background:var(--paper-50);font:400 16px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit}
button,input{font:inherit}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--navy-500);outline-offset:3px}
.shell{width:min(calc(100% - (var(--pad) * 2)),var(--max));margin-inline:auto}
.skip-link{position:fixed;top:16px;left:16px;z-index:100;padding:12px 16px;color:var(--paper-0);background:var(--navy-700);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.eyebrow{margin:0 0 16px;color:var(--navy-500);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.eyebrow-light{color:var(--navy-200)}
.section{padding:clamp(80px,10vw,144px) 0}

.site-header{position:absolute;z-index:20;inset:0 0 auto;height:88px;color:var(--paper-0);border-bottom:1px solid color-mix(in srgb,var(--paper-0) 18%,transparent)}
.header-inner{height:100%;display:flex;align-items:center;gap:24px}
.brand{min-width:44px;min-height:44px;display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.brand-mark{width:42px;height:42px;object-fit:contain}
.brand-wordmark{width:148px;height:auto}
.primary-nav{margin-left:auto}
.primary-nav ul{display:flex;align-items:center;gap:18px;margin:0;padding:0;list-style:none}
.primary-nav a{min-height:44px;display:inline-flex;align-items:center;color:color-mix(in srgb,var(--paper-0) 82%,transparent);font-size:12px;font-weight:600;text-decoration:none}
.primary-nav a:hover{color:var(--paper-0)}
.mobile-account-item{display:none}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:2px;padding-left:16px;border-left:1px solid color-mix(in srgb,var(--paper-0) 22%,transparent)}
.header-actions>a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.account-link,.business-login-button{color:var(--paper-0);background:transparent;border:1px solid color-mix(in srgb,var(--paper-0) 36%,transparent)}
.business-account-button{color:var(--navy-900);background:var(--paper-0);border:1px solid var(--paper-0)}
.account-link:hover,.business-login-button:hover{color:var(--navy-900);background:var(--paper-0);border-color:var(--paper-0)}
.business-account-button:hover{color:var(--paper-0);background:transparent}
.menu-button{min-width:64px;min-height:44px;display:none;color:var(--paper-0);background:transparent;border:1px solid color-mix(in srgb,var(--paper-0) 38%,transparent);border-radius:999px;font-size:14px;font-weight:700;cursor:pointer}
.site-header :focus-visible{outline-color:var(--paper-0)}

.hero{position:relative;min-height:820px;overflow:hidden;color:var(--paper-0);background:var(--navy-900)}
.hero-field{position:absolute;inset:0;opacity:.58;background-image:radial-gradient(circle,color-mix(in srgb,var(--navy-200) 34%,transparent) 1px,transparent 1.5px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,black 16%,black 84%,transparent)}
.hero-field::before{content:"";position:absolute;width:760px;height:760px;right:-280px;top:-300px;border:1px solid color-mix(in srgb,var(--navy-200) 20%,transparent);border-radius:50%;box-shadow:0 0 0 96px color-mix(in srgb,var(--navy-200) 4%,transparent),0 0 0 192px color-mix(in srgb,var(--navy-200) 2%,transparent)}
.hero-grid{position:relative;z-index:1;min-height:820px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(48px,7vw,104px);padding:144px 0 96px}
.hero-copy{max-width:760px}
.hero h1{margin:0;font-family:var(--font-headline);font-size:clamp(64px,7.5vw,108px);font-weight:400;line-height:.92;letter-spacing:-.055em}
.hero-lede{max-width:680px;margin:32px 0;color:color-mix(in srgb,var(--paper-0) 78%,transparent);font-size:20px;line-height:1.6}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none}
.button-light{color:var(--navy-900);background:var(--paper-0);border-color:var(--paper-0)}
.button-light:hover{background:var(--navy-50);border-color:var(--navy-50)}
.button-outline{color:var(--paper-0);border-color:color-mix(in srgb,var(--paper-0) 42%,transparent)}
.button-outline:hover{background:color-mix(in srgb,var(--paper-0) 8%,transparent)}
.button-dark{color:var(--paper-0);background:var(--navy-700);border-color:var(--navy-700)}
.button-dark:hover{background:var(--navy-900);border-color:var(--navy-900)}
.hero-proof{max-width:560px;margin:32px 0 0;padding-top:24px;color:var(--navy-200);border-top:1px solid color-mix(in srgb,var(--paper-0) 18%,transparent);font-size:14px}

.partner-orbit{position:relative;width:min(100%,520px);aspect-ratio:1;justify-self:center;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--navy-200) 8%,transparent) 0 13%,transparent 13.5% 31%,color-mix(in srgb,var(--navy-200) 6%,transparent) 31.5% 32%,transparent 32.5%)}
.orbit-ring{position:absolute;border:1px solid color-mix(in srgb,var(--navy-200) 34%,transparent);border-radius:50%}
.orbit-ring-one{inset:20%}
.orbit-ring-two{inset:7%;border-color:color-mix(in srgb,var(--navy-200) 18%,transparent)}
.orbit-axis{position:absolute;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--navy-200) 36%,transparent),transparent)}
.orbit-axis-horizontal{left:4%;right:4%;top:50%;height:1px}
.orbit-axis-vertical{top:4%;bottom:4%;left:50%;width:1px;background:linear-gradient(transparent,color-mix(in srgb,var(--navy-200) 36%,transparent),transparent)}
.orbit-core{position:absolute;left:50%;top:50%;width:196px;min-height:124px;display:grid;place-items:center;padding:24px;background:var(--paper-0);border:1px solid var(--navy-200);border-radius:16px;box-shadow:0 24px 64px color-mix(in srgb,var(--navy-900) 36%,transparent);transform:translate(-50%,-50%)}
.orbit-core img{width:148px}
.orbit-label{position:absolute;z-index:2;min-width:116px}
.orbit-label strong,.orbit-label small{display:block}
.orbit-label strong{color:var(--paper-0);font-family:var(--font-headline);font-size:30px;font-weight:400;line-height:1}
.orbit-label small{margin-top:5px;color:var(--navy-200);font-size:13px}
.orbit-label-top{top:0;left:50%;text-align:center;transform:translateX(-50%)}
.orbit-label-right{right:-1%;top:50%;text-align:right;transform:translateY(-50%)}
.orbit-label-bottom{bottom:0;left:50%;text-align:center;transform:translateX(-50%)}
.orbit-label-left{left:-1%;top:50%;transform:translateY(-50%)}

.why-partner{background:var(--paper-100)}
.why-grid{display:grid;grid-template-columns:minmax(140px,.38fr) minmax(0,1.62fr);gap:clamp(40px,7vw,100px)}
.section-index{margin:56px 0 0;color:var(--navy-200);font:500 clamp(64px,8vw,120px)/1 var(--font-mono);letter-spacing:-.08em}
.why-copy h2,.section-heading h2,.contact h2{margin:0;font-size:clamp(42px,5vw,72px);font-weight:600;line-height:1.05;letter-spacing:-.045em}
.why-lede{max-width:920px;margin:32px 0 48px;color:var(--navy-900);font-size:clamp(22px,2.3vw,32px);line-height:1.45}
.why-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);padding-top:32px;border-top:1px solid var(--line)}
.why-columns p{margin:0;color:var(--ink-700);font-size:17px}
.why-columns a{min-height:44px;display:inline-flex;align-items:center;color:var(--navy-500);text-decoration-thickness:1px;text-underline-offset:4px}

.opportunities{background:var(--paper-200)}
.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr);gap:48px;align-items:end;margin-bottom:48px}
.section-heading>p{max-width:540px;margin:0;color:var(--ink-500);font-size:17px}
.opportunity-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.opportunity-card{grid-column:span 5;min-height:400px;display:flex;flex-direction:column;padding:40px;color:var(--navy-900);background:var(--paper-0);border:1px solid var(--line);border-radius:16px}
.opportunity-card:nth-child(3){grid-column:span 5}
.opportunity-card:nth-child(4){grid-column:span 7}
.opportunity-marketplace{grid-column:span 7;color:var(--paper-0);background:var(--navy-900);border-color:var(--navy-900)}
.opportunity-creative{background:var(--navy-50)}
.card-number{align-self:flex-end;color:var(--navy-500);font:500 13px/1 var(--font-mono)}
.opportunity-marketplace .card-number{color:var(--navy-200)}
.card-label{margin:56px 0 12px;color:var(--navy-500);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.opportunity-marketplace .card-label{color:var(--navy-200)}
.opportunity-card h3{max-width:620px;margin:0;font-family:var(--font-headline);font-size:clamp(36px,4vw,56px);font-weight:400;line-height:1.03;letter-spacing:-.04em}
.opportunity-card p:not(.card-label){max-width:620px;margin:20px 0 32px;color:var(--ink-500);font-size:17px}
.opportunity-marketplace p:not(.card-label){color:color-mix(in srgb,var(--paper-0) 74%,transparent)}
.opportunity-card a{min-height:44px;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:auto;color:var(--navy-700);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}
.opportunity-marketplace a{color:var(--paper-0)}

.process{background:var(--paper-50)}
.process-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.process-list li{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:36px 0;border-bottom:1px solid var(--line)}
.process-list>li>span{color:var(--navy-500);font:500 13px/1.5 var(--font-mono)}
.process-list h3{margin:0;font-size:24px;line-height:1.25}
.process-list p{max-width:720px;margin:10px 0 0;color:var(--ink-500);font-size:17px}

.trust-band{padding:clamp(80px,9vw,128px) 0;color:var(--paper-0);background:var(--navy-900)}
.trust-grid{display:grid;grid-template-columns:minmax(140px,.35fr) minmax(0,1.25fr) minmax(260px,.5fr);gap:48px;align-items:start}
.trust-grid h2{margin:0;font-family:var(--font-headline);font-size:clamp(42px,5.4vw,78px);font-weight:400;line-height:1;letter-spacing:-.045em}
.trust-grid>p:not(.eyebrow){margin:6px 0 0;color:color-mix(in srgb,var(--paper-0) 72%,transparent);font-size:17px}
.trust-grid>a{grid-column:3;min-height:44px;display:inline-flex;align-items:center;gap:10px;justify-self:start;color:var(--paper-0);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}

.contact{background:var(--navy-50)}
.contact-grid{display:grid;grid-template-columns:1fr .75fr;gap:clamp(48px,8vw,112px);align-items:end}
.contact-grid>div:last-child>p{margin:0;color:var(--ink-700);font-size:17px}
.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:32px}
.text-link{min-height:44px;display:inline-flex;align-items:center;gap:10px;color:var(--navy-700);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}

@media(max-width:1180px){
  .site-header{position:fixed;height:72px;background:color-mix(in srgb,var(--navy-900) 96%,transparent);backdrop-filter:blur(18px)}
  .brand-wordmark{width:136px}
  .header-actions{margin-left:auto;padding-left:0;border-left:0}
  .header-actions>a{display:none}
  .menu-button{display:block;margin-left:auto}
  .primary-nav{position:fixed;z-index:30;top:72px;right:0;left:0;height:calc(100dvh - 72px);display:none;margin:0;padding:24px var(--pad);overflow-y:auto;background:var(--navy-900)}
  body.menu-open .primary-nav{display:block}
  .primary-nav ul{align-items:stretch;flex-direction:column;gap:0}
  .primary-nav li{border-bottom:1px solid color-mix(in srgb,var(--paper-0) 18%,transparent)}
  .primary-nav .mobile-account-item{display:block}
  .primary-nav a{width:100%;padding:14px 0;font-size:16px}
  .primary-nav .mobile-business-account,.primary-nav .mobile-business-login{margin-top:12px;padding:14px 18px;justify-content:center;text-align:center;border:1px solid color-mix(in srgb,var(--paper-0) 38%,transparent);border-radius:999px}
  .primary-nav .mobile-business-account{color:var(--navy-900);background:var(--paper-0);border-color:var(--paper-0)}
}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:64px;padding-top:136px}
  .partner-orbit{width:min(100%,500px)}
  .why-grid{grid-template-columns:1fr;gap:40px}
  .section-index{display:none}
  .section-heading{grid-template-columns:1fr;gap:24px}
  .opportunity-card,.opportunity-marketplace,.opportunity-card:nth-child(3),.opportunity-card:nth-child(4){grid-column:span 6}
  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-grid h2{grid-column:1/-1}
  .trust-grid>a{grid-column:2}
}
@media(max-width:620px){
  :root{--pad:20px}
  .hero{min-height:0}
  .hero-grid{min-height:0;padding:120px 0 104px}
  .hero h1{font-size:clamp(54px,16vw,72px)}
  .hero-lede{font-size:17px}
  .hero-actions{align-items:stretch;flex-direction:column}
  .button{width:100%}
  .partner-orbit{width:100%}
  .orbit-core{width:154px;min-height:104px;padding:20px}
  .orbit-core img{width:120px}
  .orbit-label{min-width:92px}
  .orbit-label strong{font-size:24px}
  .why-columns{grid-template-columns:1fr}
  .opportunity-grid{grid-template-columns:1fr}
  .opportunity-card,.opportunity-marketplace,.opportunity-card:nth-child(3),.opportunity-card:nth-child(4){grid-column:auto;min-height:360px;padding:28px}
  .process-list li{grid-template-columns:52px 1fr;gap:16px;padding:28px 0}
  .trust-grid,.contact-grid{grid-template-columns:1fr}
  .trust-grid>a{grid-column:auto}
  .contact-actions{align-items:stretch;flex-direction:column}
  .text-link{justify-content:center}
}
@media(max-width:359px){
  :root{--pad:16px}
  .orbit-label strong{font-size:22px}
  .orbit-label small{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}