:root{
  --blue:#155EEF;--navy:#0A2D73;--white:#fff;--ivory:#F8F7F3;
  --ink:#101828;--muted:#667085;--line:#E7EAF0;--champagne:#C8A96B;
  --soft:#EEF4FF;--shadow:0 24px 70px rgba(16,40,90,.12);--max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.display{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.eyebrow:before{content:"";width:30px;height:1px;background:var(--champagne)}
.navbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,234,240,.8)}
nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:11px;font-weight:700}
.logo-mark{width:38px;height:38px;border-radius:12px;background:var(--blue);display:grid;place-items:center;color:#fff;font-size:12px;box-shadow:0 10px 25px rgba(21,94,239,.24)}
.nav-links{display:flex;gap:26px;font-size:14px;color:#475467}.nav-links a:hover{color:var(--blue)}
.nav-actions{display:flex;gap:10px}
.btn{min-height:48px;padding:0 20px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:.22s}
.btn.primary{background:var(--blue);color:#fff;box-shadow:0 10px 25px rgba(21,94,239,.2)}
.btn.primary:hover{transform:translateY(-2px)}.btn.secondary{border-color:var(--line);background:#fff}
.hero{padding:96px 0 78px;background:linear-gradient(180deg,#fff 0%,#f6f9ff 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.hero h1{font-size:clamp(52px,7vw,86px);line-height:.98;margin:18px 0 24px;max-width:760px}.hero h1 span{color:var(--blue)}
.hero p{font-size:18px;color:var(--muted);max-width:610px;margin:0 0 30px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:36px;font-size:13px;color:#475467}
.tick{width:20px;height:20px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--blue);font-weight:700}
.proof div{display:flex;align-items:center;gap:8px}
.preview{min-height:392px;position:relative}.panel{position:absolute;background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:30px;box-shadow:0 28px 60px rgba(16,40,90,.09)}.main-panel{top:10px;right:36px;bottom:auto;left:auto;width:388px;padding:20px;background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)}.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#F3F7FF;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--champagne);box-shadow:0 0 0 4px rgba(200,169,107,.12)}.shortlist-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:14px 0 12px}.shortlist-head h3{font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.04;margin:0;letter-spacing:-.02em}.shortlist-head p{font-size:10.5px;color:#667085;margin:6px 0 0;max-width:205px;line-height:1.5}.shortlist-count{font-size:10px;font-weight:800;color:#8A6A2A;background:#FBF7EE;border:1px solid rgba(200,169,107,.24);padding:7px 10px;border-radius:999px;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase}.creator-stage{height:184px;border-radius:24px;background:linear-gradient(145deg,#071E4A 0%,#0C3790 54%,#155EEF 100%);position:relative;overflow:hidden;padding:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.creator-stage:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.14);right:-66px;top:-82px}.creator-stage:after{content:"";position:absolute;inset:1px;border-radius:23px;border:1px solid rgba(255,255,255,.06)}.creator-card{position:absolute;left:14px;right:14px;height:42px;border-radius:14px;background:rgba(255,255,255,.985);display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:7px 10px;box-shadow:0 10px 24px rgba(4,18,56,.14);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(12px)}.creator-card:nth-child(1){top:16px;animation:creatorFloatOne 6.4s ease-in-out infinite}.creator-card:nth-child(2){top:68px;animation:creatorFloatTwo 6.8s ease-in-out infinite}.creator-card:nth-child(3){top:120px;animation:creatorFloatThree 7.2s ease-in-out infinite}.creator-avatar{width:28px;height:28px;border-radius:10px;background:linear-gradient(145deg,#F6F9FF,#E1EAFF);display:grid;place-items:center;color:var(--blue);font-weight:800;font-size:10px}.creator-info strong{display:block;font-size:11px;line-height:1.1}.creator-info span{display:block;font-size:9px;color:#667085;margin-top:1px}.creator-match{text-align:right}.creator-match b{display:block;color:var(--blue);font-size:12px;line-height:1}.creator-match span{font-size:8px;color:#667085;letter-spacing:.04em;text-transform:uppercase}.match{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.match h3{margin:0 0 4px;font-size:14px;line-height:1.15}.match p{margin:0;font-size:11px;color:#667085}.score{width:48px;height:48px;border-radius:50%;border:4px solid #E8EEFF;display:grid;place-items:center;color:var(--blue);font-weight:800;font-size:13px;background:#fff}.float-panel{right:-2px;bottom:16px;width:142px;padding:12px;border-radius:20px;background:rgba(255,255,255,.98);backdrop-filter:blur(12px)}.float-panel small{color:#667085;font-size:10px}.float-panel strong{display:block;font-size:20px;color:var(--navy);margin:2px 0}
@keyframes creatorFloatOne{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-5px) rotate(.25deg)}}
@keyframes creatorFloatTwo{0%,100%{transform:translateY(0) rotate(.2deg)}50%{transform:translateY(5px) rotate(-.2deg)}}
@keyframes creatorFloatThree{0%,100%{transform:translateY(0) rotate(-.15deg)}50%{transform:translateY(-4px) rotate(.2deg)}}

.platform-strip{padding:0;background:#fff;border-top:1px solid rgba(16,24,40,.05);border-bottom:1px solid var(--line)}
.platform-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:34px;position:relative}
.platform-copy{display:flex;align-items:center;gap:14px;white-space:nowrap}
.platform-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--champagne);padding-right:14px;border-right:1px solid var(--line)}
.platform-title{font-size:13px;font-weight:600;color:#475467;letter-spacing:.01em}
.platforms{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.platform-item{height:42px;padding:0 14px;border-radius:999px;display:flex;align-items:center;gap:9px;color:#667085;font-size:13px;font-weight:600;transition:color .25s ease,background .25s ease,transform .25s ease;animation:platformAccent 10s ease-in-out infinite}
.platform-item:nth-child(2){animation-delay:-2.5s}.platform-item:nth-child(3){animation-delay:-5s}.platform-item:nth-child(4){animation-delay:-7.5s}
.platform-item:hover{color:var(--blue);background:var(--soft);transform:translateY(-2px)}
.platform-mark{width:24px;height:24px;border:1px solid #D9E0EA;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;letter-spacing:-.02em;color:var(--navy);background:#fff;transition:border-color .25s ease,color .25s ease,box-shadow .25s ease}
.platform-item:hover .platform-mark{border-color:#C9D8FF;color:var(--blue);box-shadow:0 6px 16px rgba(21,94,239,.10)}
@keyframes platformAccent{0%,72%,100%{color:#667085}78%,86%{color:#155EEF}}

section{padding:104px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:46px}
.section-head h2{font-size:clamp(40px,5vw,60px);line-height:1.04;margin:12px 0 0}.section-head p{max-width:470px;color:var(--muted);margin:0}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:22px}.path{border:1px solid var(--line);border-radius:28px;padding:38px;min-height:430px;display:flex;flex-direction:column;justify-content:space-between;transition:.24s}
.path:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.path.blue{background:var(--blue);color:#fff;border-color:var(--blue)}
.path .num{font-family:Georgia,"Times New Roman",serif;font-size:13px;opacity:.65}.path h3{font-size:35px;line-height:1.05;margin:20px 0 14px}.path p{color:var(--muted);max-width:470px}.path.blue p{color:rgba(255,255,255,.76)}
.list{display:grid;gap:11px;margin:28px 0}.list div{display:flex;align-items:center;gap:10px;font-size:14px}.dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--blue);font-size:12px}.blue .dot{background:rgba(255,255,255,.14);color:#fff}.blue .btn{background:#fff;color:var(--blue)}
.process{background:var(--ivory)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{background:#fff;border:1px solid #E9E6DC;border-radius:22px;padding:26px;min-height:220px}
.step b{font-family:Georgia,"Times New Roman",serif;color:var(--champagne);font-size:27px}.step h3{font-size:18px;margin:28px 0 8px}.step p{font-size:14px;color:var(--muted);margin:0}
.benefits{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.benefits h2{font-size:clamp(42px,5vw,62px);line-height:1.03;margin:12px 0 18px}.benefits>div>p{color:var(--muted);max-width:470px}
.benefit-list{border-top:1px solid var(--line)}.benefit{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line);transition:transform .25s ease,padding-left .25s ease}.benefit:hover{transform:translateX(5px)}
.icon{width:42px;height:42px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--blue);font-weight:800;transition:transform .25s ease,background .25s ease}.benefit:hover .icon{transform:scale(1.06);background:#E4EDFF}.benefit h3{margin:0 0 5px;font-size:17px}.benefit p{margin:0;color:var(--muted);font-size:14px}
.trust-section{padding:46px 0 104px}.trust-shell{position:relative;overflow:hidden;background:linear-gradient(145deg,#071E4A 0%,#0A2D73 58%,#155EEF 125%);border:1px solid rgba(255,255,255,.10);border-radius:36px;padding:52px;color:#fff;box-shadow:0 34px 90px rgba(10,45,115,.20)}
.trust-shell:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-210px;top:-245px;background:radial-gradient(circle,rgba(255,255,255,.13),rgba(255,255,255,0) 68%);pointer-events:none}.trust-shell:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:-180px;bottom:-190px;background:radial-gradient(circle,rgba(200,169,107,.18),rgba(200,169,107,0) 70%);pointer-events:none}
.trust-top{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start;margin-bottom:36px}.trust-top .eyebrow{color:#D9C08B}.trust-top .eyebrow:before{background:#D9C08B}.trust-top h2{font-size:clamp(42px,5vw,62px);line-height:1.02;margin:12px 0 14px;max-width:610px}.trust-top p{color:rgba(255,255,255,.74);margin:0;max-width:640px}
.trust-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trust-card{position:relative;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:26px;min-height:225px;backdrop-filter:blur(10px);box-shadow:0 18px 44px rgba(0,0,0,.10);transition:transform .28s ease,background .28s ease,border-color .28s ease}.trust-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.24)}
.trust-icon{width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:#F0D9A7;font-size:22px;margin-bottom:24px;transition:transform .3s ease,background .3s ease}.trust-card:hover .trust-icon{transform:translateY(-2px) scale(1.06);background:rgba(255,255,255,.16)}
.trust-number{position:absolute;right:22px;top:24px;font-size:11px;font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.42)}.trust-card h3{margin:0 0 8px;font-size:18px;color:#fff}.trust-card p{margin:0;color:rgba(255,255,255,.68);font-size:14px;max-width:320px}
.expect-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.expect-item{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:14px 16px;display:flex;gap:10px;align-items:flex-start;font-size:14px;color:rgba(255,255,255,.86);transition:background .25s ease,transform .25s ease}.expect-item:hover{background:rgba(255,255,255,.11);transform:translateY(-2px)}.trust-check{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#F0D9A7;font-weight:800;font-size:12px;flex:0 0 auto}
.commission-section{padding:18px 0 110px}.commission-shell{position:relative;overflow:hidden;border:1px solid rgba(200,169,107,.24);border-radius:40px;background:linear-gradient(180deg,#fff 0%,#fbfcff 55%,#f5f8fd 100%);padding:60px;box-shadow:0 40px 100px rgba(16,40,90,.10)}.commission-shell:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-170px;top:-180px;background:radial-gradient(circle,rgba(21,94,239,.10),rgba(21,94,239,0) 70%);pointer-events:none}.commission-shell:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:-130px;bottom:-150px;background:radial-gradient(circle,rgba(200,169,107,.11),rgba(200,169,107,0) 70%);pointer-events:none}
.commission-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:68px;align-items:center;position:relative;z-index:1}.commission-copy h2{font-size:clamp(46px,5.4vw,72px);line-height:.99;margin:14px 0 18px;max-width:650px}.commission-copy>p{margin:0;color:#475467;max-width:590px;font-size:16px;line-height:1.72}.commission-kicker{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:10px 14px;border:1px solid rgba(21,94,239,.12);border-radius:999px;background:rgba(255,255,255,.78);font-size:12px;font-weight:700;color:#344054}.commission-kicker i{width:8px;height:8px;border-radius:50%;background:var(--champagne);display:block;box-shadow:0 0 0 5px rgba(200,169,107,.12)}
.commission-rate{position:relative;min-height:352px;border-radius:34px;background:linear-gradient(145deg,#0c3b98 0%,#155EEF 52%,#0f49bd 100%);color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 34px 85px rgba(21,94,239,.27);overflow:hidden;border:1px solid rgba(255,255,255,.16)}.commission-rate:before{content:"";position:absolute;inset:1px;border-radius:33px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.commission-rate:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-125px;top:-135px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.018)}.commission-label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72)}.commission-number-wrap{display:flex;align-items:flex-end;gap:18px;position:relative;z-index:1}.commission-number{font-family:Georgia,"Times New Roman",serif;font-size:clamp(108px,12vw,170px);line-height:.72;letter-spacing:-.07em;color:#fff;text-shadow:0 10px 28px rgba(4,13,40,.18)}.commission-number span{font-size:.42em;vertical-align:top;margin-left:8px}.commission-pay{padding-bottom:7px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f1d9a5}.commission-note{font-size:14px;color:rgba(255,255,255,.84);max-width:430px;line-height:1.6;position:relative;z-index:1}
.commission-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;position:relative;z-index:1}.commission-point{position:relative;border:1px solid rgba(21,94,239,.09);border-radius:24px;background:rgba(255,255,255,.92);padding:25px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 16px 42px rgba(16,40,90,.05);overflow:hidden}.commission-point:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--champagne),rgba(200,169,107,0))}.commission-point:hover{transform:translateY(-7px);box-shadow:0 26px 56px rgba(16,40,90,.09);border-color:rgba(200,169,107,.32)}.commission-point b{display:block;font-size:16px;margin:13px 0 8px;color:#101828}.commission-point p{margin:0;color:#667085;font-size:13px;line-height:1.65}.commission-step{width:40px;height:40px;border-radius:13px;background:#f0f5ff;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(21,94,239,.08)}.commission-foot{display:flex;gap:12px;align-items:flex-start;margin-top:25px;padding-top:22px;border-top:1px solid rgba(16,24,40,.08);color:#344054;font-size:13px;line-height:1.65}.commission-foot .dot{flex:0 0 auto}
@keyframes commissionFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes commissionGlow{0%,100%{box-shadow:0 34px 85px rgba(21,94,239,.27)}50%{box-shadow:0 40px 96px rgba(21,94,239,.34)}}.commission-rate{animation:commissionFloat 7s ease-in-out infinite,commissionGlow 5s ease-in-out infinite}
.statement{padding-top:36px}.statement-box{background:var(--navy);border-radius:32px;padding:58px;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:end}
.statement blockquote{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,52px);line-height:1.1;margin:0}.statement p{color:rgba(255,255,255,.72);font-size:14px;margin:0}
.faq{background:#FAFBFD}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px}.faq h2{font-size:50px;line-height:1.05;margin:12px 0 16px}.faq-copy p{color:var(--muted)}
details{border-top:1px solid var(--line);padding:20px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-weight:700;display:flex;justify-content:space-between;gap:20px}summary:after{content:"+";color:var(--blue);font-size:22px}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:14px;max-width:650px}
.cta{padding:90px 0}.cta-box{border-radius:34px;background:linear-gradient(135deg,var(--blue),#0E47B6);padding:60px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:38px}
.cta h2{font-size:clamp(40px,5vw,60px);line-height:1;margin:0 0 14px}.cta p{color:rgba(255,255,255,.78);margin:0;max-width:560px}.cta .btn{background:#fff;color:var(--blue)}
footer{border-top:1px solid var(--line);padding:42px 0 28px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:30px}.footer-top p{color:var(--muted);font-size:14px;max-width:390px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:#475467}
.footer-bottom{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:#98A2B3}

@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}
@keyframes floatySmall{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}
@keyframes pulseGlow{0%{box-shadow:0 10px 25px rgba(21,94,239,.2)}50%{box-shadow:0 16px 34px rgba(21,94,239,.32)}100%{box-shadow:0 10px 25px rgba(21,94,239,.2)}}
.main-panel{animation:floaty 7s ease-in-out infinite}.float-panel{animation:floatySmall 5s ease-in-out infinite}
.btn.primary{animation:pulseGlow 3.5s ease-in-out infinite;position:relative;overflow:hidden}.btn.primary:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:transform .7s}.btn.primary:hover:before{transform:translateX(120%)}
.path,.trust-card,.step,.benefit,.testimonial-card,.logo-pill{will-change:transform}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.show{opacity:1;transform:none}
@media(max-width:950px){.nav-links{display:none}.hero-grid,.benefits,.faq-grid,.trust-top,.commission-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.paths,.trust-grid,.expect-list,.commission-points{grid-template-columns:1fr}.logo-wall{grid-template-columns:1fr 1fr}.statement-box{grid-template-columns:1fr}.preview{min-height:490px}.commission-rate{min-height:310px}}
@media(max-width:620px){.container{width:calc(100% - 24px)}nav{height:70px}.logo>span:last-child{display:none}.nav-actions .secondary{display:none}.hero{padding:62px 0 48px}.hero h1{font-size:50px}.hero p{font-size:16px}.hero-ctas{display:grid}.hero-ctas .btn{width:100%}.preview{min-height:420px}.main-panel{inset:0 20px 22px 0;padding:20px}.creator-stage{height:250px}.creator-card{left:14px;right:14px}.float-panel{width:160px;padding:14px}.commission-copy h2{font-size:43px}.commission-number-wrap{gap:10px}.commission-pay{font-size:10px}section{padding:76px 0}.section-head{display:block}.section-head p{margin-top:16px}.path{padding:28px;min-height:390px}.steps{grid-template-columns:1fr}.statement-box,.cta-box{padding:34px 26px}.cta-box{display:block}.cta-box .btn{width:100%;margin-top:24px}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:22px}.footer-bottom div+div{margin-top:8px}}

@media(max-width:620px){.trust-shell{padding:30px 22px}.trust-top{gap:24px}.trust-top h2{font-size:42px}.trust-grid,.expect-list{grid-template-columns:1fr}.trust-card{min-height:auto}.shortlist-head h3{font-size:24px}.creator-card{grid-template-columns:40px 1fr auto;height:60px}.creator-avatar{width:40px;height:40px}.creator-card:nth-child(1){top:22px}.creator-card:nth-child(2){top:94px}.creator-card:nth-child(3){top:166px}}

@media(max-width:850px){.platform-inner{min-height:auto;padding:24px 0;display:block}.platform-copy{justify-content:center;white-space:normal;text-align:center}.platforms{justify-content:center;margin-top:14px}}
@media(max-width:620px){.platform-copy{display:block}.platform-kicker{display:block;border-right:0;padding:0;margin-bottom:6px}.platform-title{display:block;font-size:12px}.platforms{gap:4px}.platform-item{height:38px;padding:0 10px;font-size:12px}.platform-mark{width:22px;height:22px;font-size:8px}}


/* Launch additions */
:root{--success:#067647;--danger:#B42318;--focus:rgba(21,94,239,.18)}
body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:4px}.nav-toggle span{width:18px;height:1.5px;background:var(--navy);border-radius:2px}
.mobile-menu{display:none;background:rgba(255,255,255,.98);border-top:1px solid var(--line);padding:14px 20px 22px}.mobile-menu.open{display:grid;gap:8px}.mobile-menu a{padding:12px 14px;border-radius:12px;color:#344054;font-size:14px}.mobile-menu a:hover{background:var(--soft);color:var(--blue)}
.lang{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#fff}.lang a{font-size:10px;font-weight:800;padding:6px 7px;border-radius:999px;color:#667085}.lang a.active{background:var(--soft);color:var(--blue)}
.page-hero{padding:88px 0;background:linear-gradient(180deg,#fff,#F7FAFF)}.page-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center}.page-hero h1{font-size:clamp(50px,6vw,76px);line-height:1.01;margin:16px 0 18px}.page-hero p{font-size:17px;color:var(--muted);max-width:680px}.hero-card{border-radius:32px;padding:36px;background:linear-gradient(145deg,#071E4A,#0B398F 64%,#155EEF 125%);color:#fff;box-shadow:0 28px 74px rgba(10,45,115,.20);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,255,255,.13);right:-110px;top:-125px}.hero-card .metric{font-family:Georgia,"Times New Roman",serif;font-size:68px;line-height:1;margin:22px 0 12px}.hero-card p{color:rgba(255,255,255,.78);font-size:14px}.hero-card ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:11px}.hero-card li{font-size:13px;color:rgba(255,255,255,.88);display:flex;gap:10px}.hero-card li:before{content:"✓";color:#F0D9A7;font-weight:800}
.form-section{background:#FAFBFD}.form-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:start}.form-copy{position:sticky;top:110px}.form-copy h2{font-size:clamp(40px,5vw,58px);line-height:1.04;margin:12px 0 14px}.form-copy p{color:var(--muted)}.mini-note{margin-top:24px;padding:16px 18px;border:1px solid #E2E8F0;background:#fff;border-radius:18px;color:#475467;font-size:13px}.form-box{background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:0 22px 58px rgba(16,40,90,.07)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:#344054}.field input,.field textarea,.field select{width:100%;border:1px solid #D8DEE8;border-radius:14px;background:#fff;color:#101828;padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9DBAFF;box-shadow:0 0 0 4px var(--focus)}.field small{color:#98A2B3;font-size:11px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;padding:11px 12px;font-size:12px;color:#475467}.check input{accent-color:var(--blue)}.form-actions{margin-top:22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.form-status{font-size:12px;color:#667085}.form-status.error{color:var(--danger)}.form-status.success{color:var(--success)}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:12px;color:#667085}.consent input{margin-top:3px;accent-color:var(--blue)}.consent a{color:var(--blue);font-weight:700}
.criteria{background:#fff}.criteria-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.criteria-card{border:1px solid var(--line);border-radius:22px;padding:22px;background:#fff;min-height:190px;transition:transform .25s,box-shadow .25s}.criteria-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(16,40,90,.07)}.criteria-icon{width:38px;height:38px;border-radius:13px;background:var(--soft);color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:800;margin-bottom:24px}.criteria-card b{display:block;font-size:15px;margin-bottom:7px}.criteria-card p{font-size:12px;color:var(--muted);margin:0}
.security-strip{background:#071E4A;color:#fff;padding:20px 0}.security-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.security-copy{display:flex;align-items:center;gap:14px}.security-icon{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.10);display:grid;place-items:center;color:#F0D9A7;font-weight:800}.security-copy strong{display:block;font-size:13px}.security-copy span{display:block;color:rgba(255,255,255,.68);font-size:12px;margin-top:2px}.security-domain{font-size:12px;font-weight:700;color:#D9C08B}
.legal{max-width:820px;padding-top:38px;padding-bottom:80px}.legal h1{font-size:clamp(46px,6vw,70px);margin:14px 0 30px}.legal h2{font-size:22px;margin:32px 0 10px}.legal p,.legal li{color:#475467;font-size:14px}.legal ul{padding-left:20px}.legal-box{border:1px solid rgba(200,169,107,.35);background:#FFFCF5;border-radius:18px;padding:18px;color:#6E5A2A;font-size:13px;margin:20px 0}.placeholder{background:#FFF2CC;border-radius:5px;padding:1px 5px;font-weight:700;color:#7A5A00}
.thankyou{min-height:70vh;display:grid;place-items:center;padding:80px 0;background:linear-gradient(180deg,#fff,#F7FAFF)}.thank-card{width:min(720px,calc(100% - 32px));text-align:center;background:#fff;border:1px solid var(--line);border-radius:34px;padding:54px 34px;box-shadow:0 28px 74px rgba(16,40,90,.09)}.thank-icon{width:64px;height:64px;border-radius:22px;background:var(--soft);color:var(--blue);display:grid;place-items:center;font-size:28px;font-weight:800;margin:0 auto 22px}.thank-card h1{font-size:clamp(38px,5vw,58px);margin:0 0 14px}.thank-card p{color:var(--muted);max-width:560px;margin:0 auto 26px}
.notfound{min-height:75vh;display:grid;place-items:center;text-align:center}.notfound .code{font-family:Georgia,"Times New Roman",serif;font-size:110px;color:var(--blue);line-height:.9}.notfound h1{font-size:38px;margin:18px 0 10px}.notfound p{color:var(--muted);margin-bottom:26px}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.about-grid h2{font-size:clamp(42px,5vw,60px);line-height:1.04;margin:12px 0 14px}.about-grid p{color:var(--muted)}.principles{display:grid;gap:12px}.principle{border:1px solid var(--line);border-radius:22px;padding:22px;background:#fff}.principle b{display:block;margin-bottom:6px}.principle p{margin:0;font-size:13px}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.contact-card{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff}.contact-card b{display:block;font-size:14px;margin-bottom:5px}.contact-card span{font-size:12px;color:var(--muted)}
.backend-badge{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 11px;border-radius:999px;background:#F2F4F7;color:#475467;font-size:10px;font-weight:700}.backend-badge i{width:7px;height:7px;border-radius:50%;background:#F79009}.backend-badge.live i{background:#12B76A}.backend-badge.live{background:#ECFDF3;color:#067647}
footer{background:#fff}
@media(max-width:1050px){.nav-links{display:none}.nav-actions>.btn.secondary{display:none}.nav-toggle{display:flex}.page-hero-grid,.form-wrap,.about-grid{grid-template-columns:1fr}.form-copy{position:static}.criteria-grid{grid-template-columns:repeat(2,1fr)}.contact-cards{grid-template-columns:1fr}.security-inner{align-items:flex-start}.hero-card{max-width:720px}}
@media(max-width:720px){.navbar nav{height:68px}.nav-actions>.lang{display:none}.logo span:last-child{font-size:13px}.page-hero{padding:58px 0}.page-hero h1{font-size:47px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.check-grid{grid-template-columns:1fr}.form-box{padding:20px;border-radius:24px}.criteria-grid{grid-template-columns:1fr}.security-inner{display:block}.security-domain{margin-top:12px;margin-left:50px}.thank-card{padding:42px 22px}.contact-cards{grid-template-columns:1fr}}


/* Booking and contact additions */
.booking-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start}.booking-points{display:grid;gap:12px;margin-top:26px}.booking-point{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.booking-point b{display:block;font-size:14px;margin-bottom:3px}.booking-point span{font-size:13px;color:var(--muted)}.booking-icon{width:34px;height:34px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--blue);font-weight:800;flex:0 0 auto}.contact-direct{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.contact-direct a,.contact-direct div{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.contact-direct b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}.contact-direct span{font-weight:700;color:var(--navy);font-size:14px}.call-note{margin-top:18px;padding:14px 16px;border-radius:16px;background:#F8FAFF;border:1px solid #E5ECFF;color:#475467;font-size:12px;line-height:1.55}.cta-row{display:flex;gap:10px;flex-wrap:wrap}.btn.champagne{background:#FBF7EE;border-color:rgba(200,169,107,.28);color:#72561F}.btn.champagne:hover{transform:translateY(-2px);border-color:rgba(200,169,107,.45)}@media(max-width:900px){.booking-grid{grid-template-columns:1fr}.contact-direct{grid-template-columns:1fr}}

/* V5 homepage refinements */
.hero-ctas-large{gap:16px;margin-top:4px}
.hero-ctas-large .btn{min-height:60px;padding:0 30px;font-size:15px;min-width:190px;box-shadow:0 14px 34px rgba(21,94,239,.10)}
.hero-ctas-large .btn.primary{box-shadow:0 16px 38px rgba(21,94,239,.24)}
.hero-ctas-large .btn:hover{transform:translateY(-3px)}
@media(max-width:620px){.hero-ctas-large{display:grid}.hero-ctas-large .btn{width:100%;min-height:58px}}


/* V6 refinement */
.eyebrow:before{display:none!important}.eyebrow{gap:0!important;letter-spacing:.15em}
.paths-section{background:#F5F8FF}.process{background:#F8F6F1!important}.benefits-section{background:#FFFFFF}.criteria{background:#F4F7FC!important}.faq{background:#F5F8FF!important}.commission-section{background:#F8F6F1;padding-top:92px!important}.statement{background:#FFFFFF}.cta{background:#FFFFFF}
.page-hero{background:linear-gradient(180deg,#F7FAFF 0%,#FFFFFF 100%)}.form-section{background:#F8F6F1}.call-hero{padding-bottom:58px!important}.call-hero .page-hero-grid{align-items:center}.call-hero h1{font-size:clamp(50px,6vw,78px)!important;max-width:720px}.call-form-section{padding-top:72px!important}
.payment-note{display:grid;gap:6px;padding:18px 20px;margin-bottom:24px;border:1px solid rgba(21,94,239,.12);border-radius:18px;background:#F5F8FF}.payment-note strong{font-size:13px;color:#0A2D73}.payment-note span{font-size:13px;color:#667085;line-height:1.55}
.payment-section .commission-shell{background:linear-gradient(145deg,#071E4A 0%,#0A2D73 62%,#155EEF 130%);color:#fff;border-color:rgba(255,255,255,.10)}.payment-section .commission-copy>p,.payment-section .commission-foot{color:rgba(255,255,255,.76)}.payment-section .commission-kicker{color:#F0D9A7}.payment-section .commission-foot{border-top-color:rgba(255,255,255,.13)}.payment-section .dot{background:rgba(255,255,255,.12);color:#F0D9A7}.payment-section .eyebrow{color:#D9C08B}
.split-card{position:relative;overflow:hidden;border-radius:30px;background:#fff;color:#101828;padding:30px;box-shadow:0 30px 70px rgba(0,0,0,.18)}.split-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-120px;border:1px solid rgba(21,94,239,.12)}.split-label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#667085;margin-bottom:20px}.split-bars{display:grid;grid-template-columns:4fr 1fr;gap:10px;min-height:172px}.split-bars>div{border-radius:22px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end}.split-creator{background:linear-gradient(145deg,#0A2D73,#155EEF);color:#fff}.split-asn{background:#FBF7EE;color:#72561F;border:1px solid rgba(200,169,107,.3)}.split-bars strong{font-family:"Playfair Display",Georgia,serif;font-size:62px;line-height:.9}.split-bars span{font-size:12px;font-weight:700;margin-top:9px}.split-card>p{font-size:11px;color:#667085;margin:16px 0 0;max-width:460px}.payment-steps{grid-template-columns:repeat(4,1fr)!important}.payment-section .commission-point{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.13);box-shadow:none}.payment-section .commission-point b{color:#fff}.payment-section .commission-point p{color:rgba(255,255,255,.68)}.payment-section .commission-step{background:rgba(255,255,255,.10);color:#F0D9A7;box-shadow:none}
.creator-payout-section{background:#F8F6F1;padding:86px 0}.creator-payout-card{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;background:#fff;border:1px solid #E7EAF0;border-radius:32px;padding:44px;box-shadow:0 24px 60px rgba(16,40,90,.07)}.creator-payout-card h2{font-size:clamp(38px,4.5vw,56px);line-height:1.05;margin:12px 0 16px}.creator-payout-card p{color:#667085;max-width:650px}.mini-split{display:grid;grid-template-columns:4fr 1fr;gap:10px}.mini-split>div{min-height:160px;border-radius:22px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.mini-split>div:first-child{background:linear-gradient(145deg,#0A2D73,#155EEF);color:#fff}.mini-split>div:last-child{background:#FBF7EE;color:#72561F;border:1px solid rgba(200,169,107,.3)}.mini-split strong{font-family:"Playfair Display",Georgia,serif;font-size:52px;line-height:.9}.mini-split span{font-size:11px;font-weight:700;margin-top:8px}
@media(max-width:950px){.payment-steps{grid-template-columns:1fr 1fr!important}.creator-payout-card{grid-template-columns:1fr}.split-bars{min-height:150px}}
@media(max-width:620px){.payment-steps{grid-template-columns:1fr!important}.split-card{padding:22px}.split-bars{grid-template-columns:1fr}.split-bars>div{min-height:120px}.creator-payout-card{padding:28px}.mini-split{grid-template-columns:1fr}.mini-split>div{min-height:120px}.call-hero h1{font-size:48px!important}}

/* =========================================================
   V7 — MIDNIGHT NAVY LUXURY THEME
   70% Midnight Navy / 20% Dark Blue surfaces /
   8% White-Ivory text / 2% Champagne accents
   ========================================================= */
:root{
  --midnight:#071426;
  --midnight-deep:#050D19;
  --surface:#0D1F36;
  --surface-2:#102844;
  --surface-3:#123154;
  --blue:#155EEF;
  --blue-hover:#4C7DFF;
  --navy:#071426;
  --white:#F8FAFC;
  --ivory:#F5F1E8;
  --ink:#F8FAFC;
  --muted:#A9B4C5;
  --line:rgba(255,255,255,.085);
  --champagne:#C8A96B;
  --soft:rgba(21,94,239,.13);
  --shadow:0 28px 75px rgba(0,0,0,.28);
  --focus:rgba(76,125,255,.23);
}
html{background:var(--midnight)}
body{color:var(--ink);background:var(--midnight)}
::selection{background:rgba(21,94,239,.45);color:#fff}

/* Global navigation */
.navbar{background:rgba(7,20,38,.88);border-bottom:1px solid var(--line);box-shadow:0 10px 35px rgba(0,0,0,.12)}
.logo{color:#F8FAFC}.logo-mark{box-shadow:0 12px 32px rgba(21,94,239,.34)}
.nav-links{color:#A9B4C5}.nav-links a:hover{color:#fff}
.lang{color:#A9B4C5!important;border-color:var(--line)!important;background:rgba(255,255,255,.025)!important}
.nav-toggle{border-color:var(--line)!important;color:#fff!important;background:rgba(255,255,255,.035)!important}
.mobile-menu{background:#091A2E!important;border-color:var(--line)!important;color:#F8FAFC!important;box-shadow:0 24px 60px rgba(0,0,0,.32)!important}
.mobile-menu a{border-color:var(--line)!important}

/* Buttons */
.btn{color:#F8FAFC}
.btn.primary{background:linear-gradient(135deg,#155EEF,#0E4AD0);color:#fff;box-shadow:0 14px 34px rgba(21,94,239,.28)}
.btn.primary:hover{background:linear-gradient(135deg,#2C6BFA,#155EEF);box-shadow:0 18px 42px rgba(21,94,239,.36)}
.btn.secondary{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.14);color:#F8FAFC}
.btn.secondary:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.23)}
.btn.champagne{background:rgba(200,169,107,.10)!important;border-color:rgba(200,169,107,.30)!important;color:#E8D4A7!important}
.btn.champagne:hover{background:rgba(200,169,107,.15)!important;border-color:rgba(200,169,107,.46)!important}

/* Typography */
.eyebrow{color:#D7BE89!important}.display{color:#F8FAFC}
.hero p,.page-hero p,.section-head p,.benefits>div>p,.faq-copy p,.form-copy p,.about-grid p,.thank-card p,.notfound p{color:var(--muted)}

/* Homepage hero */
.hero{background:
  radial-gradient(circle at 82% 15%,rgba(21,94,239,.16),transparent 28%),
  radial-gradient(circle at 8% 90%,rgba(200,169,107,.055),transparent 24%),
  linear-gradient(180deg,#071426 0%,#08182B 100%)}
.hero h1{color:#F8FAFC}.hero h1 span{color:#4C7DFF;text-shadow:0 0 40px rgba(21,94,239,.13)}
.panel{background:#0D1F36;border-color:rgba(255,255,255,.10);box-shadow:0 30px 70px rgba(0,0,0,.32)}
.main-panel{background:linear-gradient(180deg,#102641 0%,#0B1C31 100%)}
.chip{background:rgba(21,94,239,.14);color:#7EA5FF;border:1px solid rgba(76,125,255,.12)}
.shortlist-head h3,.match h3{color:#F8FAFC}.shortlist-head p,.match p{color:#9FACBE}
.shortlist-count{color:#E3C98F;background:rgba(200,169,107,.09);border-color:rgba(200,169,107,.24)}
.creator-stage{background:linear-gradient(145deg,#06142A 0%,#0B2F78 58%,#155EEF 120%);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 36px rgba(0,0,0,.20)}
.creator-card{background:rgba(13,31,54,.94);border-color:rgba(255,255,255,.10);box-shadow:0 12px 30px rgba(0,0,0,.24)}
.creator-avatar{background:rgba(21,94,239,.16);color:#8DAFFF}
.creator-info strong{color:#F8FAFC}.creator-info span,.creator-match span{color:#97A5B8}.creator-match b{color:#75A0FF}
.score{background:#0D1F36;border-color:rgba(76,125,255,.18);color:#77A0FF}
.float-panel{background:rgba(13,31,54,.96);border-color:rgba(255,255,255,.11)}
.float-panel small{color:#9FACBE}.float-panel strong{color:#F8FAFC}

/* Platform strip */
.platform-strip{background:#08182B;border-top-color:var(--line);border-bottom-color:var(--line)}
.platform-kicker{color:#D0B574;border-color:var(--line)}.platform-title{color:#9FACBE}
.platform-item{color:#99A7BA}.platform-item:hover{color:#F8FAFC;background:rgba(21,94,239,.10)}
.platform-mark{background:#0D1F36;border-color:rgba(255,255,255,.10);color:#CBD4DF}
.platform-item:hover .platform-mark{border-color:rgba(76,125,255,.35);color:#80A6FF;box-shadow:0 8px 20px rgba(21,94,239,.12)}

/* Core section backgrounds */
.paths-section,.criteria,.faq{background:#08182B!important}
.process,.commission-section,.creator-payout-section,.form-section{background:#071426!important}
.benefits-section,.statement,.cta{background:#091A2E!important}
section{border-color:var(--line)}

/* Brand / Creator path cards */
.path{background:#0D1F36;border-color:var(--line);color:#F8FAFC;box-shadow:0 18px 44px rgba(0,0,0,.12)}
.path:hover{box-shadow:0 26px 60px rgba(0,0,0,.25);border-color:rgba(76,125,255,.22)}
.path.blue{background:linear-gradient(145deg,#0B327D,#155EEF);border-color:rgba(76,125,255,.34)}
.path p{color:#A9B4C5}.path.blue p{color:rgba(255,255,255,.78)}
.path .num{color:#D8C18C}.dot{background:rgba(21,94,239,.14);color:#8DAFFF}.blue .dot{background:rgba(255,255,255,.11);color:#F2DDAE}
.blue .btn{background:#F8FAFC;color:#123B96}

/* How it works */
.step{background:#0D1F36;border-color:var(--line);box-shadow:0 16px 38px rgba(0,0,0,.10)}
.step b{color:#D0B574}.step h3{color:#F8FAFC}.step p{color:#A9B4C5}

/* Benefits */
.benefit-list{border-color:var(--line)}.benefit{border-color:var(--line)}
.benefit h3{color:#F8FAFC}.benefit p{color:#A9B4C5}
.icon{background:rgba(21,94,239,.13);color:#83A9FF;border:1px solid rgba(76,125,255,.10)}
.benefit:hover .icon{background:rgba(21,94,239,.20)}

/* Trust */
.trust-section{background:#071426}
.trust-shell{background:linear-gradient(145deg,#081B35 0%,#0A2A61 64%,#155EEF 150%);border-color:rgba(255,255,255,.10);box-shadow:0 34px 90px rgba(0,0,0,.28)}

/* Payment / 80-20 */
.payment-section .commission-shell{background:linear-gradient(145deg,#061326 0%,#0B2441 58%,#0B347D 120%);border-color:rgba(255,255,255,.10);box-shadow:0 36px 90px rgba(0,0,0,.30)}
.split-card{background:#0D1F36;color:#F8FAFC;border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 70px rgba(0,0,0,.28)}
.split-label,.split-card>p{color:#9FACBE}
.split-creator{background:linear-gradient(145deg,#0B327D,#155EEF)}
.split-asn{background:rgba(200,169,107,.10);color:#E5CE9C;border-color:rgba(200,169,107,.27)}
.payment-note{background:#0D1F36;border-color:var(--line)}.payment-note strong{color:#8EAEFF}.payment-note span{color:#A9B4C5}
.creator-payout-card{background:#0D1F36;border-color:var(--line);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.creator-payout-card p{color:#A9B4C5}
.mini-split>div:first-child{background:linear-gradient(145deg,#0B327D,#155EEF)}
.mini-split>div:last-child{background:rgba(200,169,107,.10);color:#E5CE9C;border-color:rgba(200,169,107,.26)}

/* Quote */
.statement-box{background:linear-gradient(135deg,#0B2038,#102E50);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.18)}
.statement blockquote{color:#F8FAFC}.statement p{color:#A9B4C5}

/* FAQ */
details{border-color:var(--line)}summary{color:#F8FAFC}summary:after{color:#7CA3FF}details p{color:#A9B4C5}

/* Main CTA */
.cta-box{background:linear-gradient(135deg,#0D3EA8,#155EEF 62%,#0C358D);box-shadow:0 28px 70px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.10)}
.cta .btn{background:#F8FAFC;color:#123B96}

/* Footer */
footer{background:#050D19!important;border-top-color:var(--line);color:#F8FAFC}
.footer-top p{color:#93A1B3}.footer-links{color:#A9B4C5}.footer-links a:hover{color:#fff}.footer-bottom{border-color:var(--line);color:#7F8C9E}

/* Inner-page hero */
.page-hero{background:
  radial-gradient(circle at 82% 10%,rgba(21,94,239,.14),transparent 28%),
  linear-gradient(180deg,#071426 0%,#08182B 100%)!important}
.page-hero h1{color:#F8FAFC}.hero-card{background:linear-gradient(145deg,#0A2343,#0C3A91 68%,#155EEF 130%);box-shadow:0 28px 74px rgba(0,0,0,.28)}

/* Forms */
.form-box{background:#0D1F36;border-color:var(--line);box-shadow:0 24px 64px rgba(0,0,0,.25)}
.mini-note{background:#0D1F36;border-color:var(--line);color:#A9B4C5}
.field label{color:#D9E0E8}
.field input,.field textarea,.field select{background:#091A2E;color:#F8FAFC;border-color:rgba(255,255,255,.11)}
.field input::placeholder,.field textarea::placeholder{color:#718095}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#4C7DFF;box-shadow:0 0 0 4px rgba(76,125,255,.15)}
.field select option{background:#0D1F36;color:#F8FAFC}
.field small{color:#7E8DA1}.check{border-color:var(--line);color:#A9B4C5;background:#091A2E}.form-status{color:#92A1B4}

/* Criteria */
.criteria-card{background:#0D1F36;border-color:var(--line);box-shadow:0 16px 42px rgba(0,0,0,.10)}
.criteria-card:hover{box-shadow:0 22px 52px rgba(0,0,0,.25);border-color:rgba(76,125,255,.20)}
.criteria-icon{background:rgba(21,94,239,.14);color:#82A8FF}.criteria-card b{color:#F8FAFC}.criteria-card p{color:#A9B4C5}

/* About */
.principle{background:#0D1F36;border-color:var(--line)}.principle b{color:#F8FAFC}.principle p{color:#A9B4C5}

/* Contact and booking */
.contact-card,.contact-direct a,.contact-direct div{background:#0D1F36;border-color:var(--line)}
.contact-card b,.booking-point b{color:#F8FAFC}.contact-card span,.booking-point span{color:#A9B4C5}
.contact-direct b{color:#8998AB}.contact-direct span{color:#E6EBF2}
.booking-point{border-color:var(--line)}.booking-icon{background:rgba(21,94,239,.14);color:#82A8FF}
.call-note{background:#0D1F36;border-color:var(--line);color:#A9B4C5}

/* Security strip */
.security-strip{background:#050D19;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* Legal pages */
.legal{color:#F8FAFC}.legal p,.legal li{color:#A9B4C5}.legal h1,.legal h2{color:#F8FAFC}
.legal-box{background:rgba(200,169,107,.08);border-color:rgba(200,169,107,.25);color:#D9C18C}
.placeholder{background:rgba(200,169,107,.16);color:#E5CE9C}

/* Thank-you and 404 */
.thankyou{background:linear-gradient(180deg,#071426,#08182B)}
.thank-card{background:#0D1F36;border-color:var(--line);box-shadow:0 30px 80px rgba(0,0,0,.30)}
.thank-icon{background:rgba(21,94,239,.14);color:#82A8FF}.thank-card h1{color:#F8FAFC}
.notfound{background:#071426}.notfound h1{color:#F8FAFC}.notfound .code{color:#4C7DFF}

/* Backend status badges */
.backend-badge{background:#10243C;color:#9FACBE}.backend-badge.live{background:rgba(18,183,106,.10);color:#70D7A9}

/* Fine separation and luxe highlights */
.section-head h2,.benefits h2,.about-grid h2,.form-copy h2,.faq h2{color:#F8FAFC}
.section-head,.benefits,.faq-grid,.about-grid,.form-wrap{position:relative}
.hero,.paths-section,.process,.benefits-section,.criteria,.faq,.commission-section,.creator-payout-section,.form-section,.page-hero,.statement,.cta{transition:background-color .35s ease}

/* Mobile dark polish */
@media(max-width:720px){
  .navbar{background:rgba(7,20,38,.94)}
  .main-panel{background:linear-gradient(180deg,#102641,#0B1C31)}
  .form-box{padding:20px}
}

/* =========================================================
   V8 FINAL DARK LUXURY THEME
   70% Midnight Navy / 20% Dark Blue surfaces /
   8% White-Ivory text / 2% Champagne accents
   ========================================================= */
:root{
  color-scheme:dark;
  --midnight:#071426;
  --midnight-2:#08182B;
  --midnight-3:#091A2E;
  --deep:#050D19;
  --surface:#0D1F36;
  --surface-2:#102844;
  --surface-3:#123154;
  --blue:#155EEF;
  --blue-hover:#4C7DFF;
  --white:#F8FAFC;
  --ivory:#F5F1E8;
  --ink:#F8FAFC;
  --muted:#A9B4C5;
  --muted-2:#7F8EA2;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.15);
  --champagne:#C8A96B;
  --champagne-soft:#E1C98F;
  --soft:rgba(21,94,239,.14);
  --shadow:0 26px 70px rgba(0,0,0,.28);
  --focus:rgba(76,125,255,.20);
}
html,body{background:var(--midnight)!important;color:var(--ink)!important}
body{min-height:100vh}
main{background:var(--midnight)}
*{scrollbar-color:#24466d #071426}
::selection{background:rgba(21,94,239,.55);color:#fff}

/* Navigation */
.navbar{background:rgba(7,20,38,.93)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 14px 36px rgba(0,0,0,.16)!important}
.logo,.nav-links a,.mobile-menu a{color:#F8FAFC}
.nav-links{color:#A9B4C5!important}.nav-links a{color:#A9B4C5}.nav-links a:hover{color:#fff}
.logo-mark{background:linear-gradient(135deg,#155EEF,#0D49C3)!important;box-shadow:0 12px 32px rgba(21,94,239,.30)!important}
.lang{background:rgba(255,255,255,.035)!important;border-color:var(--line)!important}
.lang a{color:#8F9DB0!important}.lang a.active{background:rgba(21,94,239,.16)!important;color:#8EAEFF!important}
.nav-toggle{background:rgba(255,255,255,.035)!important;border-color:var(--line)!important}.nav-toggle span{background:#F8FAFC!important}
.mobile-menu{background:#091A2E!important;border-color:var(--line)!important;box-shadow:0 30px 70px rgba(0,0,0,.35)!important}.mobile-menu a:hover{background:rgba(21,94,239,.12)!important;color:#fff!important}

/* Buttons */
.btn{border-color:transparent;color:#fff}
.btn.primary{background:linear-gradient(135deg,#155EEF 0%,#0E4ACB 100%)!important;color:#fff!important;box-shadow:0 14px 34px rgba(21,94,239,.27)!important}
.btn.primary:hover{background:linear-gradient(135deg,#2D6DF8 0%,#155EEF 100%)!important;box-shadow:0 19px 44px rgba(21,94,239,.36)!important}
.btn.secondary{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.15)!important;color:#F8FAFC!important}
.btn.secondary:hover{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.24)!important}
.btn.champagne{background:rgba(200,169,107,.10)!important;border-color:rgba(200,169,107,.28)!important;color:#E2CC9D!important}

/* Typography */
.display,h1,h2,h3,h4,b,strong,summary{color:#F8FAFC}
p{color:var(--muted)}
.eyebrow{color:#D8BF87!important}.eyebrow:before{display:none!important}

/* Hero */
.hero,.page-hero,.thankyou,.notfound{
  background:
    radial-gradient(circle at 82% 10%,rgba(21,94,239,.16),transparent 29%),
    radial-gradient(circle at 8% 90%,rgba(200,169,107,.055),transparent 24%),
    linear-gradient(180deg,#071426 0%,#08182B 100%)!important;
}
.hero h1,.page-hero h1{color:#F8FAFC!important}.hero h1 span{color:#4C7DFF!important;text-shadow:0 0 38px rgba(21,94,239,.15)}
.hero p,.page-hero p{color:#A9B4C5!important}
.panel,.main-panel,.float-panel{background:#0D1F36!important;border-color:var(--line)!important;box-shadow:0 30px 70px rgba(0,0,0,.30)!important}
.main-panel{background:linear-gradient(180deg,#102844,#0C1D32)!important}
.chip{background:rgba(21,94,239,.14)!important;border:1px solid rgba(76,125,255,.16)!important;color:#8DAFFF!important}
.shortlist-head p,.match p,.float-panel small,.creator-info span,.creator-match span{color:#93A2B6!important}
.shortlist-count{background:rgba(200,169,107,.09)!important;border-color:rgba(200,169,107,.25)!important;color:#E0C78F!important}
.creator-stage{background:linear-gradient(145deg,#061327 0%,#0B2C70 58%,#155EEF 125%)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.22)!important}
.creator-card{background:rgba(13,31,54,.95)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important}
.creator-avatar{background:rgba(21,94,239,.16)!important;color:#8FB0FF!important}.creator-match b{color:#83A9FF!important}
.score{background:#0D1F36!important;border-color:rgba(76,125,255,.20)!important;color:#83A9FF!important}
.hero-card{background:linear-gradient(145deg,#0B203B 0%,#0C367F 68%,#155EEF 135%)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 30px 78px rgba(0,0,0,.28)!important}
.hero-card p{color:rgba(255,255,255,.74)!important}

/* Platform strip */
.platform-strip{background:#08182B!important;border-color:var(--line)!important}
.platform-title{color:#9EABBC!important}.platform-kicker{color:#D1B778!important;border-color:var(--line)!important}
.platform-item{color:#9AA8BA!important}.platform-item:hover{color:#fff!important;background:rgba(21,94,239,.10)!important}
.platform-mark{background:#0D1F36!important;border-color:var(--line)!important;color:#CAD4DF!important}

/* Alternating section backgrounds */
.paths-section,.criteria,.faq{background:#08182B!important}
.process,.commission-section,.creator-payout-section,.form-section,.trust-section{background:#071426!important}
.benefits-section,.statement,.cta{background:#091A2E!important}
main>section:not(.hero):not(.page-hero):not(.platform-strip):not(.paths-section):not(.process):not(.benefits-section):not(.criteria):not(.faq):not(.commission-section):not(.creator-payout-section):not(.form-section):not(.statement):not(.cta):not(.trust-section):not(.security-strip){background:#071426!important}
section{border-color:var(--line)!important}

/* Brand + creator path cards */
.path{background:#0D1F36!important;border-color:var(--line)!important;color:#F8FAFC!important;box-shadow:0 18px 44px rgba(0,0,0,.13)!important}
.path:hover{border-color:rgba(76,125,255,.23)!important;box-shadow:0 28px 62px rgba(0,0,0,.26)!important}
.path.blue{background:linear-gradient(145deg,#0B327D,#155EEF)!important;border-color:rgba(76,125,255,.32)!important}
.path p{color:#A9B4C5!important}.path.blue p{color:rgba(255,255,255,.78)!important}.path .num{color:#DAC38C!important}
.dot{background:rgba(21,94,239,.14)!important;color:#8DAFFF!important}.blue .dot{background:rgba(255,255,255,.12)!important;color:#F2DDAE!important}
.blue .btn{background:#F8FAFC!important;color:#123B96!important}

/* How it works */
.step{background:#0D1F36!important;border-color:var(--line)!important;box-shadow:0 16px 38px rgba(0,0,0,.12)!important}
.step b{color:#D2B878!important}.step h3{color:#F8FAFC!important}.step p{color:#A9B4C5!important}

/* Benefits */
.benefit-list,.benefit{border-color:var(--line)!important}.benefit h3{color:#F8FAFC!important}.benefit p{color:#A9B4C5!important}
.icon{background:rgba(21,94,239,.13)!important;border:1px solid rgba(76,125,255,.11)!important;color:#84AAFF!important}.benefit:hover .icon{background:rgba(21,94,239,.22)!important}

/* Trust */
.trust-shell{background:linear-gradient(145deg,#081B35 0%,#0A2B62 63%,#155EEF 150%)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 34px 90px rgba(0,0,0,.30)!important}
.trust-top p,.trust-card p{color:rgba(255,255,255,.70)!important}.trust-card{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.12)!important}.trust-card:hover{background:rgba(255,255,255,.11)!important}
.expect-item{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.11)!important;color:rgba(255,255,255,.88)!important}.trust-check,.trust-icon{background:rgba(255,255,255,.11)!important;color:#E1C98F!important}

/* Payment / payout */
.payment-section .commission-shell,.commission-shell{background:linear-gradient(145deg,#061326 0%,#0A213C 58%,#0B3275 130%)!important;border-color:var(--line)!important;box-shadow:0 36px 90px rgba(0,0,0,.30)!important}
.commission-copy>p,.commission-foot{color:rgba(255,255,255,.74)!important}.commission-kicker{color:#E0C78F!important}.commission-foot{border-color:rgba(255,255,255,.12)!important}
.commission-point{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.11)!important;box-shadow:none!important}.commission-point b{color:#fff!important}.commission-point p{color:rgba(255,255,255,.67)!important}.commission-step{background:rgba(255,255,255,.10)!important;color:#E0C78F!important;box-shadow:none!important}
.split-card{background:#0D1F36!important;border:1px solid var(--line)!important;color:#F8FAFC!important;box-shadow:0 30px 70px rgba(0,0,0,.27)!important}.split-label,.split-card>p{color:#9EABBC!important}
.split-creator{background:linear-gradient(145deg,#0B327D,#155EEF)!important}.split-asn{background:rgba(200,169,107,.10)!important;border-color:rgba(200,169,107,.27)!important;color:#E4CD9C!important}
.payment-note{background:#0D1F36!important;border-color:var(--line)!important}.payment-note strong{color:#8FB0FF!important}.payment-note span{color:#A9B4C5!important}
.creator-payout-card{background:#0D1F36!important;border-color:var(--line)!important;box-shadow:0 24px 60px rgba(0,0,0,.22)!important}.creator-payout-card p{color:#A9B4C5!important}
.mini-split>div:first-child{background:linear-gradient(145deg,#0B327D,#155EEF)!important}.mini-split>div:last-child{background:rgba(200,169,107,.10)!important;border-color:rgba(200,169,107,.26)!important;color:#E4CD9C!important}

/* Quote */
.statement-box{background:linear-gradient(135deg,#0B2038,#102E50)!important;border:1px solid var(--line)!important;box-shadow:0 24px 60px rgba(0,0,0,.18)!important}.statement blockquote{color:#F8FAFC!important}.statement p{color:#A9B4C5!important}

/* FAQ */
details{border-color:var(--line)!important}summary{color:#F8FAFC!important}summary:after{color:#82A8FF!important}details p{color:#A9B4C5!important}

/* CTA */
.cta-box{background:linear-gradient(135deg,#0D3EA8,#155EEF 62%,#0C358D)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 28px 70px rgba(0,0,0,.25)!important}.cta-box p{color:rgba(255,255,255,.78)!important}.cta .btn{background:#F8FAFC!important;color:#123B96!important}

/* Forms */
.form-copy p{color:#A9B4C5!important}.form-box{background:#0D1F36!important;border-color:var(--line)!important;box-shadow:0 24px 64px rgba(0,0,0,.25)!important}.mini-note{background:#0D1F36!important;border-color:var(--line)!important;color:#A9B4C5!important}
.field label{color:#DDE4EB!important}.field input,.field textarea,.field select{background:#091A2E!important;color:#F8FAFC!important;border-color:rgba(255,255,255,.12)!important}.field input::placeholder,.field textarea::placeholder{color:#718095!important}.field input:focus,.field textarea:focus,.field select:focus{border-color:#4C7DFF!important;box-shadow:0 0 0 4px rgba(76,125,255,.15)!important}.field select option{background:#0D1F36;color:#F8FAFC}.field small{color:#7E8DA1!important}.check{background:#091A2E!important;border-color:var(--line)!important;color:#A9B4C5!important}.consent{color:#91A0B3!important}.consent a{color:#82A8FF!important}.form-status{color:#92A1B4!important}.form-status.error{color:#FF9D97!important}.form-status.success{color:#74D6AB!important}

/* Criteria and principles */
.criteria-card,.principle{background:#0D1F36!important;border-color:var(--line)!important;box-shadow:0 16px 42px rgba(0,0,0,.10)!important}.criteria-card:hover{border-color:rgba(76,125,255,.22)!important;box-shadow:0 24px 54px rgba(0,0,0,.25)!important}.criteria-icon{background:rgba(21,94,239,.14)!important;color:#82A8FF!important}.criteria-card b,.principle b{color:#F8FAFC!important}.criteria-card p,.principle p{color:#A9B4C5!important}
.about-grid p{color:#A9B4C5!important}

/* Contact and booking */
.contact-card,.contact-direct a,.contact-direct div{background:#0D1F36!important;border-color:var(--line)!important}.contact-card b,.booking-point b{color:#F8FAFC!important}.contact-card span,.booking-point span{color:#A9B4C5!important}.contact-direct b{color:#8998AB!important}.contact-direct span{color:#E7EDF4!important}.booking-point{border-color:var(--line)!important}.booking-icon{background:rgba(21,94,239,.14)!important;color:#82A8FF!important}.call-note{background:#0D1F36!important;border-color:var(--line)!important;color:#A9B4C5!important}

/* Security */
.security-strip{background:#050D19!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}.security-copy span{color:#9FACBE!important}.security-domain{color:#fff!important}.security-icon{color:#E0C78F!important}

/* Legal */
.legal{background:#071426!important;color:#F8FAFC!important}.legal h1,.legal h2,.legal h3{color:#F8FAFC!important}.legal p,.legal li,.legal small{color:#A9B4C5!important}.legal a{color:#87ACFF!important}.legal-box{background:rgba(200,169,107,.08)!important;border-color:rgba(200,169,107,.25)!important;color:#D9C18C!important}.placeholder{background:rgba(200,169,107,.15)!important;color:#E5CE9C!important}

/* Thank-you and 404 */
.thank-card{background:#0D1F36!important;border-color:var(--line)!important;box-shadow:0 30px 80px rgba(0,0,0,.30)!important}.thank-card h1{color:#F8FAFC!important}.thank-card p,.notfound p{color:#A9B4C5!important}.thank-icon{background:rgba(21,94,239,.14)!important;color:#82A8FF!important}.notfound .code{color:#4C7DFF!important}

/* Backend badge */
.backend-badge{background:#10243C!important;color:#9FACBE!important;border-color:var(--line)!important}.backend-badge.live{background:rgba(18,183,106,.11)!important;color:#79DDB1!important}

/* Footer */
footer{background:#050D19!important;border-top:1px solid var(--line)!important;color:#F8FAFC!important}.footer-top p{color:#93A1B3!important}.footer-links{color:#A9B4C5!important}.footer-links a{color:#A9B4C5!important}.footer-links a:hover{color:#fff!important}.footer-bottom{border-color:var(--line)!important;color:#7F8C9E!important}.footer-bottom a{color:#A9B4C5!important}

/* Decorative lines and borders */
.section-head,.benefits,.faq-grid,.about-grid,.form-wrap{position:relative}.section-head h2,.benefits h2,.about-grid h2,.form-copy h2,.faq h2{color:#F8FAFC!important}

/* Mobile */
@media(max-width:720px){
  .navbar{background:rgba(7,20,38,.97)!important}
  .form-box{padding:20px!important}
  .main-panel{background:linear-gradient(180deg,#102844,#0C1D32)!important}
}

/* V9 copy and polish refinements */
.payment-section .commission-copy h2{font-size:clamp(40px,4.45vw,62px)!important;line-height:1.02!important;max-width:620px!important}
.payment-section .commission-grid{gap:58px!important}
.creator-match b{font-size:11px!important;letter-spacing:.02em!important}
.creator-match span{font-size:9px!important}
.payment-section .commission-shell{padding-top:56px!important}
@media(max-width:620px){.payment-section .commission-copy h2{font-size:38px!important}}


/* =========================================================
   V10 — FINAL TRUST, CLARITY & LUXURY INTERACTIONS
   ========================================================= */
.skip-link{position:fixed;left:18px;top:12px;z-index:1000;transform:translateY(-150%);background:#F8FAFC;color:#071426;padding:10px 14px;border-radius:12px;font-weight:800;transition:transform .2s ease}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:2px solid #8DAFFF;outline-offset:4px}

/* A restrained entrance language: strong enough to feel premium, never theatrical. */
.reveal{opacity:0;transform:translateY(24px);filter:blur(3px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}
.reveal.show{opacity:1;transform:none;filter:none}
[data-reveal="left"]{transform:translateX(-28px)}[data-reveal="right"]{transform:translateX(28px)}
[data-reveal="left"].show,[data-reveal="right"].show{transform:none}
.eyebrow:before{transform-origin:left;animation:eyebrowLine 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes eyebrowLine{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}

.hero-grid>div:first-child{animation:heroCopyIn .9s cubic-bezier(.2,.7,.2,1) both}
.hero .preview{animation:heroVisualIn 1s .12s cubic-bezier(.2,.7,.2,1) both}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes heroVisualIn{from{opacity:0;transform:translateX(24px) scale(.985)}to{opacity:1;transform:none}}
.preview{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.2,1)}

/* Why ASN */
.why-section{background:#091A2E!important;position:relative;overflow:hidden}
.why-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;top:-250px;border:1px solid rgba(200,169,107,.08);pointer-events:none}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.why-card{position:relative;min-height:270px;padding:30px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#0D1F36,#0A1B30);overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease}
.why-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#C8A96B,transparent);transform:translateX(-105%);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.why-card:hover{transform:translateY(-7px);border-color:rgba(200,169,107,.22);box-shadow:0 26px 60px rgba(0,0,0,.24)}
.why-card:hover:before{transform:translateX(105%)}
.why-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(200,169,107,.09);border:1px solid rgba(200,169,107,.18);color:#DCC389;font:700 12px/1 Inter,system-ui;margin-bottom:44px}
.why-card h3{font:600 21px/1.2 Inter,system-ui;margin:0 0 12px;color:#F8FAFC;letter-spacing:-.02em}.why-card p{margin:0;color:#A9B4C5;font-size:14px;line-height:1.7}

/* Creator review section: rebuilt from scratch for clarity and no overlap. */
.creator-selection-section{background:#071426!important;position:relative;overflow:hidden}
.creator-selection-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:72px;align-items:center}
.creator-selection-copy h2{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:14px 0 18px}
.creator-selection-copy>p{color:#A9B4C5;max-width:620px;font-size:16px;line-height:1.74}
.selection-points{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.selection-points>div{padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#0B1D33,#0A1A2D);min-height:126px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.selection-points>div:hover{transform:translateY(-3px);border-color:rgba(76,125,255,.28);box-shadow:0 16px 32px rgba(0,0,0,.18)}
.selection-points b{display:block;color:#F8FAFC;font-size:15px;margin-bottom:8px}
.selection-points span{color:#91A0B4;font-size:13px;line-height:1.6}
.creator-carousel{position:relative;min-height:610px;border:1px solid rgba(255,255,255,.11);border-radius:38px;background:linear-gradient(145deg,#0A1D38 0%,#0B3478 64%,#155EEF 132%);padding:30px;box-shadow:0 36px 90px rgba(0,0,0,.32);overflow:hidden;isolation:isolate}
.creator-carousel:before{content:"";position:absolute;inset:1px;border-radius:37px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0));pointer-events:none;z-index:-1}
.creator-carousel:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.07);right:-170px;bottom:-170px;pointer-events:none;z-index:-1}
.review-card-top{display:flex;justify-content:space-between;align-items:center;height:36px}
.carousel-counter{font-size:11px;letter-spacing:.13em;color:#D8C189;font-weight:800}
.review-window{position:relative;height:330px;margin-top:26px;border-radius:30px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.creator-example{position:absolute;inset:0;padding:48px;display:grid;grid-template-columns:90px minmax(0,1fr);gap:28px;align-items:start;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .68s cubic-bezier(.2,.7,.2,1),transform .68s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.creator-example.is-active{opacity:1;transform:none;pointer-events:auto}
.example-icon{width:90px;height:90px;border-radius:28px;display:grid;place-items:center;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);color:#F2DDAE;font-family:Georgia,"Times New Roman",serif;font-size:28px;box-shadow:0 16px 34px rgba(0,0,0,.14)}
.review-copy{padding-top:4px;min-width:0}
.review-copy small{display:block;color:#AFC3E2;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;margin-bottom:10px}
.review-copy h3{margin:0 0 14px;color:#F8FAFC;font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,3.7vw,50px);line-height:1.02;letter-spacing:-.025em}
.review-copy p{margin:0;max-width:540px;color:#D4DEED;font-size:15px;line-height:1.7}
.carousel-dots{display:flex;gap:8px;margin:18px 0 0 4px}
.carousel-dots span{width:26px;height:3px;border-radius:999px;background:rgba(255,255,255,.16);transition:width .35s ease,background .35s ease}
.carousel-dots span.is-active{width:48px;background:#C8A96B}
.review-result{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-top:20px;padding:20px 22px;border-radius:24px;border:1px solid rgba(255,255,255,.10);background:rgba(7,20,38,.20)}
.review-result small{display:block;color:#A2B2CA;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800;margin-bottom:6px}
.review-result strong{display:block;color:#F8FAFC;font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.08;font-weight:700}
.review-complete{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(200,169,107,.26);background:rgba(200,169,107,.08);color:#E7D29F}
.review-complete span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(200,169,107,.34);font-size:12px}
.review-complete b{font-size:12px;letter-spacing:.02em}
.example-disclaimer{margin:15px 2px 0;color:#8EA0B9;font-size:10.5px;line-height:1.45}
@media(max-width:980px){.creator-selection-grid{grid-template-columns:1fr;gap:40px}.creator-carousel{min-height:600px}.review-window{height:330px}}
@media(max-width:620px){.selection-points{grid-template-columns:1fr}.creator-carousel{padding:22px;min-height:650px;border-radius:30px}.review-window{height:370px;margin-top:22px;border-radius:24px}.creator-example{padding:30px;grid-template-columns:1fr;gap:18px}.example-icon{width:64px;height:64px;border-radius:20px;font-size:20px}.review-copy h3{font-size:32px}.review-copy p{font-size:13.5px}.review-result{align-items:flex-start;flex-direction:column;gap:14px;padding:18px}.review-result strong{font-size:24px}.review-complete{align-self:flex-start}}

/* Response promise + usage-right clarity */
.response-time-note,.usage-copy-note{margin:18px 0 0;padding:13px 15px;border-radius:14px;background:rgba(21,94,239,.08);border:1px solid rgba(76,125,255,.14);color:#AFC4F2;font-size:12px;line-height:1.55}
.reply-promise{color:#DCC389!important;font-weight:700;font-size:13px!important;margin-top:18px!important}
.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-field small{display:block;margin-top:10px;color:#7F8EA2}

/* Thank-you pages now explain what happens next. */
.next-steps{margin:34px 0 28px;text-align:left}.next-steps h2{font-family:Georgia,"Times New Roman",serif;font-size:28px;margin:0 0 16px;color:#F8FAFC}.next-steps-grid{display:grid;gap:10px}.next-step-item{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:#091A2E}.next-step-item span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(21,94,239,.12);color:#8DADFF;font-size:10px;font-weight:800}.next-step-item p{margin:0!important;font-size:13px!important;color:#A9B4C5!important}

/* Payment split enters with purpose rather than a flashy effect. */
.payment-section .split-bars>div{transform-origin:bottom;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .7s ease}.payment-section .commission-shell:not(.show) .split-bars>div{transform:scaleY(.2);opacity:.3}
.payment-section .commission-shell.show .split-creator{transition-delay:.08s}.payment-section .commission-shell.show .split-asn{transition-delay:.18s}

/* CTA microcopy */
.cta-response{margin:18px 0 0!important;color:rgba(255,255,255,.72)!important;font-size:12px!important;font-weight:600}

/* Primary button has a soft, infrequent light pass. */
.btn.primary{position:relative;overflow:hidden}.btn.primary:after{content:"";position:absolute;inset:-2px auto -2px -45%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);transform:skewX(-18deg);animation:luxButtonPass 7s ease-in-out infinite;pointer-events:none}
@keyframes luxButtonPass{0%,72%{left:-45%;opacity:0}78%{opacity:1}90%{left:125%;opacity:0}100%{left:125%;opacity:0}}



/* V19 homepage content consolidation */
.why-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.why-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.why-grid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.show,[data-reveal],.hero-grid>div:first-child,.hero .preview,.creator-card,.platform-item,.btn.primary:after,.eyebrow:before{animation:none!important;transition:none!important;transform:none!important;filter:none!important;opacity:1!important}.creator-example{transition:none!important}.preview{transform:none!important}}


/* V16: refined corporate-luxury partnership flow. */
.hero-flow-visual{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}
.flow-shell{width:min(100%,500px);position:relative;overflow:hidden;border-radius:22px;padding:25px;background:linear-gradient(155deg,rgba(10,27,49,.98),rgba(8,23,42,.99));border:1px solid rgba(255,255,255,.085);box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)}
.flow-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(21,94,239,.035),transparent 38%,rgba(200,169,107,.018));pointer-events:none}
.flow-shell:after{content:"";position:absolute;right:20px;top:20px;width:94px;height:1px;background:linear-gradient(90deg,transparent,rgba(200,169,107,.34));pointer-events:none}
.flow-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px}
.flow-kicker{color:#C8A96B;font-size:8.5px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.flow-cycle{color:#BDA56F;font-size:8.5px;font-weight:800;letter-spacing:.14em}
.flow-shell>h3{position:relative;z-index:2;font-size:29px;line-height:1.08;margin:19px 0 8px;max-width:420px;color:#F5F1E8}
.flow-intro{position:relative;z-index:2!important;margin:0!important;max-width:430px!important;color:#A7B2C2!important;font-size:11.5px!important;line-height:1.68!important}
.flow-map{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 34px 66px 34px minmax(0,1fr);align-items:center;gap:5px;margin-top:25px}
.flow-node{min-width:0;padding:16px 15px 14px;border-radius:15px;background:#0B1C31;border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .28s ease,background .28s ease}
.flow-node:hover{border-color:rgba(200,169,107,.20);background:#0C2037}
.flow-label{display:block;color:#7F96B7;font-size:8px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;margin-bottom:8px}
.flow-node>strong{display:block;font-family:Georgia,"Times New Roman",serif;color:#F5F1E8;font-size:18px;line-height:1.08;margin-bottom:12px}
.flow-list{display:grid;border-top:1px solid rgba(255,255,255,.065)}
.flow-list span{position:relative;display:flex;align-items:center;min-height:30px;padding:6px 0 6px 15px;border-bottom:1px solid rgba(255,255,255,.055);color:#AEB9C8;font-size:9.2px;line-height:1.25}
.flow-list span:before{content:"";position:absolute;left:1px;width:4px;height:4px;border-radius:50%;background:#5874A6}
.flow-list-reviewed span:before{width:8px;height:8px;border:1px solid rgba(200,169,107,.52);background:transparent}
.flow-list-reviewed span:after{content:"✓";position:absolute;left:1px;top:50%;transform:translateY(-54%);color:#C8A96B;font-size:6px;font-weight:900}
.flow-core-wrap{position:relative;width:66px;height:66px;display:grid;place-items:center}
.flow-core{position:relative;width:58px;height:58px;border-radius:13px;display:grid;place-items:center;align-content:center;background:#0D2037;border:1px solid rgba(200,169,107,.20);box-shadow:0 10px 24px rgba(0,0,0,.22);animation:flowCoreQuiet 7s ease-in-out infinite}
.flow-core strong{font-family:Georgia,"Times New Roman",serif;color:#F5F1E8;font-size:16px;line-height:1;letter-spacing:.01em}.flow-core small{margin-top:5px;color:#B79D66;font-size:7px;letter-spacing:.14em;text-transform:uppercase}
.flow-connector{height:1px;position:relative;background:rgba(255,255,255,.11);overflow:visible}
.flow-connector:before,.flow-connector:after{content:"";position:absolute;top:50%;width:3px;height:3px;border-radius:50%;background:#C8A96B;transform:translateY(-50%)}
.flow-connector:before{left:-1px}.flow-connector:after{right:-1px}
.flow-beam{position:absolute;top:50%;left:0;width:4px;height:4px;border-radius:50%;background:#DCC58D;transform:translate(-50%,-50%);box-shadow:0 0 8px rgba(200,169,107,.45);animation:flowBeamQuiet 7s ease-in-out infinite}
.flow-connector-b .flow-beam{animation-delay:3.5s}
.flow-timeline{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.075)}
.flow-phase{position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding-right:10px;color:#7F8B9C}
.flow-phase:not(:last-child):after{content:"";position:absolute;right:5px;top:50%;width:1px;height:18px;background:rgba(255,255,255,.07);transform:translateY(-50%)}
.flow-phase span{color:#C8A96B;font-size:8px;font-weight:800;letter-spacing:.04em;flex:0 0 auto}
.flow-phase b{font-size:8.7px;font-weight:650;color:#99A6B8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flow-ready{position:relative;z-index:2;margin-top:14px;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:13px;background:#0A1A2E;border:1px solid rgba(255,255,255,.07)}
.flow-ready-icon{width:30px;height:30px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(200,169,107,.38);color:#D6BE85;font-size:12px;font-weight:900}
.flow-ready strong{display:block;font-size:10px;color:#F5F1E8}.flow-ready small{display:block;margin-top:3px;color:#8898AD;font-size:8px;line-height:1.4}

@keyframes flowBeamQuiet{0%,16%{left:0;opacity:0}24%{opacity:.75}46%{left:100%;opacity:.75}55%,100%{left:100%;opacity:0}}
@keyframes flowCoreQuiet{0%,100%{border-color:rgba(200,169,107,.18);background:#0D2037}45%,56%{border-color:rgba(200,169,107,.34);background:#10243C}}
@media(max-width:950px){.hero-flow-visual{min-height:450px}.flow-shell{max-width:560px;margin:0 auto}}
@media(max-width:620px){.hero-flow-visual{min-height:auto}.flow-shell{padding:21px;border-radius:20px}.flow-shell>h3{font-size:27px}.flow-map{grid-template-columns:1fr;gap:10px}.flow-connector{width:1px;height:20px;margin:0 auto;background:rgba(255,255,255,.11)}.flow-connector:before,.flow-connector:after{left:50%;transform:translate(-50%,-50%)}.flow-connector:before{top:0}.flow-connector:after{top:100%}.flow-beam{top:0;left:50%;animation:flowBeamVerticalQuiet 7s ease-in-out infinite}.flow-connector-b .flow-beam{animation-delay:3.5s}.flow-core-wrap{margin:0 auto}.flow-node{min-height:auto}.flow-timeline{grid-template-columns:1fr;gap:9px}.flow-phase:not(:last-child):after{display:none}.flow-phase b{white-space:normal}.flow-ready{align-items:flex-start}}
@keyframes flowBeamVerticalQuiet{0%,16%{top:0;opacity:0}24%{opacity:.75}46%{top:100%;opacity:.75}55%,100%{top:100%;opacity:0}}
@media(prefers-reduced-motion:reduce){.flow-core,.flow-beam{animation:none!important}}

/* V17: final readability and balance polish for the partnership-flow card. */
@media(min-width:951px){
  .hero-flow-visual{min-height:485px;transform:translateY(-12px)}
  .flow-shell{width:min(100%,555px);padding:28px;border-radius:21px}
  .flow-shell>h3{font-size:31.5px;line-height:1.07;margin-top:20px;max-width:465px}
  .flow-intro{max-width:465px!important;font-size:12.5px!important;line-height:1.65!important}
  .flow-kicker,.flow-cycle{font-size:9.3px}
  .flow-map{grid-template-columns:minmax(0,1fr) 42px 70px 42px minmax(0,1fr);gap:7px;margin-top:27px}
  .flow-node{padding:18px 16px 15px;border-radius:15px}
  .flow-label{font-size:8.8px;margin-bottom:9px}
  .flow-node>strong{font-size:19.5px;margin-bottom:13px}
  .flow-list span{min-height:33px;padding:7px 0 7px 16px;font-size:10.2px}
  .flow-core-wrap{width:70px;height:70px}
  .flow-core{width:62px;height:62px;border-radius:13px}
  .flow-core strong{font-size:17px}
  .flow-core small{font-size:7.5px;margin-top:5px}
  .flow-connector{background:rgba(255,255,255,.14)}
  .flow-connector:before,.flow-connector:after{width:4px;height:4px}
  .flow-beam{width:4.5px;height:4.5px}
  .flow-timeline{margin-top:22px;padding-top:17px}
  .flow-phase{gap:9px;padding-right:11px}
  .flow-phase span{font-size:9px}
  .flow-phase b{font-size:9.7px;letter-spacing:.005em}
  .flow-ready{margin-top:15px;padding:13px 14px;border-radius:13px;gap:12px}
  .flow-ready-icon{width:32px;height:32px;font-size:13px}
  .flow-ready strong{font-size:11px}
  .flow-ready small{font-size:8.9px;line-height:1.45}
}

@media(min-width:951px) and (max-width:1120px){
  .flow-shell{width:min(100%,530px)}
  .flow-shell>h3{font-size:30px}
  .flow-map{grid-template-columns:minmax(0,1fr) 36px 68px 36px minmax(0,1fr);gap:6px}
  .flow-list span{font-size:9.8px}
}


/* V18: readability refinement for partnership flow only. */
@media(min-width:951px){
  .flow-shell{width:min(100%,570px);padding:30px}
  .flow-shell>h3{font-size:33px;line-height:1.06;max-width:485px}
  .flow-intro{max-width:485px!important;font-size:13.2px!important;color:#C0CAD7!important;line-height:1.68!important}
  .flow-map{grid-template-columns:minmax(0,1fr) 46px 72px 46px minmax(0,1fr);gap:8px;margin-top:29px}
  .flow-node{padding:19px 17px 16px;background:#0C1F36;border-color:rgba(255,255,255,.095)}
  .flow-label{font-size:9.2px;color:#92A7C7}
  .flow-node>strong{font-size:20.5px;color:#FBF7EF}
  .flow-list span{min-height:36px;padding:8px 0 8px 20px;font-size:11.2px;color:#CDD6E2;border-bottom-color:rgba(255,255,255,.075)}
  .flow-list span:before{left:2px;width:5px;height:5px;background:#5F86CE}
  .flow-list-reviewed span{padding-left:24px;color:#E1E7EF}
  .flow-list-reviewed span:before{left:1px;width:13px;height:13px;border:1.5px solid rgba(221,190,121,.92);background:rgba(200,169,107,.08);box-shadow:0 0 0 2px rgba(200,169,107,.05)}
  .flow-list-reviewed span:after{left:3px;font-size:9px;color:#F1D491;font-weight:900;transform:translateY(-53%)}
  .flow-core{width:64px;height:64px;background:#10243C;border-color:rgba(200,169,107,.28)}
  .flow-core strong{font-size:18px}.flow-core small{font-size:8px;color:#D0B878}
  .flow-connector{background:rgba(255,255,255,.18)}
  .flow-connector:before,.flow-connector:after{background:#D4B66E;width:4.5px;height:4.5px}
  .flow-timeline{margin-top:24px;padding-top:19px;border-top-color:rgba(255,255,255,.10)}
  .flow-phase{gap:10px;padding-right:12px}
  .flow-phase span{font-size:10px;color:#DFC47E}
  .flow-phase b{font-size:10.7px;color:#C7D0DC;overflow:visible;text-overflow:clip}
  .flow-ready{margin-top:17px;padding:14px 15px;background:#0B1D32;border-color:rgba(255,255,255,.09)}
  .flow-ready-icon{width:34px;height:34px;font-size:14px;color:#F0D08A;border-color:rgba(220,188,112,.65);background:rgba(200,169,107,.06)}
  .flow-ready strong{font-size:12.2px;color:#FBF7EF}
  .flow-ready small{font-size:9.8px;color:#AEBCCD;line-height:1.48}
}


/* V21 brands and creators final QA */
.hero-card-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.2vw,44px);line-height:1.05;margin:20px 0 12px;color:#F8FAFC;max-width:620px}
.page-hero .hero-card .eyebrow{letter-spacing:.10em}
@media(max-width:1050px){.criteria-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.criteria-grid{grid-template-columns:1fr}.hero-card-title{font-size:34px}}

/* V22 final QA: contact routes and form helper text */
.contact-card-link{display:block;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.contact-card-link:hover{transform:translateY(-3px);border-color:rgba(76,125,255,.28)!important;box-shadow:0 16px 36px rgba(0,0,0,.18)}
.contact-card-link span{display:block}
.field small{line-height:1.45}

/* =========================================================
   V23 — COMPLETE MOBILE QA / RESPONSIVE POLISH
   Keeps desktop V22 intact. Targets phones and small tablets.
   ========================================================= */
@media (max-width:720px){
  html{scroll-padding-top:78px;-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}
  .container{width:calc(100% - 32px)}
  section[id],div[id]{scroll-margin-top:84px}

  /* Mobile navigation */
  .navbar{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .navbar nav{height:66px;gap:8px}
  .logo{gap:8px;min-width:0}.logo-mark{width:36px;height:36px;border-radius:11px;font-size:11px;flex:0 0 auto}
  .logo>span:last-child{display:none}
  .nav-actions{gap:7px;align-items:center;margin-left:auto}
  .nav-actions>.btn.primary{min-height:44px;padding:0 14px;font-size:12.5px;white-space:nowrap;box-shadow:0 9px 22px rgba(21,94,239,.22)!important}
  .nav-toggle{width:44px;height:44px;border-radius:12px;flex:0 0 auto}
  .mobile-menu{padding:10px 16px 16px;gap:5px;border-bottom:1px solid var(--line)}
  .mobile-menu.open{display:grid}
  .mobile-menu>a{min-height:44px;display:flex;align-items:center;padding:10px 12px;border-radius:11px;font-size:14px;font-weight:650}
  .mobile-menu>a:nth-last-of-type(-n+2){border:1px solid var(--line);margin-top:3px}
  .mobile-lang-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:9px;margin-top:5px;border-top:1px solid var(--line)}
  .mobile-lang-row a{min-height:42px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;justify-content:center;color:#A9B4C5;font-size:13px;font-weight:700}
  .mobile-lang-row a.active{background:rgba(21,94,239,.14);border-color:rgba(76,125,255,.25);color:#AFC4FF}

  /* Mobile typography + vertical rhythm */
  section{padding:64px 0}
  .eyebrow{font-size:11px;line-height:1.35;letter-spacing:.14em}
  .section-head{display:block;margin-bottom:30px}
  .section-head h2{font-size:clamp(36px,10.5vw,44px);line-height:1.04;margin-top:10px}
  .section-head p{margin-top:14px;font-size:15px;line-height:1.65}

  /* Homepage hero */
  .hero{padding:46px 0 58px}
  .hero-grid{gap:42px}
  .hero h1{font-size:clamp(42px,12vw,50px);line-height:.99;margin:14px 0 22px}
  .hero p{font-size:16px;line-height:1.62;margin-bottom:26px}
  .hero-ctas-large{gap:10px}
  .hero-ctas-large .btn{min-height:54px;padding:0 18px;font-size:14px}
  .hero-flow-visual{min-height:auto;transform:none!important}
  .flow-shell{padding:20px;border-radius:20px}
  .flow-shell>h3{font-size:28px;line-height:1.05;margin:18px 0 9px}
  .flow-intro{font-size:13px!important;line-height:1.58!important;color:#B7C3D2!important}
  .flow-map{margin-top:22px;gap:9px}
  .flow-node{padding:16px 15px 13px;border-radius:15px}
  .flow-label{font-size:8.5px;margin-bottom:8px}
  .flow-node>strong{font-size:20px;margin-bottom:12px}
  .flow-list span{min-height:34px;padding:7px 0 7px 18px;font-size:11px;color:#C5CFDC}
  .flow-list-reviewed span{padding-left:24px}
  .flow-list-reviewed span:before{left:1px;width:13px;height:13px;border:1.5px solid rgba(221,190,121,.9);background:rgba(200,169,107,.07)}
  .flow-list-reviewed span:after{left:3px;font-size:9px;color:#F0D08A}
  .flow-core-wrap{width:62px;height:62px}.flow-core{width:58px;height:58px}
  .flow-timeline{margin-top:18px;padding-top:14px;gap:7px}
  .flow-phase{gap:9px;min-height:24px}.flow-phase span{font-size:9px}.flow-phase b{font-size:10px;line-height:1.4;color:#B1BDCC}
  .flow-ready{margin-top:14px;padding:12px;gap:10px}.flow-ready-icon{width:32px;height:32px}.flow-ready strong{font-size:11px}.flow-ready small{font-size:9px;line-height:1.45}

  /* Homepage content */
  .platform-inner{padding:20px 0}.platforms{margin-top:12px}.platform-item{height:38px;padding:0 9px;font-size:11.5px}
  .steps{gap:10px}.step{min-height:auto;padding:22px;border-radius:18px}.step b{font-size:23px}.step h3{margin:17px 0 7px;font-size:17px}.step p{font-size:13.5px;line-height:1.62}
  .why-grid{gap:10px}.why-card{padding:22px!important;min-height:auto!important;border-radius:18px!important}.why-number{margin-bottom:24px!important}.why-card h3{font-size:19px!important}.why-card p{font-size:13.5px!important;line-height:1.62!important}
  .creator-selection-grid{gap:32px}.creator-selection-copy h2{font-size:clamp(38px,10.5vw,45px);line-height:1.03}.creator-selection-copy>p{font-size:15px;line-height:1.68}
  .selection-points{gap:10px;margin-top:26px}.selection-points>div{min-height:auto;padding:18px;border-radius:17px}.selection-points b{font-size:14px}.selection-points span{font-size:12.5px;line-height:1.55}
  .creator-carousel{padding:18px;min-height:600px;border-radius:26px}.review-window{height:350px;margin-top:20px;border-radius:20px}.creator-example{padding:24px;gap:16px}.example-icon{width:58px;height:58px;border-radius:18px}.review-copy h3{font-size:30px}.review-copy p{font-size:13px;line-height:1.6}.review-result{padding:16px;border-radius:19px}.review-result strong{font-size:23px}.review-complete{padding:9px 12px}.example-disclaimer{font-size:10px}

  /* Payments */
  .commission-section{padding:12px 0 70px!important}.payment-section .commission-shell,.commission-shell{padding:26px 20px!important;border-radius:27px!important}
  .payment-section .commission-grid{gap:30px!important}.commission-copy h2{font-size:clamp(38px,10vw,43px)!important;line-height:1.02}.commission-copy>p{font-size:14.5px!important;line-height:1.65!important}
  .split-card{padding:18px;border-radius:22px}.split-label{margin-bottom:14px}.split-bars{grid-template-columns:minmax(0,1.75fr) minmax(92px,.75fr)!important;gap:8px;min-height:145px}.split-bars>div{min-height:145px!important;padding:17px 14px;border-radius:17px}.split-bars strong{font-size:44px}.split-bars span{font-size:10.5px}.split-card>p{font-size:10.5px;line-height:1.5}
  .payment-steps{gap:9px;margin-top:22px}.commission-point{padding:20px;border-radius:18px}.commission-point b{font-size:15px}.commission-point p{font-size:12.5px;line-height:1.58}
  .creator-payout-section{padding:64px 0}.creator-payout-card{padding:22px;border-radius:24px;gap:30px}.creator-payout-card h2{font-size:39px}.creator-payout-card p{font-size:14px;line-height:1.65}.mini-split{grid-template-columns:minmax(0,1.75fr) minmax(92px,.75fr)!important;gap:8px}.mini-split>div{min-height:130px!important;padding:16px}.mini-split strong{font-size:42px}.mini-split span{font-size:10.5px}

  /* Inner page heroes */
  .page-hero,.call-hero{padding:48px 0 56px!important}
  .page-hero-grid{gap:34px}
  .page-hero h1,.call-hero h1{font-size:clamp(41px,11.5vw,48px)!important;line-height:1.01;margin:13px 0 17px}
  .page-hero p{font-size:16px!important;line-height:1.62}
  .page-hero .hero-ctas{gap:10px}.page-hero .hero-ctas .btn{width:100%;min-height:52px}
  .hero-card{padding:26px 22px;border-radius:25px}.hero-card-title{font-size:32px!important;margin:17px 0 11px}.hero-card p{font-size:13.5px!important;line-height:1.6}.hero-card ul{gap:10px;margin-top:20px}.hero-card li{font-size:13px;line-height:1.45}

  /* Criteria / About / Contact */
  .criteria-grid{gap:10px}.criteria-card{min-height:auto;padding:19px;border-radius:18px}.criteria-icon{margin-bottom:17px}.criteria-card b{font-size:14.5px}.criteria-card p{font-size:12.5px;line-height:1.55}
  .about-grid{gap:32px}.about-grid h2{font-size:clamp(38px,10vw,44px)}.about-grid p{font-size:15px;line-height:1.68}.principles{gap:10px}.principle{padding:19px;border-radius:18px}.principle p{font-size:12.8px;line-height:1.58}
  .contact-cards{gap:10px;margin-top:22px}.contact-card{padding:18px;border-radius:17px}.contact-card b{font-size:14px}.contact-card span{font-size:12.5px;line-height:1.5}.contact-card-link:hover{transform:none}
  .contact-direct{gap:9px}.contact-direct a,.contact-direct div{padding:15px;border-radius:16px}.contact-direct span{font-size:13px;overflow-wrap:anywhere}

  /* Forms — iOS-safe sizes + better touch targets */
  .form-section,.call-form-section{padding:64px 0!important}
  .form-wrap,.booking-grid{gap:32px}
  .form-copy h2{font-size:clamp(38px,10vw,44px);line-height:1.04}.form-copy p{font-size:14.5px;line-height:1.65}.reply-promise{font-size:12.5px!important}.mini-note,.response-time-note,.usage-copy-note,.call-note{padding:13px 14px;border-radius:13px;font-size:12px;line-height:1.52}
  .form-box{padding:18px;border-radius:22px}.form-grid{gap:16px}.field{gap:8px}.field label{font-size:13px;line-height:1.35}.field input,.field textarea,.field select{min-height:50px;padding:13px 14px;border-radius:13px;font-size:16px;line-height:1.4}.field textarea{min-height:118px}.field small{font-size:11.5px;line-height:1.5}
  .payment-note{padding:15px;margin-bottom:20px;border-radius:15px}.payment-note strong,.payment-note span{font-size:12.5px}
  .check-grid,.usage-grid{grid-template-columns:1fr!important;gap:8px}.check{min-height:48px;padding:12px;border-radius:13px;font-size:13px;line-height:1.42;align-items:flex-start}.check input{width:18px;height:18px;flex:0 0 auto;margin-top:1px}
  .form-actions{display:grid;gap:10px;width:100%;margin-top:20px}.form-actions .btn{width:100%;min-height:52px}.form-status{font-size:12px;line-height:1.5}
  .booking-points{margin-top:22px}.booking-point{padding:13px 0}.booking-point b{font-size:14px}.booking-point span{font-size:12.5px;line-height:1.5}.booking-icon{width:36px;height:36px}

  /* FAQ / CTA / security / footer */
  .faq-grid{gap:26px}.faq h2{font-size:42px}.faq-copy p{font-size:14.5px;line-height:1.65}details{padding:17px 0}summary{font-size:15px;line-height:1.42;gap:12px}summary:after{font-size:20px;flex:0 0 auto}details p{font-size:13.5px;line-height:1.62;margin-bottom:4px}
  .security-strip{padding:17px 0}.security-inner{display:grid;gap:12px}.security-copy{align-items:flex-start}.security-copy strong{font-size:12.5px}.security-copy span{font-size:11.5px;line-height:1.5}.security-domain{margin:0!important;padding-left:50px;font-size:11.5px}
  .cta{padding:64px 0}.cta-box{padding:28px 22px;border-radius:24px}.cta-box h2{font-size:36px;line-height:1.03;margin:0 0 12px}.cta-box p{font-size:14px;line-height:1.6}.cta-box .hero-ctas{gap:8px}.cta-box .btn{min-height:50px;margin-top:12px!important}.cta-response{margin-top:14px!important}
  footer{padding:34px 0 24px}.footer-top{display:grid;gap:26px}.footer-top p{font-size:13px;line-height:1.6;margin:12px 0 0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:0;font-size:13px}.footer-links a{min-height:28px;display:flex;align-items:center}.footer-bottom{display:grid;gap:8px;margin-top:28px;padding-top:20px;font-size:11.5px}.footer-bottom div+div{margin-top:0}.footer-bottom a{overflow-wrap:anywhere}

  /* Thank-you / legal */
  .thank-card{padding:36px 20px;border-radius:26px}.thank-card h1{font-size:39px}.next-steps h2{font-size:24px}.next-step-item{padding:12px;border-radius:13px}.legal h1{font-size:42px!important}.legal h2{font-size:28px!important}
}

@media (max-width:360px){
  .container{width:calc(100% - 24px)}
  .nav-actions>.btn.primary{padding:0 11px;font-size:11.5px}
  .hero h1{font-size:42px}.page-hero h1,.call-hero h1{font-size:40px!important}
  .flow-shell{padding:17px}.flow-shell>h3{font-size:26px}
  .split-bars,.mini-split{grid-template-columns:minmax(0,1.65fr) minmax(82px,.75fr)!important}.split-bars strong,.mini-split strong{font-size:38px}
  .footer-links{grid-template-columns:1fr}
}

@media (hover:none) and (pointer:coarse){
  .btn:hover,.path:hover,.criteria-card:hover,.selection-points>div:hover,.contact-card-link:hover{transform:none!important}
}

/* V23.1: prevent long German compound words from forcing mobile grid overflow. */
@media (max-width:720px){
  .hero-grid>*,.page-hero-grid>*,.faq-grid>*,.form-wrap>*,.about-grid>*,.booking-grid>*,.commission-grid>*,.creator-selection-grid>*,.creator-payout-card>*{min-width:0}
  h1,h2,h3,summary,.hero-card li,.footer-links a,.contact-card span,.contact-direct span{overflow-wrap:anywhere;word-break:normal}
}
@media (max-width:720px){
  /* On phones the campaign-terms section should be immediately legible, not animation-dependent. */
  .payment-section .split-bars>div{transform:none!important;opacity:1!important}
}