@font-face{font-family:Space Grotesk;src:url('/assets/fonts/SpaceGrotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Variable.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--bg:#101010;--panel:#1a1619;--text:#f7f4f0;--soft:#c4bfc1;--red:#b4112e;--line:#3e3038;--gold:#f3d985;--gutter:clamp(22px,5.5vw,72px);--nav-offset:100px;color-scheme:dark;scroll-behavior:smooth;background:var(--bg);font-family:Manrope,sans-serif}
*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:clip}body{background:var(--bg);color:var(--text);font:400 16px/1.75 Manrope,sans-serif}body,button,input,textarea{font-family:Manrope,sans-serif}[hidden]{display:none!important}a{color:inherit}button{cursor:pointer}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Space Grotesk,sans-serif;font-weight:600;line-height:1.1;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:break-word}h1{font-size:clamp(46px,6.5vw,90px);max-width:11em}h2{font-size:clamp(32px,3.65vw,49px);max-width:17em}h3{font-size:27px;letter-spacing:-.03em}p,li{overflow-wrap:anywhere}a{text-underline-offset:5px}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}input,textarea{min-width:0}img{max-width:100%;-webkit-user-drag:none;user-select:none}::selection{background:#85273e;color:#fff}section[id]{scroll-margin-top:calc(var(--nav-offset) + 24px)}.wrap{width:calc(100% - var(--gutter)*2);max-width:1200px;margin-inline:auto;min-width:0}.skip-link{position:fixed;left:20px;top:-80px;z-index:1001;background:var(--gold);color:#151014;padding:12px 20px;border-radius:5px}.skip-link:focus{top:12px}main:focus{outline:0}
.header{position:sticky;top:0;z-index:100;background:#09090b;border-bottom:1px solid #33272e;box-shadow:0 8px 28px #00000024}.nav-shell{display:flex;min-height:100px;align-items:center;gap:26px}.wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;flex-shrink:0;color:var(--text);text-decoration:none;line-height:.98;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.065em;gap:4px;margin-right:auto}.wordmark span:first-child{font-size:31px}.wordmark span:last-child{font-size:17px;letter-spacing:.08em}.desktop-nav{display:flex;align-items:center;gap:26px}.desktop-nav a{position:relative;text-decoration:none;font-size:13px;color:var(--soft);padding:14px 0;white-space:nowrap}.desktop-nav a:last-child{font-weight:700;color:var(--text)}.desktop-nav a:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .22s}.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}.desktop-nav a:is(:hover,[aria-current=page]){color:var(--text)}.menu-toggle{display:none;min-height:44px;padding:9px 12px;background:transparent;border:1px solid #786771;border-radius:6px;color:var(--text);font-size:13px;align-items:center;gap:9px}.menu-symbol{width:12px;height:7px;border-block:1px solid currentColor}.menu-toggle[aria-expanded=true] .menu-symbol{transform:rotate(-45deg);height:1px;border-bottom:0}.scroll-progress{height:2px;position:absolute;left:0;right:0;bottom:-1px;overflow:hidden}.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#be1036 10%,#e6506e 60%,#f3d985);transform:scaleX(0);transform-origin:left;will-change:transform}
.hero{position:relative;isolation:isolate;padding-block:clamp(64px,7vw,104px) clamp(66px,7.5vw,114px);overflow:hidden}.ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.ambient:before{content:'';position:absolute;width:1100px;height:950px;right:-380px;top:-380px;border-radius:46% 54% 65% 35%;background:radial-gradient(ellipse,#9d193c65,transparent 65%)}.motion-on .ambient:before{animation:glow 18s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,transparent 45%,#4f152211);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--soft);font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:26px}.eyebrow:before{content:'';width:25px;height:2px;flex:none;background:var(--red)}.copy{min-width:0;max-width:780px}.copy>p:not(.eyebrow){max-width:43em;color:var(--soft);margin-top:19px}.hero .copy{max-width:920px}.hero .copy>p:not(.eyebrow){max-width:680px;font-size:18px;line-height:1.85}.copy h3{margin-top:28px}.copy h1+p,.copy h2+p{margin-top:26px}.actions{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:33px}.button{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:52px;border:1px solid transparent;border-radius:6px;padding:13px 22px;background:var(--red);color:#fff;font-size:13px;font-weight:700;line-height:1.65;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s}.button:before{content:'';position:absolute;inset:-80% -65%;z-index:-1;background:linear-gradient(110deg,transparent 42%,#ffffff40 50%,transparent 58%);transform:translateX(-70%);pointer-events:none}.button:hover{background:#ce193e;box-shadow:0 6px 25px #b4112e33;transform:translateY(-2px)}.button:hover:before{animation:gloss .7s ease forwards}.button>span{font-size:17px;font-weight:400;transition:transform .2s}.button:hover>span{transform:translate(2px,-2px)}.button.secondary{background:transparent;border-color:#77656e;color:var(--text)}.button.secondary:hover{background:#34202a;border-color:#c88797}.button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.button:disabled:before{display:none}.section{padding-block:clamp(64px,6.7vw,96px);border-top:1px solid var(--line)}.surface{background:var(--panel)}.network-intro .copy{max-width:840px}.network-intro h2{max-width:16em}.network-intro .copy>p{max-width:730px}.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px}.audience-grid article+article{border-left:1px solid var(--line);padding-left:55px}.audience-grid h2{font-size:clamp(32px,3.1vw,43px)}.audience-grid .eyebrow{color:#d8a4b3}.audience-grid .actions{margin-top:26px}.intro{margin-bottom:42px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 36px}.steps-4{grid-template-columns:repeat(4,minmax(0,1fr))}.steps-5{grid-template-columns:repeat(3,minmax(0,1fr))}.step{padding-top:26px;border-top:1px solid var(--line);min-width:0}.step-number{display:block;color:#e59caf;font:500 13px/1 Space Grotesk,sans-serif;margin-bottom:18px}.step h2,.step h3{font-size:25px}.step p{font-size:15px;color:var(--soft);margin-top:16px}.live-feature{background:radial-gradient(ellipse at 85% 20%,#6d1b3844,transparent),#1a1418;position:relative}.live-feature .copy{max-width:790px}.experience .copy{max-width:800px}.invitation{position:relative;text-align:center;background:radial-gradient(ellipse at 50% 30%,#4a172755,transparent 75%),#1b1217}.invitation .copy{margin-inline:auto;max-width:790px}.invitation .copy p,.invitation h2{margin-inline:auto}.invitation .eyebrow,.invitation .actions{justify-content:center}.invitation .eyebrow:before{display:none}.copy-list{margin:24px 0;padding:0;list-style:none;display:grid;gap:11px}.copy-list li{position:relative;padding-left:24px;color:var(--soft)}.copy-list li:before{content:'';position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#dd587b}.partnership-copy .copy{max-width:850px}.service-rows{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:22px;padding-block:42px;border-bottom:1px solid var(--line)}.service-row .step-number{padding-top:6px}.service-row .copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:50px;max-width:none}.service-row .eyebrow{grid-column:1/-1;margin-bottom:19px;color:#d8a4b3}.service-row h2{font-size:35px;grid-column:1;grid-row:2/span 3}.service-row p:not(.eyebrow){grid-column:2;margin-top:0}.service-row p:not(.eyebrow)+p{margin-top:16px}.faq-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:60px}.faq details{border-top:1px solid #67505b;padding-block:22px}.faq details:last-child{border-bottom:1px solid #67505b}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:24px;font-size:17px;font-weight:600;color:var(--text);line-height:1.5;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';flex:none;color:var(--gold);font-size:22px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq-answer p{color:var(--soft);margin-top:15px;font-size:15px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;align-items:start}.live-list{display:grid;gap:28px}.live-list article{border-bottom:1px solid var(--line);padding-bottom:28px}.live-list h3{font-size:27px;margin-top:0}.live-list .copy p{font-size:15px;margin-top:15px}.highlights-grid{align-items:center}.highlights .copy>p:nth-of-type(2),.highlights .copy>p:nth-of-type(3),.highlights .copy>p:nth-of-type(4){margin-top:10px}.highlights .copy>p:nth-of-type(2){margin-top:27px}.clip-process{padding:28px;border:1px solid #69414f;border-radius:12px;background:linear-gradient(130deg,#181517,#30131e);min-width:0;width:100%}.clip-grid{display:grid;grid-template-columns:minmax(0,1.3fr) 18px minmax(0,1fr);gap:18px 10px;align-items:center;min-width:0}.process-label{font-size:13px;color:var(--text);line-height:1.5}.end{grid-column:3}.recording{width:100%;min-width:0;border:1px solid #6d4b59;border-radius:6px;background:#221b20;padding:13px 10px}.recording p{font-size:10px;color:var(--soft)}.recording p>span{color:#e14a6f;margin-right:4px}.waveform{height:90px;display:flex;gap:4px;align-items:center;justify-content:space-between;padding-top:12px}.waveform i{display:block;width:4px;border-radius:3px;background:#796871;flex:1;height:30%}.waveform i:nth-child(2n){height:57%}.waveform i:nth-child(3n){height:80%}.waveform i:nth-child(5n){height:100%}.waveform i:nth-child(n+7):nth-child(-n+11){background:#f2e5e9}.process-arrow{color:#e14a6f;text-align:center}.post-card{width:100%;min-width:0;min-height:0;aspect-ratio:9/14;background:linear-gradient(155deg,#8b2541,#361923 80%);border:1px solid #ad617a;border-radius:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px;gap:26px}.post-monogram{font:700 clamp(25px,3vw,45px)/.95 Space Grotesk,sans-serif;letter-spacing:-.08em;text-align:center;color:#f7f0e9}.caption-lines{width:100%;display:grid;gap:6px;justify-items:center}.caption-lines i{display:block;height:4px;width:95%;background:#d7b2be;border-radius:1px}.caption-lines i+i{width:70%}.process-caption{font-size:12px;color:var(--soft);line-height:1.5}.clip-process figcaption{padding-top:18px;margin-top:22px;border-top:1px solid #684250;font-size:13px;color:var(--soft)}
.contact-section{padding-top:45px}.contact-switch{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:42px}.contact-switch button{background:transparent;border:1px solid #806472;border-radius:6px;color:var(--soft);font-size:14px;font-weight:600;padding:12px 20px;min-height:46px;transition:background .18s,border-color .18s}.contact-switch button[aria-pressed=true]{color:var(--gold);background:#36202b;border-color:#c69656}.inquiry-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px;align-items:start;scroll-margin-top:130px}.contact-intro h2{font-size:clamp(32px,3.5vw,45px)}.contact-intro.copy>p:not(.eyebrow){font-size:16px;line-height:1.75}.form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border:0;padding:0;margin:0;min-width:0}.field{display:flex;flex-direction:column;gap:9px;font-size:13px;color:var(--text)}.field>label{line-height:1.6;font-weight:600}.optional-label,.required-label{color:var(--soft);font-size:12px;font-weight:400}.field input,.field textarea{display:block;width:100%;min-width:0;border:1px solid #806572;border-radius:6px;background:#211b20;color:var(--text);font-size:16px;padding:13px;min-height:50px;line-height:1.6;transition:border-color .2s}.field input:hover,.field textarea:hover{border-color:#ac8899}.field textarea{resize:vertical;min-height:115px}.field input::placeholder,.field textarea::placeholder{color:#ab9ea6}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#ff9ab0;outline-color:#ff9ab0}.field-hint{font-size:12px;line-height:1.6;color:var(--soft)}.full{grid-column:1/-1}.choices{border:0;padding:0;margin:0;min-width:0}.choices legend{font-size:13px;margin-bottom:13px;line-height:1.65;font-weight:600;color:var(--text)}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;font-size:13px;line-height:1.65;min-height:46px;border:1px solid #594550;border-radius:6px;color:var(--soft);cursor:pointer}.choice input{accent-color:var(--red);width:17px;height:17px;margin:3px 0 0;flex:none}.choice:has(input:checked){background:#36202b;border-color:#ba8198;color:var(--text)}.choice:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:3px}.choice span{overflow-wrap:anywhere}.representation{max-width:270px}.form-footer{display:grid;gap:15px;justify-items:start}.form-status{font-size:13px;line-height:1.7;color:var(--soft);min-height:22px}.form-status.success{color:var(--gold)}.form-status.error,.field-error{color:#ffb2c3;font-size:13px;line-height:1.65}.field-error{margin-top:5px}.form-footnote{font-size:12px;color:var(--soft);line-height:1.8;margin-top:25px}.notice{color:var(--gold);margin-bottom:20px}.trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.turnstile-slot{max-width:100%;min-width:0}.footer{padding-block:42px}.footer-top{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.footer .wordmark{margin-right:0}.footer-top p{font-size:13px;color:var(--soft)}.footer-top .handle{margin-left:auto;color:#d8a4b3}.footer-links{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:27px}.footer-links a{display:inline-block;text-decoration:none;font-size:13px;color:var(--soft);padding-block:10px;min-height:44px}.footer-links a:hover{color:var(--gold)}.copyright{font-size:11px;color:#a49ba1;margin-top:22px}.not-found{min-height:60vh}
.cursor-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9998}.digital-cursor{position:fixed;top:0;left:0;width:34px;height:36px;pointer-events:none;z-index:9999;visibility:hidden;contain:layout style;will-change:transform}.digital-cursor img{position:absolute;inset:0;width:34px;height:36px}.digital-cursor .cursor-active{display:none}.digital-cursor.is-interactive .cursor-active{display:block}.digital-cursor.is-interactive .cursor-normal{display:none}.cursor-visible .digital-cursor{visibility:visible}.cursor-visible,.cursor-visible *{cursor:none!important}.page-hidden *,.is-paused:before{animation-play-state:paused!important}html:not(.motion-on) *,html:not(.motion-on) *:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}
@keyframes glow{to{transform:translate(-170px,95px) rotate(22deg);opacity:.65}}@keyframes gloss{to{transform:translateX(70%)}}
@media(min-width:1600px){:root{--gutter:80px}.wrap{max-width:1280px}}
@media(max-width:1100px){.desktop-nav{gap:20px}.nav-shell{gap:21px}.steps-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.inquiry-panel{gap:42px}.faq-layout{gap:40px}.service-row .copy{column-gap:35px}.choice-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:860px){.desktop-nav{display:none}.menu-toggle{display:flex}.nav-shell{min-height:88px;gap:15px}.wordmark span:first-child{font-size:28px}.wordmark span:last-child{font-size:15px}.steps,.steps-5{grid-template-columns:repeat(2,minmax(0,1fr))}.split{gap:32px}.audience-grid{gap:33px}.audience-grid article+article{padding-left:33px}.inquiry-panel{grid-template-columns:minmax(0,1fr);gap:36px}.contact-intro{max-width:650px}.form-fields{max-width:800px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-row .copy{column-gap:25px}.service-row h2{font-size:31px}.faq-layout{grid-template-columns:minmax(0,1fr);gap:30px}.clip-process{padding:20px}.clip-grid{gap:15px 8px;grid-template-columns:minmax(0,1.3fr) 13px minmax(0,1fr)}.process-label,.process-caption{font-size:11px}.post-card{padding:10px}.waveform{gap:3px}.recording{padding:10px 7px}}
@media(max-width:680px){body{font-size:15px}h1{font-size:clamp(43px,9.5vw,61px)}h2{font-size:34px}h3{font-size:25px}.hero{padding-block:54px 64px}.hero .copy>p:not(.eyebrow){font-size:16px;line-height:1.9}.eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:23px}.section{padding-block:54px}.split,.audience-grid{grid-template-columns:minmax(0,1fr);gap:36px}.audience-grid article+article{padding-left:0;padding-top:36px;border-left:0;border-top:1px solid var(--line)}.audience-grid h2{font-size:33px}.steps,.steps-4,.steps-5{grid-template-columns:minmax(0,1fr);gap:28px}.step{padding-top:22px}.step p{font-size:15px;max-width:40em}.step-number{margin-bottom:14px}.intro{margin-bottom:28px}.service-row{grid-template-columns:24px minmax(0,1fr);gap:13px;padding-block:30px}.service-row .copy{display:block}.service-row h2{font-size:30px}.service-row p:not(.eyebrow){margin-top:20px}.service-row p:not(.eyebrow)+p{margin-top:15px}.service-row .eyebrow{font-size:10px;margin-bottom:16px;gap:8px}.service-row .eyebrow:before{width:17px}.faq summary{font-size:16px}.highlights-grid{gap:33px}.clip-process{padding:22px}.clip-grid{grid-template-columns:minmax(0,1.3fr) 18px minmax(0,1fr);gap:16px 10px}.process-label{font-size:13px}.process-caption{font-size:12px}.waveform{height:90px}.post-monogram{font-size:37px}.contact-section{padding-top:32px}.contact-switch{margin-bottom:35px}.contact-intro h2{font-size:34px}.form-fields{gap:22px;grid-template-columns:minmax(0,1fr)}.full{grid-column:auto}.choice-grid{grid-template-columns:minmax(0,1fr)}.representation{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{font-size:13px}.footer-top{gap:20px}.footer-top p{width:100%}.footer-top .handle{margin-left:0}.footer-links{gap:5px 23px}.footer{padding-block:34px}}
@media(max-width:390px){:root{--gutter:20px}.nav-shell{gap:10px;min-height:78px}.wordmark span:first-child{font-size:24px}.wordmark span:last-child{font-size:13px}.menu-toggle{font-size:12px;padding:9px 10px;gap:6px}.menu-symbol{display:none}.eyebrow{font-size:9px}.actions{gap:12px}.button{padding-inline:17px;font-size:12px}.clip-process{padding:16px}.clip-grid{grid-template-columns:minmax(0,1.2fr) 12px minmax(0,1fr);gap:14px 7px}.recording p{font-size:9px}.waveform{height:65px;gap:3px}.process-label,.process-caption{font-size:10px}.post-card{padding:10px;gap:20px}.post-monogram{font-size:30px}.clip-process figcaption{font-size:12px}.service-row h2{font-size:28px}}
@media(max-width:340px){.wordmark span:first-child{font-size:23px}.wordmark span:last-child{font-size:12px}.actions .button{width:100%}.hero h1{font-size:41px}.contact-switch{gap:8px}.contact-switch button{padding:11px 13px;font-size:12px}.form-footer .button{width:100%}.clip-process{padding:14px}.clip-grid{gap:12px 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.digital-cursor,.cursor-trail{display:none}}

/* Satin refinement: shared controls, aligned content, and restrained depth. */
:root {
  --control-radius: 10px;
  --control-height: 52px;
  --section-gap: clamp(40px, 5vw, 72px);
}

/* The active underline follows the topic in view; route semantics stay intact. */
.mobile-nav.wrap {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  max-width: none;
  display: grid;
  gap: 0;
  padding: 6px var(--gutter) 12px;
  max-height: calc(100dvh - var(--nav-offset));
  overflow-y: auto;
  background: #09090b;
  border-bottom: 1px solid #33272e;
  box-shadow: 0 16px 24px #00000030;
  overscroll-behavior: contain;
  transform-origin: top;
}
.mobile-nav a {
  display: block;
  position: relative;
  width: 100%;
  padding: 12px 14px;
  min-height: 48px;
  line-height: 1.6;
  border: 0;
  border-bottom: 1px solid #3d29343d;
  border-radius: 0;
  background: transparent;
  color: var(--soft);
  font-size: 15px;
  text-decoration: none;
  transition: background-color 180ms ease, color 180ms ease;
}
.mobile-nav a:last-child { border-bottom-color: transparent; }
.mobile-nav a[aria-current=page] {
  background: linear-gradient(100deg, #49263375, #22191f55);
  color: var(--gold);
  border-radius: 7px;
  border-bottom-color: transparent;
  box-shadow: inset 2px 0 #e6c573;
}
.mobile-nav a:not([aria-current]):active { color: var(--gold); }
.motion-on .mobile-nav:not([hidden]) { animation: mobile-menu-in 220ms cubic-bezier(.16, 1, .3, 1) both; }
.menu-symbol { transition: transform 180ms ease; }
@keyframes mobile-menu-in {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
/* Tabs identify the actual page; the full-width blaze alone tracks scrolling. */
.desktop-nav a::after { background: var(--blaze); }
.desktop-nav a:focus-visible { color: var(--text); }
.mobile-nav a:focus-visible { outline-offset: -4px; }
.mobile-nav a:not([aria-current]):focus-visible { color: var(--text); }
@media (hover: hover) and (pointer: fine) {
  .mobile-nav a:not([aria-current]):hover { color: var(--text); background: #191519; }
}

/* Keep the original mark and the two-line name as one balanced lockup. */
.wordmark.wordmark-lockup {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  letter-spacing: normal;
}
/* Tight-viewBox vectors need no raster-canvas scale compensation. */
.match-mark img, .clip-chevrons { scale: 1; }
.brand-mark {
  display: block;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  object-fit: contain;
  color: var(--text);
}
.wordmark .wordmark-name {
  font-family: Space Grotesk, sans-serif;
  font-weight: 700;
  --brand-amp-size: 31px;
  --brand-network-size: 17px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  font-size: inherit;
  letter-spacing: normal;
}
.wordmark .wordmark-name > span:first-child {
  font-size: var(--brand-amp-size);
  letter-spacing: -.065em;
}
.wordmark .wordmark-name > span:last-child {
  font-size: var(--brand-network-size);
  letter-spacing: .08em;
  /* Space Grotesk 700: A ink starts at 18/1000 em, N at 66/1000 em. */
  margin-inline-start: calc(var(--brand-amp-size) * .018 - var(--brand-network-size) * .066);
}
.footer .wordmark-lockup { margin-right: 0; }

/* Text-only CTAs share dimensions; emphasis is assigned in the page content. */
.actions {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 14px;
  max-width: 100%;
}
.button {
  min-height: var(--control-height);
  min-width: 196px;
  max-width: 100%;
  padding: 13px 24px;
  border-radius: var(--control-radius);
  border-color: #cc496247;
  background: var(--red);
  color: var(--text);
  font: 600 14px/1.5 Manrope, sans-serif;
  text-align: center;
  text-wrap: balance;
  box-shadow: inset 0 1px #ffffff12;
  transition: transform 180ms ease, background-color 220ms ease,
    border-color 220ms ease, box-shadow 220ms ease;
}
.button::before {
  inset: -110% -70%;
  background: linear-gradient(110deg, transparent 42%, #ffffff28 50%, transparent 58%);
  transform: translateX(-80%);
}
.button:not(:disabled):is(:hover, :focus-visible) {
  background: #bd1736;
  box-shadow: 0 5px 22px #b4112e25, inset 0 1px #ffffff25;
  transform: translateY(-1px);
}
.button:not(:disabled):is(:hover, :focus-visible, :active)::before {
  animation: satin-sheen 650ms ease-out both;
}
.button:not(:disabled):active { transform: translateY(0) scale(.985); }
.button:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.button.secondary { background: #22181e; border-color: #66505b; }
.button.secondary:not(:disabled):is(:hover, :focus-visible) {
  background: #30202a;
  border-color: #ac778b;
}
.button:disabled { background: var(--red); transform: none; box-shadow: none; }
.button.secondary:disabled { background: #22181e; }
.contact-switch {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 100%;
}
.contact-switch button {
  min-height: var(--control-height);
  padding: 12px 22px;
  border-radius: var(--control-radius);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.contact-switch button:hover { border-color: #bb879b; background: #291e25; }
.contact-switch button[aria-pressed=true] { color: var(--gold); background: #36202b; border-color: #c69656; }
.contact-switch button:active { transform: scale(.985); }

/* Real card padding keeps the illumination clear of every text edge. */
.audience-grid { position: relative; gap: 32px; }
.audience-grid > .audience-card,
.audience-grid > .audience-card + .audience-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(28px, 3vw, 40px);
  border: 1px solid #49313d;
  border-radius: 16px;
  background: #1d151b;
}
.audience-grid .eyebrow { margin-bottom: 24px; }
.audience-grid h2 { max-width: 14em; }
.audience-grid .copy > p:not(.eyebrow) { max-width: 48ch; }
.audience-grid > article > .copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  max-width: none;
}
.audience-grid .actions { margin-top: auto; padding-top: 28px; align-self: flex-start; }
.split, .faq-layout, .inquiry-panel { column-gap: var(--section-gap); }
.copy > p:not(.eyebrow) { line-height: 1.75; margin-top: 18px; }
.copy h1 + p, .copy h2 + p { margin-top: 25px; }
.hero .copy > p:not(.eyebrow) { line-height: 1.75; }
/* One reading column for the creator heading and both supporting paragraphs. */
body[data-page="creators"] .hero .copy { max-width: 840px; }
body[data-page="creators"] .hero .copy > :is(h1, p) { max-width: 100%; margin-inline: 0; }

.steps { gap: 24px; }
.step {
  padding: 28px 24px 32px;
  border: 1px solid #40303a;
  border-radius: 14px;
  background: #151114;
}
.step-number { margin-bottom: 22px; }
.steps:not(.icon-steps) .step > :is(h2, h3) { min-height: 2.4em; line-height: 1.2; }
@supports (grid-template-rows: subgrid) {
  .steps:not(.icon-steps) .step {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    row-gap: 0;
  }
  .steps:not(.icon-steps) .step > :is(h2, h3) { min-height: 0; }
}
.step-copy { display: flow-root; min-width: 0; }
.step p { margin-top: 18px; }
.icon-steps .service-title { min-height: 116px; }
@media (min-width: 1101px) { .steps-4 .step > h3 { font-size: 23px; } }
.step p, .live-list .copy p, .contact-intro.copy > p:not(.eyebrow) { font-size: 16px; line-height: 1.75; }
.service-rows { display: grid; gap: 24px; border-top: 0; }
.service-row, .live-list > .live-item {
  min-width: 0;
  padding: 32px clamp(24px, 3vw, 36px);
  border: 1px solid #40303a;
  border-radius: 14px;
  background: #151114;
}
.service-row { padding-block: 38px; }
.service-row p:not(.eyebrow) { margin-top: 0; }
.service-row p:not(.eyebrow) + p { margin-top: 16px; }
.copy-list { gap: 14px; }
.copy-list li { line-height: 1.75; }

/* A compact icon sits above its heading so text keeps the same left edge. */
.service-title { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; min-width: 0; }
.section-icon { display: block; width: 28px; height: 28px; flex: none; object-fit: contain; }
.service-title :is(h2, h3) { margin: 0; }
.step .service-title + p, .live-item .service-title + p { margin-top: 17px; }

/* Native details remains the visibility source; JavaScript only animates height. */
.faq details { border-color: #49343f; padding-block: 21px; }
.faq details:last-child { border-color: #49343f; }
.faq summary {
  position: relative;
  display: block;
  min-height: 44px;
  padding: 8px 34px 8px 0;
  font: 500 20px/1.4 Space Grotesk, sans-serif;
  letter-spacing: -.018em;
}
.faq summary::before, .faq summary::after {
  content: '';
  position: absolute;
  right: 3px;
  top: calc(.7em + 8px);
  width: 14px;
  height: 1.5px;
  background: var(--gold);
  transform-origin: center;
  transition: transform 280ms ease, opacity 220ms ease;
}
.faq summary::before { transform: rotate(90deg); }
.faq summary::after, .faq details[open] summary::after { content: ''; transform: rotate(0); }
.faq details[open] summary::before, .faq details.is-opening summary::before { transform: rotate(0); opacity: 0; }
.faq details.is-closing summary::before { transform: rotate(90deg); opacity: 1; }
.faq summary:hover { color: #fff9ef; }
.faq-answer { overflow: hidden; }
.faq-answer > div { padding: 16px 34px 2px 0; }
.faq-answer p { color: var(--soft); font: 400 16px/1.75 Manrope, sans-serif; margin-top: 14px; }
.faq-answer p:first-child { margin-top: 0; }

/* Illumination changes the background only, never the legibility of the text. */
:is(.audience-card, .service-row, .step, .live-item, .illuminated-card, :where(.education-benefits > li)) { position: relative; isolation: isolate; transition: border-color 550ms ease; }
:is(.audience-card, .service-row, .step, .live-item, .illuminated-card, :where(.education-benefits > li))::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(ellipse at 12% 12%, #9e2e4638, transparent 85%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 600ms ease;
}
:is(.audience-card, .service-row, .step, .live-item, .illuminated-card, :where(.education-benefits > li)):is(.section-illuminated, :focus-within) { border-color: #815164; }
:is(.audience-card, .service-row, .step, .live-item, .illuminated-card, :where(.education-benefits > li)):is(.section-illuminated, :focus-within)::before { opacity: 1; }
@media (hover: hover) and (pointer: fine) {
  :is(.audience-card, .service-row, .step, .live-item, .illuminated-card, :where(.education-benefits > li)):hover { border-color: #815164; }
  :is(.audience-card, .service-row, .step, .live-item, .illuminated-card, :where(.education-benefits > li)):hover::before { opacity: 1; }
}

/* A clear earning pathway, with the same gutters and restrained surfaces. */
.earning-feature { position: relative; isolation: isolate; overflow: hidden; background: #161114; }
.earning-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 88px); align-items: center; }
.earning-intro h2 { max-width: 9ch; font-size: clamp(40px, 5vw, 64px); line-height: 1.06; }
.earning-intro .eyebrow { color: var(--gold); }
.earning-note { margin: 20px 0 0; max-width: 52ch; color: var(--soft); font-size: 13px; line-height: 1.65; }
.earning-paths { display: grid; gap: 18px; min-width: 0; }
.earning-path { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 18px; padding: 28px; border: 1px solid #4c333b; border-radius: 14px; background: linear-gradient(125deg, #48212a70, #161114a0); }
.earning-path .section-icon { margin-top: 3px; }
.earning-path h3 { margin: 0; font-size: clamp(21px, 2vw, 25px); line-height: 1.3; }
.earning-path p { margin: 10px 0 0; color: var(--soft); font-size: 16px; line-height: 1.7; }
@media (max-width: 860px) {
  .earning-layout { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .earning-intro h2 { max-width: 14ch; }
}
@media (max-width: 480px) {
  .earning-path { padding: 24px; grid-template-columns: minmax(0, 1fr); gap: 14px; }
}

/* A visual explanation of the two sides, rather than another decorative card. */
.network-layout { --match-inline-padding: 24px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 88px); align-items: center; }
.network-layout h2 { max-width: 15ch; }
.match-graphic { --match-edge: 21%; position: relative; isolation: isolate; margin: 0; padding: 32px var(--match-inline-padding) 24px; border: 1px solid #48303b; border-radius: 18px; overflow: hidden; background: #161115; }
.match-graphic::before { content: ''; position: absolute; z-index: -1; inset: -30%; pointer-events: none; background: radial-gradient(ellipse at 25% 45%, #ae304637, transparent 50%), radial-gradient(ellipse at 80% 70%, #d9a64917, transparent 45%); }
.match-topline { margin: 0 0 28px; color: #dcb2bf; font-size: 11px; font-weight: 600; letter-spacing: .1em; text-align: center; text-transform: uppercase; }
.match-bridge { position: relative; height: 68px; display: grid; grid-template-columns: calc(var(--match-edge) * 2) minmax(0, 1fr) calc(var(--match-edge) * 2); align-items: center; justify-items: center; }
.match-bridge::before { content: ''; position: absolute; height: 1px; left: var(--match-edge); right: var(--match-edge); top: 50%; background: linear-gradient(90deg, #cc627d, #edcf88); opacity: .65; }
.match-node, .match-mark { position: relative; display: grid; place-items: center; border-radius: 50%; background: #20151c; border: 1px solid #67404f; }
.match-node { width: 64px; height: 64px; color: #edc2cd; }
.match-business { grid-column: 3; color: #edd59b; border-color: #61523b; background: #211d17; }
.match-node svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.match-mark { width: 48px; height: 48px; position: absolute; left: calc(50% - 24px); top: 50%; transform: translateY(-50%); background: #181216; }
.match-mark img { width: 27px; height: 27px; }
.match-labels { display: grid; grid-template-columns: calc(var(--match-edge) * 2) minmax(0, 1fr) calc(var(--match-edge) * 2); text-align: center; margin-top: 21px; }
.match-labels > div { padding-inline: 6px; }
.match-labels > div:last-child { grid-column: 3; }
.match-labels h3 { margin: 0; font-size: 20px; }
.match-labels p { margin: 9px 0 0; font-size: 13px; line-height: 1.65; color: var(--soft); }
.match-graphic figcaption { margin-top: 28px; padding-top: 18px; border-top: 1px solid #4c323f; text-align: center; font-size: 12px; line-height: 1.8; color: #dacbd0; }
/* One short sequence carries the connection from creator to business, then settles. */
.match-signal { position: absolute; top: calc(50% - 1px); height: 2px; width: calc(50% - var(--match-edge)); overflow: hidden; }
.signal-in { left: var(--match-edge); color: #e8a3b7; }
.signal-out { left: 50%; color: #f0d18b; }
.match-signal::after { content: ''; position: absolute; inset: 0 auto 0 0; width: 38%; border-radius: 2px; background: linear-gradient(90deg, transparent, currentColor); opacity: 0; }
.match-node::after, .match-mark::after { content: ''; position: absolute; inset: -1px; border: 1px solid currentColor; border-radius: inherit; opacity: 0; pointer-events: none; }
.match-mark { color: var(--text); }
.motion-on .match-creator::after { animation: match-creator-pulse 4.8s ease-in-out both; }
.motion-on .signal-in::after { animation: match-signal-in 4.8s linear both; }
.motion-on .match-mark::after { animation: match-center-pulse 4.8s ease-in-out both; }
.motion-on .signal-out::after { animation: match-signal-out 4.8s linear both; }
.motion-on .match-business::after { animation: match-business-pulse 4.8s ease-in-out both; }
.motion-on .match-graphic :is(.match-node, .match-mark, .match-signal)::after { animation-play-state: paused; }
.motion-on .match-graphic.is-section-active :is(.match-node, .match-mark, .match-signal)::after { animation-play-state: running; }
@keyframes match-creator-pulse { 0%, 20%, 100% { opacity: 0; transform: scale(1); } 7% { opacity: .9; transform: scale(1.07); } }
@keyframes match-signal-in { 0%, 10% { opacity: 0; transform: translateX(-100%); } 13%, 28% { opacity: .95; } 33%, 100% { opacity: 0; transform: translateX(265%); } }
@keyframes match-center-pulse { 0%, 27%, 49%, 100% { opacity: 0; transform: scale(1); } 36% { opacity: .9; transform: scale(1.09); } }
@keyframes match-signal-out { 0%, 40% { opacity: 0; transform: translateX(-100%); } 43%, 61% { opacity: .95; } 66%, 100% { opacity: 0; transform: translateX(265%); } }
@keyframes match-business-pulse { 0%, 60%, 84%, 100% { opacity: 0; transform: scale(1); } 70% { opacity: .9; transform: scale(1.07); } }
/* The atmosphere belongs to the full section; the transparent artwork has no panel. */
.brand-story { position: relative; isolation: isolate; overflow: clip; background: var(--bg); }
.brand-story::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 62% 125% at 80% 55%, #68172759 0%, #35131f35 42%, transparent 76%), radial-gradient(ellipse 42% 75% at 82% 62%, #b8742824 0%, transparent 72%);
  opacity: .8;
}
.brand-story-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(48px, 7vw, 100px); align-items: center; }
.phoenix-art { margin: 0; padding: 20px; justify-self: center; max-width: 400px; width: 100%; }
.phoenix-art, .phoenix-art * { pointer-events: none; user-select: none; -webkit-user-select: none; -webkit-user-drag: none; -webkit-touch-callout: none; }
.phoenix-image { display: block; width: 100%; aspect-ratio: 1; background: url('/assets/art/phoenix.webp') center / contain no-repeat; opacity: 1; transform: none; }
.motion-on .brand-story.phoenix-ready .phoenix-image { transition: opacity 950ms cubic-bezier(.16, 1, .3, 1), transform 950ms cubic-bezier(.16, 1, .3, 1); }
.motion-on .brand-story.phoenix-ready::before { transition: opacity 1050ms cubic-bezier(.16, 1, .3, 1); }
.motion-on .brand-story.phoenix-ready:not(.phoenix-revealed) .phoenix-image { opacity: 0; transform: translateY(34px) scale(.96); }
.motion-on .brand-story.phoenix-ready:not(.phoenix-revealed)::before { opacity: .35; }
.live-feature { position: relative; isolation: isolate; overflow: hidden; }
@media (max-width: 980px) {
  .network-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; max-width: 560px; margin-inline: auto; }
  .network-layout > .copy { width: 100%; padding-inline: calc(var(--match-inline-padding) + 1px); }
  .network-layout h2 { max-width: 22ch; }
  .match-graphic { --match-edge: 24%; max-width: 560px; width: 100%; }
}
@media (max-width: 480px) {
  .network-layout { --match-inline-padding: 20px; }
  .match-graphic { padding: 26px var(--match-inline-padding) 22px; }
  .match-labels h3 { font-size: 19px; }
}
@media (max-width: 680px) {
  .brand-story-layout { grid-template-columns: minmax(0, 1fr); gap: 56px; }
  .brand-story::before { background: radial-gradient(ellipse 110% 45% at 50% 80%, #68172759 0%, #35131f35 45%, transparent 80%), radial-gradient(ellipse 75% 30% at 55% 85%, #b8742824 0%, transparent 75%); }
  .phoenix-art { max-width: 320px; padding: 12px 18px; }
  .motion-on main .reading-copy { transition: color 300ms ease-out; }
  .motion-on main .reading-copy.is-reading-active { color: #e4dedb; }
}

/* Two quiet ambient layers; both pause outside the visible section. */
.invitation { isolation: isolate; overflow: hidden; }
.ambient::before { opacity: .9; }
.ambient::after {
  content: '';
  position: absolute;
  width: clamp(480px, 75vw, 950px);
  height: clamp(380px, 55vw, 680px);
  left: -140px;
  bottom: -240px;
  border-radius: 58% 42% 40% 60%;
  background: radial-gradient(ellipse, #d9a64923, transparent 68%);
  pointer-events: none;
}
.motion-on .ambient::before { animation: satin-crimson-drift 18s -7s ease-in-out infinite alternate; animation-play-state: paused; }
.motion-on .ambient::after { animation: satin-gold-drift 20s -11s ease-in-out infinite alternate; animation-play-state: paused; }
.motion-on .ambient.is-section-active::before, .motion-on .ambient.is-section-active::after,
.motion-on .is-section-active > .ambient::before, .motion-on .is-section-active > .ambient::after { animation-play-state: running; }
.clip-chevrons { display: block; width: min(76%, 96px); height: auto; aspect-ratio: 1; object-fit: contain; }
.motion-on .clip-process .clip-chevrons { animation: chevron-lift 4.8s ease-in-out both; animation-play-state: paused; }
.motion-on .clip-process .waveform i { animation: waveform-breathe 1.2s ease-in-out 4 alternate both; animation-play-state: paused; transform-origin: center; }
.motion-on .clip-process.is-section-active :is(.clip-chevrons, .waveform i) { animation-play-state: running; }
.motion-on .clip-process .waveform i:nth-child(2n) { animation-delay: -.55s; }
.motion-on .clip-process .waveform i:nth-child(3n) { animation-delay: -1.1s; }
.motion-on .clip-process .waveform i:nth-child(5n) { animation-delay: -.8s; }
.motion-on .match-graphic.is-motion-complete :is(.match-node, .match-mark, .match-signal)::after,
.motion-on .clip-process.is-motion-complete :is(.clip-chevrons, .waveform i) { animation: none; }
.page-hidden *, .page-hidden *::before, .page-hidden *::after,
.is-paused::before, .is-paused::after { animation-play-state: paused !important; }
html:not(.motion-on), html:not(.motion-on) *, html:not(.motion-on) *::before, html:not(.motion-on) *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
@keyframes satin-sheen { to { transform: translateX(80%); } }
@keyframes satin-crimson-drift { to { transform: translate(clamp(-150px, -9vw, -35px), 60px) rotate(18deg) scale(1.07); opacity: .65; } }
@keyframes satin-gold-drift { to { transform: translate(clamp(35px, 9vw, 150px), -55px) rotate(-14deg); opacity: .55; } }
@keyframes chevron-lift { 0%, 100% { transform: translateY(1px); } 50% { transform: translateY(-3px); } }
@keyframes waveform-breathe { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(.76); } }

@media (max-width: 1100px) {
  .nav-shell { gap: 20px; }
  .desktop-nav { gap: 20px; }
}
@media (max-width: 860px) {
  .wordmark.wordmark-lockup { gap: 10px; }
  .brand-mark { width: 30px; height: 30px; flex-basis: 30px; }
  .wordmark .wordmark-name { --brand-amp-size: 28px; --brand-network-size: 15px; }
  .nav-shell { gap: 14px; }
  .audience-grid { grid-template-columns: minmax(0, 1fr); }
  .audience-grid > .audience-card,
  .audience-grid > .audience-card + .audience-card { padding: 32px; }
  .split, .inquiry-panel { gap: 36px; }
  .faq-layout { gap: 30px; }
}
@media (max-width: 680px) {
  :root { --gutter: clamp(22px, 5.5vw, 30px); }
  body { font-size: 16px; line-height: 1.75; }
  .section { padding-block: 60px; }
  .hero { padding-block: 56px 64px; }
  .hero .copy > p:not(.eyebrow) { font-size: 16px; line-height: 1.75; }
  .audience-grid { gap: 28px; }
  .audience-grid > .audience-card,
  .audience-grid > .audience-card + .audience-card { padding: 28px 24px; }
  .audience-grid h2 { font-size: clamp(28px, 7.2vw, 33px); }
  .step { padding: 26px 24px 28px; }
  .steps:not(.icon-steps) .step > :is(h2, h3), .icon-steps .service-title { min-height: 0; }
  .audience-grid .actions { padding-top: 26px; }
  .service-row, .live-list > .live-item { padding: 26px 24px 28px; }
  .service-row { display: block; }
  .service-row > .step-number { padding-top: 0; margin-bottom: 15px; }
  .service-row .copy { display: block; }
  .service-row p:not(.eyebrow) { margin-top: 20px; }
  .service-row p:not(.eyebrow) + p { margin-top: 15px; }
  .service-title { gap: 14px; }
  .section-icon { width: 27px; height: 27px; }
  .faq summary { font-size: 19px; }
  .faq-answer > div { padding-right: 26px; }
  .contact-section { padding-top: 34px; }
  .contact-intro.copy > p:not(.eyebrow) { font-size: 16px; }
  .footer { padding-block: 36px; }
}
@media (max-width: 480px) {
  .actions { display: grid; width: 100%; grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .actions .button, .form-footer .button { width: 100%; min-width: 0; }
  .button { padding-inline: 20px; font-size: 14px; }
  .audience-grid .actions { align-self: stretch; }
  .wordmark.wordmark-lockup { gap: 9px; }
  .brand-mark { width: 27px; height: 27px; flex-basis: 27px; }
  .wordmark .wordmark-name { --brand-amp-size: 25px; --brand-network-size: 13px; }
  .nav-shell { gap: 10px; min-height: 82px; }
  .menu-toggle { min-height: 44px; padding: 9px 10px; font-size: 12px; }
  .contact-switch { display: grid; width: 100%; gap: 10px; }
  .contact-switch button { padding-inline: 12px; font-size: 14px; }
}
@media (max-width: 360px) {
  .match-graphic { --match-edge: 23%; }
  .match-labels > div { padding-inline: 3px; }
  .match-node { width: 48px; height: 48px; }
  .match-mark { width: 40px; height: 40px; left: calc(50% - 20px); }
  .brand-mark { width: 25px; height: 25px; flex-basis: 25px; }
  .wordmark .wordmark-name { --brand-amp-size: 23px; --brand-network-size: 12px; }
  .contact-switch button { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .digital-cursor, .cursor-trail { display: none; }
  .brand-story .phoenix-image { opacity: 1 !important; transform: none !important; }
  .brand-story::before { opacity: .8 !important; }
  main .reading-copy.is-reading-active { color: var(--soft) !important; }
}

/* Creator Partner: one clear offer, with the site's satin buttons and spacing. */
.partner-feature, .partner-application-hero, .partner-application-section {
  --partner-gold: #d8cea5;
  --partner-copy: #ded8d4;
  --partner-line: #583b3e;
}
.partner-feature { background: #141013; }
.partner-card { position: relative; isolation: isolate; min-width: 0; padding: clamp(28px, 4.2vw, 56px); border: 1px solid #483039; border-radius: 18px; overflow: hidden; background: #100e10; }
.partner-card::before { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 95% 0%, #61142c70, transparent 65%), radial-gradient(ellipse at 0% 100%, #9b6d181c, transparent 65%); }
.partner-card .eyebrow { color: var(--partner-gold); margin-bottom: 26px; }
.partner-card h2 { font-size: clamp(35px, 4.35vw, 58px); font-weight: 700; line-height: 1.12; max-width: 19em; }
.partner-card h2 > span, .partner-application-hero h1 > span { color: var(--partner-gold); }
.partner-intro { max-width: 61ch; color: var(--partner-copy); font-size: 16px; line-height: 1.85; margin-top: 24px; }
.partner-offers { display: grid; grid-template-columns: 1.12fr 1fr 1fr; margin-block: 36px 28px; border-block: 1px solid var(--partner-line); }
.partner-offer { min-width: 0; padding: 30px 28px 30px 0; }
.partner-offer + .partner-offer { border-left: 1px solid var(--partner-line); padding-left: 28px; }
.partner-offer:last-child { padding-right: 0; }
.partner-figure { display: block; margin-bottom: 14px; color: var(--text); font: 700 clamp(42px, 5vw, 64px)/1.12 Space Grotesk, sans-serif; letter-spacing: -.055em; white-space: nowrap; }
.partner-symbol { display: inline-block; color: var(--partner-gold); }
.partner-dollar { margin-right: 2px; transform-origin: 50% 65%; }
.motion-on .partner-dollar.partner-cash-shake { animation: partner-cash-shake 720ms ease-in-out 400ms 1 both; }
.partner-offer:nth-child(2) .partner-dollar.partner-cash-shake { animation-delay: 550ms; }
.partner-offer h3, .partner-included h3 { font: 700 15px/1.5 Manrope, sans-serif; letter-spacing: normal; text-wrap: initial; }
.partner-offer p { margin-top: 14px; color: var(--partner-copy); font-size: 15px; line-height: 1.8; }
.partner-intake { color: var(--partner-gold); font-size: 13px; font-weight: 600; line-height: 1.7; }
.partner-text-link { display: inline-flex; min-height: 48px; align-items: center; gap: 14px; padding-block: 10px; margin-top: 8px; font-size: 15px; line-height: 1.6; font-weight: 700; text-decoration-thickness: 1px; text-decoration-color: #a99d86; text-underline-offset: 7px; }
.partner-text-link > span { color: var(--partner-gold); text-decoration: none; transition: transform 180ms ease; }
.partner-text-link:is(:hover, :focus-visible) > span { transform: translateX(4px); }
.partner-note { max-width: 85ch; margin-top: 22px; color: #c0b8b5; font-size: 12px; line-height: 1.8; }
.partner-hero-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(32px, 5vw, 68px); align-items: start; }
.partner-creators h2 { font-size: clamp(35px, 4.1vw, 54px); }
.partner-included { min-width: 0; padding: 28px; border: 1px solid var(--partner-line); border-radius: 14px; background: #1a1216a8; }
.partner-included .partner-figure { font-size: clamp(44px, 5vw, 62px); }
.partner-included ul { display: grid; gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; color: var(--partner-copy); font-size: 15px; line-height: 1.6; }
.partner-included li { position: relative; padding-left: 18px; }
.partner-included li::before { content: ''; position: absolute; top: .65em; left: 0; width: 5px; height: 5px; background: var(--partner-gold); border-radius: 50%; }
.partner-process-header { margin-top: 42px; }
.partner-process-header h3, .partner-apply-intro h3 { font-size: clamp(24px, 2.6vw, 32px); line-height: 1.25; }
.partner-process { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; margin: 26px 0 18px; list-style: none; gap: 18px; }
.partner-process li { min-width: 0; position: relative; padding-bottom: 24px; }
.partner-process li::before, .partner-process li::after { content: ''; position: absolute; inset: auto 0 0; height: 2px; background: var(--partner-line); }
.partner-process li::after { background: var(--partner-gold); transform: scaleX(0); transform-origin: left; transition: transform 500ms ease; }
.partner-process li.is-active::after { transform: scaleX(1); }
.partner-process li > span { display: block; margin-bottom: 12px; color: var(--partner-copy); font: 500 13px/1.4 Space Grotesk, sans-serif; }
.partner-process li > strong { font-size: 15px; line-height: 1.6; }
.partner-result { color: var(--partner-copy); font-size: 15px; line-height: 1.8; }
.partner-secondary-offers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 32px; padding-block: 28px; border-block: 1px solid var(--partner-line); }
.partner-secondary-offers > div { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; }
.partner-secondary-offers .partner-figure { font-size: clamp(38px, 4vw, 46px); margin: 0; }
.partner-secondary-offers p { color: var(--partner-copy); font-size: 14px; line-height: 1.8; }
.partner-secondary-offers p > strong { color: var(--text); font-size: 14px; }
.partner-apply-intro { margin-top: 34px; max-width: 60ch; }
.partner-apply-intro p { margin-top: 14px; color: var(--partner-copy); font-size: 16px; line-height: 1.8; }
.partner-actions { margin-top: 24px; }
.partner-apply-button { min-height: 56px; }
.partner-apply-button::before { display: none; }
.partner-apply-button::after { content: ''; position: absolute; z-index: -1; pointer-events: none; inset: -35% auto -35% 0; width: 45%; background: linear-gradient(90deg, transparent, #fff3ce30, transparent); opacity: 0; transform: translateX(-160%) skewX(-18deg); }
.motion-on .partner-apply-button.partner-shine::after { animation: partner-button-shine 1100ms ease-in-out 1 both; }
.partner-response { margin-top: 16px; color: var(--partner-copy); font-size: 13px; line-height: 1.7; }
.partner-back-link { display: inline-flex; gap: 10px; align-items: center; min-height: 44px; margin-bottom: 28px; color: var(--partner-copy); font-size: 13px; }
.partner-application-hero h1 { max-width: 14em; font-size: clamp(42px, 5.6vw, 72px); }
.partner-application-hero .copy > .partner-intake { color: var(--partner-gold); font-size: 13px; }
.partner-application-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(36px, 6vw, 80px); align-items: start; }
.partner-application-context h2 { font-size: clamp(28px, 3vw, 40px); }
.partner-application-context.copy > p { color: var(--partner-copy); }
.partner-application-context.copy > .partner-note { color: #c0b8b5; font-size: 12px; }
.partner-choice-hint { margin: -4px 0 14px; }
.partner-application-section .form-fields { gap: 26px; }
@keyframes partner-cash-shake { 0%, 100% { transform: translateX(0) rotate(0); } 16% { transform: translateX(-2px) rotate(-6deg); } 32% { transform: translateX(2px) rotate(6deg); } 48% { transform: translateX(-1.5px) rotate(-4deg); } 64% { transform: translateX(1px) rotate(3deg); } 82% { transform: translateX(-.5px) rotate(-1deg); } }
@keyframes partner-button-shine { 0% { opacity: 0; transform: translateX(-160%) skewX(-18deg); } 18%, 75% { opacity: .8; } 100% { opacity: 0; transform: translateX(360%) skewX(-18deg); } }
@media (max-width: 980px) {
  .partner-card { padding: 36px; }
  .partner-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 30px; }
  .partner-secondary-offers > div { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .partner-offer { padding-right: 22px; }
  .partner-offer + .partner-offer { padding-left: 22px; }
  .partner-figure { font-size: clamp(38px, 5vw, 56px); }
  .partner-application-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .partner-application-context { max-width: 650px; }
}
@media (max-width: 680px) {
  .partner-card { padding: 30px 24px; }
  .partner-card h2 { font-size: clamp(30px, 6.8vw, 42px); }
  .partner-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .partner-offers { grid-template-columns: minmax(0, 1fr); margin-top: 28px; }
  .partner-offer, .partner-offer + .partner-offer { padding: 26px 0; border-left: 0; }
  .partner-offer + .partner-offer { border-top: 1px solid var(--partner-line); }
  .partner-figure, .partner-included .partner-figure { font-size: 52px; }
  .partner-offer p { max-width: 42ch; }
  .partner-included { padding: 26px 22px; }
  .partner-process { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 18px; }
  .partner-process-header { margin-top: 34px; }
  .partner-secondary-offers { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .partner-secondary-offers > div { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .partner-secondary-offers > div + div { padding-top: 24px; border-top: 1px solid var(--partner-line); }
  .partner-intro, .partner-apply-intro p { font-size: 16px; line-height: 1.8; }
  .partner-application-hero h1 { font-size: clamp(39px, 9vw, 54px); }
}
@media (max-width: 390px) {
  .partner-card { padding: 28px 22px; }
  .partner-card h2 { font-size: 30px; }
  .partner-figure, .partner-included .partner-figure { font-size: 46px; }
  .partner-process { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .partner-process li { display: flex; align-items: baseline; gap: 15px; }
  .partner-process li > span { margin: 0; }
  .partner-text-link { font-size: 14px; gap: 9px; }
  .partner-apply-button { width: 100%; min-width: 0; padding-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .partner-process li::after { transform: scaleX(1); }
}

/* Conversion preview: clear roles for color, open benefit rows, one application path. */
:root { --accent-quiet: #d8cea5; }
.audience-grid .eyebrow, .service-row .eyebrow, .match-topline { color: #d3cdca; }
.step-number, .footer .handle { color: var(--accent-quiet); }
.match-creator { color: #e1dad4; border-color: #655552; }
.signal-in { color: #e1dad4; }
.match-graphic figcaption { color: #d4cdca; }
.copy-list li::before { background: var(--accent-quiet); }
.quiet-cta { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 10px 4px; color: var(--text); font-size: 14px; font-weight: 600; text-underline-offset: 6px; text-decoration-color: #817671; }
.quiet-cta { text-decoration: none; }
.quiet-cta > .quiet-cta-label { color: var(--text); text-decoration: underline; text-underline-offset: 6px; text-decoration-color: #817671; }
.quiet-cta > span[aria-hidden] { color: var(--accent-quiet); }
.quiet-cta:hover { text-decoration-color: var(--accent-quiet); }
.partner-text-link { text-decoration: none; }
.partner-text-link > .partner-link-label { color: var(--text); text-decoration: underline; text-decoration-color: #a99d86; text-decoration-thickness: 1px; text-underline-offset: 7px; }
.partner-text-link:is(:hover, :focus-visible) > .partner-link-label { transform: none; }
body[data-page="creators"] .hero h1 { max-width: 13.5em; font-size: clamp(46px, 6vw, 82px); }
body[data-page="creators"] .hero .copy > p:not(.eyebrow) { max-width: 660px; color: #d4cdca; }
.partner-support { background: #161214; }
.partner-overview { grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); align-items: center; gap: 64px; }
.partner-overview h2 { max-width: 14em; font-size: clamp(36px, 4.25vw, 56px); line-height: 1.14; }
.partner-overview h2 > span { color: var(--partner-gold); }
.partner-support-value { border-left: 1px solid #63534a; padding-left: 38px; }
.partner-support-value h3 { font: 700 16px/1.5 Manrope, sans-serif; letter-spacing: 0; }
.partner-support-value > p { color: var(--partner-copy); font-size: 15px; line-height: 1.8; margin-top: 14px; max-width: 29ch; }
.partner-services { margin-top: 60px; }
.partner-service-feature { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .88fr); gap: clamp(32px, 6vw, 80px); align-items: center; }
.partner-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 20px; }
.partner-service { min-width: 0; padding: 28px; border: 1px solid #40303a; border-radius: 14px; background: #151114; }
.partner-service h3 { max-width: 22ch; font-size: clamp(25px, 2.6vw, 33px); line-height: 1.2; }
.partner-service .partner-service-text { margin-top: 18px; max-width: 48ch; color: var(--partner-copy); font-size: 16px; line-height: 1.8; }
.partner-service .partner-service-label { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; font: 600 11px/1.5 Manrope, sans-serif; letter-spacing: .1em; color: #c4bab5; }
.partner-service-label :is(img, svg) { display: block; flex: 0 0 24px; width: 24px; height: 24px; color: var(--accent-quiet); }
.partner-content-graphic { margin: 0; padding: 24px; border-color: #574744; background: linear-gradient(135deg, #211b1b, #151314); }
.partner-content-graphic .process-label { font-size: 12px; }
.partner-content-graphic .recording { border-color: #66534a; background: #1a1718; }
.partner-content-graphic .recording > p { margin: 0; font-size: 10px; }
.partner-content-graphic .recording > p > span { color: var(--partner-gold); }
.partner-content-graphic .process-arrow { color: var(--partner-gold); }
.partner-content-graphic .post-card { max-height: 215px; border-color: #7c6551; background: linear-gradient(155deg, #403328, #211b1a 80%); }
.partner-content-graphic .caption-lines i { background: var(--partner-gold); }
.partner-content-graphic .waveform i:nth-child(n+7):nth-child(-n+11) { background: var(--partner-gold); }
.partner-content-graphic .process-caption { font-size: 11px; margin: 0; }
.partner-content-graphic figcaption { color: #c4bab5; border-color: #574744; font-size: 12px; }
.motion-on .partner-content-graphic .clip-chevrons { animation-iteration-count: 1; }
.motion-on .partner-content-graphic .waveform i { animation-iteration-count: 4; }
.partner-business { background: var(--bg); }
.partner-business-intro h2 { max-width: 16em; }
.partner-business .partner-process { margin-top: 40px; margin-bottom: 24px; }
.partner-business .partner-process li { padding-top: 0; }
.partner-business .partner-process li > strong { font: 600 clamp(20px, 2vw, 25px)/1.3 Space Grotesk, sans-serif; letter-spacing: -.025em; }
.partner-business .partner-process li > span { color: var(--partner-gold); }
.partner-business .opportunity-layout { margin-top: clamp(36px, 4vw, 52px); padding-top: clamp(32px, 3vw, 42px); border-top: 1px solid var(--partner-line); }
.partner-business .opportunity-heading h2 { font-size: clamp(32px, 3.2vw, 42px); }
.partner-business .partner-secondary-offers { margin-top: 40px; padding-block: 34px; }
.partner-fit { background: #191416; }
.partner-fit-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(36px, 7vw, 96px); align-items: start; }
.partner-fit h2 { max-width: 17ch; font-size: clamp(34px, 3.8vw, 50px); line-height: 1.14; }
.partner-fit .partner-intake { margin-top: 24px; }
.partner-fit-signals { list-style: none; margin: 0; padding: 0; }
.partner-fit-signals li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 18px; padding: 23px 0; border-top: 1px solid var(--partner-line); }
.partner-fit-signals li:first-child { padding-top: 0; border-top: 0; }
.partner-fit-signals h3 { font-size: 24px; }
.partner-fit-signals p { margin-top: 10px; color: var(--partner-copy); font-size: 15px; line-height: 1.8; }
.partner-final-application .partner-fit-layout { text-align: left; }
.partner-final-application .partner-fit-layout > .copy { margin: 0; }
.partner-final-application .partner-fit-layout .eyebrow,
.partner-final-application .partner-fit-layout .actions { justify-content: flex-start; }
.partner-final-application .partner-fit-layout .eyebrow::before { display: block; }
.partner-final-application .partner-fit-layout h2 { max-width: 17ch; }
.partner-final-application .partner-intake { margin-top: 24px; }
.partner-final-application .partner-fit-layout .quiet-cta { margin-inline: 0; }
.partner-final-actions { max-width: 440px; margin: 36px auto 0; text-align: center; }
.partner-final-actions .partner-intake { margin-top: 0; }
.partner-final-actions .actions { margin-top: 24px; justify-content: center; }
.partner-final-actions .quiet-cta { display: inline-flex; justify-content: center; margin-inline: auto; }
.partner-final-actions .quiet-cta::before { content: ''; flex: 0 0 14px; }
.partner-final-actions .quiet-cta > span[aria-hidden] { flex: 0 0 14px; }
.partner-final-actions .quiet-cta-label { white-space: nowrap; }
.partner-apply-row { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 38px; padding-top: 32px; border-top: 1px solid var(--partner-line); }
.partner-apply-row .partner-apply-intro { margin: 0; max-width: 48ch; }
.partner-apply-row .partner-actions { margin: 0; flex-shrink: 0; max-width: 330px; }
.partner-apply-row .partner-response { max-width: 32ch; }
.partner-next-steps { list-style: none; padding: 0; margin: 32px 0; counter-reset: next-step; }
.partner-next-steps li { position: relative; padding: 0 0 24px 36px; counter-increment: next-step; }
.partner-next-steps li::before { content: counter(next-step, decimal-leading-zero); position: absolute; left: 0; top: 2px; color: var(--partner-gold); font-size: 12px; }
.partner-next-steps h3 { margin: 0; font-size: 20px; }
.partner-next-steps p { margin-top: 10px; font-size: 15px; color: var(--partner-copy); }
@media (max-width: 980px) {
  .partner-overview { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 32px; }
  .partner-support-value { padding-left: 28px; }
  .partner-service-feature { gap: 32px; }
  .partner-service-grid { gap: 20px; }
  .partner-apply-row { align-items: start; }
  .partner-application-layout > div:last-child { grid-row: 1; }
  .partner-application-context { grid-row: 2; }
}
@media (max-width: 680px) {
  body[data-page="creators"] .hero h1 { font-size: clamp(40px, 9.8vw, 61px); }
  .partner-overview, .partner-service-feature, .partner-service-grid, .partner-fit-layout { grid-template-columns: minmax(0, 1fr); }
  .partner-overview { gap: 32px; }
  .partner-overview h2 { font-size: clamp(34px, 8vw, 46px); }
  .partner-support-value { padding: 26px 0 0; border-left: 0; border-top: 1px solid var(--partner-line); }
  .partner-support-value > p { max-width: 42ch; }
  .partner-services { margin-top: 34px; }
  .partner-service { padding: 24px; }
  .partner-service-feature { gap: 28px; }
  .partner-service .partner-service-label { margin-bottom: 18px; }
  .partner-service h3 { max-width: 23ch; font-size: 29px; }
  .partner-service .partner-service-text { font-size: 16px; }
  .partner-content-graphic { padding: 22px; }
  .partner-content-graphic .recording > p { font-size: 10px; }
  .partner-content-graphic .process-caption { font-size: 11px; }
  .partner-fit-layout { gap: 32px; }
  .partner-final-actions { margin-top: 32px; }
  .partner-final-actions .actions, .partner-final-actions .button { width: 100%; }
  .partner-fit h2 { max-width: 18ch; }
  .partner-fit-signals li:first-child { border-top: 1px solid var(--partner-line); padding-top: 24px; }
  .partner-apply-row { display: block; margin-top: 14px; }
  .partner-apply-row .partner-actions { margin-top: 26px; max-width: none; }
  .partner-apply-row .partner-response { max-width: none; }
  .partner-apply-row .button { width: 100%; }
  .actions > .quiet-cta { width: auto; margin-inline: auto; }
}
@media (max-width: 360px) {
  .partner-content-graphic { padding: 18px; }
  .partner-content-graphic .clip-grid { gap: 14px 6px; grid-template-columns: minmax(0, 1.2fr) 12px minmax(0, 1fr); }
  .partner-content-graphic .recording > p { font-size: 9px; }
  .partner-content-graphic .process-label, .partner-content-graphic .process-caption { font-size: 10px; }
}

/* Business path: a clear offer, quick choices, and the full service detail. */
.business-hero-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, .85fr); gap: clamp(36px, 5vw, 76px); align-items: center; }
.business-hero h1 { max-width: 13.8ch; font-size: clamp(44px, 5.2vw, 74px); line-height: 1.08; }
.business-hero .copy > p:not(.eyebrow) { max-width: 55ch; color: #d4cdca; }
.business-hero .business-promise { padding-left: 32px; border-left: 1px solid #615249; }
.business-promise h2 { max-width: 14ch; font-size: clamp(28px, 2.6vw, 35px); line-height: 1.15; }
.business-promise .eyebrow { font-size: 10px; margin-bottom: 22px; }
.business-promise ol { list-style: none; padding: 0; margin: 30px 0 0; display: grid; gap: 23px; }
.business-promise li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; }
.business-promise li > span { color: var(--accent-quiet); font: 500 12px/1.8 Space Grotesk, sans-serif; }
.business-promise h3 { margin: 0; font: 700 15px/1.5 Manrope, sans-serif; letter-spacing: 0; }
.business-promise li p { margin-top: 7px; color: #c9c1bd; font-size: 14px; line-height: 1.75; }
.business-options-section .copy { max-width: 770px; }
.business-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 36px; }
.business-option { display: flex; flex-direction: column; padding: 30px 28px; border: 1px solid #55423e; border-radius: 14px; background: linear-gradient(140deg, #231b1c, #151314); color: var(--text); text-decoration: none; transition: border-color 180ms ease, background-color 180ms ease; }
.business-option h3 { font-size: 27px; line-height: 1.2; max-width: 18ch; }
.business-option p { margin-top: 18px; color: #d4cdca; line-height: 1.75; font-size: 15px; }
.business-option-link { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 28px; color: var(--accent-quiet); font-size: 12px; font-weight: 600; }
.business-option-link > span { transition: transform 180ms ease; }
.business-option:is(:hover, :focus-visible) { border-color: #ac9265; }
.business-option:is(:hover, :focus-visible) .business-option-link > span { transform: translateY(3px); }
@supports (grid-template-rows: subgrid) {
  .business-option { display: grid; grid-template-rows: subgrid; grid-row: span 3; row-gap: 0; }
}
.business-services .service-row { scroll-margin-top: calc(var(--nav-offset, 100px) + 24px); }
.business-wider-plan .copy { max-width: 770px; }
@media (max-width: 980px) {
  .business-hero-layout { grid-template-columns: minmax(0, 1fr); gap: 42px; }
  .business-hero h1 { max-width: 17ch; font-size: clamp(44px, 7vw, 64px); }
  .business-hero .business-promise { max-width: none; padding: 30px 0 0; border-left: 0; border-top: 1px solid #615249; }
  .business-promise h2 { max-width: none; font-size: 28px; }
  .business-promise ol { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .business-option { padding: 26px 22px; }
  .business-option h3 { font-size: 23px; }
}
@media (max-width: 680px) {
  .business-hero h1 { max-width: 15ch; font-size: clamp(40px, 9.8vw, 58px); }
  .business-hero-layout { gap: 34px; }
  .business-promise ol, .business-options { grid-template-columns: minmax(0, 1fr); }
  .business-promise ol { gap: 20px; margin-top: 26px; }
  .business-promise h2 { max-width: 18ch; }
  .business-promise li p { max-width: 42ch; font-size: 15px; }
  .business-options { gap: 18px; margin-top: 28px; }
  .business-option { padding: 26px 24px; }
  .business-option h3 { font-size: 27px; max-width: 18ch; }
  .business-option-link { padding-top: 24px; }
}

/* Example briefs show the reasoning behind a match without implying live results. */
.match-preview { background: #141113; padding-block: clamp(56px, 5vw, 72px); }
.match-preview-enhanced > .wrap { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.3fr); grid-template-rows: auto 1fr; column-gap: clamp(36px, 5vw, 64px); row-gap: 28px; align-items: start; }
.match-preview-enhanced .match-preview-intro { grid-column: 1; grid-row: 1; }
.match-preview-enhanced .match-preview-controls { grid-column: 1; grid-row: 2; margin: 0; }
.match-preview-enhanced .match-preview-panels { grid-column: 2; grid-row: 1 / span 2; }
.match-preview-intro { max-width: 740px; }
.match-preview-intro h2 { max-width: 18ch; font-size: clamp(32px, 3.1vw, 44px); }
.match-preview-enhanced .match-preview-intro h2 { max-width: 13ch; }
.match-preview-intro > p:not(.eyebrow) { margin-top: 22px; color: #d4cdca; }
.match-preview-intro .match-preview-note { margin-top: 12px; color: #bcb4b0; font-size: 13px; }
.match-preview-controls { border: 0; padding: 0; margin: 34px 0 24px; min-width: 0; }
.match-preview-controls legend { padding: 0; margin-bottom: 14px; color: #cec6c1; font-size: 13px; font-weight: 600; }
.match-preview-choices { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.match-preview-choice { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 14px 20px; border: 1px solid #534640; border-radius: var(--control-radius); background: #191516; color: #e2dbd7; font-size: 14px; font-weight: 600; cursor: pointer; transition: border-color 180ms ease, background-color 180ms ease; }
.match-preview-choice input { width: 17px; height: 17px; margin: 0; flex: 0 0 17px; accent-color: var(--accent-quiet); }
.match-preview-choice:has(input:checked) { border-color: #978967; background: #25211c; color: #eee7d4; }
.match-preview-choice:has(input:focus-visible) { outline: 2px solid var(--accent-quiet); outline-offset: 4px; }
.match-preview-choice input:focus-visible { outline: none; }
.match-preview-panels { display: grid; gap: 24px; margin-top: 34px; }
.match-preview-enhanced .match-preview-panels { margin-top: 0; }
.match-preview-panel { display: flex; flex-direction: column; min-width: 0; padding: 32px; border: 1px solid #55403f; border-radius: 16px; background: radial-gradient(ellipse at 0 0, #7b21352b, transparent 64%), #171315; }
.match-preview-enhanced .match-preview-panel { min-height: 600px; }
.match-preview-kind { margin-bottom: 14px; color: var(--accent-quiet); font-size: 12px; font-weight: 600; }
.match-preview-kind > span { margin-inline: 7px; color: #8d8175; }
.match-preview-heading h3 { max-width: 28ch; font-size: clamp(27px, 2.4vw, 32px); line-height: 1.15; }
.match-preview-path { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin: 28px 0; }
.match-preview-path::before { content: ''; position: absolute; top: 14px; bottom: 14px; left: 14px; border-left: 1px solid #62504a; pointer-events: none; }
.match-preview-path > div { position: relative; min-width: 0; }
.match-preview-path dt { display: flex; align-items: center; gap: 15px; color: #f0eae5; font-size: 14px; font-weight: 700; }
.match-preview-node { display: grid; place-items: center; width: 29px; height: 29px; flex: 0 0 29px; border: 1px solid #87785e; border-radius: 50%; background: #211a1b; color: var(--accent-quiet); font: 500 11px/1 Space Grotesk, sans-serif; }
.match-preview-path dd { margin: 7px 0 0 44px; max-width: 60ch; color: #d0c8c3; font-size: 15px; line-height: 1.65; }
.match-preview-next { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: auto; padding-top: 24px; border-top: 1px solid #55433d; }
.match-preview-next h4 { margin: 0 0 9px; color: #eee6d4; font: 700 14px/1.5 Manrope, sans-serif; }
.match-preview-next p { max-width: 48ch; color: #c7bfba; font-size: 14px; line-height: 1.75; }
.match-preview-next .button { flex-shrink: 0; }
.match-preview-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.motion-on .match-preview-entering { animation: match-preview-arrive 200ms ease-out both; }
@keyframes match-preview-arrive { from { opacity: .5; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (max-width: 980px) {
  .match-preview-enhanced > .wrap { display: block; }
  .match-preview-enhanced .match-preview-intro h2 { max-width: 18ch; }
  .match-preview-enhanced .match-preview-controls { margin: 28px 0 22px; }
  .match-preview-choices { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .match-preview-choice { min-height: 54px; }
  .match-preview-panel { padding: 30px 26px; }
  .match-preview-enhanced .match-preview-panel { min-height: 0; }
  .match-preview-path { gap: 24px; }
  .match-preview-next { align-items: flex-start; flex-direction: column; gap: 22px; }
}
@media (max-width: 680px) {
  .match-preview-choices { gap: 8px; }
  .match-preview-choice { flex-direction: column; justify-content: flex-start; gap: 10px; padding: 13px 8px; min-height: 90px; font-size: 12px; line-height: 1.5; text-align: center; text-wrap: balance; }
  .match-preview-choice > span { max-width: 10ch; }
}
@media (max-width: 480px) {
  .match-preview-panel { padding: 26px 22px; }
  .match-preview-heading h3 { font-size: 28px; }
  .match-preview-path { margin-block: 28px; }
  .match-preview-next .button { width: 100%; padding-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-on .match-preview-entering { animation: none; }
  .match-preview-choice { transition: none; }
}

/* Quiet selection states share the warm neutral accent; primary actions stay crimson. */
.choice:has(input:checked) { background: #25211d; border-color: #918269; color: var(--text); }
.button.secondary:not(:disabled):is(:hover, :focus-visible) { background: #29211f; border-color: #a39477; }
.quiet-cta:is(:hover, :focus-visible) > .quiet-cta-label { text-decoration-color: var(--accent-quiet); }
.invitation-secondary { margin-top: 20px; }
.invitation .quiet-cta-label { white-space: nowrap; }
.application-route-link { margin-top: 18px; }

/* The compact header has room for the menu affordance after retiring Motion. */
@media (max-width: 390px) { .menu-symbol { display: block; flex: 0 0 12px; } }

/* Editorial rhythm: spend space on the work, with clear chapter breaks. */
:root { --blaze: linear-gradient(90deg, #bd1034 0%, #f04425 42%, #ff981d 76%, #f3d985 100%); }
.section { padding-block: clamp(56px, 5.5vw, 80px); }
.compact-section { padding-block: clamp(44px, 4vw, 60px); }
.hero { padding-block: clamp(56px, 5.5vw, 80px); }
.footer { padding-block: 36px; }
.partner-process li::after { background: var(--blaze); height: 3px; }
.partner-process li.is-active::after { box-shadow: 0 0 10px #f0442533; }
.scroll-progress span { background: var(--blaze); }
.editorial-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 80px); align-items: start; }
.editorial-layout .copy { max-width: none; }
.editorial-heading h2 { max-width: 19ch; }
.editorial-body > p:first-child { margin-top: 0; }
.editorial-body .actions { margin-top: 26px; }
.live-support-intro { margin-bottom: 34px; }
.live-support-layout .live-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.live-support-layout .live-item { padding: 28px; }
.live-support-layout .live-item .copy { max-width: none; }
.icon-steps .service-title { min-height: 0; }
.icon-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.icon-steps .step { padding: 26px 28px; }
.icon-steps .service-title { flex-direction: row; align-items: flex-start; gap: 16px; }
.icon-steps .service-title h3 { font-size: 25px; line-height: 1.2; }
.icon-steps .section-icon { width: 28px; height: 28px; margin-top: 2px; }
.icon-steps .step p { margin-top: 16px; }
/* Earning routes are alternatives, each paired with the work a creator would do. */
.opportunity-layout { display: grid; gap: 30px; }
.partnership-copy .opportunity-heading { max-width: 820px; }
.opportunity-heading h2 { max-width: 22ch; }
.creator-icon { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; color: var(--accent-quiet); }
.creator-icon svg { display: block; width: 28px; height: 28px; }
.opportunity-formats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; list-style: none; padding: 0; margin: 0; }
.opportunity-formats li { position: relative; display: grid; grid-template-columns: 28px minmax(0, 1fr); align-content: start; gap: 16px; padding: 26px 28px; border: 1px solid #40303a; border-radius: 14px; background: #151114; }
.opportunity-formats li > div { display: contents; }
.opportunity-formats .creator-icon { width: 28px; height: 28px; margin-top: 2px; }
.opportunity-formats h3 { margin: 0; font-size: 25px; line-height: 1.2; }
.opportunity-formats p { grid-column: 1 / -1; margin: 0; max-width: none; color: var(--soft); font-size: 16px; line-height: 1.75; }
.opportunity-terms { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 32px; padding: 28px 30px; border-left: 2px solid #a27e4c; background: linear-gradient(120deg, #32251c66, transparent); }
.opportunity-terms h3 { margin: 0; font-size: 30px; }
.opportunity-terms .eyebrow { margin-bottom: 16px; }
.opportunity-terms .actions { grid-column: 1; margin-top: 0; align-self: start; }
.opportunity-terms > .copy { grid-column: 2; grid-row: 1 / span 2; }
.opportunity-terms .copy > p { font-size: 15px; }
.opportunity-terms .copy > p:first-child { margin-top: 0; }
@media (min-width: 981px) { .match-preview-enhanced .match-preview-panel { min-height: 530px; } }
.faq-layout { grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); align-items: start; }
.faq-layout > .copy { position: sticky; top: calc(var(--nav-offset) + 32px); }
.faq-layout > .copy > p:not(.eyebrow) { max-width: 31ch; font-size: 15px; }
.faq details { padding-block: 14px; }
.faq-answer p { color: #d4cdca; }
.edit-caption { width: 100%; display: grid; gap: 5px; text-align: center; }
.edit-caption span { padding: 5px 3px; background: #181416cc; color: #e5ddc5; font-size: 9px; line-height: 1.4; }

/* The hero keeps the focus on the message and its two next steps. */
.focused-hero h1, body[data-page="creators"] .focused-hero h1 { font-size: clamp(46px, 5.2vw, 72px); line-height: 1.07; max-width: 15ch; }
.focused-hero .copy > p:not(.eyebrow) { font-size: 17px; max-width: 56ch; }
@media (max-width: 860px) {
  .faq-layout > .copy { position: static; }
  .faq-layout { grid-template-columns: minmax(0,1fr); }
  .faq-layout > .copy > p:not(.eyebrow) { max-width: 58ch; }
  .editorial-layout, .opportunity-layout { gap: 32px; }
}
@media (max-width: 680px) {
  .section { padding-block: 48px; }
  .compact-section { padding-block: 40px; }
  .hero { padding-block: 44px 48px; }
  .footer { padding-block: 32px; }
  .focused-hero h1, body[data-page="creators"] .focused-hero h1 { font-size: clamp(39px, 9.6vw, 59px); }
  .focused-hero .copy > p:not(.eyebrow) { font-size: 16px; }
  .editorial-layout, .opportunity-layout, .live-support-layout .live-list, .icon-steps { grid-template-columns: minmax(0, 1fr); }
  .editorial-layout { gap: 22px; }
  .editorial-heading h2 { max-width: 22ch; }
  .opportunity-terms { padding: 24px; }
  .icon-steps .step, .live-support-layout .live-item { padding: 24px; }
  .icon-steps .service-title h3 { font-size: 25px; }
  .brand-story-layout { gap: 30px; }
  .phoenix-art { max-width: 250px; }
  .match-preview-enhanced .match-preview-panel { min-height: 0; }
  .faq summary { font-size: 19px; }
}
@media (min-width: 861px) {
  .partner-content-graphic { max-width: 460px; justify-self: end; }
  .partner-content-graphic .post-card { max-height: 180px; }
}

/* The support inset shares the offer's dark satin surface and warm accents. */
.partner-home { --offer-inset: 24px; }
.partner-home .partner-offers { gap: clamp(20px, 3vw, 36px); border-top: 0; padding-bottom: 28px; align-items: start; }
.partner-home .partner-offer { padding: 24px var(--offer-inset); border-left: 0; }
.partner-home .partner-offer-support { padding: 24px var(--offer-inset); border-radius: 12px; background: linear-gradient(135deg,#44273555,#29201855); box-shadow: inset 0 0 0 1px #ad89504d; color: var(--text); }
.partner-home .partner-offer-support .partner-figure { color: var(--text); }
.partner-home .partner-offer-support .partner-symbol { color: var(--partner-gold); }
.partner-home .partner-figure { font-size: clamp(42px, 4.6vw, 58px); }
.partner-home .partner-offer-support h3 { color: var(--text); }
.partner-home .partner-offer-support p { color: var(--partner-copy); }
.partner-home .partner-offer-support .partner-support-note { font-size: 11px; line-height: 1.65; margin-top: 15px; }
.partner-home > .actions { margin-top: 22px; }
@media (min-width: 681px) and (max-width: 980px) {
  .partner-home .partner-offers { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .partner-home .partner-offer-support { grid-column: 1/-1; display: grid; grid-template-columns: minmax(170px,.8fr) minmax(0,1.2fr); column-gap: 28px; }
  .partner-home .partner-offer-support .partner-figure { grid-row: 1/span 3; align-self: center; }
  .partner-home .partner-offer-support h3, .partner-home .partner-offer-support p { grid-column: 2; }
}
@media (max-width: 680px) {
  .partner-home .partner-offers { gap: 0; padding-bottom: 0; }
  .partner-home .partner-offer-support { margin-bottom: 24px; }
  .partner-home .partner-offer + .partner-offer { padding: 24px var(--offer-inset); }
}
@media (max-width: 360px) {
  .partner-home { --offer-inset: 20px; }
  .partner-home .partner-figure { font-size: 40px; }
}

/* Creator questions stay native, with a generous full-row dropdown target. */
.creator-faq .faq { display: grid; gap: 10px; }
.creator-faq .faq details { padding: 0; border: 1px solid #49363e; border-radius: 10px; background: #181316; transition: border-color 200ms ease, background-color 200ms ease; }
.creator-faq .faq details[open] { border-color: #81694e; background: linear-gradient(120deg, #3d222a55, transparent), #181316; }
.creator-faq .faq summary { min-height: 66px; padding: 20px 52px 20px 22px; font-size: 19px; }
.creator-faq .faq summary::before, .creator-faq .faq summary::after { top: 50%; width: 8px; height: 1.5px; opacity: 1; background: var(--accent-quiet); }
.creator-faq .faq summary::before { right: 26px; transform: rotate(45deg); }
.creator-faq .faq summary::after { right: 21px; transform: rotate(-45deg); }
.creator-faq .faq :is(details[open], details.is-opening) summary::before { transform: rotate(-45deg); opacity: 1; }
.creator-faq .faq :is(details[open], details.is-opening) summary::after { transform: rotate(45deg); }
.creator-faq .faq details.is-closing summary::before { transform: rotate(45deg); }
.creator-faq .faq details.is-closing summary::after { transform: rotate(-45deg); }
.creator-faq .faq-answer > div { padding: 0 22px 22px; }
.invitation .quiet-cta::before { content: ''; flex: 0 0 14px; }
.invitation .quiet-cta > span[aria-hidden] { flex: 0 0 14px; }
body[data-page="creators"] .invitation .actions { flex-direction: column; gap: 12px; }
@media (max-width: 680px) {
  .partner-process { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .partner-process li { display: flex; align-items: baseline; gap: 15px; padding-bottom: 22px; }
  .partner-process li > span { margin: 0; }
  .partner-fit-signals li { gap: 14px; }
  .opportunity-formats, .opportunity-terms { grid-template-columns: minmax(0, 1fr); }
  .opportunity-formats { gap: 24px; }
  .opportunity-formats li { padding: 24px; gap: 16px; }
  .opportunity-terms { padding: 26px 24px; gap: 24px; }
  .opportunity-terms > .copy { grid-column: auto; grid-row: auto; }
  .opportunity-terms .actions { margin-top: 0; }
  .creator-faq .faq summary { padding-left: 20px; font-size: 18px; }
  .creator-faq .faq-answer > div { padding-inline: 20px; }
}

/* Creator learning stays compact; the full exercises have their own workspace. */
.creator-education { background: linear-gradient(120deg, #29171d33, transparent 65%), #101010; }
.education-layout { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: 32px 64px; align-items: start; }
.education-intro h2 { max-width: 12ch; }
.education-intro > p:not(.eyebrow) { font-size: 16px; }
.education-intro > p.education-note { font-size: 13px; line-height: 1.75; max-width: 42ch; }
.education-lessons { display: grid; gap: 14px; list-style: none; padding: 0; margin: 0; }
.education-lessons > li { border: 1px solid #49363e; border-radius: 14px; background: #181316; }
.education-lesson-content { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 20px; padding: 24px 26px; text-decoration: none; border-radius: inherit; }
.education-lesson-mark { display: grid; gap: 12px; align-content: start; color: var(--accent-quiet); font: 600 11px/1.5 Manrope, sans-serif; text-align: center; }
.education-lesson-mark svg { width: 28px; height: 28px; }
.education-lesson-content h3 { font-size: 24px; line-height: 1.2; text-wrap: pretty; }
.education-lesson-content p { color: var(--soft); font-size: 14px; line-height: 1.7; margin-top: 10px; }
.education-open { display: inline-flex; align-items: center; gap: 10px; color: var(--accent-quiet); font-size: 12px; font-weight: 600; margin-top: 15px; }
.education-paths { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 12px 40px; border-top: 1px solid var(--line); padding-top: 24px; color: var(--soft); font-size: 13px; }
.education-paths a { color: var(--text); }
@media (max-width: 860px) {
  .education-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .education-intro h2 { max-width: none; }
  .education-intro > .education-note { max-width: 58ch; }
}
@media (max-width: 390px) {
  .education-lesson-content { padding: 22px 20px; gap: 14px; }
  .education-lesson-content h3 { font-size: 21px; }
}

/* Hiring-cost projection: separate from the Creator Partner program terms. */
.visually-hidden { position: absolute!important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.service-value { background: linear-gradient(150deg, #29171d55, transparent 62%), #151114; }
.value-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; margin-bottom: 32px; }
.value-heading .eyebrow { margin-bottom: 20px; }
.value-heading h2 { max-width: 16ch; }
.value-heading > p { max-width: 49ch; color: #e0d5da; font-size: 17px; line-height: 1.8; }
.value-stage { position: relative; isolation: isolate; border: 1px solid #685047; border-radius: 18px; background: radial-gradient(ellipse at 0 0,#832d3636,transparent 65%), linear-gradient(125deg,#26181e,#1a1618); padding: 28px 36px 0; overflow: hidden; }
.value-controls-row { display: flex; justify-content: space-between; gap: 18px; align-items: end; }
.value-controls { margin: 0; padding: 0; border: 0; min-width: 0; }
.value-controls legend, .value-static-scope { font-size: 13px; color: #ddd5ce; font-weight: 650; margin-bottom: 12px; }
.value-choices { display: flex; gap: 8px; }
.value-choices label { cursor: pointer; position: relative; }
.value-choices input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.value-choices span { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 18px; border: 1px solid #68565e; border-radius: 7px; background: #171215; font-size: 14px; color: #d1c7cd; }
.value-choices input:checked + span { border-color: #bd9b63; color: #e9ddb4; background: #8e713322; box-shadow: inset 0 0 0 1px #bd9b6333; }
.value-choices input:focus-visible + span { outline: 2px solid var(--gold); outline-offset: 4px; }
.value-replay { display: inline-flex; align-items: center; gap: 7px; color: #c4b6be; background: transparent; padding: 8px 0 8px 14px; min-height: 44px; font-size: 12px; }
.value-replay span { font-size: 20px; }
.value-replay:disabled { opacity: .55; cursor: default; }
.value-replay:hover:not(:disabled) { color: #f3d985; }
.value-scope-summary { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 24px; padding-bottom: 22px; border-bottom: 1px solid #534047; color: #c6bdc3; font-size: 13px; }
.value-scope-summary strong { font-weight: 500; color: #eee6e9; }
.value-scope-summary > span[aria-hidden] { color: #b79960; }
.value-overview { display: grid; grid-template-columns: .92fr 1.08fr; gap: clamp(24px,4vw,64px); align-items: center; padding: 24px 0; }
.value-total { position: relative; }
.value-total h3 { font: 600 15px/1.5 Manrope,sans-serif; color: #e4d8b2; letter-spacing: 0; text-wrap: initial; max-width: 27ch; }
.value-amount { display: flex; gap: 12px; align-items: baseline; margin-top: 7px; white-space: nowrap; }
.value-amount > strong { font: 600 clamp(46px,5.4vw,72px)/1.2 Space Grotesk,sans-serif; letter-spacing: -.065em; font-variant-numeric: tabular-nums; }
.value-amount > strong > span { color: #d8cea5; }
.value-amount > span { color: #c7bfc3; font-size: 15px; }
.value-currency { font-size: 12px; line-height: 1.6; color: #bfb3bb; margin-top: 9px; }
.value-comparison-note { font-size: 14px; line-height: 1.6; font-weight: 650; color: #ede1bc; margin-top: 12px; }
.value-comparison-note + .value-currency { margin-top: 4px; }
.value-annual { border-top: 1px solid #59443d; margin-top: 25px; padding-top: 20px; }
.value-annual > p:first-child { font-size: 17px; color: #d8d0d3; }
.value-annual strong { font-weight: 700; color: #f4ede8; }
.value-annual > p:last-child { font-size: 12px; color: #c5b9c1; margin-top: 5px; }
.value-list-label { font-size: 11px; text-transform: uppercase; letter-spacing: .075em; color: #c4b4bb; margin-bottom: 9px; }
.value-breakdown ul { list-style: none; padding: 0; margin: 0; }
.value-breakdown li { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 13px; min-height: 60px; padding: 10px 0; border-bottom: 1px solid #45333a; position: relative; }
.value-breakdown li:last-child { border-bottom: 0; }
.value-icon { width: 24px; height: 24px; color: #d8cea5; }
.value-icon svg { width: 100%; height: 100%; }
.value-breakdown h4 { font: 650 15px/1.4 Manrope,sans-serif; margin: 0; color: #f0e9e8; }
.value-breakdown li p { font-size: 12px; color: #c7b7c0; margin-top: 3px; }
.value-breakdown li > strong { color: #f4ede8; font: 600 19px/1.4 Space Grotesk,sans-serif; font-variant-numeric: tabular-nums; }
.value-details { border-top: 1px solid #544049; }
.value-details summary { cursor: pointer; min-height: 58px; padding: 17px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; list-style: none; font-size: 14px; font-weight: 600; color: #e9ddd5; }
.value-details summary::-webkit-details-marker { display: none; }
.value-details summary > span { color: #d8cea5; font-size: 22px; font-weight: 400; transition: transform 180ms ease; }
.value-details[open] summary > span { transform: rotate(45deg); }
.value-detail-body { font-size: 14px; color: #cec3ca; line-height: 1.8; padding: 0 0 24px; max-width: 84ch; }
.value-detail-body p + p { margin-top: 14px; }
.value-detail-body dl { margin: 22px 0; display: grid; gap: 16px; }
.value-detail-body dt { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px 20px; color: #efe5e8; font-weight: 650; }
.value-detail-body dt > span:last-child { color: #dfd1aa; font-size: 13px; }
.value-detail-body dd { margin: 3px 0 0; }
.value-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 24px; }
.value-footer > p { color: #d0c5ca; font-size: 15px; }
.value-footer .button { margin: 0; }
/* A single staggered accent connects the components; the data never disappears. */
.value-building [data-value-component] { animation: value-component-accent 700ms ease both; }
.value-building [data-value-component]:nth-child(2) { animation-delay: 400ms; }
.value-building [data-value-component]:nth-child(3) { animation-delay: 800ms; }
.value-building [data-value-component]:nth-child(4) { animation-delay: 1200ms; }
.value-building [data-value-component]:nth-child(5) { animation-delay: 1600ms; }
.value-building [data-value-total] .value-amount strong { animation: value-total-accent 600ms ease 2100ms both; }
@keyframes value-component-accent { 0%,100% { background-color: transparent; } 40% { background-color: #bc71361a; } }
@keyframes value-total-accent { 0%,100% { text-shadow: 0 0 0 transparent; } 40% { text-shadow: 0 0 24px #dfae6666; } }
/* Alternative local preview: a compact, horizontal breakdown. */
.service-value[data-value-layout="ledger"] .value-stage { padding-top: 24px; background: #21181b88; border-color: #4a383e; }
.service-value[data-value-layout="ledger"] .value-overview { display: block; padding-top: 24px; }
.service-value[data-value-layout="ledger"] .value-total { display: grid; grid-template-columns: 1.3fr 1fr; column-gap: 36px; align-items: center; }
.service-value[data-value-layout="ledger"] .value-total h3 { grid-column: 1; }
.service-value[data-value-layout="ledger"] .value-amount { grid-column: 1; grid-row: 2; }
.service-value[data-value-layout="ledger"] .value-amount > strong { font-size: 52px; }
.service-value[data-value-layout="ledger"] .value-currency { grid-column: 1; }
.service-value[data-value-layout="ledger"] .value-annual { grid-column: 2; grid-row: 1/span 3; border-top: 0; margin: 0; padding: 10px 0 10px 28px; border-left: 1px solid #59443d; }
.service-value[data-value-layout="ledger"] .value-breakdown { margin-top: 26px; }
.service-value[data-value-layout="ledger"] .value-breakdown ul { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px; }
.service-value[data-value-layout="ledger"] .value-breakdown li { display: flex; flex-direction: column; align-items: start; border: 0; border-top: 1px solid #554047; gap: 8px; padding-top: 14px; }
.service-value[data-value-layout="ledger"] .value-breakdown li > div { flex: 1; }
.service-value[data-value-layout="ledger"] .value-breakdown h4 { font-size: 13px; }
.service-value[data-value-layout="ledger"] .value-breakdown li > strong { font-size: 23px; }
@media (max-width: 860px) {
  .value-heading { gap: 28px; }
  .value-stage { padding-inline: 24px; }
  .value-overview { gap: 24px; }
  .value-amount { flex-wrap: wrap; gap: 0 8px; }
  .value-amount > strong { font-size: 50px; }
  .value-breakdown h4 { font-size: 13px; }
  .service-value[data-value-layout="ledger"] .value-breakdown ul { gap: 12px; }
}
@media (max-width: 680px) {
  .value-heading { display: block; margin-bottom: 24px; }
  .value-heading h2 { max-width: 15ch; }
  .value-heading > p { font-size: 15px; margin-top: 18px; }
  .value-stage { position: relative; padding: 22px 20px 0; border-radius: 13px; }
  .value-controls-row { gap: 6px; flex-wrap: wrap; }
  .value-controls { flex: 1 0 100%; }
  .value-choices { gap: 7px; }
  .value-choices label { flex: 1; }
  .value-choices span { font-size: 13px; padding-inline: 8px; }
  .value-replay { position: absolute; right: 20px; top: 10px; min-height: 44px; padding-block: 2px; font-size: 11px; }
  .value-static-scope { font-size: 12px; padding-right: 62px; }
  .value-scope-summary { margin-top: 18px; font-size: 12px; gap: 4px 7px; padding-bottom: 18px; }
  .value-overview { grid-template-columns: minmax(0,1fr); gap: 24px; padding: 24px 0 18px; }
  .value-amount { flex-wrap: nowrap; }
  .value-amount > strong { font-size: clamp(45px,13.5vw,64px); }
  .value-total h3 { font-size: 14px; max-width: none; }
  .value-annual { margin-top: 18px; padding-top: 16px; }
  .value-breakdown li { min-height: 58px; gap: 11px; }
  .value-breakdown h4 { font-size: 13px; }
  .value-details summary { font-size: 13px; gap: 12px; }
  .value-detail-body { font-size: 13px; }
  .value-footer { flex-direction: column; align-items: stretch; gap: 16px; }
  .value-footer > p { text-align: center; font-size: 14px; }
  .value-footer .button { width: 100%; }
  .service-value[data-value-layout="ledger"] .value-total { display: block; }
  .service-value[data-value-layout="ledger"] .value-amount > strong { font-size: 47px; }
  .service-value[data-value-layout="ledger"] .value-annual { border: 0; margin-top: 15px; padding: 0; }
  .service-value[data-value-layout="ledger"] .value-annual > p:first-child { font-size: 15px; }
  .service-value[data-value-layout="ledger"] .value-breakdown ul { display: block; }
  .service-value[data-value-layout="ledger"] .value-breakdown li { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; min-height: 49px; padding: 9px 0; }
  .service-value[data-value-layout="ledger"] .value-icon { display: none; }
  .service-value[data-value-layout="ledger"] .value-breakdown li > strong { font-size: 18px; }
  .service-value[data-value-layout="ledger"] .value-breakdown { margin-top: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .service-value *, .service-value *::before, .service-value *::after, .home-service-value *, .home-service-value *::before, .home-service-value *::after { animation: none!important; transition: none!important; }
}

/* A warm sweep and a stable reading light. Content never depends on motion. */
[data-value-spotlight] { transition: border-color 500ms ease, box-shadow 600ms ease; }
[data-value-spotlight]::before { content: ''; position: absolute; z-index: -1; width: 38%; height: 160%; left: -42%; top: -30%; pointer-events: none; background: linear-gradient(100deg,transparent,#f4d79912 48%,#f5dbab22 50%,transparent); transform: skewX(-18deg); opacity: 0; }
[data-value-spotlight].value-in-view { border-color: #ac876177; box-shadow: 0 0 60px #a5222512, inset 0 1px 0 #e9bd791a; }
[data-value-spotlight].value-revealed::before { animation: value-sheen 1350ms cubic-bezier(.2,.65,.35,1) both; }
.value-context-note { font-size: 12px; line-height: 1.7; color: #cfc1c8; border-top: 1px solid #59404b; padding: 17px 0 22px; }
.value-breakdown li { border-radius: 6px; padding-inline: 10px; margin-inline: -10px; transition: color 350ms ease; }
.value-breakdown li p, .value-detail-body, .value-teaser-copy > p:not(.eyebrow) { transition: color 450ms ease; }
.value-in-view .value-breakdown li p { color: #e2d5dd; }
.value-in-view .value-detail-body, .value-in-view .value-teaser-copy > p:not(.eyebrow) { color: #ebe0e4; }
.value-total { padding: 24px 0; }
.value-total::before { content: ''; position: absolute; inset: -30px -30px; z-index: -1; background: radial-gradient(ellipse at 20% 35%, #c049231a,transparent 70%); }
.value-in-view .value-amount > strong { text-shadow: 0 0 32px #f2ba6114; }
.value-calculation { border-block: 1px solid #59404b; padding-block: 17px; line-height: 2; }
.value-scope-note { font-size: 12px; color: #c7b8c1; }
@keyframes value-sheen { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translateX(430%) skewX(-18deg); opacity: 0; } }

/* The homepage gets the main idea and a direct route into the detailed view. */
.home-service-value { padding-top: 0; border-top: 0; background: #101010; }
.value-teaser { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: clamp(28px,5vw,64px); align-items: center; padding: 36px; position: relative; isolation: isolate; overflow: hidden; border: 1px solid #685047; border-radius: 16px; background: radial-gradient(ellipse at 0 0,#70243444,transparent 65%),linear-gradient(110deg,#25171d,#1b1716); }
.value-teaser-copy .eyebrow { margin-bottom: 16px; }
.value-teaser h2 { font-size: clamp(28px,3vw,38px); max-width: 20ch; line-height: 1.14; }
.value-teaser-copy > p:not(.eyebrow) { color: #d1c4cc; font-size: 15px; line-height: 1.85; margin-top: 17px; max-width: 52ch; }
.value-teaser-copy .quiet-cta { margin-top: 19px; font-size: 14px; }
.value-teaser-figure { border-left: 1px solid #70533d; padding-left: 36px; }
.value-teaser-figure h3 { font: 600 14px/1.6 Manrope,sans-serif; color: #e4d8b2; letter-spacing: 0; }
.value-teaser .value-amount > strong { font-size: clamp(48px,5vw,67px); }
.value-teaser .value-scope-summary { gap: 3px 7px; font-size: 12px; padding: 15px 0 0; margin-top: 20px; border-bottom: 0; border-top: 1px solid #59404b; }
.value-teaser-note { font-size: 12px; line-height: 1.75; color: #cfc0c7; margin-top: 14px; }
@media (max-width: 860px) {
  .value-teaser { padding: 28px; gap: 30px; }
  .value-teaser-figure { padding-left: 24px; }
  .value-teaser .value-amount { flex-wrap: wrap; gap: 0 8px; }
}
@media (max-width: 680px) {
  .value-stage { padding-inline: 20px; }
  .value-overview { gap: 18px; }
  .value-total { padding-block: 8px 12px; }
  .value-stage .value-static-scope { max-width: 28ch; }
  .value-context-note { padding: 15px 0 19px; }
  .value-teaser { grid-template-columns: minmax(0,1fr); padding: 26px 22px; gap: 26px; }
  .value-teaser-figure { border-left: 0; border-top: 1px solid #70533d; padding: 23px 0 0; }
  .value-teaser-copy > p:not(.eyebrow) { font-size: 14px; }
  .value-teaser .value-amount { flex-wrap: nowrap; }
  .value-teaser .value-amount > strong { font-size: 53px; }
  .value-breakdown h4 { font-size: 14px; }
  .value-detail-body dt { display: block; }
  .value-detail-body dt > span { display: block; }
  .value-detail-body dt > span:last-child { margin-top: 3px; }
}
@media (max-width: 360px) {
  .value-teaser { padding-inline: 20px; }
  .value-teaser .value-amount > strong { font-size: 45px; }
  .value-amount > span { font-size: 13px; }
}

/* Member entry shares the public site shell; full materials are not bundled here. */
.member-entry { padding-block: clamp(56px, 8vw, 112px); }
.member-entry-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 80px); align-items: center; }
.member-entry-intro h1 { font-size: clamp(38px, 4.8vw, 64px); max-width: 12ch; }
.member-entry-intro .quiet-cta { margin-top: 28px; }
.member-entry-card { padding: clamp(24px, 3vw, 40px); border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(135deg, #2b171e, #171315); }
.member-entry-mark { display: inline-flex; margin-bottom: 24px; color: var(--accent-quiet); }
.member-entry-mark svg { width: 36px; height: 36px; }
.member-entry-card h2 { font-size: clamp(26px, 3vw, 36px); }
.member-entry-card .actions { margin-top: 28px; }
.member-entry-card .button { width: 100%; text-align: center; }
.member-entry-card p.member-entry-help { font-size: 14px; line-height: 1.7; margin-top: 22px; }
.member-entry-help a { color: var(--text); text-underline-offset: .2em; }
@media (max-width: 860px) { .member-entry-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; } .member-entry-intro h1 { max-width: 16ch; } }

.direction-icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; flex: none; }
/* The lesson glow is driven by viewport entry, including touch screens. */
:is(.education-lessons, .education-benefits) > li { overflow: hidden; }
:is(.education-lessons, .education-benefits) > li::after { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: 0; background: linear-gradient(110deg, transparent 30%, #f3d98518 48%, #fff8e929 50%, transparent 70%); transform: translateX(-110%); }
.motion-on :is(.education-lessons, .education-benefits) > li:not(.is-motion-complete)::after { animation: education-sheen 1000ms cubic-bezier(.2,.7,.2,1) both; animation-play-state: paused; }
.motion-on :is(.education-lessons, .education-benefits) > li.is-section-active::after { animation-play-state: running; }
:is(.education-lessons, .education-benefits) > li.is-motion-complete::after { animation: none; opacity: 0; }
:is(.education-lessons, .education-benefits) > li.section-illuminated::before { background: radial-gradient(ellipse at 12% 12%, #9e2e4645, transparent 85%); }
@keyframes education-sheen { 0% { opacity: 0; transform: translateX(-110%); } 25% { opacity: .85; } 100% { opacity: 0; transform: translateX(110%); } }

/* A familiar two-line toggle becomes a clear close icon, not a diagonal slash. */
.menu-symbol, .menu-toggle[aria-expanded=true] .menu-symbol { display: block; position: relative; width: 12px; height: 12px; border: 0; transform: none; }
.menu-symbol::before, .menu-symbol::after { content: ''; position: absolute; left: 0; width: 12px; height: 1px; background: currentColor; transition: transform 180ms ease; }
.menu-symbol::before { top: 3px; }
.menu-symbol::after { top: 9px; }
.menu-toggle[aria-expanded=true] .menu-symbol::before { transform: translateY(3px) rotate(45deg); }
.menu-toggle[aria-expanded=true] .menu-symbol::after { transform: translateY(-3px) rotate(-45deg); }

/* First contact stays compact; the later partnership application is separate. */
body[data-page="contact"] .hero { padding-block: clamp(40px, 5vw, 64px); }
body[data-page="contact"] .hero h1 { font-size: clamp(46px, 5.5vw, 72px); }
body[data-page="contact"] .hero .eyebrow { display: none; }
body[data-page="contact"] .hero .copy > p { max-width: 38em; }
.contact-first .contact-switch { margin-bottom: 36px; }
.contact-first .inquiry-panel { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 72px); }
.contact-first .contact-intro h2 { font-size: clamp(30px, 3vw, 40px); }
.contact-first .contact-intro .eyebrow { color: var(--gold); margin-bottom: 18px; }
.contact-first .contact-intro .application-route-link { font-size: 14px; padding-top: 22px; margin-top: 28px; border-top: 1px solid var(--line); }
.contact-first .application-route-link a { display: inline-block; padding-block: 8px; min-height: 44px; color: var(--text); }
.contact-first .form-fields { gap: 24px; }
.contact-first .field > label { font-size: 14px; }
.contact-first .field input, .contact-first .field textarea { scroll-margin-block: calc(var(--nav-offset) + 24px) 28px; }
.contact-first .field textarea { min-height: 144px; }
.contact-first .form-footer { gap: 12px; }
.contact-first .form-status:empty { display: none; }
.contact-first .form-footnote { margin-top: 18px; }
.inquiry-context { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 9px 14px; border-left: 2px solid var(--gold); background: #f3d98509; color: var(--soft); font-size: 13px; }
.inquiry-context button { min-width: 44px; min-height: 44px; background: transparent; color: var(--text); text-decoration: underline; text-underline-offset: 4px; }
.contact-team { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 14px; color: var(--soft); }
.contact-team a { display: inline-flex; align-items: center; min-height: 44px; color: var(--text); }
@media (max-width: 860px) {
  .contact-first .inquiry-panel { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .contact-first .contact-intro { max-width: 40em; }
  .contact-first .contact-intro .application-route-link { padding-top: 14px; margin-top: 20px; }
}
@media (max-width: 680px) {
  .contact-first .contact-switch { margin-bottom: 30px; }
  .contact-first .form-fields { gap: 22px; }
  .contact-team { gap: 3px; margin-top: 32px; }
  .contact-team p, .contact-team a { width: 100%; }
}

/* Public education describes its value; practical resources live in Discord. */
.education-benefits { list-style: none; padding: 0; margin: 0; align-self: center; }
.education-benefits li { display: flex; align-items: flex-start; gap: 16px; padding: 28px 20px; border-top: 1px solid var(--line); }
.education-benefits > li + li { margin-top: 8px; }
.education-benefits li:last-child { border-bottom: 1px solid var(--line); }
.education-benefits li > span { display: grid; place-items: center; flex: 0 0 24px; height: clamp(24px, 2.2vw, 28.6px); color: #d5b47b; }
.education-benefits svg { width: 24px; height: 24px; stroke-width: 1.6; }
.education-benefits h3 { font-size: clamp(21px, 2vw, 26px); }
@media (max-width: 680px) {
  .education-benefits li { padding: 24px 16px; }
  .education-benefits li > span { height: 24px; }
}

/* One creator offer surface: the approved public-core review treatment. */
.creator-opening { --opening-gold: #d5b47b; padding-block: 58px 0; }
.creator-opening-grid { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr); grid-template-rows: 1fr auto auto; column-gap: 40px; row-gap: 30px; }
.creator-opening-head { grid-column: 1; grid-row: 1; }
body[data-page="creators"] .creator-opening h1 { font-size: clamp(54px, 5.9vw, 82px); line-height: 1.02; letter-spacing: -.05em; max-width: 11ch; margin-block: 22px; }
.creator-opening h1 > span { display: block; color: #f7f4f0; }
.creator-opening-head > .eyebrow { color: var(--opening-gold); }
.creator-opening-lead { font-size: 19px; color: #d8ced1; margin: 0; }
.creator-opening-offer { grid-column: 2; grid-row: 1 / 3; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; padding: 30px; border: 1px solid #e5667d; border-radius: 12px; background: #b4112e; position: relative; overflow: hidden; }
.creator-opening-offer > .eyebrow { color: #ffe7e8; margin: 0; font-size: 11px; }
.creator-opening-offer > .eyebrow::before { display: none; }
.creator-opening-main-offer { padding-block: 30px 38px; }
.creator-opening-main-offer > strong { display: block; font-family: 'Space Grotesk', sans-serif; font-size: clamp(64px, 7.6vw, 106px); font-weight: 700; line-height: 1; letter-spacing: -.065em; }
.creator-opening-main-offer > p { font-size: 21px; font-weight: 700; margin: 10px 0 0; color: #f7f4f0; }
.creator-opening-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding-top: 26px; border-top: 1px solid #f7cbd280; }
.creator-opening-terms strong { display: block; font-family: 'Space Grotesk', sans-serif; font-size: 48px; line-height: 1.1; letter-spacing: -.04em; }
.creator-opening-terms span { display: block; font-size: 13px; line-height: 1.6; max-width: 19ch; margin-top: 10px; color: #fff0f1; }
.creator-opening-action { grid-column: 1; grid-row: 2; display: flex; align-items: center; flex-wrap: wrap; gap: 24px; padding-top: 6px; }
.creator-opening-action .creator-conversation { background: #f7f4f0; color: #101010; border-color: #f7f4f0; min-height: 52px; min-width: 196px; gap: 12px; box-shadow: none; justify-content: center; }
.creator-opening-action .creator-conversation:is(:hover, :focus-visible) { background: #eadbc2; border-color: #eadbc2; }
.creator-opening-action p { font-size: 12px; line-height: 1.6; color: #c4bdbe; margin: 0; }
.creator-opening-action svg, .creator-opening-support svg { display: block; width: 24px; height: 24px; stroke-width: 1.6; }
.creator-opening a:focus-visible { outline: 3px solid var(--opening-gold); outline-offset: 4px; }
.creator-opening-support { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; padding-block: 30px; margin-top: 8px; border-top: 1px solid #53484c; }
.creator-opening-support-item { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; align-items: start; }
.creator-opening-support-item > span { color: var(--opening-gold); margin-top: 2px; }
.creator-opening-support-item h2 { font-size: 20px; line-height: 28px; letter-spacing: -.02em; margin: 0; }
.creator-opening-support-item p { font-size: 13px; line-height: 1.7; color: #c4bdbe; margin: 10px 0 0; }
.partner-overview-compact { max-width: 780px; }
@media (max-width: 860px) {
  .creator-opening { padding-top: 34px; }
  .creator-opening-grid { display: flex; flex-direction: column; gap: 24px; }
  body[data-page="creators"] .creator-opening h1 { font-size: clamp(36px, 10.5vw, 62px); max-width: 13ch; margin-block: 18px; }
  .creator-opening-lead { font-size: 16px; line-height: 1.65; }
  .creator-opening-head > .eyebrow { margin-bottom: 0; }
  .creator-opening-offer { padding: 24px; }
  .creator-opening-main-offer { padding-block: 22px 26px; }
  .creator-opening-main-offer > strong { font-size: clamp(64px, 17vw, 90px); }
  .creator-opening-main-offer > p { font-size: 18px; }
  .creator-opening-terms { padding-top: 22px; gap: 22px; }
  .creator-opening-terms strong { font-size: 38px; }
  .creator-opening-terms span { font-size: 12px; margin-top: 8px; }
  .creator-opening-action { gap: 12px; padding: 0; }
  .creator-opening-action .creator-conversation { width: 100%; }
  .creator-opening-action p { width: 100%; font-size: 12px; }
  .creator-opening-action p br { display: none; }
  .creator-opening-support { grid-template-columns: 1fr; gap: 24px; padding-block: 28px; margin-top: 2px; }
}
@media (max-width: 360px) {
  .creator-opening-offer { padding: 20px; }
  .creator-opening-main-offer > strong { font-size: 62px; }
  .creator-opening-terms { gap: 16px; }
}
body[data-page="creators"] .icon-steps .service-title { gap: 12px; }
body[data-page="creators"] .icon-steps .section-icon { width: 24px; height: 24px; flex: 0 0 24px; stroke-width: 1.6; margin-top: 3px; }
.creator-discord-entry { scroll-margin-top: calc(var(--nav-offset) + 24px); margin-top: 34px; padding-top: 30px; border-top: 1px solid #53484c; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; align-items: center; }
.creator-discord-copy { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; align-items: start; }
.creator-discord-icon { margin-top: 3px; color: #d5b47b; }
.creator-discord-entry svg { display: block; width: 24px; height: 24px; stroke-width: 1.6; }
.creator-discord-copy h3 { font-size: clamp(23px, 2.2vw, 29px); line-height: 1.25; margin: 0; }
.creator-discord-copy p { font-size: 14px; line-height: 1.8; color: #c4bdbe; margin: 14px 0 0; max-width: 74ch; }
.creator-discord-action .button { gap: 12px; min-height: 52px; font-size: 14px; }
.creator-discord-action > p { font-size: 11px; color: #c4bdbe; text-align: center; margin: 12px 0 0; }
.creator-discord-entry a:focus-visible { outline: 3px solid #d5b47b; outline-offset: 4px; }
@media(max-width: 860px) {
  .creator-discord-entry { grid-template-columns: 1fr; gap: 24px; }
  .creator-discord-action { padding-left: 36px; }
  .creator-discord-action .button { width: 100%; padding-inline: 16px; justify-content: space-between; }
  .creator-discord-action > p { text-align: left; }
}
@media(max-width: 360px) { .creator-discord-action { padding-left: 0; } }

/* Brand opportunity steps use a quiet rail and one solid brand accent. */
#brand-opportunities .partner-process li::before { background: #53484c; }
#brand-opportunities .partner-process li::after { background: var(--red); box-shadow: none; }
#brand-opportunities .partner-process li > span { color: #bdb5b8; transition: color 220ms ease; }
#brand-opportunities .partner-process li.is-active > span { color: #d5b47b; }
@media (min-width: 681px) and (max-width: 1000px) {
  #brand-opportunities .partner-process { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  #brand-opportunities .partner-process li > span { transition: none; }
}


/* Compact footer groups preserve every route and full-height link targets. */
.footer .wordmark { min-height: 44px; }
.footer .footer-links a { display: flex; align-items: center; min-width: 44px; min-height: 44px; font-size: .8125rem; line-height: 1.6; overflow-wrap: anywhere; }
.footer .footer-meta { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px 18px; margin-top: 20px; }
.footer .footer-meta .copyright { margin: 0; font-size: .6875rem; }
.footer .footer-meta .handle { margin: 0; font-size: .8125rem; color: var(--accent-quiet); }
@media (max-width: 680px) {
  .footer { padding-block: 24px; }
  .footer .footer-top { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
  .footer .footer-top > p { width: auto; flex: 1 0 8rem; max-width: none; font-size: .8125rem; line-height: 1.6; }
  .footer .footer-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(8rem, calc((100% - 12px) / 2))), 1fr)); gap: 0 12px; margin-top: 16px; }
  .footer .footer-links a { padding-block: 10px; }
  .footer .footer-meta { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
}

.creator-discord-icon img { display: block; width: 24px; height: 18px; object-fit: contain; }

/* One active FAQ, with a settled glow rather than a repeating distraction. */
.faq details { position: relative; isolation: isolate; padding-inline: 20px; border-radius: 10px; transition: border-color 220ms ease, box-shadow 280ms ease; }
.creator-faq .faq details { padding: 0; }
.faq details::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: 0; background: radial-gradient(ellipse at 0% 0%, #b4112e26, transparent 80%), linear-gradient(110deg, #d5b47b09, transparent); transition: opacity 280ms ease; }
.faq details[open]:not(.is-closing) { border-color: #947550; box-shadow: 0 0 24px #b4112e14, inset 0 0 0 1px #d5b47b16; }
.faq details[open]:not(.is-closing)::before { opacity: 1; }
.faq details[open]:not(.is-closing) summary { color: #fff6e4; text-shadow: 0 0 18px #d5b47b26; }
.faq summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; border-radius: 5px; }
.motion-on .faq details.is-opening::before { animation: faq-glow-arrive 420ms ease-out both; }
@keyframes faq-glow-arrive { from { opacity: 0; } to { opacity: 1; } }

/* Creator offer panel: warm color wave and one-time entry glaze. */
.creator-opening-offer {
  background: radial-gradient(ellipse at 88% 8%, #b4112e52, transparent 60%),
    linear-gradient(145deg, #681b2b 0%, #401a24 62%, #28181e 100%);
  border-color: #80605b;
  box-shadow: inset 0 1px #e8cda91a;
}
.creator-opening-offer > .eyebrow { color: #e8cda9; }
.creator-opening-terms { border-top-color: #be988d40; }
.creator-opening-terms span { color: #f1e5e0; }
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .creator-opening-offer[data-offer-label-glaze] > .eyebrow .offer-label-text {
    color: #e8cda9;
    background-image: linear-gradient(110deg, #e8cda9 38%, #fff6e5 48%, #e8cda9 58%);
    background-size: 260% 100%;
    background-position: 130% 0;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .motion-on .creator-opening-offer[data-offer-label-glaze]:not(.is-motion-complete) > .eyebrow .offer-label-text {
    animation: creator-offer-label-glaze 1600ms cubic-bezier(.2,.7,.2,1) 180ms both;
    animation-play-state: paused;
  }
  .motion-on .creator-opening-offer[data-offer-label-glaze].is-section-active > .eyebrow .offer-label-text {
    animation-play-state: running;
  }
  .creator-opening-offer[data-offer-label-glaze].is-motion-complete > .eyebrow .offer-label-text {
    animation: none;
    background-position: -130% 0;
  }
}
@keyframes creator-offer-label-glaze {
  from { background-position: 130% 0; }
  to { background-position: -130% 0; }
}
.creator-opening-action .creator-conversation,
.button.creator-tone {
  background: linear-gradient(135deg, #8d1f37 0%, #681b2b 62%, #401a24 100%);
  color: #f7f4f0;
  border-color: #d5b47b;
  box-shadow: inset 0 1px #e8cda92b, 0 5px 22px #b4112e25;
}
.creator-opening-action .creator-conversation:is(:hover, :focus-visible),
.button.creator-tone:is(:hover, :focus-visible) {
  background: linear-gradient(135deg, #a02943 0%, #751f33 62%, #4a202b 100%);
  color: #f7f4f0;
  border-color: #e8cda9;
  box-shadow: inset 0 1px #fff6e52b, 0 6px 24px #b4112e38;
}
/* Opt-in buttons share the hero keyboard focus treatment. */
.button.creator-tone:focus-visible { outline: 3px solid #d5b47b; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  .creator-opening-offer[data-offer-label-glaze] > .eyebrow .offer-label-text,
  .creator-opening-offer[data-offer-label-glaze].is-section-active > .eyebrow .offer-label-text {
    animation: none !important;
    background-image: none;
    color: #e8cda9;
    -webkit-text-fill-color: currentColor;
  }
}
@media (forced-colors: active) {
  .creator-opening-offer[data-offer-label-glaze] > .eyebrow .offer-label-text,
  .creator-opening-offer[data-offer-label-glaze].is-section-active > .eyebrow .offer-label-text {
    animation: none !important;
    background-image: none;
    color: CanvasText;
    -webkit-text-fill-color: currentColor;
  }
  .creator-opening-action .creator-conversation,
  .creator-opening-action .creator-conversation:is(:hover, :focus-visible),
  .button.creator-tone,
  .button.creator-tone:is(:hover, :focus-visible) {
    background: ButtonFace;
    color: ButtonText;
    border-color: ButtonText;
    box-shadow: none;
  }
}

/* Official Discord mark centered above the entry action. */
.creator-discord-copy {grid-template-columns:minmax(0,1fr)}
.creator-discord-action-logo {display:block;width:48px;height:auto;aspect-ratio:4/3;margin:0 auto 12px}
@media(max-width:860px){.creator-discord-action{padding-left:0}}

/* Brand terms review 01. Append after existing opportunity-terms rules.
   All change selectors are confined to this one supporting callout.
   The CTA reuses existing .button.creator-tone approved hero treatment. */
.opportunity-terms {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 32px;
  padding: 32px;
  border: 1px solid #80605b;
  border-radius: 12px;
  background: linear-gradient(110deg, #401a24 0%, #28181e 52%, #101010 100%);
  box-shadow: inset 0 1px #e8cda91a;
}
.opportunity-terms .opportunity-terms-copy { min-width: 0; }
.opportunity-terms .eyebrow { margin-bottom: 12px; color: #e8cda9; }
.opportunity-terms .eyebrow::before { background: #d5b47b; }
.opportunity-terms h3 { margin: 0; font-size: 30px; line-height: 1.2; color: #f7f4f0; }
.opportunity-terms .copy { grid-column: auto; grid-row: auto; max-width: 64ch; }
.opportunity-terms .copy > p { margin-top: 16px; color: #f1e5e0; font-size: 15px; line-height: 1.8; }
.opportunity-terms .copy > p:first-child { margin-top: 16px; }
.opportunity-terms .actions { grid-column: auto; grid-row: auto; align-self: center; margin: 0; justify-content: flex-start; }
.opportunity-terms .actions .button { width: auto; flex: 0 0 auto; min-height: 52px; white-space: nowrap; }
@media (max-width: 860px) {
  .opportunity-terms { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 28px; }
  .opportunity-terms .actions { align-self: start; }
}
@media (max-width: 680px) {
  .opportunity-terms { padding: 24px 22px; }
  .opportunity-terms h3 { font-size: 27px; }
  .opportunity-terms .actions, .opportunity-terms .actions .button { width: 100%; }
  .opportunity-terms .actions .button { white-space: normal; text-align: center; }
}

/* Cue-aligned mobile proposal; current desktop rules remain exact. */
@media(max-width:860px){
 .creator-discord-action{display:grid;grid-template-columns:minmax(0,1fr);justify-self:center;width:fit-content;max-width:100%}
 .creator-discord-action-logo{width:64px;height:48px;aspect-ratio:4/3;margin:0 auto 24px}
 .creator-discord-action .button{display:flex;justify-content:center;gap:8px;width:100%;margin-inline:auto;min-height:52px;padding-inline:16px}
 .creator-discord-action .button > span[aria-hidden]{display:inline-flex;align-items:center;flex:0 0 18px}
 .creator-discord-action .button svg{width:18px;height:18px}
 .creator-discord-action > p{width:100%;text-align:center;margin:12px 0 0}
 .creator-discord-action .discord-cue-phrase{white-space:nowrap}
}

/* Approved outlined lockup: 42px desktop / 36px mobile, uniform aspect ratio. */
.wordmark.wordmark-lockup{min-height:44px}
.brand-lockup{display:block;width:auto;height:42px;max-width:100%;object-fit:contain}
@media(max-width:860px){.brand-lockup{height:36px}}