@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:#efb2bc;--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%,#efb2bc);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:#ab7987}.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 #efb2bc;
}
.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: #ab7987; }
.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%, #e490a017, 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, #efb2bc); 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: #efb2bc; border-color: #5c5159; 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: #efb2bc; }
.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%, #e490a024 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%, #e490a024 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, #d67e951c, 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: var(--gold);
  --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%, #81475e28, transparent 65%), radial-gradient(ellipse at 0% 100%, #b65c7312, 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: #efb2bc; }
.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: #ab8290; }
.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: #f3edef; }
.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: #f3edef; 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%, #efb2bc 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 #876671; 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: #f3edef; 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 #ab82904d; 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: #876671; 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: none; }
.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-intro > p.education-terms { max-width: 46ch; margin-top: 20px; padding-left: 14px; border-left: 2px solid #876671; color: #d0c0b7; font-size: 13px; line-height: 1.75; }
.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: #bd919f; color: #f3edef; background: #a2697c22; box-shadow: inset 0 0 0 1px #bd919f33; }
.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: #efb2bc; }
.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: #efb2bc; }
.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: #f3edef; 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: #efb2bc; }
.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: #f3edef; 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: #efb2bc; }
.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: #efb2bc; 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: #d6c9ce; 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 #e490a066; } }
/* 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,#e490a012 48%,#e490a022 50%,transparent); transform: skewX(-18deg); opacity: 0; }
[data-value-spotlight].value-in-view { border-color: #ad819377; box-shadow: 0 0 60px #a5222512, inset 0 1px 0 #e490a01a; }
[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 #e490a014; }
.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: #f3edef; 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%, #ef9cab18 48%, #fce8ed29 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-delay: var(--education-row-delay, 0ms); 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: #ed9eaf09; 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 { --education-heading-size: clamp(21px, 2vw, 26px); 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: 1.25em; font-size: var(--education-heading-size); color: #ecabb7; }
.education-benefits svg { width: 24px; height: 24px; stroke-width: 1.6; }
.education-benefits h3 { font-size: var(--education-heading-size); }
.education-benefit-copy { min-width: 0; }
.education-benefit-copy h3 { line-height: 1.25; }
.education-benefit-copy p { max-width: 46ch; margin-top: 8px; color: var(--soft); font-size: 14px; line-height: 1.75; }
/* Stagger the existing one-time sheen; text stays still and fully visible. */
.education-benefits > li:nth-child(2) { --education-row-delay: 140ms; }
.education-benefits > li:nth-child(3) { --education-row-delay: 280ms; }
@media (max-width: 680px) {
  .education-benefits li { padding: 24px 16px; }
}

/* One creator offer surface: the approved public-core review treatment. */
.creator-opening { --opening-gold: var(--gold); 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: #f3edef; border-color: #f3edef; }
.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: #ecabb7; }
.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 #ecabb7; 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: #ecabb7; }
@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, #ef9cab09, transparent); transition: opacity 280ms ease; }
.faq details[open]:not(.is-closing) { border-color: #a57886; box-shadow: 0 0 24px #b4112e14, inset 0 0 0 1px #ef9cab16; }
.faq details[open]:not(.is-closing)::before { opacity: 1; }
.faq details[open]:not(.is-closing) summary { color: #faf3f5; text-shadow: 0 0 18px #ef9cab26; }
.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 #ecabb71a;
}
.creator-opening-offer > .eyebrow { color: #efb2bc; }
.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: #efb2bc;
    background-image: linear-gradient(110deg, #efb2bc 38%, #fff3f6 48%, #efb2bc 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,
.button.creator-discord-contact,
.button.member-entry-contact {
  background: linear-gradient(135deg, #8d1f37 0%, #681b2b 62%, #401a24 100%);
  color: #f7f4f0;
  border-color: #ecabb7;
  box-shadow: inset 0 1px #efb2bc2b, 0 5px 22px #b4112e25;
}
.creator-opening-action .creator-conversation:is(:hover, :focus-visible),
.button.creator-tone:is(:hover, :focus-visible),
.button.creator-discord-contact:is(:hover, :focus-visible),
.button.member-entry-contact:is(:hover, :focus-visible) {
  background: linear-gradient(135deg, #a02943 0%, #751f33 62%, #4a202b 100%);
  color: #f7f4f0;
  border-color: #efb2bc;
  box-shadow: inset 0 1px #fff3f62b, 0 6px 24px #b4112e38;
}
/* Opt-in buttons share the hero keyboard focus treatment. */
.button.creator-tone:focus-visible,
.button.creator-discord-contact:focus-visible,
.button.member-entry-contact:focus-visible { outline: 3px solid #ecabb7; 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: #efb2bc;
    -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),
  .button.creator-discord-contact,
  .button.creator-discord-contact:is(:hover, :focus-visible),
  .button.member-entry-contact,
  .button.member-entry-contact: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 #ecabb71a;
}
.opportunity-terms .opportunity-terms-copy { min-width: 0; }
.opportunity-terms .eyebrow { margin-bottom: 12px; color: #efb2bc; }
.opportunity-terms .eyebrow::before { background: #ecabb7; }
.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; }
}

/* Selected mobile Discord proportions and centered entry steps. */
.creator-discord-action{display:grid;justify-items:center}
.creator-discord-action > p { display: flex; flex-wrap: wrap; justify-content: center; gap: 3px 12px; }
.creator-discord-action .discord-cue-phrase { white-space: nowrap; }
@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:88px;height:66px;aspect-ratio:4/3;margin:0 auto 24px}
 .creator-discord-action .button{display:flex;justify-content:center;gap:8px;width:184px;min-width:0;max-width:100%;margin-inline:auto;min-height:52px;padding-inline:16px;white-space:nowrap}
 .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}
}

/* 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}
/* The canonical 440-unit SVG starts painting at x=47.8315; offset only its display. */
:is(.header, .footer) .brand-lockup { transform: translateX(-10.8708%); }
@media(max-width:860px){.brand-lockup{height:36px}}

/* Desktop Discord invitation proportions, preserving the selected mobile treatment. */
@media(min-width:861px){
.creator-discord-entry{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);column-gap:56px;align-items:center}
.creator-discord-action{width:260px;max-width:100%;justify-self:center;justify-items:center}
.creator-discord-action-logo{width:80px;height:60px;margin:0 auto 20px;aspect-ratio:4/3}
.creator-discord-action .button{width:232px;min-height:56px;justify-content:center;padding:15px 24px;gap:10px;font-size:15px;background:linear-gradient(135deg,#8D1F37 0%,#681B2B 62%,#401A24 100%);border:1px solid #efb2bc;box-shadow:inset 0 0 0 1px #efb2bc2b,0 5px 22px #B4112E25;white-space:nowrap}
.creator-discord-action .button.secondary:not(:disabled):is(:hover,:focus-visible){background:linear-gradient(135deg,#A02943 0%,#751F33 62%,#4A202B 100%);border-color:#efb2bc}
.creator-discord-action .button svg{width:20px;height:20px}
.creator-discord-action>p{width:260px;max-width:100%;margin:12px 0 0;text-align:center;font-size:11px;line-height:1.75}
}

/* The working contact action leads while invitations are intentionally paused. */
.creator-discord-action .creator-discord-contact + .button:disabled { margin-top: 10px; }
.member-entry-card .actions { gap: 10px; }
.creator-discord-action .button:disabled,
.member-entry-card .button:disabled {
  min-height: 40px;
  padding-block: 8px;
  background: transparent;
  border-color: #53484c;
  color: #c4bdbe;
  font-size: 12px;
  font-weight: 500;
  opacity: 1;
  box-shadow: none;
}
@media (forced-colors: active) {
  .creator-discord-action .creator-discord-contact {
    background: ButtonFace;
    color: ButtonText;
    border-color: ButtonText;
    box-shadow: none;
  }
  .creator-discord-action .button:disabled,
  .member-entry-card .button:disabled { border-color: GrayText; color: GrayText; }
}

/* Focused visual elevation: existing home ambience stays clear of the copy. */
@media (min-width: 861px) {
  body[data-page="home"] .hero > .ambient {
    left: 61%;
    mask-image: linear-gradient(90deg, transparent 0%, #000 30%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30%);
  }
  body[data-page="home"] .hero > .ambient::before {
    width: 720px;
    height: 840px;
    top: -280px;
    right: -350px;
    border-radius: 50%;
    background:
      radial-gradient(ellipse at 54% 46%, transparent 39%, #d0788e20 40%, #7b283b18 42%, transparent 44%),
      radial-gradient(ellipse at 54% 46%, transparent 52%, #c366801c 53%, #5d21351c 56%, transparent 59%),
      radial-gradient(ellipse at 54% 46%, transparent 65%, #9b3b4724 67%, transparent 71%);
  }
  body[data-page="home"] .hero > .ambient::after {
    width: 600px;
    height: 500px;
    left: -20px;
    bottom: -90px;
    background: radial-gradient(ellipse at 60% 60%, #ce71871c, #7b213017 44%, transparent 70%);
  }
}

/* One contained invitation, with the active action carrying the emphasis. */
.creator-discord-entry {
  padding: 32px;
  border: 1px solid #76524b;
  border-radius: 16px;
  background: radial-gradient(ellipse at 100% 0%, #77223b20, transparent 62%),
    linear-gradient(135deg, #261d20, #1b171a 72%);
  box-shadow: inset 0 1px #efb2bc0e, 0 14px 36px #00000014;
}
.creator-discord-action-logo {
  width: 56px;
  height: 42px;
  margin-bottom: 16px;
}
.creator-discord-action a.button {
  background: linear-gradient(135deg, #9a2940 0%, #761f32 58%, #4f202b 100%);
  border-color: #ecabb7;
  color: #f7f4f0;
  box-shadow: inset 0 1px #fff1d92b, 0 5px 22px #b4112e30;
}
.creator-discord-action a.button:focus-visible {
  outline: 3px solid #efb2bc;
  outline-offset: 4px;
  border-color: #efb2bc;
  background: linear-gradient(135deg, #ad344c 0%, #86263b 58%, #602735 100%);
}
@media (hover: hover) and (pointer: fine) {
  .creator-discord-action a.button:hover {
    border-color: #efb2bc;
    background: linear-gradient(135deg, #ad344c 0%, #86263b 58%, #602735 100%);
    box-shadow: inset 0 1px #fff1d938, 0 7px 26px #b4112e40;
  }
}
@media (max-width: 860px) {
  .creator-discord-entry { padding: 24px; gap: 28px; }
  .creator-discord-action-logo { width: 56px; height: 42px; margin-bottom: 16px; }
}
@media (max-width: 360px) {
  .creator-discord-entry { padding: 22px; }
}
@media (forced-colors: active) {
  body[data-page="home"] .hero > .ambient { display: none; }
  .creator-discord-entry { background: Canvas; border-color: CanvasText; box-shadow: none; }
  .creator-discord-action a.button,
  .creator-discord-action a.button:is(:hover, :focus-visible) {
    background: ButtonFace;
    color: ButtonText;
    border-color: ButtonText;
    box-shadow: none;
  }
  .creator-discord-action a.button:focus-visible { outline-color: Highlight; }
}

/* The original connection sequence stays intact; each audience gets a clear path. */
.match-path-link { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; margin-top: 9px; color: #f3edef; font-size: 12px; font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.match-path-link .direction-icon { width: 15px; height: 15px; }
.match-path-link:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; border-radius: 3px; }

/* Keep offer terms local, readable and secondary to the benefit. */
.creator-opening-main-offer > p.creator-opening-local-note, .creator-opening-local-note { color: #e4d4cc; font-size: 12px; font-weight: 400; line-height: 1.6; margin: 12px 0 0; max-width: 42ch; }
.why-value .editorial-body > .actions { margin-top: 24px; }

.hero h1 .hero-heading-line { display: block; }

.creator-opening-transition { max-width: none; margin-top: 20px; padding-top: 16px; border-top: 1px solid #be988d40; }

/* Homepage08: typography and media form one composition. */
.hp08-match,.hp08-live{--ink:#fbf1ed;--muted:#cdbfc5;--rose:#f0a1b6;position:relative;isolation:isolate;margin:0;width:100%;max-width:none;padding:30px;border:1px solid #60424e;border-radius:22px;background:radial-gradient(ellipse at 90% 0%,#9e305129,transparent 55%),#191417;color:var(--ink);overflow:hidden}
.hp08-match::before,.hp08-live::before{display:none}
.hp08-figure-heading{margin:0 0 26px;padding:0;position:relative}
.hp08-figure-heading h3{font:500 clamp(27px,2.4vw,34px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-1.2px;margin:0;max-width:15ch;text-wrap:balance;color:var(--ink)}
.hp08-figure-heading em{font-style:normal;color:var(--rose)}
.hp08-audiences{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 168px auto;gap:10px 24px}
.hp08-audience{display:grid;grid-template-rows:subgrid;grid-row:span 4;min-width:0;padding:0}
.hp08-audience h4{font:500 22px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.5px;margin:0;color:var(--ink)}
.hp08-audience>p{font:400 14px/1.65 Manrope,sans-serif;color:var(--muted);margin:0;max-width:23ch;padding-bottom:6px}
.hp08-match-media{overflow:hidden;border-radius:12px;position:relative;background:#372b36;isolation:isolate}
.hp08-match-media::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#1c1024dd)}
.hp08-match-media img{width:100%;height:100%;object-fit:cover;object-position:29% 45%;display:block;filter:saturate(.8)}
.hp08-media-tag{position:absolute;bottom:14px;left:13px;z-index:1;font:600 13px/1.3 Manrope,sans-serif;color:#fff5f1}
.hp08-brief{display:flex;flex-direction:column;justify-content:center;padding:18px 17px;border:1px solid #725160;border-radius:12px;background:linear-gradient(135deg,#32212a,#231a22);gap:9px}
.hp08-brief-title{font:500 12px/1.4 Manrope,sans-serif;color:#b695a5;padding-bottom:6px}
.hp08-brief>span:not(:first-child){font:500 18px/1.25 'Space Grotesk',sans-serif;letter-spacing:-.3px;color:#eedbe3}
.hp08-brief>span:not(:first-child)::before{content:'';display:inline-block;width:5px;height:5px;vertical-align:middle;margin-right:10px;border-radius:50%;background:#d77896}
.hp08-audience .match-path-link{color:#f0b2c4!important;font:600 13px/1.4 Manrope,sans-serif;margin:0 -2px;padding:12px 2px;min-height:44px;display:flex;align-items:center;width:fit-content;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#985f72;align-self:end;border-radius:4px}
.hp08-audience .match-path-link:hover{color:#fff!important;text-decoration-color:currentColor}
.hp08-audience .match-path-link:focus-visible{outline:2px solid #f7b5c8;outline-offset:4px}
.hp08-match>figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:17px 0 0;padding:16px 0 0;border-top:0;text-align:left}
.hp08-match>figcaption strong{font:500 20px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.6px;color:var(--ink)}
.hp08-match>figcaption span{font:400 10px/1.6 Manrope,sans-serif;color:#b39da7;max-width:15ch;text-align:right}
/* The larger finished clip supplies the payoff. The source remains visibly attached. */
.hp08-live{padding-bottom:23px;background:radial-gradient(ellipse at 80% 55%,#894b8240,transparent 56%),#191417}
.hp08-live .hp08-figure-heading{margin-bottom:24px}
.hp08-edit-composition{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:center;gap:24px}
.hp08-stage-title{font:500 17px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.3px;margin:0 0 12px!important;color:var(--ink)}
.hp08-source{min-width:0;position:relative;padding-top:25px}
.hp08-source-frame{height:124px;position:relative;border:1px solid #895268;border-radius:10px 10px 0 0;overflow:hidden;background:#342531}
.hp08-source-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:28% 38%;filter:saturate(.8)}
.hp08-live-indicator{position:absolute;top:9px;left:9px;padding:4px 7px;background:#a91e38;color:#fff4f4;border-radius:4px;font:700 9px/1 Manrope,sans-serif;letter-spacing:.3px}
.hp08-audio{height:57px;display:flex;align-items:center;justify-content:space-around;gap:3px;padding:12px 11px;position:relative;isolation:isolate;border:1px solid #895268;border-top:0;border-radius:0 0 10px 10px;background:#291d25}
.hp08-audio>i{display:block;height:var(--h);width:3px;max-width:4px;flex:1;background:#8c6172;border-radius:2px}

.hp08-range{position:absolute;inset:7px 30% 7px 25%;border:1px solid #e79bb1;border-radius:3px;z-index:-1;background:#d66a9022}
.hp08-cursor{position:absolute;top:8px;bottom:8px;left:48%;width:1px;background:#fff3f7}
.hp08-stage-caption{font:500 14px/1.5 Manrope,sans-serif!important;color:#d8c5cd;margin:13px 0 0!important;letter-spacing:0}
.hp08-finished{min-width:0;position:relative}
.hp08-post{aspect-ratio:9/15.6;width:100%;position:relative;overflow:hidden;isolation:isolate;border:1px solid #ca8eaa;border-radius:16px;background:#30212e;box-shadow:0 12px 28px #0005}
.hp08-post::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#0000 30%,#1b0b2390 70%,#1b0b23e0)}
.hp08-post img{width:100%;height:100%;object-fit:cover;object-position:30% 43%;display:block;filter:saturate(.82)}
.hp08-caption{position:absolute;left:14px;right:12px;bottom:30px;z-index:1;display:flex;align-items:flex-start;flex-direction:column;gap:4px}
.hp08-caption span,.hp08-caption strong{font:600 clamp(16px,1.3vw,20px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.5px;color:#fff9f5;max-width:100%;text-shadow:0 1px 8px #0008}
.hp08-caption strong{background:#f4c0ce;color:#331c27;padding:4px 6px 5px;margin-left:-6px;text-shadow:none}
.hp08-post-progress{position:absolute;left:14px;right:14px;bottom:13px;height:2px;border-radius:1px;z-index:2;background:linear-gradient(to right,#fff1f7 70%,#fff1f744 70%)}
.hp08-live>figcaption{font:400 10px/1.6 Manrope,sans-serif;color:#b39da7;margin:22px 0 0;padding:0;border:0;text-align:left}
@media(max-width:1100px) and (min-width:801px){.hp08-match,.hp08-live{padding:24px}.hp08-audiences{column-gap:17px}.hp08-audience h4{font-size:20px}.hp08-audience>p{font-size:13px}.hp08-brief{padding-inline:13px}.hp08-brief>span:not(:first-child){font-size:16px}.hp08-edit-composition{gap:17px}.hp08-source-frame{height:100px}.hp08-caption{left:11px;right:9px}.hp08-caption span,.hp08-caption strong{font-size:16px}}
@media(max-width:600px){.hp08-match,.hp08-live{padding:25px 22px 22px;border-radius:20px}.hp08-figure-heading h3{font-size:31px;max-width:16ch;letter-spacing:-1px}.hp08-figure-heading{margin-bottom:25px}.hp08-audiences{grid-template-columns:1fr;grid-template-rows:none;gap:25px}.hp08-audience{grid-row:auto;display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:18px;row-gap:7px}.hp08-audience h4{grid-column:2;grid-row:1;font-size:21px}.hp08-audience>p{grid-column:2;grid-row:2;font-size:13px;line-height:1.6;padding:0}.hp08-audience .match-path-link{grid-column:2;grid-row:3;font-size:12px;padding-block:10px;margin-top:2px}.hp08-match-media,.hp08-brief{grid-column:1;grid-row:1/4;height:145px}.hp08-media-tag{display:none}.hp08-brief{padding:14px 11px;gap:8px}.hp08-brief-title{font-size:10px;padding-bottom:5px}.hp08-brief>span:not(:first-child){font-size:13px}.hp08-brief>span:not(:first-child)::before{width:4px;height:4px;margin-right:6px}.hp08-match>figcaption{margin-top:22px;padding-top:20px}.hp08-match>figcaption strong{font-size:20px}.hp08-match>figcaption span{font-size:9px}.hp08-edit-composition{grid-template-columns:1fr;gap:27px}.hp08-source{padding:0}.hp08-stage-title{font-size:19px;margin-bottom:12px!important}.hp08-source-frame{height:130px}.hp08-audio{height:53px}.hp08-stage-caption{font-size:14px!important;margin-top:11px!important}.hp08-finished{width:76%;max-width:228px;justify-self:end}.hp08-post{aspect-ratio:9/14.5;border-radius:14px}.hp08-caption{bottom:29px;left:15px;right:12px}.hp08-caption span,.hp08-caption strong{font-size:21px;letter-spacing:-.65px}.hp08-live>figcaption{margin-top:20px;font-size:10px}.hp08-live .hp08-figure-heading h3{max-width:13ch}.hp08-live .hp08-figure-heading{margin-bottom:27px}}
@media(max-width:350px){.hp08-match,.hp08-live{padding-inline:19px}.hp08-figure-heading h3{font-size:28px}.hp08-audience{grid-template-columns:80px minmax(0,1fr);column-gap:14px}.hp08-audience h4{font-size:19px}.hp08-audience>p{font-size:12px;line-height:1.6}.hp08-brief{padding-inline:8px}.hp08-brief>span:not(:first-child){font-size:11px}.hp08-match-media,.hp08-brief{height:151px}.hp08-brief>span:not(:first-child)::before{margin-right:5px;width:3px;height:3px}.hp08-match>figcaption strong{font-size:18px}.hp08-match>figcaption span{max-width:12ch}.hp08-source-frame{height:115px}.hp08-finished{width:84%}.hp08-caption span,.hp08-caption strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.hp08-match *,.hp08-live *,body[data-page="home"] #faqs .faq *{animation:none!important;transition:none!important}}
/* Native details semantics and the site's existing FAQ controller are retained. */
body[data-page="home"] #faqs .faq{display:grid;gap:10px}
body[data-page="home"] #faqs .faq details{background:#171416;border:1px solid #45373d;border-radius:13px;padding:0;isolation:auto;box-shadow:none;overflow:visible;transition:border-color .2s,background-color .2s}
body[data-page="home"] #faqs .faq details::before,body[data-page="home"] #faqs .faq details::after{display:none}
body[data-page="home"] #faqs .faq details[open]{background:#20171c;border-color:#805064;box-shadow:none}
body[data-page="home"] #faqs .faq summary{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:20px;min-height:76px;padding:16px 18px 16px 22px;margin:0;list-style:none;border-radius:12px;color:#f4e9ed;font:500 15px/1.6 Manrope,sans-serif;cursor:pointer;position:relative}
body[data-page="home"] #faqs .faq summary::-webkit-details-marker{display:none}
body[data-page="home"] #faqs .faq summary::before,body[data-page="home"] #faqs .faq summary::after{display:none;content:none}
body[data-page="home"] #faqs .faq summary:hover{background:#ffffff04}
body[data-page="home"] #faqs .faq summary:focus-visible{outline:2px solid #efb3c5;outline-offset:3px;background:#38212b}
body[data-page="home"] #faqs .hp08-disclosure{position:relative;width:34px;height:34px;border:1px solid #65424f;border-radius:50%;justify-self:end;display:grid;place-items:center;background:#281c22}
body[data-page="home"] #faqs .hp08-disclosure i{position:absolute;width:11px;height:1.5px;background:#e9b7c7;border-radius:2px;transition:transform .22s,opacity .22s}
body[data-page="home"] #faqs .hp08-disclosure i+i{transform:rotate(90deg)}
body[data-page="home"] #faqs details[open]:not(.is-closing) .hp08-disclosure i+i{transform:rotate(0deg);opacity:0}
body[data-page="home"] #faqs .faq-answer,body[data-page="home"] #faqs .faq-answer-inner{padding:0;margin:0;display:block;grid-template-rows:none;overflow:visible}
body[data-page="home"] #faqs .faq-answer-inner{padding:0 77px 23px 22px}
body[data-page="home"] #faqs .faq-answer p{font:400 14px/1.85 Manrope,sans-serif;color:#d0c0c8;margin:0;max-width:58ch}

@media(max-width:600px){body[data-page="home"] #faqs .faq summary{padding:17px 16px;gap:14px;font-size:14px;min-height:76px}body[data-page="home"] #faqs .faq-answer-inner{padding:0 22px 23px 16px}body[data-page="home"] #faqs .faq-answer p{font-size:13px}}

@media(max-width:350px){.hp08-brief>span:not(:first-child)::before{display:none}}

/* External wave heights honor the existing style CSP. */
.hp08-live .hp08-height-23{--h:23%}
.hp08-live .hp08-height-24{--h:24%}
.hp08-live .hp08-height-28{--h:28%}
.hp08-live .hp08-height-39{--h:39%}
.hp08-live .hp08-height-40{--h:40%}
.hp08-live .hp08-height-44{--h:44%}
.hp08-live .hp08-height-48{--h:48%}
.hp08-live .hp08-height-54{--h:54%}
.hp08-live .hp08-height-57{--h:57%}
.hp08-live .hp08-height-60{--h:60%}
.hp08-live .hp08-height-63{--h:63%}
.hp08-live .hp08-height-69{--h:69%}
.hp08-live .hp08-height-71{--h:71%}
.hp08-live .hp08-height-73{--h:73%}
.hp08-live .hp08-height-78{--h:78%}
.hp08-live .hp08-height-83{--h:83%}
.hp08-live .hp08-height-91{--h:91%}
.hp08-live .hp08-height-94{--h:94%}

/*09 media substitutions only;08 typography and layout remain.*/
.hp08-match-media img{object-position:50% 36%}
.hp08-source-frame video,.hp08-post video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88)}
.hp08-source-frame video{object-position:50% 28%}
.hp08-post video{object-position:50% 40%}

.hp08-range{left:37.7%;right:27.6%}
.hp08-post-progress{background:#fff1f733}
.hp08-post-progress::before{content:'';display:block;height:100%;width:var(--clip-progress,0%);background:#fff1f7}

/* Static posters are the baseline, including browsers that add controls without JS. */
.hp08-source-frame video[hidden],.hp08-post video[hidden],.hp09-static-poster[hidden]{display:none!important}
.hp08-source-frame .hp09-static-poster{object-position:50% 28%}
.hp08-post .hp09-static-poster{object-position:50% 40%}

/* Hybrid22 source window: fit the crown, eyes and mouth in the existing take. */
.hp08-live .hp08-source-frame{height:auto;aspect-ratio:6/5}
.hp08-live .hp08-source-frame :is(video,img){object-position:50% 0%}

/* LIVE31: exact kept ranges from the 143-frame continuous source excerpt. */
.hp08-live .hp31-selection-track{position:absolute;inset:9px 11px;display:flex;align-items:center;justify-content:space-around;gap:3px;isolation:isolate}
.hp08-live .hp31-selection-track>i{display:block;height:var(--h);width:3px;max-width:4px;flex:1;background:#8c6172;border-radius:2px;z-index:1}
.hp08-live .hp31-selection-track>i:nth-child(-n+3),.hp08-live .hp31-selection-track>i:nth-child(n+10){background:#f0a1b6}
.hp08-live .hp31-selection-track .hp08-range{top:0;bottom:0;right:auto;z-index:0;background:#d66a9038}
.hp08-live .hp31-kept-intro{left:0;width:14.6853146853%}
.hp08-live .hp31-kept-reaction{left:45.4545454545%;width:54.5454545455%}
.hp08-live .hp31-selection-track .hp08-cursor{top:0;bottom:0;left:var(--source-progress,0%);z-index:2}
@media(max-width:600px){
 .hp08-live .hp08-edit-composition{gap:18px}
 .hp08-live .hp08-figure-heading{margin-bottom:20px}
 .hp08-live .hp08-stage-title{font-size:17px;margin-bottom:9px!important}
 .hp08-live .hp08-audio{height:42px}
 .hp08-live .hp08-finished{width:min(100%,224px);max-width:none;justify-self:start}
 .hp08-live .hp08-stage-caption{font-size:14px!important;line-height:1.5;margin-top:9px!important}
}

/*33: explicit playback remains below the image and caption. */
.hp08-live .hp33-media-control{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:104px;margin-top:6px;padding:8px 14px;border:1px solid #9e7885;border-radius:6px;background:#241b21;color:#f4e9ed;font:500 13px/1.4 Sora,sans-serif;cursor:pointer}
.hp08-live .hp33-media-control:hover{background:#38232d;border-color:#e8a2ae}
.hp08-live .hp33-media-control:focus-visible{outline:2px solid #f4c6cd;outline-offset:4px}
.hp33-demo-link{margin-top:12px!important}.hp33-demo-link a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#e8a2ae;text-decoration:underline;text-underline-offset:4px}

/* Only the connection10 figure; append to the existing component stylesheet. */
.hp10-connection .hp08-audiences{grid-template-rows:auto auto 230px auto;column-gap:24px;row-gap:11px}
.hp10-connection .hp08-match-media{min-width:0;border:1px solid #694451;background:#34222c;border-radius:13px}
.hp10-connection .hp08-match-media::after{background:linear-gradient(transparent 62%,#1d0e21cc)}
.hp10-connection .hp08-match-media img{object-position:50% 35%}
.hp10-connection .hp10-product-media{position:relative;isolation:isolate;overflow:hidden}
.hp10-connection .hp10-product-media svg{width:100%;height:100%;display:block}
.hp10-connection .hp10-product-narrow{display:none!important}
.hp10-connection .hp08-media-tag{font-size:12px;line-height:1.35;left:13px;right:9px;bottom:12px}
@media(max-width:1100px) and (min-width:601px){.hp10-connection .hp08-audiences{grid-template-rows:auto auto 210px auto;column-gap:18px}}
@media(max-width:600px){
 .hp10-connection .hp08-audiences{grid-template-rows:none;row-gap:24px}
 .hp10-connection .hp08-audience{grid-template-columns:110px minmax(0,1fr);column-gap:18px}
 .hp10-connection .hp08-match-media{grid-column:1;grid-row:1/4;height:164px}
 .hp10-connection .hp10-product-wide{display:none!important}
 .hp10-connection .hp10-product-narrow{display:block!important}
 .hp10-connection .hp08-media-tag{display:none}
 .hp10-connection .hp08-audience>p{font-size:13px}
}
@media(max-width:350px){
 .hp10-connection .hp08-audience{grid-template-columns:92px minmax(0,1fr);column-gap:14px}
 .hp10-connection .hp08-match-media{height:164px}
 .hp10-connection .hp08-audience>p{font-size:12px}
}

/* Product story module. All selectors are scoped; page styles live in preview.css. */
.sfp-story{--sfp-ink:var(--text,#faf4ee);--sfp-soft:var(--soft,#d2c6cc);--sfp-red:var(--red,#a91e38);color:var(--sfp-ink);margin:0;font-family:inherit}
.sfp-story *{box-sizing:border-box}.sfp-story [hidden]{display:none!important}
.sfp-story-heading{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:end;margin:0 0 32px}.sfp-story .sfp-kicker{font-size:12px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;font-weight:650;color:#e1a9b7;margin:0 0 16px}.sfp-story h3{font-size:clamp(25px,3vw,36px);font-weight:600;line-height:1.22;letter-spacing:-.045em;margin:0}.sfp-goal{max-width:430px;justify-self:end;padding-left:0}.sfp-goal>p:last-child{font-size:15px;line-height:1.85;color:var(--sfp-soft);margin:0}.sfp-goal .sfp-kicker{margin-bottom:10px}
.sfp-scene{position:relative;isolation:isolate;border-radius:12px;overflow:hidden;background:#1b1619}.sfp-scene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.sfp-scene::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0c;border-radius:inherit}.sfp-hotspot{position:absolute;display:flex;align-items:center;gap:12px;opacity:0;transition:opacity 350ms ease,transform 350ms ease;transform:translateY(5px);pointer-events:none}.sfp-hotspot.is-active{opacity:1;transform:translateY(0)}.sfp-hotspot-product{left:9%;top:48%}.sfp-hotspot-create{left:36%;top:62%}.sfp-hotspot-deliver{right:6%;top:31%}.sfp-pin{width:13px;height:13px;flex-shrink:0;border-radius:50%;background:#faf4ee;border:3px solid #a91e38;box-shadow:0 0 0 7px #a91e3833}.sfp-photo-label{color:#faf4ee;background:#171217e8;border:1px solid #8e6570;border-radius:5px;padding:9px 12px;font-size:12px;line-height:1.4;box-shadow:0 8px 30px #0003}.sfp-hotspot-deliver .sfp-photo-label{order:-1}
.sfp-playback{display:flex;align-items:center;gap:22px;margin:24px 0 42px}.sfp-play{display:inline-flex;gap:11px;align-items:center;justify-content:center;flex-shrink:0;min-height:48px;padding:12px 18px;font-size:12px;font-weight:600;line-height:1.5;font-family:inherit;color:#fff6f0;background:var(--sfp-red);border:1px solid #bd3a50;border-radius:6px;cursor:pointer}.sfp-play:hover{background:#bc2844}.sfp-play:focus-visible{outline:2px solid #ffd3da;outline-offset:5px}.sfp-play:disabled{background:#32272d;border-color:#705b65;cursor:default;color:#d2c6cc}.sfp-status{font-size:12px;line-height:1.7;color:#bdabb3;max-width:70ch}
.sfp-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px;list-style:none;margin:0;padding:0}.sfp-stages li{padding-top:0}.sfp-stages li.is-active h4{color:var(--gold,#edb7c1)}.sfp-stage-tag{font-size:12px;line-height:1.5;font-weight:650;color:#dea9b7;letter-spacing:.04em;margin:0 0 13px}.sfp-stages h4{font-size:22px;font-weight:600;letter-spacing:-.035em;line-height:1.3;margin:0 0 16px}.sfp-stages li>p:last-child{font-size:14px;line-height:1.9;color:var(--sfp-soft);margin:0}.sfp-story figcaption{font-size:12px;line-height:1.9;color:#bca9b3;max-width:91ch;margin:34px 0 0}
@media(max-width:700px){.sfp-story-heading{grid-template-columns:1fr;gap:28px;margin-bottom:26px}.sfp-story h3{font-size:29px}.sfp-story h3 br{display:none}.sfp-goal{justify-self:start;max-width:100%;padding-left:0}.sfp-goal>p:last-child{font-size:14px;line-height:1.8}.sfp-scene{border-radius:8px}.sfp-playback{align-items:flex-start;flex-direction:column;gap:14px;margin:20px 0 36px}.sfp-stages{grid-template-columns:1fr;gap:30px}.sfp-stages li{padding:0}.sfp-stage-tag{margin-bottom:8px}.sfp-stages h4{font-size:21px;margin-bottom:12px}.sfp-stages li>p:last-child{font-size:14px}.sfp-story figcaption{margin-top:28px;font-size:12px}.sfp-photo-label{font-size:12px;padding:6px 8px}.sfp-hotspot{gap:7px;max-width:80%}.sfp-hotspot-product{left:7%;top:28%}.sfp-hotspot-create{left:18%;top:61%}.sfp-hotspot-deliver{right:5%;top:25%}.sfp-pin{width:10px;height:10px;border-width:2px;box-shadow:0 0 0 4px #a91e3833}.sfp-hotspot-deliver .sfp-photo-label{order:-1}}
@media(prefers-reduced-motion:reduce){.sfp-story *{transition:none!important;animation:none!important}.sfp-hotspot{display:none}}

/* Fit the accepted figure into the managed section without decorative rules. */
.sfp-story{margin-block:40px 48px}.sfp-stages h4{font-family:inherit;transition:color 250ms ease}.sfp-play{min-width:170px}.sfp-photo-label{max-width:24ch}.sfp-story .sfp-kicker,.sfp-stage-tag{color:var(--gold,#edb7c1)}
@media(max-width:700px){.sfp-story{margin-block:32px 40px}.sfp-photo-label{max-width:20ch}.sfp-stages{gap:30px}}

/* Selected scene06 positions, preserved without the standalone review layout. */
.sfp-hotspot-product{left:auto;right:5%;top:80%}.sfp-hotspot-product .sfp-photo-label{order:-1}.sfp-hotspot-create{left:43%;top:64%}.sfp-hotspot-deliver{right:31%;top:20%}
@media(max-width:700px){.sfp-hotspot-product{left:auto;right:5%;top:74%}.sfp-hotspot-create{left:23%;top:69%}.sfp-hotspot-deliver{right:7%;top:12%}}
/* Keep the two-line remote callout inside the smallest image, including its entrance. */
@media(max-width:360px){.sfp-hotspot-create{top:63%}}

/* Empty live status remains available without reserving a visual row. */
.sfp-status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Foundation44: preserved Strivefire CSS is the base. These are compatibility exceptions only. */
:root{--lockup-canvas-scale:1.0016194332;--lockup-left-factor:-.0008097166;--lockup-aspect:2474/442}
.header .wordmark.wordmark-lockup,.footer .wordmark.wordmark-lockup{--logo-visible-width:210.9897330595px;position:relative;display:block;flex:0 0 auto;width:var(--logo-visible-width);max-width:none;height:44px;min-height:44px;aspect-ratio:auto;margin-right:auto;line-height:0}
.wordmark.wordmark-lockup .brand-lockup.selected-lockup{position:absolute;display:block;width:calc(var(--logo-visible-width) * var(--lockup-canvas-scale));max-width:none;height:auto;aspect-ratio:var(--lockup-aspect);left:calc(var(--logo-visible-width) * var(--lockup-left-factor));top:50%;margin:0;filter:none;transform:translateY(-50%);object-fit:contain}
.footer .wordmark.wordmark-lockup{--logo-visible-width:243.4496919918px;margin-right:0}
@media(max-width:860px){.header .nav-shell{min-height:76px;padding-block:12px;gap:10px}.header .wordmark.wordmark-lockup{--logo-visible-width:168.386036961px}.footer .wordmark.wordmark-lockup{--logo-visible-width:207.9466119097px}}
@media(max-width:340px){.header .wordmark.wordmark-lockup{--logo-visible-width:168.386036961px}.header .nav-shell{gap:10px}}
/* Contact-only lead spacing and mobile application handoff. */
body[data-page="contact"] .hero{padding-bottom:24px}
body[data-page="contact"] .contact-section{padding-top:24px}
.contact-first .creator-contact{grid-template-areas:"intro form" "note form";grid-template-rows:auto 1fr;row-gap:0}
.creator-contact>.contact-intro{grid-area:intro}
.creator-contact>form{grid-area:form}
.creator-contact>.application-route-link{grid-area:note;font-size:14px;line-height:1.75;max-width:40em;margin-top:28px;padding-top:22px}
.match-fit-note{margin-top:28px;max-width:62em;scroll-margin-top:calc(var(--nav-offset) + 24px)}
.match-fit-note h3{font-size:18px;line-height:1.4;margin-bottom:8px}
.match-fit-note p{font-size:15px;line-height:1.75;color:var(--soft)}
@media(max-width:860px){.contact-first .creator-contact{grid-template-areas:"intro" "form" "note";grid-template-rows:auto;row-gap:28px}.creator-contact>.application-route-link{margin:0;padding:0}}
@media(max-width:680px){body[data-page="contact"] .hero{padding-bottom:16px}body[data-page="contact"] .contact-section{padding-top:16px}}


.hp42-story .hp42-stage-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:1px solid #57434a;border-radius:10px;background:#120f13;margin:0 0 18px}
.hp42-stage-tabs button{border:0;border-radius:6px;background:transparent;color:#d2c6cc;font:600 12px/1.4 Sora,sans-serif;min-height:42px;padding:8px 10px}
.hp42-stage-tabs button[aria-pressed=true]{background:#3b2d24;color:#efb2bc;box-shadow:inset 0 0 0 1px #79606a}
.hp42-stage-tabs button:focus-visible{outline:2px solid #efb2bc;outline-offset:2px}
.hp42-story.has-story-player .hp08-edit-composition{display:block}
.hp42-story.has-story-player .hp08-source,.hp42-story.has-story-player .hp08-finished{padding:0;width:100%;max-width:none;justify-self:stretch}
.hp42-story.has-story-player .hp08-stage-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hp42-story.has-story-player :is(.hp08-source-frame,.hp08-post){width:min(100%,280px);height:auto;aspect-ratio:4/5;margin-inline:auto;border-radius:13px;border:1px solid #79606a;box-shadow:0 14px 24px -18px #000;background:#100d10}
.hp42-story.has-story-player .hp08-source-frame :is(video,img){object-fit:cover;object-position:50% 12%}
.hp42-story.has-story-player .hp08-post :is(video,img){object-fit:cover;object-position:50% 38%}
.hp42-story.has-story-player .hp08-post::after{background:linear-gradient(transparent 50%,#130b16b8)}
.hp42-story.has-story-player .hp08-stage-caption{text-align:center;font-size:13px!important;margin-top:12px!important}
.hp42-story .hp08-audio{max-width:280px;height:30px;margin:12px auto 0;padding:0;border:0;background:transparent;border-radius:0}
.hp42-story .hp31-selection-track{inset:4px 0}
.hp42-story .hp31-kept-intro,.hp42-story .hp31-kept-reaction{border-color:#efb2bc;background:#efb2bc20}
.hp42-story[data-story-stage=selection] .hp08-range{background:#efb2bc66;box-shadow:0 0 18px #efb2bc33}
.hp42-story .hp42-story-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:8px}
.hp42-story .hp33-media-control{margin:0;min-height:44px;border-color:#79606a}
.hp42-story .hp42-story-status{font-size:11px;line-height:1.6;max-width:19ch;color:#efb2bc}
.hp42-story .hp08-caption{left:12px;right:10px;bottom:30px}
.hp42-story .hp08-caption :is(span,strong){font-size:18px;line-height:1.2}

/* The current brand asset keeps its exact pixels and proportions. */
.hybrid22-post-flame{display:block;width:44px;height:60px;object-fit:contain;margin-inline:auto}
.compat-anchor{display:block;height:0;overflow:hidden;scroll-margin-top:calc(var(--nav-offset,100px) + 24px)}
.source-review-note{padding:4px 20px;text-align:center;font-size:10px;color:var(--soft);background:#171316;border-bottom:1px solid var(--line)}
.scope-note{font-size:13px;line-height:1.7;color:var(--soft);margin-top:22px}
@media(max-width:1100px){.header .desktop-nav{display:none}.header .menu-toggle{display:flex}}
/* Old numeric surfaces now carry existing service wording. */
.foundation44-service-card .partner-offer h3{font-size:26px;line-height:1.15;margin:0 0 16px}
.foundation44-service-card .partner-offer .eyebrow{font-size:11px;margin-bottom:18px;color:var(--gold)}
.foundation44-service-card .partner-offer p:not(.eyebrow){font-size:14px;line-height:1.8}
.foundation44-support .value-teaser-figure .copy{max-width:none;text-align:left}
.foundation44-support h2{font-size:clamp(27px,3vw,39px)}
.foundation44-services-overview h2{font-size:clamp(25px,2.8vw,36px);line-height:1.1;max-width:18ch}
.foundation44-services-overview .creator-opening-service+.creator-opening-service{margin-top:24px}
.foundation44-services-overview .creator-opening-service .eyebrow{color:#efb2bc;font-size:11px;margin-bottom:12px}
.foundation44-services-overview>.eyebrow{margin-bottom:22px}
.foundation44-next{align-items:center}.foundation44-next .partner-final-actions{margin:0;padding:0;border:0}
.foundation44-next .partner-final-actions .actions{margin:0}
.foundation-business-fit li{display:block}.foundation-business-fit li p{margin:0}
.foundation-business-services .service-row{display:block}
.foundation-business-services .service-row .copy{max-width:none}
.foundation44-live{align-items:center}
.hp42-story{max-width:460px;justify-self:end;border-color:var(--line);border-radius:12px;background:var(--panel);padding:28px;font-family:inherit}
.hp42-story .hp42-stage-tabs button,.hp42-story .hp33-media-control{font-family:inherit;min-height:44px}
.hp42-story .hp08-figure-heading em{color:var(--gold)}
.hp42-story .hp08-stage-caption{text-align:center}
.hp42-story .hp33-media-control{font-size:12px;line-height:1.5;padding:10px 16px;cursor:pointer;background:#241b20;color:var(--text);border:1px solid var(--gold);border-radius:6px}
.foundation44-managed-layout{margin-top:36px}
.foundation44-product .sfp-story{margin-block:0}
.foundation44-product .sfp-story-heading{gap:40px}
.foundation44-product .sfp-stages{gap:30px}
.foundation44-product .sfp-playback{margin-bottom:26px}
.foundation44-product .sfp-story figcaption{margin-top:24px}
@media(max-width:680px){
 .source-review-note{font-size:8px}
 .foundation44-live{gap:32px}.hp42-story{max-width:100%;justify-self:stretch;padding:22px 18px}
 .hp42-story.has-story-player :is(.hp08-source-frame,.hp08-post){width:min(100%,230px)}
 .hp42-story .hp08-audio{max-width:230px}
 .hp42-story .hp08-figure-heading h3{font-size:28px;max-width:none}
 .hp42-story .hp08-figure-heading br{display:none}
 .hp42-story:not(.has-story-player) .hp08-edit-composition{grid-template-columns:1fr 1fr;gap:12px}
 .hp42-story:not(.has-story-player) .hp08-source-frame,.hp42-story:not(.has-story-player) .hp08-post{height:auto;aspect-ratio:4/5}
 .foundation44-services-overview h2{font-size:28px}
 .foundation44-next{grid-template-columns:1fr;gap:24px}
 .foundation44-product .sfp-story-heading{gap:22px}
 .foundation44-product .sfp-stages{gap:22px}
}
@media(prefers-reduced-motion:reduce){.hp42-story *{transition:none!important;animation:none!important}}

/* Financial aside replacement: compact links to existing full service sections. */
.foundation44-services-overview{justify-content:flex-start}
.foundation44-services-overview nav{display:grid;flex:1;align-content:space-evenly;gap:20px;width:100%}
.foundation44-services-overview nav a{font:600 clamp(25px,2.8vw,36px)/1.2 'Space Grotesk',sans-serif;color:var(--text);text-decoration:none}
.foundation44-services-overview nav a:hover,.foundation44-services-overview nav a:focus-visible{color:var(--gold)}
@media(max-width:680px){
 .foundation44-services-overview{padding:20px 22px}
 .foundation44-services-overview>.eyebrow{margin-bottom:14px}
 .foundation44-services-overview nav{gap:10px;flex:initial;align-content:start}
 .foundation44-services-overview nav a{font-size:20px;line-height:1.4;min-height:28px}
 .foundation44-service-card{padding-inline:22px}
 .foundation44-service-card .partner-offers{border:0;gap:26px;padding:0;margin-block:26px}
 .foundation44-service-card .partner-offer,.foundation44-service-card .partner-offer+.partner-offer{border:0;padding:0}
}

/* Native service fragments clear the existing sticky header. */
.partner-service[id],.service-row[id]{scroll-margin-top:calc(var(--nav-offset,100px) + 24px)}

/* Equal-height label columns keep the two current captions and links aligned. */
.match-labels{align-items:stretch}
.match-labels>div{display:grid;grid-template-rows:auto 1fr auto;align-items:start}
.match-labels .match-path-link{align-self:end}
.hp33-demo-link a{display:inline-flex;align-items:center;min-height:44px}

/*45 reuses the established Strivefire vector family and comparison component. */
.foundation45-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;color:var(--partner-gold,var(--gold))}
.foundation45-icon svg,.foundation45-process-icon svg{display:block;width:24px;height:24px;stroke-width:1.5}
.foundation45-label{display:flex;align-items:center;gap:12px}
.foundation45-label::before{display:none!important}
.business-option .foundation45-label{align-items:flex-start}
.business-option .foundation45-icon{margin-top:3px}
.foundation45-process-icon{display:block;width:24px;height:24px;margin-bottom:16px;color:var(--gold)}
.foundation45-additional-services{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}
.foundation45-additional-services .partner-offer,.foundation45-additional-services .partner-offer+.partner-offer{border:0;padding:0 24px}
.foundation45-additional-services .actions{margin-top:20px}
.service-value .value-details a{color:var(--gold);text-decoration:underline}
@media(max-width:680px){
 .foundation45-additional-services{grid-template-columns:1fr;gap:26px}
 .foundation45-additional-services .partner-offer,.foundation45-additional-services .partner-offer+.partner-offer{padding:0}
}

/* Shared questions retain native details and the existing reversible controller. */
body[data-page] #faqs .faq{display:grid;gap:12px;align-content:start}
body[data-page] #faqs .faq details{padding:0;border:1px solid #59454b;border-radius:13px;background:linear-gradient(125deg,#21191d,#171416);box-shadow:none;overflow:visible}
body[data-page] #faqs .faq details[open]{border-color:var(--gold);background:linear-gradient(125deg,#2b2024,#191517)}
body[data-page] #faqs .faq summary{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:14px;min-height:76px;padding:18px 20px;margin:0;position:relative;font:600 16px/1.6 Manrope,sans-serif;list-style:none;border-radius:12px}
body[data-page] #faqs .faq summary::before,body[data-page] #faqs .faq summary::after{content:none!important;display:none!important}
body[data-page] #faqs .faq summary::-webkit-details-marker{display:none}
.faq-question-icon{display:block;width:24px;height:24px;color:var(--gold);align-self:center}
.faq-question-icon svg{display:block;width:24px;height:24px}
.faq-question-text{min-width:0}
.faq-disclosure{position:relative;width:24px;height:24px;display:grid;place-items:center;justify-self:end;color:var(--gold)}
.faq-disclosure i{position:absolute;display:block;width:12px;height:1.5px;background:currentColor;transform-origin:center;transition:transform 220ms ease,opacity 180ms ease}
.faq-disclosure i+i{transform:rotate(90deg)}
details[open] .faq-disclosure i+i,details.is-opening .faq-disclosure i+i{transform:rotate(0);opacity:0}
details.is-closing .faq-disclosure i+i{transform:rotate(90deg);opacity:1}
body[data-page] #faqs .faq-answer>div{padding:0 24px 24px}
body[data-page] #faqs .faq-answer p{font-size:16px;line-height:1.8;margin:0}
body[data-page] #faqs .faq summary:hover{background:#ffffff04;color:#fff8ef}
body[data-page] #faqs .faq summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
body[data-page] #faqs .faq-layout>.copy>p:not(.eyebrow){max-width:34em;line-height:1.8}
body[data-page] #faqs .faq-layout>.copy h2{max-width:15ch}
body[data-page=home] #faqs,body[data-page=creators] #faqs{border-block:1px solid #473237;background:radial-gradient(ellipse at 3% 25%,#51212d28,transparent 65%),#141113}
body[data-page=home] section#process{border-block:1px solid #463037;background:linear-gradient(110deg,#1b1518,#141113)}
body[data-page=home] section#process .step{border-color:#74513e}
body[data-page=creators] #creator-education{border-top:1px solid #51403b;background:radial-gradient(ellipse at 90% 10%,#a94f6912,transparent 65%)}
@media(max-width:680px){body[data-page] #faqs .faq summary{font-size:16px;gap:12px;padding:20px;min-height:76px}body[data-page] #faqs .faq-answer>div{padding:0 20px 24px}body[data-page] #faqs .faq-layout>.copy h2{max-width:14ch}.faq-question-icon{align-self:center;margin-top:0}}
@media(prefers-reduced-motion:reduce){.faq-disclosure i{transition:none}}

/* The production trio and support pair retain one shared service surface. */
.foundation44-service-card .foundation45-additional-services{margin-top:32px;padding-top:32px;background:none}
.foundation44-service-card .partner-offer h3,.foundation44-service-card .partner-offer p:not(.eyebrow){transition:color 250ms ease}
.foundation44-service-card .partner-offer.section-illuminated h3{color:#fff8ed}
.foundation44-service-card .partner-offer.section-illuminated p:not(.eyebrow){color:#e8dedb}
@media(max-width:680px){.foundation44-service-card .foundation45-additional-services{margin-top:30px;padding-top:32px;gap:30px}.foundation44-service-card .partner-offer h3{line-height:1.2}.foundation44-service-card .partner-offer p:not(.eyebrow){line-height:1.8}}
/* Reserve the existing story's two-line status before viewport playback starts. */
@media(max-width:700px){body[data-page="businesses"] .sfp-playback:has(.sfp-play:not([hidden])){min-height:103px}}

/* The existing comparison now starts with the work a creator can picture using. */
.creator-offer47{background:linear-gradient(145deg,#351a224d,transparent 65%),#171216;border-block:1px solid #69413a55}
.creator-offer47 .value-heading{align-items:center;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,72px)}
.creator-offer47 .value-heading h2{max-width:17ch}
.creator-offer47 .value-heading>p{font-size:16px;line-height:1.8;max-width:48ch}
.creator-offer47 .value-stage{padding:30px 36px 0;background:radial-gradient(ellipse at 0 0,#76353a22,transparent 65%),#20171c;border-color:#84614980}
.offer47-plan-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:25px;border-bottom:1px solid #72564566}
.offer47-plan-label{font:600 18px/1.4 'Space Grotesk',sans-serif;color:#f3edef;margin:0;max-width:23ch}
.creator-offer47 .value-controls-row{gap:16px;align-items:end}
.creator-offer47 .value-controls legend{font-size:11px;line-height:1.5;color:#cdbfc5;margin:0 0 8px}
.creator-offer47 .value-choices span{min-height:44px;padding:8px 16px}
.creator-offer47 .value-replay{font-size:11px;padding-left:0}
.offer47-quantities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0}
.offer47-quantities li{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:25px 24px 27px 0}
.offer47-quantities li+li{padding-left:24px;border-left:1px solid #72564566}
.offer47-quantities strong{font:500 clamp(37px,4vw,54px)/1 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:#efb2bc;font-variant-numeric:tabular-nums}
.offer47-quantities span{font-size:13px;line-height:1.5;color:#e3d8dc;max-width:15ch}
.offer47-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:28px 0 34px;border-top:1px solid #72564566;gap:30px 38px}
.offer47-benefit{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:18px;min-width:0}
.offer47-visual{display:block;width:100%;height:auto;max-width:176px;color:#efb2bc;overflow:visible;flex:none}
.offer47-visual .offer47-paper{fill:#efb2bc08}
.offer47-visual .offer47-slot{fill:#efb2bc33;stroke:#efb2bc}
.offer47-visual .offer47-live-tag{fill:#542c35;stroke:#d6a687}
.offer47-visual text{font:600 9px 'Manrope',sans-serif;letter-spacing:.05em}
.offer47-benefit h3{font:600 18px/1.35 'Space Grotesk',sans-serif;letter-spacing:-.02em;color:#f4eaee;margin:0 0 9px;max-width:24ch}
.offer47-benefit p{font-size:13px;line-height:1.75;color:#d1c2ca;margin:0;max-width:35ch}
.offer47-comparison{border-top:1px solid #72564566;padding-top:24px}
.creator-offer47 .value-total{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 28px;padding:0 0 22px}
.creator-offer47 .value-total::before{display:none}
.creator-offer47 .value-total h3{grid-column:1;grid-row:1/3;font-size:12px;line-height:1.6;max-width:35ch;color:#d6c9ce;margin:0}
.creator-offer47 .value-amount{grid-column:2;flex-wrap:wrap;gap:5px 10px;margin-top:0;white-space:normal}
.creator-offer47 .value-amount>strong{font-size:38px;line-height:1.2;letter-spacing:-.045em}
.creator-offer47 .value-amount>span{font-size:12px}
.creator-offer47 .value-comparison-note{grid-column:2;font-size:11px;line-height:1.6;color:#c4b5bd;font-weight:500;margin-top:0}
.creator-offer47 .value-details{border-top:1px solid #72564566;min-width:0}
.creator-offer47 .value-details summary{min-height:48px;padding:13px 0;font-size:13px;line-height:1.6}
.creator-offer47 .value-details summary>span{font-size:24px;line-height:1}
.creator-offer47 .value-details summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px;border-radius:3px}
.creator-offer47 .value-detail-body{max-width:none;padding-bottom:22px;font-size:13px}
.creator-offer47 .value-breakdown{max-width:640px;margin:8px 0 24px}
.creator-offer47 .value-breakdown h4{font-size:14px}
.creator-offer47 .value-breakdown li>strong{font-size:18px}
.creator-offer47 .value-detail-body dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 36px}
.creator-offer47 .value-detail-body dt{display:block}
.creator-offer47 .value-detail-body dt>span{display:block}
.creator-offer47 .value-detail-body dt>span+span{margin-top:3px}
.creator-offer47 .value-rate-sources{font-size:12px;overflow-wrap:anywhere}
.creator-offer47 .value-context-note{margin:0;padding:17px 0 21px;border-color:#72564566;font-size:12px;color:#d5c6cd}
.creator-offer47 .value-footer{justify-content:flex-end;margin-top:22px}
.creator-offer47-teaser{background:#171216;padding-block:clamp(32px,5vw,64px)}
.creator-offer47-teaser .value-teaser{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:radial-gradient(ellipse at 0 0,#71323a33,transparent 70%),#24191e;border-color:#84614980;gap:clamp(28px,5vw,60px);padding:36px}
.creator-offer47-teaser .value-teaser h2{max-width:18ch;font-size:clamp(30px,3vw,40px)}
.creator-offer47-teaser .value-teaser-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:45ch}
.creator-offer47-teaser .value-teaser-figure{padding-left:32px;border-color:#72564588;min-width:0}
.creator-offer47-teaser .offer47-plan-label{font:600 16px/1.5 'Space Grotesk',sans-serif;max-width:none;color:#f3edef}
.creator-offer47-teaser .offer47-quantities li{padding:22px 12px 20px 0;gap:8px}
.creator-offer47-teaser .offer47-quantities li+li{padding-left:14px}
.creator-offer47-teaser .offer47-quantities strong{font-size:40px}
.creator-offer47-teaser .offer47-quantities span{font-size:11px;line-height:1.6}
.offer47-teaser-cues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:21px 0 0;padding:0;gap:24px;max-width:360px}
.offer47-teaser-cues li{min-width:0}
.offer47-teaser-cues .offer47-visual{width:108px;max-width:100%;margin:0 0 9px}
.offer47-teaser-cues span{display:block;font-size:12px;line-height:1.5;color:#e6d8dc}
.offer47-teaser-cost{padding-top:17px;border-top:1px solid #72564566}
.offer47-teaser-cost>p:first-child{font-size:11px;line-height:1.65;color:#cbb9c2;max-width:30ch}
.creator-offer47-teaser .value-amount{gap:5px 9px;flex-wrap:wrap;white-space:normal}
.creator-offer47-teaser .value-amount>strong{font-size:32px;letter-spacing:-.04em}
.creator-offer47-teaser .value-amount>span{font-size:11px}
.creator-offer47-teaser .value-teaser-note{font-size:11px;line-height:1.75;color:#d2c1c9;margin-top:14px;max-width:38ch}
/* Existing controller classes trigger one entry sequence and explicit selection/replay only. */
.value-building .offer47-benefit .offer47-motion,.creator-offer47-teaser .value-revealed .offer47-motion{animation:offer47-settle 750ms cubic-bezier(.2,.7,.3,1) both}
.value-building .offer47-benefit:nth-child(2) .offer47-motion{animation-delay:160ms}
.value-building .offer47-benefit:nth-child(3) .offer47-motion{animation-delay:320ms}
.value-building .offer47-benefit:nth-child(4) .offer47-motion{animation-delay:480ms}
.creator-offer47-teaser .value-revealed .offer47-teaser-cues li:nth-child(2) .offer47-motion{animation-delay:180ms}
@keyframes offer47-settle{from{transform:translateY(5px);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(max-width:1000px){
 .offer47-plan-header{align-items:flex-start;gap:20px}
 .creator-offer47 .value-controls-row{flex-wrap:wrap;justify-content:flex-end;gap:5px 16px}
 .offer47-benefit{grid-template-columns:86px minmax(0,1fr);gap:14px}
 .offer47-benefit h3{font-size:17px}
 .creator-offer47-teaser .value-teaser{padding:28px;gap:28px}
 .creator-offer47-teaser .value-teaser-figure{padding-left:24px}
 .creator-offer47-teaser .offer47-quantities li+li{padding-left:10px}
 .creator-offer47-teaser .offer47-quantities strong{font-size:34px}
}
@media(max-width:680px){
 .creator-offer47 .value-heading{display:block;margin-bottom:26px}
 .creator-offer47 .value-heading h2{max-width:18ch}
 .creator-offer47 .value-heading>p{font-size:14px;line-height:1.8;margin-top:18px}
 .creator-offer47 .value-stage{padding:22px 18px 0}
 .offer47-plan-header{display:block;padding-bottom:21px}
 .offer47-plan-label{font-size:17px;max-width:none}
 .creator-offer47 .value-controls-row{margin-top:19px;justify-content:space-between;align-items:center;gap:12px}
 .creator-offer47 .value-controls{flex-basis:100%}
 .creator-offer47 .value-choices label{flex:1}
 .creator-offer47 .value-choices span{padding-inline:7px;font-size:12px}
 .creator-offer47 .value-replay{position:static;min-height:36px;padding:0}
 .creator-offer47 .value-static-scope{padding:0;margin:0;font-size:12px;max-width:none}
 .offer47-quantities li{padding:22px 12px 23px 0;gap:8px}
 .offer47-quantities li+li{padding-left:13px}
 .offer47-quantities strong{font-size:38px}
 .offer47-quantities span{font-size:11px;line-height:1.6}
 .offer47-benefits{gap:26px 18px;padding:25px 0 28px}
 .offer47-benefit{display:block}
 .offer47-benefit .offer47-visual{width:126px;max-width:100%;margin:0 0 14px}
 .offer47-benefit h3{font-size:16px;line-height:1.4;margin-bottom:9px}
 .offer47-benefit p{font-size:12px;line-height:1.75}
 .offer47-comparison{padding-top:21px}
 .creator-offer47 .value-total{display:block;padding-bottom:17px}
 .creator-offer47 .value-total h3{font-size:12px;max-width:32ch}
 .creator-offer47 .value-amount>strong{font-size:34px}
 .creator-offer47 .value-amount{margin-top:8px}
 .creator-offer47 .value-comparison-note{margin-top:6px}
 .creator-offer47 .value-details{border-top:1px solid #72564566}
 .creator-offer47 .value-details summary{padding:13px 0;min-height:48px;font-size:12px}
 .creator-offer47 .value-detail-body dl{grid-template-columns:minmax(0,1fr);gap:19px}
 .creator-offer47 .value-breakdown h4{font-size:12px}
 .creator-offer47 .value-breakdown li{gap:9px}
 .creator-offer47 .value-breakdown li>strong{font-size:16px}
 .creator-offer47 .value-context-note{font-size:11px;padding-block:15px 19px}
 .creator-offer47 .value-footer{margin-top:18px}
 .creator-offer47-teaser .value-teaser{grid-template-columns:minmax(0,1fr);padding:26px 22px;gap:26px}
 .creator-offer47-teaser .value-teaser h2{font-size:30px;max-width:18ch}
 .creator-offer47-teaser .value-teaser-figure{padding:23px 0 0;border-left:0;border-top:1px solid #72564588}
 .creator-offer47-teaser .offer47-quantities strong{font-size:38px}
 .creator-offer47-teaser .offer47-quantities li+li{padding-left:14px}
 .creator-offer47-teaser .value-amount>strong{font-size:31px}
 .offer47-teaser-cues{margin-top:19px;gap:22px}
}
@media(max-width:360px){
 .creator-offer47 .value-stage{padding-inline:16px}
 .offer47-benefits{gap:25px 14px}
 .offer47-quantities li{padding-right:8px}
 .offer47-quantities li+li{padding-left:10px}
 .offer47-quantities strong{font-size:34px}
 .offer47-benefit h3{font-size:15px}
 .creator-offer47-teaser .value-teaser{padding-inline:19px}
 .creator-offer47-teaser .offer47-quantities li+li{padding-left:10px}
 .creator-offer47-teaser .offer47-quantities strong{font-size:34px}
}
@media(prefers-reduced-motion:reduce){
 .creator-offer47 *,.creator-offer47 *::before,.creator-offer47 *::after,.creator-offer47-teaser *,.creator-offer47-teaser *::before,.creator-offer47-teaser *::after{animation:none!important;transition:none!important}
}

/* One illustrative recurring-content scope, inside the existing service row. */
body[data-page="businesses"] .foundation-business-services .business-offer47{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-areas:"intro outputs" "metrics outputs" "action outputs";gap:22px 40px;padding:30px;border:1px solid #66515b;border-radius:14px;background:radial-gradient(ellipse at 8% 0%,#c2758b16,transparent 60%),#211a1a;box-shadow:inset 0 1px 0 #ecd4aa12}
body[data-page="businesses"] .business-offer47 .business-offer47-copy{grid-area:intro;display:block;max-width:none}
body[data-page="businesses"] .business-offer47-copy h2{font-size:clamp(27px,2.4vw,35px);line-height:1.14;max-width:20ch;margin:0}
body[data-page="businesses"] .business-offer47-copy>.eyebrow{font-size:10px;color:#efb2bc;margin-bottom:16px}
body[data-page="businesses"] .business-offer47-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;margin:18px 0 0;max-width:50ch}
.business-offer47-metrics{grid-area:metrics;display:grid;grid-template-columns:1fr 1.3fr;gap:18px;min-width:0}
.business-offer47-metrics p{margin:0!important;display:flex;align-items:baseline;gap:10px;min-width:0}
.business-offer47-metrics strong{font:500 clamp(46px,4.5vw,62px)/.95 "Space Grotesk",sans-serif;color:#e3c18b;letter-spacing:-.06em;flex:none}
.business-offer47-metrics span{font:600 12px/1.5 Manrope,sans-serif;max-width:12ch;color:#e2d6cd}
.business-offer47-outputs{grid-area:outputs;list-style:none;margin:0;padding:0;display:grid;align-content:center;gap:22px;min-width:0}
.business-offer47-output{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;padding:0;min-width:0}
.business-offer47-output .foundation45-icon{margin-top:3px;color:#efb2bc}
.business-offer47-output h3{font:600 18px/1.35 Manrope,sans-serif;margin:0;letter-spacing:-.02em}
.business-offer47-output p{font-size:13px;line-height:1.7;color:#cfc2b9;margin:7px 0 0!important}
.business-offer47-action{grid-area:action;min-width:0}
.business-offer47-action .actions{margin:0}
.business-offer47-action .scope-note{font-size:11px!important;line-height:1.65;margin:12px 0 0!important;max-width:49ch}
/* Source, filming and captioned result illustrate the selected brief only. */
body[data-page="businesses"] .brief-visual{color:#efb2bc;margin:20px 0 12px;overflow:hidden}
body[data-page="businesses"] .brief-visual svg{display:block;width:100%;height:auto;max-height:190px}
body[data-page="businesses"] .brief-set{stroke:#6c5445;stroke-width:1}
body[data-page="businesses"] .brief-subject{fill:none;stroke:#e4d8cb;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
body[data-page="businesses"] .brief-room{stroke:#766151;stroke-width:1.3}
body[data-page="businesses"] .brief-room-glow{fill:#cf8f6c;stroke:#ddb482;stroke-width:1;opacity:.35}
body[data-page="businesses"] .brief-beam{fill:#dfaf72;stroke:none;opacity:.22}
body[data-page="businesses"] .brief-remote{stroke:#e5c58f}
body[data-page="businesses"] .brief-accent,body[data-page="businesses"] .brief-question{stroke:#d3aa72;stroke-width:2}
body[data-page="businesses"] .brief-route{fill:none;stroke:#b78863;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
body[data-page="businesses"] .brief-lens{stroke:#dfc298;fill:#211b1a;stroke-width:2}
body[data-page="businesses"] .brief-lens circle{fill:none}
body[data-page="businesses"] .brief-result{fill:none;stroke:#e4d8cb;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform-origin:85% 50%}
body[data-page="businesses"] .brief-output{fill:#261d1c;stroke:#937356;stroke-width:1.5}
body[data-page="businesses"] .brief-caption{stroke:#b58c65;stroke-width:3;stroke-linecap:round}
@media(prefers-reduced-motion:no-preference){
 body[data-page="businesses"] .match-preview-entering .brief-route{animation:business47-route 450ms ease-out both}
 body[data-page="businesses"] .match-preview-entering .brief-result{animation:business47-result 500ms cubic-bezier(.2,.8,.2,1) both}
 body[data-page="businesses"] .match-preview-entering .brief-beam{animation:business47-light 500ms ease-out both}
}
@keyframes business47-route{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes business47-result{from{opacity:.5;transform:translateX(-5px)}to{opacity:1;transform:none}}
@keyframes business47-light{from{opacity:.04}to{opacity:.22}}
@media(max-width:760px){
 body[data-page="businesses"] .foundation-business-services .business-offer47{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "metrics" "outputs" "action";gap:24px;padding:25px 22px}
 body[data-page="businesses"] .business-offer47-copy h2{font-size:29px;max-width:21ch}
 .business-offer47-metrics{grid-template-columns:1fr 1fr;gap:16px}
 .business-offer47-metrics strong{font-size:52px}
 .business-offer47-metrics span{font-size:12px}
 .business-offer47-outputs{gap:19px;padding-top:22px;border-top:1px solid #69523e}
 .business-offer47-output h3{font-size:17px}
 .business-offer47-action .button{width:100%;justify-content:center}
 body[data-page="businesses"] .brief-visual{margin-block:16px 10px}
}
@media(max-width:350px){
 body[data-page="businesses"] .foundation-business-services .business-offer47{padding:22px 17px;gap:22px}
 body[data-page="businesses"] .business-offer47-copy h2{font-size:27px}
 .business-offer47-metrics strong{font-size:47px}
 .business-offer47-metrics p{gap:8px}
 .business-offer47-output{gap:11px}
}
@media(prefers-reduced-motion:reduce){body[data-page="businesses"] .brief-visual *{animation:none!important;transition:none!important}}

body[data-page="businesses"] .business-offer47-metrics p{grid-column:auto;grid-row:auto}

/*48 public community identity, without changing private onboarding access. */
.community-discord-link{display:inline-flex;align-items:center;gap:10px}
.community-discord-link .community-discord-icon{display:block;flex:0 0 24px;width:24px;height:18px;object-fit:contain}

/* Optional plan inputs stay native and large enough for touch and keyboard use. */
.value-plan-options{border:0;padding:20px 0 22px;margin:0;border-bottom:1px solid #72564566;display:grid;gap:12px}
.value-plan-options[hidden]{display:none}
.value-plan-options legend{font-size:12px;color:var(--soft);padding:0;margin-bottom:10px}
.value-plan-options label{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px;line-height:1.5;cursor:pointer}
.value-plan-options input{width:20px;height:20px;flex:none;accent-color:var(--gold)}
.value-plan-options input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.value-specialist{padding:15px 0;border-top:1px solid #72564566}
.value-specialist summary{min-height:44px;display:list-item;cursor:pointer;font-size:13px;line-height:1.7;padding-block:11px}
.value-specialist p{font-size:13px;line-height:1.8;margin:8px 0}
.creator-offer47 .offer47-benefit .offer47-motion,.creator-offer47-teaser [data-benefit-entry] .offer47-motion{animation:none}
.creator-offer47 .offer47-benefit.benefit-entered .offer47-motion,.creator-offer47-teaser [data-benefit-entry].benefit-entered .offer47-motion{animation:offer47-settle 750ms cubic-bezier(.2,.7,.3,1) both;animation-delay:0ms}
@media(prefers-reduced-motion:reduce){.creator-offer47 .offer47-benefit.benefit-entered .offer47-motion,.creator-offer47-teaser [data-benefit-entry].benefit-entered .offer47-motion{animation:none}}

:root{--co-canvas:#101010;--co-surface:#1a1619;--co-raised:#21191d;--co-text:#f7f4f0;--co-muted:#c4bfc1;--co-crimson:#b4112e;--co-crimson-hover:#c31e3c;--co-rose:#e8a2ae;--co-line:#59454b;--co-gold:#d7b577;--co-violet:#bea8d4}
/* Keep the original root text/canvas/crimson. Gold no longer signals every service. */
.foundation45-icon,.foundation45-process-icon,.partner-service-label :is(img,svg),.faq-question-icon{color:var(--co-rose)}
.education-intro>.eyebrow,.education-benefits>li>span{color:var(--co-violet)}
.education-benefits>li>span{display:block;flex:0 0 24px;width:24px;height:24px;line-height:0}
.education-benefits>li>span>svg{display:block;width:24px;height:24px}
.faq-disclosure,.hp33-demo-link a{color:var(--co-rose)}
.scroll-progress span{background:linear-gradient(90deg,var(--co-crimson),var(--co-rose))}
.hp42-story .hp42-stage-tabs button[aria-pressed=true]{background:var(--co-raised);color:var(--co-text);box-shadow:inset 0 0 0 1px var(--co-rose)}
.hp42-story .hp42-stage-tabs button:focus-visible{outline-color:var(--co-rose)}
body[data-page] #faqs .faq details[open]{border-color:var(--co-rose)}
body[data-page] #faqs .faq summary:focus-visible{outline-color:var(--co-rose)}
/* Numeric examples alone retain muted gold, with neutral framing. */
.creator-offer47 .value-stage,.creator-offer47-teaser .value-teaser,body[data-page=businesses] .foundation-business-services .business-offer47{border-color:var(--co-line)}
.offer47-plan-label,.creator-offer47-teaser .offer47-plan-label,.offer47-quantities strong,.business-offer47-metrics strong{color:var(--co-gold)}
.offer47-visual{color:var(--co-muted)}
body[data-page=businesses] .business-offer47-output .foundation45-icon{color:var(--co-rose)}
.creator-discord-entry{border-color:var(--co-line)}

.creator-discord-action .button,.creator-discord-action a.button{background:var(--co-crimson);border-color:var(--co-rose);color:var(--co-text)}
.creator-discord-action a.button:not(:disabled):is(:hover,:focus-visible){background:var(--co-crimson-hover);border-color:var(--co-rose)}
/* Paired cards: a smaller shared heading scale plus shorter clipping copy, not filler. */
@media(min-width:861px){
 .partner-service-grid>.partner-service{padding:28px;align-content:start}
 .partner-service-grid>.partner-service h3{font-size:clamp(26px,2.2vw,30px);line-height:1.2;max-width:none}
}
@media(max-width:430px){
 .offer47-benefits{grid-template-columns:minmax(0,1fr);gap:24px}
 .offer47-benefit{display:grid;grid-template-columns:82px minmax(0,1fr);gap:16px;align-items:start}
 .offer47-benefit .offer47-visual{width:82px;max-width:100%;margin:0}
 .offer47-benefit h3{font-size:16px;line-height:1.35;max-width:none}
 .offer47-benefit p{font-size:13px;line-height:1.7}
}

/* The last service is an intentional coaching band, not a dangling half row. */
@media(min-width:861px){
 .partner-service-grid>#guidance{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);column-gap:36px;row-gap:12px;align-items:start}
 .partner-service-grid>#guidance>.partner-service-label{grid-column:1;margin-bottom:0}
 .partner-service-grid>#guidance>h3{grid-column:1;grid-row:2;margin:0}
 .partner-service-grid>#guidance>.partner-service-text{grid-column:2;grid-row:1/3;margin:0;align-self:center}
}
.member-entry-intro h1{font-size:clamp(38px,4.8vw,64px);max-width:12ch}
.hp42-story .hp08-caption strong{background:var(--co-rose);color:var(--co-canvas)}
.hp42-story :is(.hp42-story-status,.hp08-figure-heading em){color:var(--co-rose)}
.hp42-story .hp33-media-control{border-color:var(--co-rose)}
.hp42-story .hp31-kept-intro,.hp42-story .hp31-kept-reaction{border-color:var(--co-rose);background:#e8a2ae20}
.hp42-story[data-story-stage=selection] .hp08-range{background:#e8a2ae66;box-shadow:0 0 18px #e8a2ae33}
.creator-offer47 .value-choices input:checked+span{border-color:var(--co-rose);background:#e8a2ae15;color:var(--co-text)}
.value-plan-options input{accent-color:var(--co-rose)}
.value-plan-options input:focus-visible{outline-color:var(--co-rose)}
.offer47-visual .offer47-slot{fill:#e8a2ae18;stroke:var(--co-rose)}
.offer47-visual .offer47-live-tag{fill:var(--co-raised);stroke:var(--co-rose)}
.offer47-visual .offer47-paper{fill:#c4bfc109}
.creator-offer47 .value-amount>strong,.creator-offer47-teaser .value-amount>strong,body[data-page=businesses] .business-offer47-metrics strong{color:var(--co-gold)}
.creator-offer47 .value-details summary:focus-visible{outline-color:var(--co-rose)}
.offer47-benefits:has(>:nth-child(5))>:last-child{grid-column:1/-1}
@media(min-width:431px){.offer47-benefits:has(>:nth-child(5))>:last-child{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px}}

[data-value-spotlight]::before{background:linear-gradient(100deg,transparent,#e8a2ae12 48%,#e8a2ae22 50%,transparent)}
[data-value-spotlight].value-in-view{border-color:#e8a2ae77;box-shadow:0 0 60px #b4112e12,inset 0 1px 0 #e8a2ae1a}

@media(min-width:861px){
 .value-plan-options{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;row-gap:0;padding:14px 0 16px}
 .value-plan-options legend{margin-bottom:2px}
 .value-plan-options label{align-items:center;font-size:13px;min-height:44px}
}

/* Approved Fugaz One outline. Preserve the exact 799:155 viewBox proportion. */
.header .wordmark.wordmark-lockup.fugaz-lockup,.footer .wordmark.wordmark-lockup.fugaz-lockup{--brand-art-width:182.469px;display:inline-flex;align-items:center;width:var(--brand-art-width);height:44px;min-height:44px;flex:0 0 auto;line-height:0}
.wordmark.wordmark-lockup.fugaz-lockup .brand-lockup.selected-lockup{position:static;display:block;width:100%;height:auto;max-width:none;aspect-ratio:799/155;left:auto;top:auto;margin:0;transform:none;object-fit:contain}
@media(max-width:860px){.header .wordmark.wordmark-lockup.fugaz-lockup,.footer .wordmark.wordmark-lockup.fugaz-lockup{--brand-art-width:145.609px}}

/* All five Home rows share the same static text and viewport-only light. */
body[data-page=home] .foundation44-service-card .partner-offer{position:relative;isolation:isolate;background:none;opacity:1}
body[data-page=home] .foundation44-service-card .partner-offer::before{content:'';position:absolute;inset:-10px -8px;z-index:-1;border-radius:50%;filter:blur(14px);background:radial-gradient(ellipse at 24% 35%,#e490a018,transparent 70%);opacity:0;pointer-events:none;transition:opacity 450ms ease}
body[data-page=home] .foundation44-service-card .partner-offer:is(.section-illuminated,:focus-within)::before{opacity:1}
body[data-page=home] .foundation44-service-card .partner-offer h3{color:#f7f4f0;opacity:1}
body[data-page=home] .foundation44-service-card .partner-offer p:not(.eyebrow){color:#ded8d4;opacity:1;visibility:visible}
body[data-page=home] .foundation44-service-card .partner-offer.section-illuminated p:not(.eyebrow){color:#e8dedb}
@media(hover:hover) and (pointer:fine){body[data-page=home] .foundation44-service-card .partner-offer:hover::before{opacity:1}}
@media(prefers-reduced-motion:reduce){body[data-page=home] .foundation44-service-card .partner-offer::before{transition:none}}

/* Focused Product Design226 treatment of the existing interface. */
:root{--fd50-action:#b6383b;--fd50-action-hover:#a9323b;--fd50-text:#f7f4f0;--fd50-soft:#d6d0d2;--fd50-label:#c7bfc3;--fd50-surface:#19191c;--fd50-line:#5c5159;--fd50-gold:#efb2bc;--bg:#121214;--panel:#19191c;--text:var(--fd50-text);--soft:var(--fd50-soft);--line:#49434a;--gold:var(--fd50-gold);--accent-quiet:var(--fd50-gold);--co-gold:var(--fd50-gold);--red:var(--fd50-action);--blaze:linear-gradient(110deg,#b6383b,#e48899);--reading-glow:#e490a018}
.button:not(.secondary),.button.creator-tone,.creator-opening-action .creator-conversation{background:var(--fd50-action);border-color:var(--fd50-action);color:var(--fd50-text)}
.button:not(.secondary):is(:hover,:focus-visible),.button.creator-tone:is(:hover,:focus-visible),.creator-opening-action .creator-conversation:is(:hover,:focus-visible){background:var(--fd50-action-hover);border-color:var(--fd50-action-hover);color:var(--fd50-text)}
.button:focus-visible,.quiet-cta:focus-visible{outline:2px solid #f2a29a;outline-offset:4px}
.foundation44-service-card,.creator-offer47 .value-stage,.creator-offer47-teaser .value-teaser,.business-option,.network-layout .match-graphic{background:var(--fd50-surface);border-color:var(--fd50-line)}
.creator-offer47,.creator-offer47-teaser{background:#121112;border-color:#3b3034}
body[data-page=home] .foundation44-service-card>.eyebrow,body[data-page=home] .foundation44-service-card .partner-offer>.eyebrow{color:var(--fd50-label)}
body[data-page=home] .foundation44-service-card .foundation45-icon{color:var(--fd50-label)}
.foundation44-service-card>h2{color:var(--fd50-text)}
body[data-page=home] .foundation44-service-card .partner-offer h3{font-size:24px;line-height:1.3;font-weight:600}
body[data-page=home] .foundation44-service-card .partner-offer p:not(.eyebrow){font-size:14px;line-height:1.8}
.network-layout .match-node{color:#d4cbca;border-color:#716166}
.network-layout .match-signal{color:#a9979d}
.network-layout .match-path-link{color:var(--fd50-text);text-decoration-thickness:1px;text-underline-offset:4px}
.network-layout .match-bridge::before{background:#766268}
/* Counts lead; native choices then refine the visible plan below. */
.offer50-outcome-summary{padding-bottom:18px;border-bottom:1px solid var(--fd50-line)}
.offer50-outcome-summary .offer47-plan-label{color:var(--fd50-text);font-size:17px;margin:0}
.offer50-outcome-summary .offer47-quantities{margin-top:10px}
.offer50-outcome-summary .offer47-quantities li{padding-block:16px}
.offer50-outcome-summary .offer47-quantities strong{color:var(--fd50-gold);font-size:42px}
.creator-offer47 .offer47-plan-header{padding:16px 0 12px;border:0}
.creator-offer47 .value-controls-row{width:100%;justify-content:space-between;align-items:center}
.creator-offer47 .value-controls legend,.value-plan-options legend{color:var(--fd50-label)}
.creator-offer47 .value-plan-options{padding:8px 0 18px;margin-bottom:0;border-color:var(--fd50-line)}
.creator-offer47 .offer47-benefits{border-top:0;padding-top:26px;gap:30px 36px}
.creator-offer47 .offer47-benefits>.offer47-benefit{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px 20px;align-items:center}
.creator-offer47 .offer47-benefit>div{display:contents}
.creator-offer47 .offer47-benefit>.offer47-visual{grid-column:2;grid-row:1;width:112px;max-width:112px;margin:0;color:#ded3ce;stroke-width:2}
.creator-offer47 .offer47-benefit h3{grid-column:1;grid-row:1;max-width:none;margin:0;font-size:20px;line-height:1.35;color:var(--fd50-text)}
.creator-offer47 .offer47-benefit p{grid-column:1/-1;grid-row:2;max-width:none;margin:0;color:var(--fd50-soft);font-size:14px;line-height:1.8}
.creator-offer47 .offer47-visual .offer47-paper{fill:#cec8c50b}
.creator-offer47 .offer47-visual .offer47-slot{stroke:#d6baba;fill:#d6baba18}
.creator-offer47 .offer47-comparison{padding-top:20px;border-color:var(--fd50-line)}
.creator-offer47 .value-total h3{font-size:13px;color:var(--fd50-soft)}
.creator-offer47 .value-amount>strong{font-size:34px}
.creator-offer47 .value-comparison-note{color:var(--fd50-soft)}
.creator-offer47 .value-footer{justify-content:flex-start}
.creator-offer47-teaser .offer47-plan-label{color:var(--fd50-text)}
.creator-offer47-teaser .offer47-teaser-cues .offer47-visual{stroke-width:2;color:#ded3ce}
/* An action card has a visible action label plus a clear keyboard/selected state. */
.business-option{border:1px solid #776469;transition:background 180ms ease,border-color 180ms ease,transform 180ms ease;box-shadow:inset 3px 0 0 #b6383b55}
.business-option h3{color:var(--fd50-text)}
.business-option p{color:var(--fd50-soft)}
.business-option-link{display:inline-block;align-self:start;width:fit-content;font-size:14px;font-weight:700;color:#f0b9b5;border-bottom:1px solid currentColor;padding-bottom:3px}
.business-option:is(:hover,:focus-visible,:active){background:#292023;border-color:#f0b9b5;box-shadow:inset 3px 0 0 #e08b84;transform:translateY(-2px)}
.business-option:focus-visible{outline:2px solid #f2a29a;outline-offset:4px}
@media(max-width:980px){.network-layout>.copy{padding-inline:0}}
@media(max-width:680px){
 .creator-offer47 .value-heading h2{font-size:32px;line-height:1.12}
 .creator-offer47 .value-stage{padding:22px 20px 0}
 .offer50-outcome-summary .offer47-quantities strong{font-size:36px}
 .creator-offer47 .value-controls-row{margin-top:0}
 .creator-offer47 .offer47-plan-header{padding-top:18px;padding-bottom:8px}
 .creator-offer47 .value-controls{flex-basis:auto;flex-grow:1}
 .creator-offer47 .value-controls legend{font-size:11px}
 .creator-offer47 .value-replay{min-height:36px;align-self:end}
 .creator-offer47 .value-plan-options{padding-bottom:20px}
 .creator-offer47 .offer47-benefits{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:24px}
 .creator-offer47 .offer47-benefits>.offer47-benefit{grid-template-columns:minmax(0,1fr) 92px;gap:10px 16px;padding-bottom:0;border:0}
 .creator-offer47 .offer47-benefit>.offer47-visual{width:92px;max-width:92px;stroke-width:2.1}
 .creator-offer47 .offer47-benefit h3{font-size:18px}
 .creator-offer47 .offer47-benefit p{font-size:14px;line-height:1.8}
 .creator-offer47 .value-amount>strong{font-size:30px}
 .creator-offer47 .value-footer .button{width:100%}
 body[data-page=home] .foundation44-service-card .partner-offer h3{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.business-option{transition:none}.business-option:is(:hover,:focus-visible,:active){transform:none}}

body:has(#content-for-your-channels:target) .business-option[href="#content-for-your-channels"],body:has(#sponsored-collaborations:target) .business-option[href="#sponsored-collaborations"],body:has(#creator-visits:target) .business-option[href="#creator-visits"]{background:#292023;border-color:#f0b9b5;box-shadow:inset 3px 0 0 #e08b84}
/* Finish the informational hierarchy without changing the supplied artwork. */
.foundation44-service-card .impact-accent{color:inherit}
.network-layout .match-node,.network-layout .match-business{background:#201c1f}
.network-layout .match-topline{color:var(--fd50-label)}
.network-layout .match-graphic::before{background:none}

/* Shared service meaning uses the same quiet informational color on each route. */
.partner-service-label,.partner-service-label svg{color:var(--fd50-label)}


/* Offer52: keep the accepted visual system; make each decision readable. */
.offer52-home-opening h1{max-width:19ch}
.offer52-home-opening .copy{max-width:1120px}
.offer52-audience-statements{display:grid;grid-template-columns:1fr 1fr;gap:24px 44px;max-width:1000px;margin-top:28px}
.offer52-audience-statements p{margin:0;font-size:17px;line-height:1.85;color:var(--fd50-soft)}
.offer52-topic-links{display:flex;flex-wrap:wrap;gap:16px 28px;padding:14px 0 0;border:0;margin:0}
.offer52-topic-links .creator-opening-support-item{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6;text-decoration:none;max-width:27ch}
.offer52-topic-links .creator-opening-support-item>span{margin:0;color:var(--fd50-label)}
.offer52-topic-links .creator-opening-support-item svg{width:20px;height:20px;flex:none}
.offer52-topic-links .creator-opening-support-item:focus-visible{outline:2px solid var(--fd50-text);outline-offset:5px}
.offer52-path-intro{margin-bottom:28px;max-width:720px}
.offer52-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.offer52-path-card{display:flex;flex-direction:column;gap:17px;min-width:0;padding:32px;border:1px solid var(--fd50-line);border-radius:18px;background:var(--fd50-card,#191719);scroll-margin-top:130px}
.offer52-path-card h3{font-size:clamp(27px,2.6vw,36px);line-height:1.18;letter-spacing:-.035em;margin:0;max-width:20ch}
.offer52-path-card p{margin:0;font-size:15px;line-height:1.85;color:var(--fd50-soft)}
.offer52-path-card .eyebrow{font-size:11px;color:var(--fd50-label)}
.offer52-path-card .scope-note,.offer52-path-card .offer52-path-example{font-size:13px;line-height:1.75}
.offer52-path-card .actions{margin-top:auto;padding-top:4px}
.offer52-path-card .partner-text-link{font-size:13px;width:fit-content}
.offer52-example-caption{font-size:12px;line-height:1.7;margin-top:18px;color:var(--fd50-soft)}
.partner-service-feature .hp42-story{width:100%;min-width:0;margin:0}
.creator-offer47 .offer47-comparison{padding-top:0}
.creator-offer47 .value-details{border-top:0}
.creator-offer47 .value-details summary{color:var(--fd50-soft);font-size:13px}
.creator-offer47 .value-detail-body .value-total{padding:12px 0 22px}
.creator-offer47 .value-detail-body .value-amount strong{font-size:28px}
.creator-offer47 .value-detail-body .value-amount>span{font-size:11px}
.offer52-learning-summary{max-width:740px}
.offer52-learning-summary .quiet-cta{margin-top:24px}
#paths,#process,#example-scope,.compat-anchor,#managed{scroll-margin-top:130px}
#creator-edit-example,.offer52-channel[id],.offer52-process-path[id]{scroll-margin-top:calc(var(--nav-offset) + 24px)}
.compat-anchor{display:block;height:0;pointer-events:none}
.inquiry-intent{grid-column:1/-1;margin:0 0 4px}
.inquiry-intent label{display:block;font-size:15px;font-weight:650;margin-bottom:0}
.inquiry-intent select{display:block;width:100%;min-height:48px;max-width:100%;padding:12px 14px;border:1px solid #766870;border-radius:7px;background:#201c21;color:var(--fd50-text);font:inherit;font-size:16px;line-height:1.5}
.inquiry-intent select:focus-visible{outline:2px solid var(--fd50-text);outline-offset:3px}
body[data-page=businesses] .offer52-channel-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body[data-page=businesses] .offer52-channel{display:flex;flex-direction:column;grid-row:auto;grid-template-rows:none;gap:24px;min-width:0}
.offer52-channel .copy{max-width:none}
.offer52-channel>.actions{margin-top:auto}
.offer52-production-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding-top:32px}
.offer52-production-methods .service-row{padding:28px;border:0;min-width:0}
.offer52-production-methods h3{font-size:25px;max-width:22ch}
.offer52-production-methods p{font-size:14px;line-height:1.8}
.offer52-worked-examples.match-preview-enhanced>.wrap{display:block}
.offer52-worked-examples .match-preview-intro,.offer52-worked-examples .match-preview-controls,.offer52-worked-examples .match-preview-panels{grid-column:auto;grid-row:auto;max-width:none}
.offer52-worked-examples .match-preview-intro{max-width:820px}
.offer52-worked-examples .match-preview-intro h2{max-width:24ch}
.offer52-worked-examples .match-preview-controls{margin:30px 0 24px}
.offer52-worked-examples .match-preview-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.offer52-worked-examples .match-preview-panel{min-height:0}
.offer52-worked-story .sfp-story{margin-block:0}
.offer52-worked-story .sfp-story-heading{gap:30px;margin-bottom:24px}
.offer52-worked-story .sfp-stages{gap:28px}
.offer52-worked-story .sfp-stages h4{font-size:20px}
.offer52-worked-story .sfp-stages li>p:last-child{font-size:14px}
.offer52-process-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.offer52-process-path{min-width:0}
.offer52-process-path>.copy>h2{font-size:29px;line-height:1.22;max-width:20ch}
.offer52-process-path .copy>p:not(.eyebrow){font-size:14px;line-height:1.85}
.offer52-process-steps{display:grid;gap:24px;list-style:none;padding:0;margin:28px 0}
.offer52-process-steps h3{font-size:18px;line-height:1.35;margin:0 0 9px}
.offer52-process-steps p{font-size:14px;line-height:1.85;color:var(--fd50-soft);margin:0}
.offer52-process-path>.actions .button{font-size:13px;padding-inline:16px}
.offer52-responsibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:34px}
.offer52-responsibility h3{font-size:23px;margin-bottom:12px}
.offer52-responsibility p{font-size:15px;line-height:1.85;color:var(--fd50-soft)}
.offer52-about-method .copy{max-width:780px}
@media(max-width:980px){
 .offer52-process-paths{grid-template-columns:1fr;gap:48px}
 .offer52-process-path>.copy{max-width:760px}
 .offer52-process-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
}
@media(max-width:680px){
 .offer52-home-opening h1{font-size:clamp(37px,9.5vw,52px);max-width:15ch}
 .offer52-audience-statements{grid-template-columns:1fr;gap:14px;margin-top:24px}
 .offer52-audience-statements p{font-size:15px;line-height:1.8}
 .offer52-topic-links{gap:12px;padding-top:0}
 .offer52-topic-links .creator-opening-support-item{font-size:11px;max-width:none}
 .offer52-topic-links .creator-opening-support-item svg{width:18px;height:18px}
 .offer52-path-grid{grid-template-columns:1fr;gap:20px}
 .offer52-path-card{padding:24px;gap:15px}
 .offer52-path-card h3{font-size:28px}
 .offer52-path-card p{font-size:14px;line-height:1.8}
 .offer52-path-card .button{width:100%;text-align:center}
 body[data-page=businesses] .offer52-channel-options,.offer52-production-methods,.offer52-responsibility-grid,.offer52-process-steps{grid-template-columns:1fr}
 .offer52-production-methods{gap:32px}
 .offer52-worked-examples .match-preview-choices{grid-template-columns:1fr}
 .offer52-worked-story .sfp-story-heading{grid-template-columns:1fr;gap:18px}
 .offer52-worked-story .sfp-stages{gap:18px}
 .offer52-process-path>.copy>h2{font-size:30px}
 .offer52-responsibility-grid{gap:26px}
}

.offer52-path-followup{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-top:24px}
.offer52-path-followup p{font-size:13px;line-height:1.8;color:var(--fd50-soft);margin:0;max-width:64ch}
.offer52-path-followup .partner-text-link{font-size:13px;line-height:1.8;max-width:28ch;margin:0}
@media(max-width:680px){.offer52-path-followup{display:grid;gap:16px}}

.offer52-worked-examples .match-preview-path::before{display:none}
.offer52-worked-examples .match-preview-path dd{margin-left:0}

/* Align parallel process choices without imposing mobile card heights. */
@media(min-width:981px){
 .offer52-process-paths{align-items:stretch}
 .offer52-process-path{display:flex;flex-direction:column}
 .offer52-process-path>.actions{margin-top:auto}
}

/* First-contact controls share one native type, size and spacing system. */
.contact-first{background:var(--bg)}
.contact-first .field{gap:8px}
.contact-first .field>label,.contact-first .inquiry-intent label{font-size:15px;line-height:1.5;margin:0;color:var(--text)}
.contact-first .field :where(input:not([type=checkbox]):not([type=radio]),textarea,select){font:400 16px/1.5 Manrope,sans-serif;padding:14px 16px;border:1px solid #786a74;border-radius:8px;min-height:54px;background:#1e1d21;color:var(--text)}
.contact-first .field textarea{min-height:144px;resize:vertical}
.contact-first .field :is(input,textarea,select):hover{border-color:#a88c99}
.contact-first .field :is(input,textarea,select):focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-color:var(--gold)}
.contact-first .field :is(input,textarea,select)[aria-invalid=true]{border-color:#ffb2c3;outline-color:#ffb2c3}
.contact-first :is(.optional-label,.required-label,.field-hint,.field-error,.form-status,.form-footnote){font-size:13px;line-height:1.65}
.contact-first .contact-intro .eyebrow{font-size:11px;color:var(--fd50-label)}
.contact-first .contact-switch button{font-size:15px;min-height:50px}
.contact-first .contact-switch button[aria-pressed=true]{color:var(--text);background:#34232c;border-color:#b48696}
.contact-first .inquiry-context{background:#242025;color:var(--soft);border-color:var(--gold);padding:10px 14px}
body[data-page=home] #next .quiet-cta{margin-top:20px;max-width:100%;min-height:44px;padding:8px 4px;line-height:1.6;background:transparent;border:0;text-align:center}
body[data-page=home] #next .quiet-cta:is(:hover,:focus-visible){color:var(--gold);text-decoration:underline;text-underline-offset:5px}
@media(max-width:680px){
 body[data-page=home] #next .quiet-cta{font-size:14px}
 .contact-first .contact-intro .eyebrow{font-size:11px}
}

/* Shared mobile reading rhythm; service labels and helper notes remain subordinate. */
@media(max-width:680px){
 body{font-size:16px}
 body[data-page=home] .foundation44-service-card .partner-offer p:not(.eyebrow),
 .offer52-path-card p:not(.eyebrow):not(.scope-note),.offer52-production-methods p,
 .offer52-process-steps p,.offer52-process-path>.copy>p:not(.eyebrow),
 .offer52-responsibility p,.creator-offer47 .offer47-benefit p,
 .business-option p,.partner-service .copy>p:not(.eyebrow){font-size:16px;line-height:1.8}
 .foundation44-service-card,.offer52-path-card{padding:24px}
 .offer52-path-card .scope-note{font-size:14px;line-height:1.75}
 .offer52-path-intro{margin-bottom:24px}
 .eyebrow{font-size:11px;line-height:1.6}
}
@media(max-width:360px){
 .foundation44-service-card,.offer52-path-card{padding:20px}
 body[data-page=home] .foundation44-service-card .partner-offer h3{font-size:22px}
 .offer52-path-card h3{font-size:26px}
}

@media(max-width:360px){body[data-page=whyStrivefire] .hero h1{font-size:32px;line-height:1.14}}

/* Refinement54: one concise hero and one consistent set of service targets. */
.experience54-home-lead{max-width:52ch!important;margin-top:26px!important;font-size:18px;line-height:1.8}
.creator-opening-grid{grid-template-rows:auto auto;row-gap:24px}
.creator-opening-action{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.creator-opening-action>.button{width:100%;min-width:0}
.creator-opening-action>p{grid-column:1/-1;font-size:13px;line-height:1.65}
.experience54-services{align-self:start;justify-content:flex-start;background:transparent;border:0;border-left:1px solid var(--fd50-line);border-radius:0;box-shadow:none;padding:12px 0 12px 32px;overflow:visible}
.experience54-services::before,.experience54-services::after{content:none}
.experience54-services>.eyebrow{color:var(--fd50-label);margin-bottom:12px}
.experience54-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.experience54-service-links a{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--text);font:500 15px/1.5 Manrope,sans-serif;text-decoration:none}
.experience54-service-links a>span:first-child{display:flex;flex:none;color:var(--fd50-label)}
.experience54-service-links svg{display:block;width:22px;height:22px}
.experience54-service-links a:is(:hover,:focus-visible){color:var(--gold);text-decoration:underline;text-underline-offset:5px}
/* The existing five services remain readable, but share a more compact rhythm. */
body[data-page=home] .foundation44-service-card .partner-offer>.eyebrow{margin-bottom:11px}
body[data-page=home] .foundation44-service-card .partner-offer h3{margin-bottom:11px}
body[data-page=home] .foundation44-service-card .partner-offers{margin-block:24px 20px}
body[data-page=home] .foundation44-service-card .foundation45-additional-services{margin-top:0;padding-top:22px;gap:24px}
body[data-page=home] .foundation44-service-card .partner-offer{padding:16px;border-radius:10px}
body[data-page=home] .foundation44-service-card .partner-offer:nth-child(odd){background:#ffffff04}
body[data-page=home] .foundation44-service-card .partner-offer+.partner-offer{border-left:0}
/* Playback belongs to a quiet media footer, with a real selection track. */
.hp42-story{display:grid;grid-template-columns:minmax(0,1fr);align-content:start}
.hp42-story>.hp08-figure-heading,.hp42-story>.hp08-edit-composition,.hp42-story>figcaption{grid-column:1}
.hp42-story>.hp42-stage-tabs{grid-column:1;grid-row:auto;margin-bottom:16px}
.hp42-story .hp57-media-footer{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;width:100%;max-width:336px;min-width:0;justify-self:center;margin-top:12px}
.hp42-story .hp57-media-footer .hp08-audio{width:min(100%,280px);min-width:0;max-width:100%;height:36px;margin:0;padding:0;justify-self:center}
.hp42-story .hp57-media-footer .hp42-story-controls{display:flex;align-items:center;justify-content:end;margin:0;padding:0;gap:0}
.hp42-story .hp33-media-control{display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;height:44px;margin:0;padding:0;border-radius:8px;background:#262229;color:var(--text)}
.hp42-story .hp33-media-control [data-story-icon]{width:24px;height:24px;display:block}
.hp42-story .hp33-media-control [data-story-icon][hidden],.hp42-story .hp42-story-controls[hidden],.hp42-story .hp42-stage-tabs[hidden]{display:none}
.hp42-story .hp42-story-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hp42-story.has-story-player .hp08-stage-caption{font-size:14px!important;line-height:1.5;max-width:30ch;margin-inline:auto}
/* One community action treatment, separate from the commercial coral actions. */
.creator-discord-action .button.community-discord-link{width:auto;min-width:0;min-height:46px;padding:10px 17px;gap:10px;border:1px solid #8d85bd;border-radius:9px;background:#35304c;color:#f7f4ff;box-shadow:none;font-size:14px}
.creator-discord-action .button.community-discord-link:is(:hover,:focus-visible){background:#45405f;border-color:#b6ace2;color:#fff;box-shadow:none;transform:none}
.creator-discord-action .button.community-discord-link:focus-visible{outline:2px solid #d0c7f5;outline-offset:4px}
.creator-discord-action .button.community-discord-link::before{content:none}
.creator-discord-action .button.community-discord-link img{width:22px;height:17px}
@media(max-width:860px){
 .creator-opening-grid{gap:22px}
 .creator-opening-action{width:100%}
 .experience54-services{padding:20px 0 0;border-left:0;border-top:1px solid var(--fd50-line);width:100%}
}
@media(max-width:680px){
 .experience54-home-lead{font-size:16px;line-height:1.8;max-width:40ch!important}
 .creator-opening-action{grid-template-columns:1fr}
 .experience54-service-links{gap:6px 16px}
 .experience54-service-links a{font-size:15px}
 body[data-page=home] .foundation44-service-card .partner-offers{gap:12px;margin-block:20px 12px}
 body[data-page=home] .foundation44-service-card .foundation45-additional-services{gap:12px;padding-top:16px}
 body[data-page=home] .foundation44-service-card .partner-offer{padding:8px 10px;margin-inline:-10px}
 .creator-discord-action .button.community-discord-link{width:auto;max-width:100%}
}
@media(max-width:360px){.experience54-service-links{grid-template-columns:1fr}}

body[data-page=home] .foundation44-service-card>.eyebrow{margin-bottom:16px}

@media(max-width:360px){body[data-page=home] .offer52-home-opening h1{font-size:32px;line-height:1.12;max-width:17ch}}

/* Process55: choose the relationship first, then read one complete process. */
.process55-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.process55-choices a{display:flex;align-items:center;gap:13px;min-height:72px;padding:18px 22px;border:1px solid var(--fd50-line);border-radius:12px;color:var(--text);background:#1b181b;text-decoration:none;font:600 16px/1.5 Manrope,sans-serif;transition:background 160ms ease,border-color 160ms ease}
.process55-choice-icon{display:flex;flex:none;color:var(--fd50-label)}
.process55-choice-icon svg{width:24px;height:24px}
.process55-choices a:is(:hover,[aria-selected=true]){background:#302129;border-color:#bc899b}
.process55-choices a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.process55 .offer52-process-paths{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}
.process55 .offer52-process-path{display:block;padding:36px;border:1px solid var(--fd50-line);border-radius:16px;background:#191619}
.process55 .offer52-process-path[hidden]{display:none}
.process55 .offer52-process-path>.copy{max-width:800px}
.process55 .offer52-process-path>.copy>.eyebrow{margin-bottom:16px}
.process55 .offer52-process-path>.copy>h2{font-size:clamp(30px,3vw,42px);line-height:1.15;max-width:27ch;margin-bottom:18px}
.process55 .offer52-process-path>.copy>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:70ch}
.process55 .offer52-process-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:28px 0;padding-top:28px;border-top:1px solid var(--fd50-line)}
.process55 .offer52-process-steps h3{font-size:22px;line-height:1.3;margin-bottom:12px}
.process55 .offer52-process-steps p{font-size:16px;line-height:1.8}
.process55 .offer52-process-path>.actions{margin:0;padding:0}
.process55 .offer52-process-path>.actions .button{width:auto;min-width:260px;font-size:15px;padding:13px 24px}
.process55 [role=tabpanel]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:860px){
 .process55-choices a{padding:16px;gap:10px;font-size:15px}
 .process55 .offer52-process-path{padding:28px}
 .process55 .offer52-process-steps{gap:24px}
 .process55 .offer52-process-steps h3{font-size:20px}
}
@media(max-width:680px){
 .process55-choices{grid-template-columns:1fr;gap:9px;margin-bottom:20px}
 .process55-choices a{min-height:60px;padding:15px 18px;font-size:16px}
 .process55 .offer52-process-path{padding:24px}
 .process55 .offer52-process-path>.copy>h2{font-size:29px;line-height:1.18}
 .process55 .offer52-process-steps{grid-template-columns:1fr;gap:26px;margin:24px 0;padding-top:24px}
 .process55 .offer52-process-steps h3{font-size:21px;margin-bottom:9px}
 .process55 .offer52-process-path>.actions .button{width:100%;min-width:0;max-width:100%;padding-inline:14px}
}
@media(max-width:360px){.process55 .offer52-process-path{padding:20px}.process55 .offer52-process-path>.copy>h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.process55-choices a{transition:none}}
.process55 .process-step[id]{scroll-margin-top:calc(var(--nav-offset) + 24px)}
body[data-page=approach] #process{scroll-margin-top:var(--nav-offset)}

/* Mobile57: service navigation follows the commercial path choice. */
.creator-opening-grid{grid-template-columns:minmax(0,820px);grid-template-rows:auto auto}
.creator-opening-head,.creator-opening-action{grid-column:1;grid-row:auto}
.creator-opening-action{max-width:680px}
.creator-service-nav{display:block;width:100%;margin:24px 0 32px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.creator-service-nav>.eyebrow{margin-bottom:12px;color:var(--fd50-label)}
.creator-service-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px}
.creator-service-links a{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--text);font:500 15px/1.5 Manrope,sans-serif;text-decoration:none}
.creator-service-links a>span:first-child{display:flex;flex:none;color:var(--fd50-label)}
.creator-service-links svg{display:block;width:22px;height:22px}
.creator-service-links a:is(:hover,:focus-visible){color:var(--gold);text-decoration:underline;text-underline-offset:5px}
.offer52-production-methods .service-row h3{margin-bottom:16px}
.offer52-worked-examples .match-preview-choice{flex-direction:row;align-items:center;justify-content:flex-start;min-height:52px;padding:12px 16px;gap:12px;text-align:left;font-size:15px;line-height:1.5;text-wrap:normal}
.offer52-worked-examples .match-preview-choice>span{max-width:none;width:auto}
@media(max-width:680px){
 .creator-service-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}
 .offer52-production-methods .service-row{padding:24px}
 .hp42-story .hp57-media-footer{max-width:286px}
 .hp42-story .hp57-media-footer .hp08-audio{width:min(100%,230px)}
}
@media(max-width:360px){
 .creator-service-links{grid-template-columns:1fr}
 .offer52-production-methods .service-row{padding:20px}
}
.creator-opening-grid{padding-bottom:24px}

/* Service58: two readable outcome groups; all text is stable in every motion state. */
body[data-page=home] .foundation44-service-card.service58-overview{padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.service58-overview::before,.service58-overview::after{content:none}
.service58-heading{max-width:820px;margin-bottom:32px}
.service58-heading>h2{font-size:clamp(32px,3.5vw,46px);line-height:1.15;max-width:26ch;margin:0}
.service58-kicker{font:700 13px/1.5 Manrope,sans-serif;letter-spacing:.08em;margin:0;text-transform:uppercase}
.service58-heading>.service58-kicker{color:var(--fd50-label);margin-bottom:16px}
.service58-intro{font-size:17px;line-height:1.8;color:var(--fd50-soft);max-width:62ch;margin:18px 0 0}
.service58-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.service58-group{--s58-text:#f7f4f0;--s58-copy:#ddd4dc;--s58-accent:#f0b9b5;display:flex;flex-direction:column;min-width:0;padding:32px;border:1px solid #78616c;border-radius:18px;background:#242027;color:var(--s58-text)}
.service58-group.service58-content{background:#2c2228}
.service58-group>header{margin-bottom:20px}
.service58-group>header>.service58-kicker{color:var(--s58-accent);font-size:13px;margin:0 0 12px}
.service58-group>header>h3{color:var(--s58-text);font-size:clamp(27px,2.5vw,34px);line-height:1.2;letter-spacing:-.035em;margin:0;max-width:20ch}
.service58-group>.service58-copy,.service58-group>.service58-note{font-size:16px;line-height:1.75;color:var(--s58-copy);margin:0;max-width:46ch;opacity:1;visibility:visible;transition:none}
.service58-links{display:grid;gap:4px;list-style:none;padding:0;margin:24px 0 20px}
.service58-links>li{margin:0;padding:0}
.service58-detail-link{display:flex;align-items:center;gap:12px;min-height:44px;width:fit-content;max-width:100%;color:var(--s58-text);text-decoration:none;font:650 16px/1.5 Manrope,sans-serif;text-underline-offset:5px;padding:6px 0}
.service58-detail-link:hover{text-decoration:underline}
.service58-detail-link:focus-visible{outline:2px solid var(--s58-accent);outline-offset:4px;border-radius:3px}
body[data-page=home] .service58-overview .foundation45-icon{display:flex;flex:none;width:24px;height:24px;color:var(--s58-accent)}
.service58-overview .foundation45-icon svg{display:block;width:24px;height:24px}
.service58-group>.service58-note{margin-top:auto;padding-top:8px;font-size:15px;line-height:1.7}
.service58-footer{margin-top:24px}
.service58-footer>.actions{margin:0}
.service58-footer .quiet-cta{font-size:14px}
body[data-page=creators] .partner-service-grid>#guidance{grid-column:auto;display:block}
body[data-page=creators] .partner-service-grid>#guidance>.partner-service-label{margin-bottom:18px}
body[data-page=creators] .partner-service-grid>#guidance>h3{margin:0 0 18px}
body[data-page=creators] .partner-service-grid>#guidance>.partner-service-text{margin:0}
body[data-page=creators] #content-review{border-color:#b9879d;background:#2b2029}
@media(max-width:860px){.service58-grid{grid-template-columns:minmax(0,1fr);gap:20px}.service58-group{padding:28px}}
@media(max-width:680px){.service58-heading{margin-bottom:24px}.service58-intro{font-size:16px}.service58-group{padding:24px}.service58-group>header{margin-bottom:18px}.service58-group>header>h3{font-size:28px;max-width:18ch}.service58-heading>h2{font-size:32px;max-width:20ch}.service58-links{margin:20px 0 16px}}
@media(max-width:360px){.service58-group{padding:20px}.service58-group>header>h3{font-size:26px}.service58-heading>h2{font-size:30px}}
@media(min-width:861px){.service58-group>header>h3{min-height:2.4em}}