:root{--bg:#061019;--bg2:#08151f;--surface:#0c1923;--surface2:#10222e;--surface3:#162b37;--text:#f1f6f7;--muted:#9aaab4;--muted2:#758994;--line:#213744;--line2:#2d4a59;--brand:#00d99f;--brand2:#25e8b3;--brand-soft:rgba(0,217,159,.10);--brand-border:rgba(0,217,159,.28);--success:#31c98a;--red:#ff6675;--amber:#f5b94f;--blue:#6a9dff;--purple:#a18cff;--shadow:0 24px 80px rgba(0,0,0,.30);--shadow-sm:0 12px 36px rgba(0,0,0,.20);--radius:20px;--container:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;letter-spacing:-.012em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.container{width:min(var(--container),calc(100% - 48px));margin:auto}.skip{position:fixed;left:20px;top:-100px;z-index:200;background:var(--brand);color:#012219;padding:9px 13px;border-radius:8px}.skip:focus{top:20px}.top-note{height:34px;border-bottom:1px solid var(--brand-border);background:#041710;color:#b8c6cb;font-size:12px}.top-note .container{height:100%;display:flex;align-items:center;justify-content:center;gap:12px}.top-note strong{color:var(--brand)}.top-note a{display:flex;align-items:center;gap:5px;color:#dce7e9}.site-header{height:78px;position:sticky;top:0;z-index:90;background:rgba(6,16,25,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(46,75,91,.45)}.nav-shell{height:100%;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:780;letter-spacing:-.04em;white-space:nowrap}.brand img{width:37px;height:30px;object-fit:contain}.brand b{color:var(--brand)}.desktop-nav{display:flex;align-items:center;gap:8px;margin-left:10px}.nav-link{height:42px;display:flex;align-items:center;gap:6px;border:0;background:transparent;border-radius:10px;padding:0 13px;color:#a6b5be;font-size:13px;font-weight:650}.nav-link:hover,.nav-link.active{color:var(--text);background:rgba(255,255,255,.035)}.nav-group{position:relative}.mega-menu{position:absolute;top:54px;left:-120px;width:760px;display:grid;grid-template-columns:1.7fr .8fr;background:#081722;border:1px solid var(--line2);border-radius:18px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;overflow:hidden}.nav-group:hover .mega-menu,.nav-group.open .mega-menu{opacity:1;visibility:visible;transform:none}.mega-main{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.mega-main a{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px;border-radius:11px}.mega-main a:hover{background:var(--surface2)}.mega-main i{width:38px;height:38px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.mega-main strong,.mega-main small{display:block}.mega-main strong{font-size:12px}.mega-main small{font-size:10px;color:var(--muted);margin-top:2px}.mega-side{padding:22px;background:linear-gradient(145deg,var(--surface2),rgba(0,217,159,.08));border-left:1px solid var(--line)}.mega-side h3{font-size:18px;line-height:1.25;margin:12px 0 8px}.mega-side p{font-size:11px;color:var(--muted);margin:0 0 16px}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.login-link{font-size:13px;font-weight:650;color:#bdc9d0;padding:10px}.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);background:var(--surface);border-radius:11px;place-items:center}.mobile-nav{display:none;position:absolute;left:0;right:0;top:78px;padding:14px 24px 22px;background:var(--bg2);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:4px}.mobile-nav.open{display:grid}.mobile-nav a{padding:11px;border-radius:9px;color:#b7c5ce}.mobile-nav a:hover{background:var(--surface2)}
.btn{min-height:42px;border:1px solid transparent;border-radius:11px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:750;transition:.18s}.btn svg{transition:transform .18s}.btn:hover svg{transform:translateX(3px)}.btn-primary{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#00251a;box-shadow:0 12px 32px rgba(0,217,159,.13)}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-secondary{border-color:var(--line2);background:rgba(255,255,255,.025);color:#e5edef}.btn-secondary:hover{border-color:#3f6273;background:var(--surface)}.btn-soft{background:var(--brand-soft);border-color:var(--brand-border);color:var(--brand)}.btn-text{padding:0;color:var(--brand)}.btn-lg{min-height:50px;padding:0 21px;border-radius:13px;font-size:14px}.btn-xl{min-height:56px;padding:0 24px;border-radius:14px;font-size:14px}.nav-cta{height:44px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft)}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(43,74,90,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(43,74,90,.12) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}.hero-glow{position:absolute;width:700px;height:700px;right:-220px;top:-180px;background:radial-gradient(circle,rgba(0,217,159,.13),transparent 65%);pointer-events:none}.home-hero{position:relative;overflow:hidden;padding:86px 0 96px;min-height:800px}.home-hero-grid{position:relative;display:grid;grid-template-columns:.86fr 1.25fr;align-items:center;gap:54px}.hero-copy h1{font-size:clamp(52px,5.4vw,79px);line-height:1.02;letter-spacing:-.065em;margin:24px 0 24px;max-width:690px}.hero-copy h1 span{color:var(--brand)}.hero-copy>p{font-size:18px;line-height:1.72;color:#a6b5be;max-width:640px;margin:0}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px}.hero-proof span{display:flex;align-items:center;gap:7px;color:#8599a5;font-size:11px}.hero-proof svg{color:var(--brand);width:14px}.hero-product{position:relative;padding:26px 0 22px}.dashboard-frame{position:relative;background:#081722;border:1px solid #2d4a59;border-radius:20px;padding:9px;box-shadow:0 38px 100px rgba(0,0,0,.5),0 0 0 1px rgba(0,217,159,.06);transform:perspective(1500px) rotateY(-2deg) rotateX(1deg)}.window-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#758994;font-size:9px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#314753}.window-bar span{margin-left:8px;padding:4px 12px;border-radius:7px;background:#10222e;flex:1}.window-bar b{color:var(--brand);font-weight:650}.dashboard-frame button{display:block;border:0;background:transparent;padding:0;width:100%;border-radius:13px;overflow:hidden}.dashboard-frame img{display:block;width:100%;height:auto}.float-note{position:absolute;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line2);border-radius:14px;background:rgba(11,24,35,.94);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px)}.float-note>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--brand-soft);color:var(--brand)}.float-note small,.float-note strong{display:block}.float-note small{font-size:8px;color:var(--muted2);letter-spacing:.1em}.float-note strong{font-size:11px;margin-top:2px}.note-a{left:-36px;bottom:-8px}.note-b{right:-12px;top:2px}.audience-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#08151f}.audience-strip .container{min-height:96px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:20px 0}.audience-strip span{font-size:10px;color:var(--muted2);text-transform:uppercase;letter-spacing:.14em;font-weight:800}.audience-strip div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.audience-strip b{font-size:12px;font-weight:650;color:#a6b5be;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02)}
.section{padding:112px 0;position:relative}.section-raised{background:#0c1923;border-top:1px solid rgba(38,65,78,.5);border-bottom:1px solid rgba(38,65,78,.5)}.section-head{max-width:700px;margin-bottom:44px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2{font-size:clamp(36px,4vw,55px);line-height:1.08;letter-spacing:-.05em;margin:16px 0 14px}.section-head p{font-size:16px;color:var(--muted);margin:0}.feature-grid{display:grid;gap:14px}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.feature-card{position:relative;min-height:260px;padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--surface),rgba(12,31,43,.7));overflow:hidden;transition:.2s}.feature-card:after{content:"";position:absolute;width:170px;height:170px;right:-80px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,var(--brand-soft),transparent 70%)}.feature-card:hover{transform:translateY(-4px);border-color:var(--brand-border);box-shadow:var(--shadow-sm)}.feature-icon{width:48px;height:48px;border-radius:14px;background:var(--brand-soft);border:1px solid var(--brand-border);color:var(--brand);display:grid;place-items:center}.feature-icon svg{width:22px;height:22px}.feature-card h3{font-size:20px;letter-spacing:-.03em;margin:27px 0 10px}.feature-card p{font-size:13px;color:var(--muted);margin:0}.feature-card>a{position:absolute;left:25px;bottom:22px;display:flex;align-items:center;gap:5px;color:var(--brand);font-size:11px;font-weight:750}.tour-layout{display:grid;grid-template-columns:.82fr 1.25fr;gap:52px;align-items:center}.tour-tabs{display:grid;gap:7px}.tour-tabs button{display:grid;grid-template-columns:35px 1fr auto;align-items:center;text-align:left;gap:12px;min-height:67px;border:1px solid var(--line);background:rgba(255,255,255,.018);border-radius:12px;padding:9px 12px;color:var(--text)}.tour-tabs button:hover,.tour-tabs button.active{border-color:var(--brand-border);background:var(--brand-soft)}.tour-tabs span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--surface2);font-size:10px;color:var(--muted)}.tour-tabs button.active span{background:var(--brand);color:#00251a;font-weight:800}.tour-tabs b,.tour-tabs small{display:block}.tour-tabs b{font-size:13px}.tour-tabs small{font-size:9px;color:var(--muted)}.tour-summary{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.tour-summary h3{font-size:20px;margin:0 0 6px}.tour-summary p{font-size:13px;color:var(--muted);margin:0}.tour-visual{position:relative;padding:12px;background:#08151f;border:1px solid var(--line2);border-radius:20px;box-shadow:var(--shadow)}.tour-visual>button{display:block;width:100%;border:0;padding:0;background:transparent;border-radius:13px;overflow:hidden}.tour-visual img{display:block;width:100%;transition:opacity .2s,transform .2s}.tour-visual img.changing{opacity:.15;transform:scale(.99)}.visual-caption{position:absolute;left:28px;bottom:26px;padding:9px 12px;border:1px solid var(--line2);border-radius:10px;background:rgba(6,16,25,.9);backdrop-filter:blur(10px);display:grid;grid-template-columns:8px auto;column-gap:8px}.visual-caption .pulse{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft);grid-row:1/3;margin-top:4px}.visual-caption b,.visual-caption small{display:block}.visual-caption b{font-size:10px}.visual-caption small{font-size:8px;color:var(--muted)}.persona-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.persona-grid article{min-height:300px;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface);position:relative}.persona-grid article>i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.persona-grid article>span{display:block;font-size:9px;color:var(--brand);font-weight:800;letter-spacing:.12em;margin-top:30px}.persona-grid h3{font-size:28px;line-height:1.12;letter-spacing:-.04em;margin:10px 0}.persona-grid p{font-size:13px;color:var(--muted);max-width:510px}.persona-grid a{position:absolute;left:30px;bottom:26px;color:var(--brand);font-size:12px;font-weight:750;display:flex;align-items:center;gap:6px}.showcase{overflow:hidden}.showcase-peer{background:radial-gradient(circle at 12% 50%,rgba(0,217,159,.08),transparent 35%)}.showcase-analytics{background:radial-gradient(circle at 88% 45%,rgba(161,140,255,.08),transparent 36%)}.showcase-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:58px;align-items:center}.showcase-grid.reverse{grid-template-columns:1.17fr .83fr}.showcase-grid.reverse .showcase-copy{order:2}.showcase-grid.reverse .showcase-visual{order:1}.showcase-copy h2{font-size:clamp(38px,4.4vw,59px);line-height:1.06;letter-spacing:-.055em;margin:18px 0}.showcase-copy>p{font-size:16px;color:var(--muted);margin:0 0 25px}.check-list{display:grid;gap:7px}.check-list>div{display:grid;grid-template-columns:27px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(38,65,78,.55)}.check-list>div:last-child{border-bottom:0}.check-list i{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.check-list strong,.check-list small{display:block}.check-list strong{font-size:12px}.check-list small{font-size:10px;color:var(--muted);margin-top:2px}.showcase-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.showcase-visual{position:relative}.product-shot{position:relative;display:block;width:100%;padding:10px;border:1px solid var(--line2);border-radius:20px;background:#07141d;box-shadow:var(--shadow);overflow:hidden}.product-shot img{display:block;width:100%;height:auto;border-radius:12px;transition:transform .35s}.product-shot:hover img{transform:scale(1.012)}.shot-label{position:absolute;right:22px;bottom:20px;padding:7px 9px;border:1px solid var(--line2);border-radius:8px;background:rgba(6,16,25,.86);color:#9aaab4;font-size:8px;letter-spacing:.06em}.analytics-pill-grid{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.analytics-pill-grid span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:10px;color:#b7c4cc}.launch-card{display:grid;grid-template-columns:1.4fr .6fr;border:1px solid var(--brand-border);border-radius:24px;background:radial-gradient(circle at 85% 20%,rgba(0,217,159,.15),transparent 35%),linear-gradient(145deg,#0d202a,#081722);overflow:hidden;box-shadow:var(--shadow-sm)}.launch-card>div:first-child{padding:44px}.launch-card h2{font-size:43px;line-height:1.08;letter-spacing:-.05em;margin:18px 0 12px}.launch-card p{color:var(--muted);max-width:760px}.launch-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.launch-tags span{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.035);font-size:10px}.launch-tags svg{color:var(--brand)}.launch-price{padding:38px;border-left:1px solid var(--brand-border);background:rgba(0,217,159,.055);display:flex;flex-direction:column;justify-content:center}.launch-price small{font-size:9px;color:var(--brand);font-weight:800;letter-spacing:.1em}.launch-price strong{font-size:82px;line-height:1;letter-spacing:-.07em;margin:12px 0 3px}.launch-price>span{font-size:11px;color:var(--muted);margin-bottom:22px}.launch-price>a:last-child{color:var(--brand);font-size:10px;margin-top:12px}.faq-layout{display:grid;grid-template-columns:.65fr 1fr;gap:70px;align-items:start}.faq-list{border-top:1px solid var(--line)}.faq-list article{border-bottom:1px solid var(--line)}.faq-q{width:100%;min-height:66px;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:0;color:var(--text);font-size:13px;font-weight:650}.faq-q b{font-size:22px;color:var(--brand);font-weight:400;transition:transform .2s}.faq-list article.open .faq-q b{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .25s}.faq-a p{font-size:12px;color:var(--muted);margin:0;padding:0 40px 20px 0}.final-cta{padding:92px 0;background:radial-gradient(circle at 78% 50%,rgba(0,217,159,.15),transparent 32%),#07141d;border-top:1px solid var(--line)}.final-cta .container{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.final-cta h2{font-size:48px;line-height:1.08;letter-spacing:-.05em;margin:16px 0 10px}.final-cta p{color:var(--muted);margin:0}.final-cta .container>div:last-child{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.page-hero{position:relative;overflow:hidden;padding:82px 0 86px;border-bottom:1px solid var(--line)}.page-hero-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:center}.page-hero-copy h1{font-size:clamp(48px,5.3vw,74px);line-height:1.03;letter-spacing:-.065em;margin:20px 0 22px}.page-hero-copy>p{font-size:17px;color:#a4b4bf;margin:0}.hero-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.hero-chips span{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;font-size:9px;color:#9fb0ba}.hero-chips svg{color:var(--brand)}.hero-shot{transform:perspective(1500px) rotateY(-2deg)}.dual-value{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dual-value article{padding:36px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.dual-value article>span{font-size:9px;color:var(--brand);font-weight:800;letter-spacing:.13em}.dual-value h2{font-size:36px;line-height:1.12;letter-spacing:-.045em;margin:12px 0 24px}.number-list{list-style:none;padding:0;margin:24px 0 0;counter-reset:steps}.number-list li{display:grid;grid-template-columns:42px 135px 1fr;gap:12px;align-items:center;min-height:68px;border-bottom:1px solid var(--line);counter-increment:steps}.number-list li:before{content:"0" counter(steps);width:32px;height:32px;border-radius:10px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-size:9px;font-weight:800}.number-list b{font-size:12px}.number-list span{font-size:11px;color:var(--muted)}.notice{margin-top:25px;padding:16px;border:1px solid rgba(255,195,92,.25);background:rgba(255,195,92,.06);border-radius:13px}.notice b{font-size:11px;color:var(--amber)}.notice p{font-size:10px;color:var(--muted);margin:4px 0 0}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.outcome-grid article{padding:27px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.outcome-grid strong{font-size:18px}.outcome-grid p{font-size:12px;color:var(--muted);margin-bottom:0}.outcome-grid--four{grid-template-columns:repeat(4,1fr)}.policy-map{display:grid;grid-template-columns:1.2fr auto repeat(3,1fr);align-items:center;gap:12px}.policy-map>div{min-height:140px;border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:22px;display:flex;flex-direction:column;justify-content:center}.policy-map>div:first-child{background:var(--brand-soft);border-color:var(--brand-border)}.policy-map i{color:var(--brand);margin-bottom:10px}.policy-map strong,.policy-map span{display:block}.policy-map span{font-size:10px;color:var(--muted);margin-top:4px}.policy-map>b{color:var(--brand)}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.analytics-grid article{padding:21px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.analytics-grid span{color:var(--brand);font-size:9px;font-weight:800}.analytics-grid h3{font-size:19px;margin:20px 0 8px}.analytics-grid p{font-size:11px;color:var(--muted);margin:0}.two-shots{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pricing-main{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pricing-plan,.pricing-principles{border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:40px}.pricing-plan{border-color:var(--brand-border);background:radial-gradient(circle at 85% 10%,rgba(0,217,159,.12),transparent 30%),var(--surface)}.plan-badge{font-size:9px;color:var(--brand);font-weight:800;letter-spacing:.12em}.price{display:flex;align-items:flex-end;gap:13px;margin:22px 0}.price strong{font-size:82px;line-height:.8;letter-spacing:-.07em}.price span{color:var(--muted);font-size:11px}.pricing-plan h2,.pricing-principles h2{font-size:34px;letter-spacing:-.045em}.pricing-plan>p{color:var(--muted);font-size:13px}.plan-features{display:grid;gap:10px;margin:26px 0}.plan-features span{display:flex;gap:8px;align-items:center;font-size:11px}.plan-features svg{color:var(--brand)}.pricing-principles>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.pricing-principles article{padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.pricing-principles b{font-size:12px}.pricing-principles p{font-size:10px;color:var(--muted);margin:5px 0 0}.stack-value{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.stack-value span{padding:16px 20px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-size:13px;font-weight:700}.stack-value b{color:var(--muted2)}.stack-value .accent{background:var(--brand);color:#00251a;border-color:var(--brand)}.platform-board{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.platform-board article{min-height:250px;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:flex;flex-direction:column}.platform-board span{font-size:8px;font-weight:800;letter-spacing:.12em}.platform-board .live{border-color:var(--brand-border);background:linear-gradient(145deg,var(--surface),var(--brand-soft))}.platform-board .live span{color:var(--brand)}.platform-board .build span{color:var(--amber)}.platform-board .plan span{color:var(--muted2)}.platform-board strong{font-size:21px;margin-top:32px}.platform-board p{font-size:11px;color:var(--muted)}.platform-board a{color:var(--brand);font-size:10px;font-weight:750;margin-top:auto}.trust-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.trust-panel h2{font-size:42px;line-height:1.08;letter-spacing:-.05em}.trust-panel p{color:var(--muted)}.trust-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trust-list span{display:flex;align-items:center;min-height:70px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-size:11px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource-grid>a{min-height:300px;padding:27px;border:1px solid var(--line);border-radius:19px;background:var(--surface);position:relative;transition:.2s}.resource-grid>a:hover{transform:translateY(-4px);border-color:var(--brand-border)}.resource-grid i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--brand-soft);color:var(--brand)}.resource-grid span{display:block;font-size:8px;color:var(--brand);letter-spacing:.12em;font-weight:800;margin-top:27px}.resource-grid h3{font-size:23px;line-height:1.18;letter-spacing:-.035em;margin:9px 0}.resource-grid p{font-size:12px;color:var(--muted)}.resource-grid b{position:absolute;bottom:24px;left:27px;display:flex;align-items:center;gap:5px;color:var(--brand);font-size:11px}.faq-page-grid{display:grid;grid-template-columns:230px 1fr;gap:60px}.faq-page-grid aside{position:sticky;top:130px;height:max-content;display:grid;gap:4px}.faq-page-grid aside strong{font-size:10px;color:var(--muted2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.faq-page-grid aside a{padding:8px 10px;border-radius:8px;color:#a4b3bd;font-size:12px}.faq-page-grid aside a:hover{background:var(--surface2)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.story-grid>div:first-child>p{font-size:15px;color:var(--muted)}.values{display:grid;grid-template-columns:1fr 1fr;gap:12px}.values article{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.values b{font-size:16px}.values p{font-size:11px;color:var(--muted);margin-bottom:0}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.contact-form{padding:38px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.contact-form>span{font-size:9px;color:var(--brand);font-weight:800;letter-spacing:.12em}.contact-form h2{font-size:38px;letter-spacing:-.045em;margin:12px 0 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:10px;color:var(--muted)}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);padding:12px;outline:none}.form-grid textarea{min-height:140px;resize:vertical}.contact-form button{margin-top:18px;border:0}.contact-form>small{display:block;font-size:9px;color:var(--muted2);margin-top:11px}.contact-aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-aside article{padding:23px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.contact-aside i{font-style:normal;color:var(--brand);font-size:10px}.contact-aside strong{display:block;font-size:14px;margin-top:25px}.contact-aside p{font-size:10px;color:var(--muted);margin-bottom:0}.legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.legal-grid article{padding:29px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.legal-grid h2{font-size:22px}.legal-grid p{font-size:12px;color:var(--muted)}

.auth-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(0,217,159,.1),transparent 30%),var(--bg);padding:24px}.auth-brand{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between}.auth-brand>a:last-child{font-size:11px;color:var(--muted)}.auth-grid{width:min(1050px,100%);margin:90px auto 0;display:grid;grid-template-columns:1fr 430px;gap:70px;align-items:center}.auth-copy h1{font-size:58px;line-height:1.05;letter-spacing:-.06em;margin:20px 0}.auth-copy>p{color:var(--muted);font-size:16px}.auth-card{padding:34px;border:1px solid var(--line2);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.auth-card>span{font-size:8px;color:var(--brand);letter-spacing:.12em;font-weight:800}.auth-card h2{font-size:32px;margin:10px 0 22px}.auth-card label{display:block;font-size:10px;color:var(--muted);margin-top:12px}.auth-card input{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);outline:none}.auth-card button{width:100%;margin-top:18px;border:0}.auth-card small{display:block;font-size:9px;color:var(--muted2);margin-top:10px}.seo-copy{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.article header{padding:92px 0 70px;background:radial-gradient(circle at 70% 10%,rgba(0,217,159,.09),transparent 35%),var(--bg2);border-bottom:1px solid var(--line)}.article header h1{font-size:65px;max-width:900px;line-height:1.04;letter-spacing:-.06em;margin:22px 0}.article header p{font-size:18px;color:var(--muted);max-width:790px}.article-meta{display:flex;gap:15px;font-size:10px;color:var(--muted2);margin-top:22px}.article-grid{display:grid;grid-template-columns:240px 1fr;gap:75px;padding-top:70px;padding-bottom:100px}.article-grid aside{position:sticky;top:125px;height:max-content;display:grid;gap:7px}.article-grid aside>strong{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted2);margin-bottom:7px}.article-grid aside>a{font-size:11px;color:#a7b5bd;padding:5px 0}.article-grid .article-cta{margin-top:14px;color:var(--brand)}.article-body{max-width:780px}.article-body section{padding-bottom:44px;margin-bottom:44px;border-bottom:1px solid var(--line)}.article-body h2{font-size:34px;letter-spacing:-.04em}.article-body p{font-size:15px;color:#a6b5be}.article-end{padding:30px;border:1px solid var(--brand-border);border-radius:18px;background:var(--brand-soft)}.article-end h2{margin-top:0}
.footer{padding:78px 0 24px;background:#041019;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:55px}.footer-intro p{color:var(--muted);font-size:12px;max-width:430px}.status{display:inline-flex;align-items:center;gap:8px;font-size:9px;color:#9eafb8;margin-top:10px}.status i{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft)}.footer-col{display:flex;flex-direction:column;gap:9px}.footer-col strong{font-size:11px;margin-bottom:6px}.footer-col a{font-size:10px;color:var(--muted)}.footer-col a:hover{color:var(--text)}.footer-bottom{margin-top:55px;padding-top:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:20px;font-size:9px;color:var(--muted2)}.footer-bottom>span:nth-child(2){text-align:center}.footer-bottom div{display:flex;gap:15px}.lightbox{position:fixed;inset:0;z-index:150;background:rgba(2,7,11,.91);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-width:min(1500px,95vw);max-height:90vh;border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow)}.lightbox>button{position:absolute;right:25px;top:25px;width:46px;height:46px;border:1px solid var(--line2);border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--text)}
@media(max-width:1150px){.home-hero-grid,.page-hero-grid,.showcase-grid,.showcase-grid.reverse,.tour-layout,.seo-copy{grid-template-columns:1fr}.home-hero{padding-top:70px}.hero-product{max-width:960px}.showcase-grid.reverse .showcase-copy,.showcase-grid.reverse .showcase-visual{order:initial}.cols-4{grid-template-columns:repeat(2,1fr)}.analytics-grid,.platform-board{grid-template-columns:repeat(3,1fr)}.launch-card{grid-template-columns:1fr}.launch-price{border-left:0;border-top:1px solid var(--brand-border)}.final-cta .container{grid-template-columns:1fr}.final-cta .container>div:last-child{justify-content:flex-start}.pricing-main{grid-template-columns:1fr}.top-note span{display:none}}
@media(max-width:850px){.container{width:min(100% - 30px,var(--container))}.desktop-nav,.login-link{display:none}.menu-btn{display:grid}.site-header{height:68px}.mobile-nav{top:68px}.top-note .container{justify-content:flex-start;overflow:hidden;white-space:nowrap}.top-note a{margin-left:auto}.home-hero{min-height:auto;padding:62px 0 72px}.hero-copy h1{font-size:50px}.float-note{display:none}.dashboard-frame{transform:none}.section{padding:78px 0}.section-head h2,.showcase-copy h2{font-size:39px}.feature-grid,.cols-4,.cols-3,.persona-grid,.dual-value,.outcome-grid,.two-shots,.resource-grid,.contact-grid,.story-grid,.legal-grid{grid-template-columns:1fr}.feature-card{min-height:235px}.faq-layout,.faq-page-grid,.trust-panel,.auth-grid,.article-grid{grid-template-columns:1fr;gap:35px}.faq-page-grid aside,.article-grid aside{position:static}.page-hero{padding:62px 0}.page-hero-copy h1{font-size:49px}.analytics-grid,.platform-board{grid-template-columns:1fr 1fr}.policy-map{grid-template-columns:1fr}.policy-map>b{transform:rotate(90deg);text-align:center}.pricing-principles>div,.values,.contact-aside,.trust-list{grid-template-columns:1fr}.auth-grid{margin-top:55px}.auth-copy h1{font-size:47px}.footer-top{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.footer-bottom{grid-template-columns:1fr;text-align:left}.footer-bottom>span:nth-child(2){text-align:left}.article header h1{font-size:48px}}
@media(max-width:540px){.top-note{display:none}.site-header{top:0}.hero-copy h1,.page-hero-copy h1{font-size:42px}.hero-copy>p,.page-hero-copy>p{font-size:15px}.hero-buttons,.final-cta .container>div:last-child{display:grid}.hero-buttons .btn,.final-cta .btn{width:100%}.audience-strip .container{align-items:center;flex-direction:column;padding:22px 0;gap:10px;text-align:center}.section{padding:66px 0}.section-head h2,.showcase-copy h2,.launch-card h2,.final-cta h2{font-size:34px}.cols-4,.analytics-grid,.platform-board{grid-template-columns:1fr}.tour-tabs button{grid-template-columns:35px 1fr}.tour-tabs small{display:none}.number-list li{grid-template-columns:35px 1fr}.number-list li span{grid-column:2}.launch-card>div:first-child,.launch-price,.pricing-plan,.pricing-principles,.contact-form{padding:27px}.launch-price strong,.price strong{font-size:65px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.footer-top{grid-template-columns:1fr}.mobile-nav{grid-template-columns:1fr}.article header h1{font-size:40px}.article-grid{padding-top:45px}}

.reveal{transition:opacity .55s,transform .55s}.reveal:not(.visible){transform:translateY(8px)}.reveal.visible{transform:none}


/* =========================================================
   CopierPilot brand colour system v4
   Deep navy + Copier Mint + controlled semantic colours
   ========================================================= */
:root{
  --bg:#061019;
  --bg2:#08151f;
  --surface:#0c1923;
  --surface2:#10222e;
  --surface3:#162b37;
  --text:#f1f6f7;
  --muted:#9aaab4;
  --muted2:#758994;
  --line:#213744;
  --line2:#2d4a59;
  --brand:#00d99f;
  --brand2:#25e8b3;
  --brand-deep:#009b72;
  --brand-on-light:#007a58;
  --brand-soft:rgba(0,217,159,.10);
  --brand-border:rgba(0,217,159,.26);
  --success:#31c98a;
  --red:#ff6675;
  --amber:#f5b94f;
  --blue:#6a9dff;
  --purple:#a18cff;
}

/* Mint directs attention instead of flooding the interface. */
.hero-glow{background:radial-gradient(circle,rgba(0,217,159,.085),transparent 66%)}
.btn-primary{background:linear-gradient(135deg,var(--brand2),var(--brand));box-shadow:0 12px 30px rgba(0,217,159,.09)}
.dashboard-frame{box-shadow:0 38px 100px rgba(0,0,0,.5),0 0 0 1px rgba(0,217,159,.04)}
.feature-card:after{background:radial-gradient(circle,rgba(0,217,159,.07),transparent 70%)}
.showcase-peer{background:radial-gradient(circle at 12% 50%,rgba(161,140,255,.07),transparent 35%),radial-gradient(circle at 28% 66%,rgba(106,157,255,.035),transparent 28%)}
.showcase-analytics{background:radial-gradient(circle at 88% 45%,rgba(161,140,255,.075),transparent 36%)}
.final-cta{background:radial-gradient(circle at 78% 50%,rgba(0,217,159,.10),transparent 32%),#07141d}
.auth-page{background:radial-gradient(circle at 20% 20%,rgba(0,217,159,.075),transparent 30%),var(--bg)}
.article header{background:radial-gradient(circle at 70% 10%,rgba(0,217,159,.065),transparent 35%),var(--bg2)}

/* Semantic accents: brand, execution, network and attention each get a role. */
.feature-grid .feature-card:nth-child(2) .feature-icon,
.persona-grid article:nth-child(2) > i{background:rgba(106,157,255,.10);border-color:rgba(106,157,255,.24);color:var(--blue)}
.feature-grid .feature-card:nth-child(3) .feature-icon,
.persona-grid article:nth-child(3) > i{background:rgba(161,140,255,.10);border-color:rgba(161,140,255,.24);color:var(--purple)}
.feature-grid .feature-card:nth-child(4) .feature-icon,
.persona-grid article:nth-child(4) > i{background:rgba(245,185,79,.10);border-color:rgba(245,185,79,.24);color:var(--amber)}
.showcase-peer .check-list i{background:rgba(161,140,255,.10);color:var(--purple)}
.showcase-analytics .analytics-pill-grid span:nth-child(2),
.showcase-analytics .analytics-pill-grid span:nth-child(5){border-color:rgba(106,157,255,.24);color:#b9ceff}
.showcase-analytics .analytics-pill-grid span:nth-child(4),
.showcase-analytics .analytics-pill-grid span:nth-child(6){border-color:rgba(161,140,255,.24);color:#c8bdff}
.showcase-analytics .analytics-pill-grid span:nth-child(3){border-color:rgba(245,185,79,.24);color:#f7d696}

/* Light trust/content bands create rhythm without making the product feel unrelated. */
.section-light,
.section-light-alt{
  --text:#0b1720;
  --muted:#5e6e79;
  --muted2:#6f7f89;
  --surface:#ffffff;
  --surface2:#eaf0f2;
  --surface3:#dde7ea;
  --line:#d9e2e6;
  --line2:#c8d5da;
  --brand:#007a58;
  --brand2:#009b72;
  --brand-soft:rgba(0,122,88,.08);
  --brand-border:rgba(0,122,88,.22);
  color:var(--text);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.section-light{background:#f3f7f8}
.section-light-alt{background:#eaf0f2}
.section-light .section-head p,.section-light-alt .section-head p,
.section-light .showcase-copy>p,.section-light-alt .showcase-copy>p{color:var(--muted)}
.section-light .feature-card,.section-light-alt .feature-card,
.section-light .persona-grid article,.section-light-alt .persona-grid article,
.section-light .dual-value article,.section-light-alt .dual-value article,
.section-light .values article,.section-light-alt .values article,
.section-light .resource-grid>a,.section-light-alt .resource-grid>a,
.section-light .contact-form,.section-light-alt .contact-form,
.section-light .contact-aside article,.section-light-alt .contact-aside article,
.section-light .legal-grid article,.section-light-alt .legal-grid article,
.section-light .trust-panel,.section-light-alt .trust-panel,
.section-light .platform-board article,.section-light-alt .platform-board article{
  background:#fff;
  box-shadow:0 12px 34px rgba(18,39,55,.055);
}
.section-light .feature-card,.section-light-alt .feature-card{background:linear-gradient(145deg,#fff,#f7fafb)}
.section-light .btn-secondary,.section-light-alt .btn-secondary{background:#fff;border-color:var(--line2);color:#0b1720}
.section-light .btn-text,.section-light-alt .btn-text{color:var(--brand-on-light)}
.section-light .btn-primary,.section-light-alt .btn-primary{background:linear-gradient(135deg,#25e8b3,#00d99f);color:#00251a}
.section-light .faq-q,.section-light-alt .faq-q{color:#0b1720}
.section-light .faq-a p,.section-light-alt .faq-a p{color:#5e6e79}
.section-light .tour-tabs button,.section-light-alt .tour-tabs button{background:rgba(255,255,255,.66)}
.section-light .tour-tabs span,.section-light-alt .tour-tabs span{background:#dde7ea}
.section-light .form-grid input,.section-light .form-grid select,.section-light .form-grid textarea,
.section-light-alt .form-grid input,.section-light-alt .form-grid select,.section-light-alt .form-grid textarea{background:#f7fafb;color:#0b1720}

/* The launch card remains a dark product moment inside a light pricing band. */
.section-light .launch-card,.section-light-alt .launch-card{
  --text:#f1f6f7;--muted:#9aaab4;--muted2:#758994;--line:#213744;--line2:#2d4a59;
  --brand:#00d99f;--brand2:#25e8b3;--brand-soft:rgba(0,217,159,.10);--brand-border:rgba(0,217,159,.26);
  color:var(--text);
  background:radial-gradient(circle at 85% 20%,rgba(0,217,159,.11),transparent 35%),linear-gradient(145deg,#0d202a,#081722)
}
.section-light .launch-card .btn-primary,.section-light-alt .launch-card .btn-primary{background:linear-gradient(135deg,#25e8b3,#00d99f)}

/* High-contrast small copy. */
.hero-proof span,.top-note,.float-note small,.article-meta,.contact-form>small{color:var(--muted2)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* =========================================================
   CopierPilot v5 — theme, brand lockups and live dashboard
   ========================================================= */
html{color-scheme:dark}html[data-theme="light"]{color-scheme:light}
.brand{gap:10px}.brand-mark{position:relative;display:inline-grid;place-items:center;width:40px;height:34px;flex:none}.brand-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.brand-mark-light{display:none}.brand-mark-dark{display:block}html[data-theme="light"] .brand-mark-light{display:block}html[data-theme="light"] .brand-mark-dark{display:none}.brand-lockup{display:flex;flex-direction:column;line-height:1}.brand-wordmark{font-size:19px;font-weight:790;letter-spacing:-.045em}.brand-wordmark b{color:#00d99f}.brand-payoff{margin-top:6px;color:var(--muted2);font-size:7.5px;font-style:normal;font-weight:730;letter-spacing:.22em;text-transform:uppercase}.brand-payoff i{color:#00d99f;font-style:normal}.brand--extended{align-items:flex-start}.footer .brand-mark-dark{display:block}.footer .brand-mark-light{display:none}.footer .brand-wordmark{color:#f1f6f7}
.theme-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--surface);display:grid;place-items:center;color:var(--muted);padding:0;transition:.18s}.theme-toggle:hover{color:var(--text);border-color:var(--line2)}.theme-toggle svg{grid-area:1/1;width:17px;height:17px}.theme-moon{display:none}html[data-theme="light"] .theme-sun{display:none}html[data-theme="light"] .theme-moon{display:block}
.dashboard-live-preview{position:relative;width:100%;overflow:hidden;border-radius:13px;background:var(--surface2);min-height:440px}.dashboard-live-preview iframe{position:absolute;left:0;top:0;width:1600px;height:1000px;border:0;transform-origin:top left;background:var(--bg)}.dashboard-preview-shield{position:absolute;inset:0;z-index:2}.dashboard-open-link{height:38px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--brand);font-size:11px;font-weight:750}.dashboard-open-link span{transition:transform .18s}.dashboard-open-link:hover span{transform:translateX(3px)}
.platform-rail{border-bottom:1px solid var(--line);background:var(--surface)}.platform-rail-inner{min-height:94px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.platform-rail-label{display:block;color:var(--muted2);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.platform-rail-inner>div:first-child strong{display:block;font-size:13px;margin-top:3px}.platform-statuses{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.platform-statuses span{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;background:var(--surface2)}.platform-statuses b{color:var(--text);font-size:10px}.platform-statuses .live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 14%,transparent)}.platform-rail-inner>a{color:var(--brand);font-size:11px;font-weight:750;white-space:nowrap}
/* Full site light theme */
html[data-theme="light"]{--bg:#f4f7f8;--bg2:#edf3f5;--surface:#ffffff;--surface2:#f2f6f7;--surface3:#e5edef;--text:#0b1720;--muted:#5e6e79;--muted2:#70818c;--line:#d9e2e6;--line2:#c6d3d9;--shadow:0 24px 70px rgba(18,39,55,.12);--shadow-sm:0 12px 32px rgba(18,39,55,.08);--brand:#007a58;--brand2:#00b985;--brand-soft:rgba(0,122,88,.08);--brand-border:rgba(0,122,88,.22)}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .top-note{background:#eaf8f2;border-color:#c9e9dc;color:#49655b}html[data-theme="light"] .top-note strong{color:#007a58}html[data-theme="light"] .top-note a{color:#0b1720}
html[data-theme="light"] .site-header{background:rgba(255,255,255,.88);border-color:rgba(198,211,217,.8)}html[data-theme="light"] .nav-link,html[data-theme="light"] .login-link{color:#526570}html[data-theme="light"] .nav-link:hover,html[data-theme="light"] .nav-link.active{color:#0b1720;background:#eef3f5}
html[data-theme="light"] .mega-menu{background:#fff;border-color:var(--line2)}html[data-theme="light"] .mega-side{background:linear-gradient(145deg,#f5faf8,#edf5f2);border-color:var(--line)}html[data-theme="light"] .mobile-nav{background:#fff}
html[data-theme="light"] .btn-secondary{background:#fff;border-color:var(--line2);color:#0b1720}html[data-theme="light"] .btn-secondary:hover{background:#edf3f5}
html[data-theme="light"] .home-hero,html[data-theme="light"] .page-hero{background:linear-gradient(180deg,#f8fbfc,#f2f7f8)}html[data-theme="light"] .hero-grid-bg{background-image:linear-gradient(rgba(77,112,128,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(77,112,128,.09) 1px,transparent 1px)}html[data-theme="light"] .hero-copy>p,html[data-theme="light"] .page-hero-copy>p{color:#5e6e79}html[data-theme="light"] .hero-proof span{color:#647783}
html[data-theme="light"] .dashboard-frame{background:#fff;border-color:#c6d3d9;box-shadow:0 34px 80px rgba(18,39,55,.18)}html[data-theme="light"] .window-bar{color:#70818c}html[data-theme="light"] .window-bar span{background:#edf3f5}html[data-theme="light"] .float-note{background:rgba(255,255,255,.96);border-color:#c6d3d9;box-shadow:0 15px 38px rgba(18,39,55,.12)}
html[data-theme="light"] .audience-strip{background:#edf3f5;border-color:var(--line)}html[data-theme="light"] .audience-strip b{color:#526570;background:#fff}
html[data-theme="light"] .section-raised{background:#edf3f5;border-color:var(--line)}html[data-theme="light"] .feature-card{background:linear-gradient(145deg,#fff,#f6fafb);box-shadow:0 10px 28px rgba(18,39,55,.05)}html[data-theme="light"] .feature-card p,html[data-theme="light"] .section-head p,html[data-theme="light"] .showcase-copy>p{color:#5e6e79}
html[data-theme="light"] .tour-tabs button,html[data-theme="light"] .product-shot,html[data-theme="light"] .trust-panel,html[data-theme="light"] .persona-grid article,html[data-theme="light"] .dual-value article,html[data-theme="light"] .values article,html[data-theme="light"] .resource-grid>a,html[data-theme="light"] .contact-form,html[data-theme="light"] .contact-aside article,html[data-theme="light"] .legal-grid article{background:#fff;border-color:var(--line);box-shadow:0 12px 34px rgba(18,39,55,.055)}
html[data-theme="light"] .showcase-peer{background:radial-gradient(circle at 12% 50%,rgba(161,140,255,.08),transparent 35%),#f4f7f8}html[data-theme="light"] .showcase-analytics{background:radial-gradient(circle at 88% 45%,rgba(106,157,255,.08),transparent 36%),#edf3f5}
html[data-theme="light"] .article header{background:linear-gradient(180deg,#f8fbfc,#edf3f5)}html[data-theme="light"] .article-body,html[data-theme="light"] .article-grid aside{color:var(--text)}
html[data-theme="light"] .auth-page{background:radial-gradient(circle at 20% 20%,rgba(0,185,133,.08),transparent 30%),#f4f7f8}
html[data-theme="light"] .final-cta{background:radial-gradient(circle at 78% 50%,rgba(0,185,133,.10),transparent 32%),#e9f1f3;color:#0b1720;border-color:#d9e2e6}html[data-theme="light"] .final-cta p{color:#5e6e79}
/* Footer remains a dark brand anchor in both modes. */
html[data-theme="light"] .footer{--text:#f1f6f7;--muted:#9aaab4;--muted2:#758994;--line:#213744;--line2:#2d4a59;background:#061019;color:#f1f6f7}
html[data-theme="light"] .footer a{color:inherit}
@media(max-width:1000px){.platform-rail-inner{grid-template-columns:1fr;gap:12px;padding:22px 0}.platform-statuses{justify-content:flex-start}.dashboard-live-preview{min-height:380px}}
@media(max-width:650px){.brand-wordmark{font-size:17px}.brand-mark{width:36px;height:30px}.nav-actions .login-link{display:none}.platform-statuses span:nth-child(n+4){display:none}.dashboard-live-preview{min-height:300px}.theme-toggle{width:40px;height:40px}}


/* === CopierPilot marketing v6: consistency and visual refinement === */
:root{--brand-contrast:#00251a;--brand-on-light:#007a58}
html[data-theme="light"]{--brand-contrast:#ffffff}
.btn-primary{color:var(--brand-contrast)}
.section-light .btn-primary,.section-light-alt .btn-primary{background:linear-gradient(135deg,#00b985,#007a58);color:#fff;box-shadow:0 10px 28px rgba(0,122,88,.15)}
.home-hero{padding-top:96px;background:radial-gradient(circle at 76% 22%,rgba(0,217,159,.085),transparent 30%),linear-gradient(180deg,#061019,#07131c)}
.hero-copy h1{max-width:720px;text-wrap:balance}.hero-copy>p{max-width:690px}.hero-proof{margin-top:24px}
.dashboard-frame{border-radius:24px;padding:10px;box-shadow:0 42px 110px rgba(0,0,0,.46),0 0 0 1px rgba(0,217,159,.05)}
.dashboard-live-preview{border-radius:16px}.dashboard-live-preview iframe{opacity:0;transition:opacity .25s}.dashboard-live-preview iframe.is-ready{opacity:1}
.feature-card{min-height:275px;padding:28px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 88%,var(--brand)));box-shadow:0 1px 0 rgba(255,255,255,.015)}
.feature-card:hover{transform:translateY(-3px)}.feature-card h3{font-size:21px}.feature-card p{font-size:13.5px;line-height:1.65}
.section-head{max-width:760px}.section-head h2,.showcase-copy h2{text-wrap:balance}.section-head p,.showcase-copy>p{line-height:1.72}
.product-shot{background:var(--surface);border-color:var(--line);padding:9px}.shot-label{position:static;display:block;width:max-content;margin:10px 4px 2px auto;background:transparent;border:0;color:var(--muted2);font-size:9px}
.tour-visual{padding:10px;background:var(--surface);border-color:var(--line);overflow:hidden}.tour-live-preview{position:relative;width:100%;overflow:hidden;border-radius:14px;background:var(--surface2)}.tour-live-preview iframe{position:absolute;left:0;top:0;width:1600px;height:1000px;border:0;transform-origin:top left;opacity:0;transition:opacity .25s}.tour-live-preview iframe.is-ready{opacity:1}.tour-caption-row{min-height:48px;display:grid;grid-template-columns:8px auto 1fr;gap:9px;align-items:center;padding:4px 8px 0}.tour-caption-row .pulse{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft)}.tour-caption-row b{font-size:11px}.tour-caption-row small{font-size:9px;color:var(--muted);text-align:right}.visual-caption{display:none}
.launch-card{background:radial-gradient(circle at 85% 20%,rgba(0,217,159,.12),transparent 35%),linear-gradient(145deg,var(--surface2),var(--surface));box-shadow:0 24px 70px rgba(0,0,0,.18)}
.footer .brand-payoff{display:none}
html[data-theme="light"] .home-hero,html[data-theme="light"] .page-hero{background:radial-gradient(circle at 76% 18%,rgba(0,122,88,.07),transparent 32%),linear-gradient(180deg,#fbfdfd,#f2f7f8)}
html[data-theme="light"] .dashboard-frame,html[data-theme="light"] .tour-visual{background:#fff;border-color:#c6d3d9}
html[data-theme="light"] .feature-card{background:linear-gradient(145deg,#fff,#f5f9fa)}
html[data-theme="light"] .launch-card{background:radial-gradient(circle at 88% 18%,rgba(0,122,88,.09),transparent 34%),linear-gradient(145deg,#fff,#edf5f3);color:#0b1720}
html[data-theme="light"] .launch-card p,html[data-theme="light"] .launch-price>span{color:#5e6e79}
html[data-theme="light"] .launch-tags span{background:#fff;border:1px solid #d9e2e6}
html[data-theme="light"] .launch-price{background:rgba(0,122,88,.045);border-color:rgba(0,122,88,.18)}
html[data-theme="light"] .footer{--text:#0b1720;--muted:#5e6e79;--muted2:#70818c;--line:#d9e2e6;--line2:#c6d3d9;background:#edf3f5;color:#0b1720}
html[data-theme="light"] .footer .brand-mark-light{display:block}html[data-theme="light"] .footer .brand-mark-dark{display:none}html[data-theme="light"] .footer .brand-wordmark{color:#0b1720}
html[data-theme="light"] .final-cta{background:radial-gradient(circle at 78% 50%,rgba(0,122,88,.08),transparent 32%),#eaf1f3;color:#0b1720}
html[data-theme="light"] .platform-rail{background:#eaf0f2;color:#0b1720}
html[data-theme="light"] .platform-rail strong,html[data-theme="light"] .platform-statuses b{color:#0b1720}
html[data-theme="light"] .tour-caption-row{color:#0b1720}
html:not(.theme-assets-ready) [data-theme-src-dark]{opacity:0}
@media(max-width:850px){.home-hero{padding-top:68px}.tour-caption-row{grid-template-columns:8px 1fr}.tour-caption-row small{grid-column:2;text-align:left}.feature-card{min-height:245px}}

/* CopierPilot v9 final brand and accessibility system */
:root{--brand:#00d99f;--brand2:#25e8b3;--brand-text:#25e8b3;--brand-soft:rgba(0,217,159,.10);--brand-border:rgba(0,217,159,.27);--success:#31c98a}
html[data-theme="light"]{--brand:#00d99f;--brand2:#25e8b3;--brand-text:#007a58;--brand-soft:rgba(0,217,159,.09);--brand-border:rgba(0,122,88,.22);--success:#159a68}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .text-link,html[data-theme="light"] .platform-rail-inner>a,html[data-theme="light"] .btn-soft,html[data-theme="light"] .feature-icon{color:var(--brand-text)}
.btn-primary{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#00251a}.section-light .btn-primary,.section-light-alt .btn-primary{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#00251a}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 38%,var(--surface3)) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 36%,var(--surface3));border-radius:999px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 55%,var(--surface3));border:2px solid transparent;background-clip:padding-box}
.hero-copy h1,.page-hero-copy h1{letter-spacing:-.055em}.hero-copy>p,.page-hero-copy>p{font-size:17px;line-height:1.72}.section-head h2,.showcase-copy h2{letter-spacing:-.045em}.btn{letter-spacing:-.01em}.product-shot img{background:var(--surface2)}

/* =========================================================
   Step 1 — protected logo sizing and spacing only
   Baseline: CopierPilot Stable v9
   ========================================================= */
/* Keep the supplied light/dark icon variants mutually exclusive. */
.brand-mark img{display:none;object-fit:contain;object-position:center}
html:not([data-theme="light"]) .brand-mark-dark{display:block}
html:not([data-theme="light"]) .brand-mark-light{display:none}
html[data-theme="light"] .brand-mark-light{display:block}
html[data-theme="light"] .brand-mark-dark{display:none}

/* Website header: compact lockup without payoff. */
.site-header .brand--compact{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:158px;
  padding:2px 0;
}
.site-header .brand--compact .brand-mark{width:43px;height:34px}
.site-header .brand--compact .brand-wordmark{font-size:20px;line-height:1;letter-spacing:-.045em}
.site-header .brand--compact .brand-payoff{display:none}

/* Footer: expanded lockup with the approved payoff. */
.footer .brand--extended{
  display:inline-flex;
  align-items:center;
  gap:13px;
  width:max-content;
  max-width:100%;
}
.footer .brand--extended .brand-mark{width:58px;height:46px}
.footer .brand--extended .brand-lockup{gap:0}
.footer .brand--extended .brand-wordmark{font-size:27px;line-height:.96;letter-spacing:-.048em}
.footer .brand--extended .brand-payoff{
  display:block;
  margin-top:8px;
  font-size:8px;
  line-height:1;
  letter-spacing:.24em;
  white-space:nowrap;
}
/* Footer is a dark brand anchor in the dark theme. */
html:not([data-theme="light"]) .footer .brand-mark-dark{display:block}
html:not([data-theme="light"]) .footer .brand-mark-light{display:none}
/* In the light footer, use the correct light-background icon variant. */
html[data-theme="light"] .footer .brand-mark-light{display:block}
html[data-theme="light"] .footer .brand-mark-dark{display:none}

/* Authentication header: expanded lockup, sized between header and footer. */
.auth-brand .brand--extended{
  display:inline-flex;
  align-items:center;
  gap:12px;
  width:max-content;
  max-width:100%;
}
.auth-brand .brand--extended .brand-mark{width:52px;height:41px}
.auth-brand .brand--extended .brand-wordmark{font-size:24px;line-height:.98}
.auth-brand .brand--extended .brand-payoff{display:block;margin-top:7px;font-size:7.5px;letter-spacing:.23em}

/* Keep logo proportions stable on smaller screens without changing layout. */
@media(max-width:650px){
  .site-header .brand--compact{min-width:0;gap:8px}
  .site-header .brand--compact .brand-mark{width:36px;height:29px}
  .site-header .brand--compact .brand-wordmark{font-size:17px}
  .footer .brand--extended{gap:10px}
  .footer .brand--extended .brand-mark{width:48px;height:38px}
  .footer .brand--extended .brand-wordmark{font-size:23px}
  .footer .brand--extended .brand-payoff{font-size:7px;letter-spacing:.20em}
  .auth-brand .brand--extended .brand-mark{width:42px;height:34px}
  .auth-brand .brand--extended .brand-wordmark{font-size:20px}
}


/* =========================================================
   Step 2 — theme consistency only
   Baseline: Step 1 logo fix v9.1
   Scope: preserve the chosen theme across local pages and
   remove unintended light surfaces while dark mode is active.
   ========================================================= */

/* Sections named "light" describe layout rhythm, not a forced theme. */
html:not([data-theme="light"]) .section-light{
  background:var(--bg);
  color:var(--text);
}
html:not([data-theme="light"]) .section-light-alt{
  background:var(--bg2);
  color:var(--text);
}
html:not([data-theme="light"]) .section-light .feature-card,
html:not([data-theme="light"]) .section-light-alt .feature-card,
html:not([data-theme="light"]) .section-light .persona-grid article,
html:not([data-theme="light"]) .section-light-alt .persona-grid article,
html:not([data-theme="light"]) .section-light .dual-value article,
html:not([data-theme="light"]) .section-light-alt .dual-value article,
html:not([data-theme="light"]) .section-light .values article,
html:not([data-theme="light"]) .section-light-alt .values article,
html:not([data-theme="light"]) .section-light .resource-grid>a,
html:not([data-theme="light"]) .section-light-alt .resource-grid>a,
html:not([data-theme="light"]) .section-light .contact-form,
html:not([data-theme="light"]) .section-light-alt .contact-form,
html:not([data-theme="light"]) .section-light .contact-aside article,
html:not([data-theme="light"]) .section-light-alt .contact-aside article,
html:not([data-theme="light"]) .section-light .legal-grid article,
html:not([data-theme="light"]) .section-light-alt .legal-grid article,
html:not([data-theme="light"]) .section-light .trust-panel,
html:not([data-theme="light"]) .section-light-alt .trust-panel,
html:not([data-theme="light"]) .section-light .platform-board article,
html:not([data-theme="light"]) .section-light-alt .platform-board article,
html:not([data-theme="light"]) .section-light .tour-tabs button,
html:not([data-theme="light"]) .section-light-alt .tour-tabs button{
  background:var(--surface);
  border-color:var(--line);
  color:var(--text);
  box-shadow:var(--shadow-sm);
}
html:not([data-theme="light"]) .section-light .feature-card,
html:not([data-theme="light"]) .section-light-alt .feature-card{
  background:linear-gradient(145deg,var(--surface),var(--surface2));
}
html:not([data-theme="light"]) .section-light .btn-secondary,
html:not([data-theme="light"]) .section-light-alt .btn-secondary{
  background:var(--surface);
  border-color:var(--line2);
  color:var(--text);
}
html:not([data-theme="light"]) .section-light .btn-text,
html:not([data-theme="light"]) .section-light-alt .btn-text,
html:not([data-theme="light"]) .section-light .text-link,
html:not([data-theme="light"]) .section-light-alt .text-link{
  color:var(--brand-text);
}
html:not([data-theme="light"]) .section-light .faq-q,
html:not([data-theme="light"]) .section-light-alt .faq-q{
  color:var(--text);
}
html:not([data-theme="light"]) .section-light .faq-a p,
html:not([data-theme="light"]) .section-light-alt .faq-a p,
html:not([data-theme="light"]) .section-light .section-head p,
html:not([data-theme="light"]) .section-light-alt .section-head p,
html:not([data-theme="light"]) .section-light .showcase-copy>p,
html:not([data-theme="light"]) .section-light-alt .showcase-copy>p{
  color:var(--muted);
}
html:not([data-theme="light"]) .section-light .form-grid input,
html:not([data-theme="light"]) .section-light .form-grid select,
html:not([data-theme="light"]) .section-light .form-grid textarea,
html:not([data-theme="light"]) .section-light-alt .form-grid input,
html:not([data-theme="light"]) .section-light-alt .form-grid select,
html:not([data-theme="light"]) .section-light-alt .form-grid textarea{
  background:var(--surface2);
  border-color:var(--line);
  color:var(--text);
}
html:not([data-theme="light"]) .section-light .tour-tabs span,
html:not([data-theme="light"]) .section-light-alt .tour-tabs span{
  background:var(--surface3);
}
html:not([data-theme="light"]) .section-light .launch-card,
html:not([data-theme="light"]) .section-light-alt .launch-card{
  background:radial-gradient(circle at 88% 18%,var(--brand-soft),transparent 34%),linear-gradient(145deg,var(--surface),var(--surface2));
  border-color:var(--brand-border);
  color:var(--text);
}
html:not([data-theme="light"]) .section-light .launch-card p,
html:not([data-theme="light"]) .section-light-alt .launch-card p,
html:not([data-theme="light"]) .section-light .launch-price>span,
html:not([data-theme="light"]) .section-light-alt .launch-price>span{
  color:var(--muted);
}
html:not([data-theme="light"]) .section-light .launch-tags span,
html:not([data-theme="light"]) .section-light-alt .launch-tags span{
  background:var(--surface2);
  border-color:var(--line);
  color:var(--text);
}
html:not([data-theme="light"]) .section-light .launch-price,
html:not([data-theme="light"]) .section-light-alt .launch-price{
  background:var(--brand-soft);
  border-color:var(--brand-border);
}

/* Keep explicitly dark brand areas dark in both modes. */
.footer{
  background:#061019;
  color:#f1f6f7;
}
.footer a{color:inherit}
html[data-theme="light"] .footer{
  background:#edf3f5;
  color:#0b1720;
}

/* Prevent a flash of the wrong theme-specific logo or product image. */
html:not(.theme-assets-ready) [data-theme-src-dark],
html:not(.theme-assets-ready) [data-theme-src-light]{opacity:0}

/* =========================================================
   Step 2.1 — dark-theme surface and contrast correction
   Baseline: Step 2 theme consistency v9.2
   Scope: dark mode only; no component or layout redesign.
   ========================================================= */

/*
  The original light content bands define a complete local light palette.
  In dark mode that palette must be replaced, not only the section background.
  Reassigning these local tokens keeps every existing component and layout intact.
*/
html:not([data-theme="light"]) .section-light,
html:not([data-theme="light"]) .section-light-alt{
  --text:#f1f6f7;
  --muted:#9aaab4;
  --muted2:#758994;
  --surface:#0c1923;
  --surface2:#10222e;
  --surface3:#162b37;
  --line:#213744;
  --line2:#2d4a59;
  --brand:#00d99f;
  --brand2:#25e8b3;
  --brand-text:#25e8b3;
  --brand-soft:rgba(0,217,159,.10);
  --brand-border:rgba(0,217,159,.27);
  color:var(--text);
  border-color:var(--line);
}
html:not([data-theme="light"]) .section-light{background:var(--bg)}
html:not([data-theme="light"]) .section-light-alt{background:var(--bg2)}

/* Existing cards continue to use the original spacing, radius and grid rules. */
html:not([data-theme="light"]) .section-light :is(
  .feature-card,
  .persona-grid article,
  .dual-value article,
  .values article,
  .resource-grid>a,
  .contact-form,
  .contact-aside article,
  .legal-grid article,
  .trust-panel,
  .platform-board article,
  .pricing-plan,
  .pricing-principles,
  .pricing-principles article,
  .outcome-grid article,
  .policy-map>div,
  .analytics-grid article,
  .stack-value span
),
html:not([data-theme="light"]) .section-light-alt :is(
  .feature-card,
  .persona-grid article,
  .dual-value article,
  .values article,
  .resource-grid>a,
  .contact-form,
  .contact-aside article,
  .legal-grid article,
  .trust-panel,
  .platform-board article,
  .pricing-plan,
  .pricing-principles,
  .pricing-principles article,
  .outcome-grid article,
  .policy-map>div,
  .analytics-grid article,
  .stack-value span
){
  background-color:var(--surface);
  border-color:var(--line);
  color:var(--text);
  box-shadow:var(--shadow-sm);
}
html:not([data-theme="light"]) .section-light :is(.pricing-principles article,.trust-list span,.form-grid input,.form-grid select,.form-grid textarea),
html:not([data-theme="light"]) .section-light-alt :is(.pricing-principles article,.trust-list span,.form-grid input,.form-grid select,.form-grid textarea){
  background:var(--surface2);
  border-color:var(--line);
  color:var(--text);
}
html:not([data-theme="light"]) .section-light .pricing-plan,
html:not([data-theme="light"]) .section-light-alt .pricing-plan{
  background:radial-gradient(circle at 85% 10%,var(--brand-soft),transparent 30%),var(--surface);
  border-color:var(--brand-border);
}
html:not([data-theme="light"]) .section-light .feature-card,
html:not([data-theme="light"]) .section-light-alt .feature-card{
  background:linear-gradient(145deg,var(--surface),var(--surface2));
}

/* Restore readable dark-theme typography throughout those bands. */
html:not([data-theme="light"]) .section-light :is(h1,h2,h3,h4,h5,h6,strong,b,label,.faq-q),
html:not([data-theme="light"]) .section-light-alt :is(h1,h2,h3,h4,h5,h6,strong,b,label,.faq-q){color:var(--text)}
html:not([data-theme="light"]) .section-light :is(p,small,.price span,.pricing-principles p,.resource-grid p,.contact-aside p,.contact-form>small),
html:not([data-theme="light"]) .section-light-alt :is(p,small,.price span,.pricing-principles p,.resource-grid p,.contact-aside p,.contact-form>small){color:var(--muted)}
html:not([data-theme="light"]) .section-light :is(.eyebrow,.plan-badge,.resource-grid span,.contact-form>span,.contact-aside i,.text-link,.btn-text),
html:not([data-theme="light"]) .section-light-alt :is(.eyebrow,.plan-badge,.resource-grid span,.contact-form>span,.contact-aside i,.text-link,.btn-text){color:var(--brand-text)}

/* Inputs, buttons and FAQ rows retain their exact component geometry. */
html:not([data-theme="light"]) .section-light :is(input,select,textarea),
html:not([data-theme="light"]) .section-light-alt :is(input,select,textarea){
  background:var(--surface2);
  border-color:var(--line);
  color:var(--text);
  color-scheme:dark;
}
html:not([data-theme="light"]) .section-light :is(input,textarea)::placeholder,
html:not([data-theme="light"]) .section-light-alt :is(input,textarea)::placeholder{color:var(--muted2);opacity:1}
html:not([data-theme="light"]) .section-light .btn-secondary,
html:not([data-theme="light"]) .section-light-alt .btn-secondary{
  background:var(--surface);
  border-color:var(--line2);
  color:var(--text);
}
html:not([data-theme="light"]) .section-light .btn-secondary:hover,
html:not([data-theme="light"]) .section-light-alt .btn-secondary:hover{background:var(--surface2)}
html:not([data-theme="light"]) .section-light .faq-list,
html:not([data-theme="light"]) .section-light-alt .faq-list,
html:not([data-theme="light"]) .section-light .faq-list article,
html:not([data-theme="light"]) .section-light-alt .faq-list article{border-color:var(--line)}

/* The launch panel remains a deliberate branded moment, now fully dark-theme legible. */
html:not([data-theme="light"]) .section-light .launch-card,
html:not([data-theme="light"]) .section-light-alt .launch-card{
  --text:#f1f6f7;
  --muted:#9aaab4;
  --muted2:#758994;
  color:var(--text);
  background:radial-gradient(circle at 85% 20%,rgba(0,217,159,.12),transparent 35%),linear-gradient(145deg,#0d202a,#081722);
  border-color:var(--brand-border);
}
html:not([data-theme="light"]) .section-light .launch-card :is(h1,h2,h3,strong,b),
html:not([data-theme="light"]) .section-light-alt .launch-card :is(h1,h2,h3,strong,b){color:var(--text)}
html:not([data-theme="light"]) .section-light .launch-card :is(p,span),
html:not([data-theme="light"]) .section-light-alt .launch-card :is(p,span){color:var(--muted)}
html:not([data-theme="light"]) .section-light .launch-tags span,
html:not([data-theme="light"]) .section-light-alt .launch-tags span{
  background:rgba(255,255,255,.035);
  border-color:var(--line);
  color:var(--text);
}
html:not([data-theme="light"]) .section-light .launch-price,
html:not([data-theme="light"]) .section-light-alt .launch-price{
  background:rgba(0,217,159,.055);
  border-color:var(--brand-border);
}
html:not([data-theme="light"]) .section-light .launch-price small,
html:not([data-theme="light"]) .section-light .launch-price>a:last-child,
html:not([data-theme="light"]) .section-light-alt .launch-price small,
html:not([data-theme="light"]) .section-light-alt .launch-price>a:last-child{color:var(--brand-text)}

/* Step 3 — functional anchor targets below the sticky website header. */
#contact-form,#masters,#followers{scroll-margin-top:112px}
@media(max-width:850px){#contact-form,#masters,#followers{scroll-margin-top:88px}}

/* Step 4 — Platform Availability additions only. */
@media(max-width:650px){.platform-statuses span:nth-child(n+4){display:flex}}
.platform-board article>span{display:inline-flex;align-items:center;gap:7px}
.platform-board article>span:before{content:"";width:6px;height:6px;border-radius:50%;flex:0 0 auto}
.platform-board .live>span:before{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 14%,transparent)}
.platform-board .build>span:before{background:var(--amber);box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 13%,transparent)}
.platform-board .plan>span:before{background:var(--muted2);box-shadow:0 0 0 3px color-mix(in srgb,var(--muted2) 12%,transparent)}


/* Step 4.1 — simplified Live / Coming soon platform presentation. */
.platform-rail-inner{
  min-height:142px;
  grid-template-columns:minmax(225px,.8fr) minmax(0,2fr) auto;
  gap:24px;
}
.platform-rail-copy p{
  max-width:310px;
  margin:7px 0 0;
  color:var(--muted);
  font-size:10px;
  line-height:1.5;
}
.platform-status-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(118px,1fr));
  gap:8px;
}
.platform-status-item{
  min-width:0;
  min-height:50px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  padding:9px 11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--surface2);
}
.platform-status-item.live{
  border-color:var(--brand-border);
  background:linear-gradient(145deg,var(--surface2),var(--brand-soft));
}
.platform-status-item b{
  overflow:hidden;
  max-width:100%;
  color:var(--text);
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.platform-status-item small{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
  font-size:8px;
  font-weight:700;
}
.platform-status-item small i{
  width:6px;
  height:6px;
  border-radius:50%;
  flex:none;
}
.platform-status-item.live small{color:var(--success)}
.platform-status-item.live small i{
  background:var(--success);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 14%,transparent);
}
.platform-status-item.soon small{color:var(--amber)}
.platform-status-item.soon small i{
  background:var(--amber);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 13%,transparent);
}
.platform-board .soon>span{color:var(--amber)}
.platform-board .soon>span:before{
  background:var(--amber);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 13%,transparent);
}
html[data-theme="light"] .platform-status-item{background:#f4f7f8}
html[data-theme="light"] .platform-status-item.live{background:linear-gradient(145deg,#f7fbfa,#e4f7f1)}
@media(max-width:1120px){
  .platform-rail-inner{grid-template-columns:minmax(220px,.75fr) minmax(0,1.75fr)}
  .platform-rail-inner>a{grid-column:1/-1;justify-self:start}
}
@media(max-width:850px){
  .platform-rail-inner{grid-template-columns:1fr;padding:24px 0}
  .platform-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .platform-rail-copy p{max-width:620px}
}
@media(max-width:650px){
  .platform-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-status-item{min-height:52px}
}


/* Step 4.3 — login logo alignment and contact section polish only. */
.auth-page--login .auth-brand{
  width:min(1050px,100%);
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:70px;
  align-items:center;
  padding-top:10px;
}
.auth-page--login .auth-brand .brand--extended{
  justify-self:start;
  align-items:center;
  gap:14px;
}
.auth-page--login .auth-brand .brand--extended .brand-mark{
  width:56px;
  height:44px;
}
.auth-page--login .auth-brand .brand--extended .brand-wordmark{
  font-size:26px;
  line-height:.98;
}
.auth-page--login .auth-brand .brand--extended .brand-payoff{
  margin-top:8px;
  font-size:7.75px;
  letter-spacing:.24em;
}
.auth-page--login .auth-brand>a:last-child{
  justify-self:end;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  transition:border-color .18s,background .18s,color .18s;
}
.auth-page--login .auth-brand>a:last-child:hover{
  color:var(--text);
  border-color:var(--line2);
  background:var(--surface);
}
.auth-page--login .auth-grid{margin-top:58px}

.contact-section{overflow:hidden}
.contact-grid--refined{
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);
  gap:22px;
  align-items:stretch;
}
.contact-form--refined{
  position:relative;
  overflow:hidden;
  padding:42px;
}
.contact-form--refined:before{
  content:"";
  position:absolute;
  top:0;
  left:34px;
  right:34px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--brand),transparent);
  opacity:.72;
}
.contact-form--refined h2{margin-bottom:10px}
.contact-form-intro{
  max-width:680px;
  margin:0 0 27px;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.contact-form--refined .form-grid{gap:14px}
.contact-form--refined .form-grid label{
  color:var(--muted);
  font-weight:650;
  letter-spacing:.01em;
}
.contact-form--refined .form-grid input,
.contact-form--refined .form-grid select,
.contact-form--refined .form-grid textarea{
  min-height:46px;
  margin-top:7px;
  padding:12px 13px;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.contact-form--refined .form-grid textarea{min-height:150px}
.contact-form--refined .form-grid :is(input,select,textarea):focus{
  border-color:var(--brand-border);
  box-shadow:0 0 0 3px var(--brand-soft);
}
.contact-form-actions{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:20px;
}
.contact-form--refined .contact-form-actions .btn{
  flex:0 0 auto;
  margin-top:0;
  min-width:164px;
}
.contact-form--refined .contact-form-actions small{
  max-width:360px;
  margin-top:0;
  line-height:1.55;
}
.contact-aside--refined{
  grid-template-columns:1fr;
  grid-template-rows:repeat(4,minmax(0,1fr));
  gap:10px;
}
.contact-aside--refined article{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:14px;
  align-content:center;
  min-height:0;
  padding:20px 21px;
  background:linear-gradient(145deg,var(--surface),var(--surface2));
  transition:border-color .18s,transform .18s;
}
.contact-aside--refined article:hover{
  transform:translateY(-2px);
  border-color:var(--brand-border);
}
.contact-aside--refined i{
  grid-row:1/3;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  align-self:center;
  border:1px solid var(--brand-border);
  border-radius:11px;
  background:var(--brand-soft);
  color:var(--brand-text,var(--brand));
  font-size:9px;
  font-weight:800;
}
.contact-aside--refined strong{
  align-self:end;
  margin-top:0;
  font-size:14px;
  line-height:1.3;
}
.contact-aside--refined p{
  align-self:start;
  margin:5px 0 0;
  font-size:10px;
  line-height:1.55;
}

@media(max-width:850px){
  .auth-page--login .auth-brand{
    display:flex;
    width:min(100%,1050px);
    gap:24px;
    padding-top:4px;
  }
  .auth-page--login .auth-brand .brand--extended .brand-mark{width:48px;height:38px}
  .auth-page--login .auth-brand .brand--extended .brand-wordmark{font-size:23px}
  .auth-page--login .auth-grid{margin-top:44px}
  .contact-grid--refined{grid-template-columns:1fr}
  .contact-aside--refined{grid-template-columns:1fr 1fr;grid-template-rows:auto}
}
@media(max-width:540px){
  .auth-page--login{padding:20px}
  .auth-page--login .auth-brand{align-items:flex-start}
  .auth-page--login .auth-brand .brand--extended{gap:10px}
  .auth-page--login .auth-brand .brand--extended .brand-mark{width:42px;height:34px}
  .auth-page--login .auth-brand .brand--extended .brand-wordmark{font-size:20px}
  .auth-page--login .auth-brand .brand--extended .brand-payoff{font-size:6.6px;letter-spacing:.19em}
  .auth-page--login .auth-brand>a:last-child{min-height:34px;padding:0 9px;font-size:10px}
  .contact-form--refined{padding:29px}
  .contact-form--refined:before{left:24px;right:24px}
  .contact-form-actions{align-items:stretch;flex-direction:column;gap:10px}
  .contact-form--refined .contact-form-actions .btn{width:100%}
  .contact-aside--refined{grid-template-columns:1fr}
}


/* === Step 6.1: compact Multi-Platform merge === */
#supported-platforms,#cross-platform-copying{scroll-margin-top:132px}
.platform-board--four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1150px){.platform-board--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.platform-board--four{grid-template-columns:1fr}}

/* =========================================================
   Step 8.1 — Account Protection refinement
   Compact policy tools and a consistent card language.
   ========================================================= */
.protection-control-grid .feature-card{
  min-height:220px;
  padding:24px;
}
.protection-control-grid .feature-card h3{
  margin:22px 0 8px;
}

.policy-map--cards{
  grid-template-columns:1.15fr 46px repeat(3,1fr);
  gap:14px;
}
.policy-map--cards .policy-card{
  position:relative;
  min-height:190px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 88%,var(--brand)));
  box-shadow:0 1px 0 rgba(255,255,255,.015);
  overflow:hidden;
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.policy-map--cards .policy-card:after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-72px;
  bottom:-88px;
  border-radius:50%;
  background:radial-gradient(circle,var(--brand-soft),transparent 70%);
  pointer-events:none;
}
.policy-map--cards .policy-card:hover{
  transform:translateY(-3px);
  border-color:var(--brand-border);
  box-shadow:var(--shadow-sm);
}
.policy-map--cards .policy-card--source{
  border-color:var(--brand-border);
  background:radial-gradient(circle at 86% 16%,var(--brand-soft),transparent 34%),linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 88%,var(--brand)));
}
.policy-map--cards .policy-card h3{
  position:relative;
  z-index:1;
  font-size:20px;
  letter-spacing:-.03em;
  margin:22px 0 8px;
}
.policy-map--cards .policy-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--muted);
  font-size:12px;
}
.policy-map--cards .policy-arrow{
  width:38px;
  height:38px;
  justify-self:center;
  display:grid;
  place-items:center;
  border:1px solid var(--brand-border);
  border-radius:12px;
  background:var(--brand-soft);
  color:var(--brand);
}
.policy-map--cards .policy-arrow svg{
  width:18px;
  height:18px;
}

@media(max-width:850px){
  .protection-control-grid .feature-card{min-height:210px}
  .policy-map--cards{grid-template-columns:1fr}
  .policy-map--cards .policy-card{min-height:170px}
  .policy-map--cards .policy-arrow{transform:rotate(90deg)}
}

/* Step 9 — compact distinction between historical Analytics and live Psychology. */
.analytics-context-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.analytics-context-grid article{padding:23px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.analytics-context-grid span{font-size:8px;color:var(--brand);font-weight:800;letter-spacing:.12em}.analytics-context-grid h3{font-size:19px;margin:12px 0 7px}.analytics-context-grid p{font-size:11px;color:var(--muted);margin:0}@media(max-width:850px){.analytics-context-grid{grid-template-columns:1fr}}

/* Step 9.5 — use the exact same dark card base as Trade Copier */
.analytics-feature-grid .feature-card,
.platform-feature-grid .feature-card{
  position:relative;
  min-height:260px;
  padding:25px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(145deg,var(--surface),rgba(12,31,43,.7));
  overflow:hidden;
  transition:.2s;
}
.analytics-feature-grid .feature-card::after,
.platform-feature-grid .feature-card::after{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  right:-80px;
  bottom:-100px;
  border-radius:50%;
  background:radial-gradient(circle,var(--brand-soft),transparent 70%);
  pointer-events:none;
}
.analytics-feature-grid .feature-card:hover,
.platform-feature-grid .feature-card:hover{
  transform:translateY(-4px);
  border-color:var(--brand-border);
  box-shadow:var(--shadow-sm);
}
.analytics-feature-grid .feature-card h3,
.platform-feature-grid .feature-card h3{
  font-size:21px;
  letter-spacing:-.03em;
  margin:27px 0 10px;
  position:relative;
  z-index:1;
}
.analytics-feature-grid .feature-card p,
.platform-feature-grid .feature-card p{
  font-size:13.5px;
  line-height:1.65;
  margin:0;
  position:relative;
  z-index:1;
}
.platform-feature-grid .feature-card .platform-card-top,
.platform-feature-grid .feature-card a{position:relative;z-index:1}
html[data-theme="light"] .analytics-feature-grid .feature-card,
html[data-theme="light"] .platform-feature-grid .feature-card{background:linear-gradient(145deg,#fff,#f5f9fa)}
@media(max-width:850px){.analytics-feature-grid .feature-card,.platform-feature-grid .feature-card{min-height:245px}}

/* Step 11.1 — Homepage product alignment */
.home-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.home-product-grid .feature-card{min-height:292px;padding:23px}
.home-product-grid .feature-card h3{font-size:19px;margin-top:24px}
.home-product-grid .feature-card p{font-size:12.5px}
.home-product-grid .product-platform .feature-icon{background:rgba(106,157,255,.10);border-color:rgba(106,157,255,.24);color:var(--blue)}
.home-product-grid .product-peer .feature-icon{background:rgba(161,140,255,.10);border-color:rgba(161,140,255,.24);color:var(--purple)}
.home-product-grid .product-protection .feature-icon{background:rgba(245,185,79,.10);border-color:rgba(245,185,79,.24);color:var(--amber)}
.home-product-grid .product-analytics .feature-icon{background:rgba(91,192,255,.10);border-color:rgba(91,192,255,.24);color:#5bc0ff}
@media(max-width:1150px){.home-product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.home-product-grid{grid-template-columns:1fr}.home-product-grid .feature-card{min-height:245px}}


/* Step 11.9A — homepage supported-platform icon marquee only. */
.platform-rail-home{
  --platform-rail-bg:var(--surface);
  overflow:hidden;
  padding:42px 0 34px;
  border-bottom:1px solid var(--line);
  background:var(--platform-rail-bg);
}
.platform-rail-head{
  max-width:780px;
  margin:0 auto 24px;
  text-align:center;
}
.platform-rail-head .platform-rail-label{
  color:var(--muted2);
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.platform-rail-head>strong{
  display:block;
  margin-top:7px;
  color:var(--text);
  font-size:clamp(20px,2vw,28px);
  line-height:1.16;
  letter-spacing:-.025em;
}
.platform-rail-head p{
  max-width:720px;
  margin:10px auto 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.65;
}
.platform-marquee-shell{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:4px 0;
}
.platform-marquee-shell:before,
.platform-marquee-shell:after{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  bottom:0;
  width:min(9vw,110px);
  pointer-events:none;
}
.platform-marquee-shell:before{
  left:0;
  background:linear-gradient(90deg,var(--platform-rail-bg) 12%,transparent 100%);
}
.platform-marquee-shell:after{
  right:0;
  background:linear-gradient(270deg,var(--platform-rail-bg) 12%,transparent 100%);
}
.platform-marquee-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:platform-icon-marquee 44s linear infinite;
}
.platform-marquee-shell:hover .platform-marquee-track{animation-play-state:paused}
.platform-marquee-group{
  display:flex;
  flex:none;
  gap:14px;
  padding-right:14px;
}
.platform-logo-card{
  width:214px;
  min-height:76px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:12px 15px;
  border:1px solid var(--line);
  border-radius:15px;
  background:linear-gradient(145deg,var(--surface2),rgba(12,31,43,.58));
  box-shadow:0 12px 26px rgba(1,12,18,.08);
}
.platform-logo-card.live{
  border-color:var(--brand-border);
  background:linear-gradient(145deg,var(--surface2),var(--brand-soft));
}
.platform-logo-icon{
  position:relative;
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.platform-logo-fallback{
  display:none;
}
.platform-logo-icon img{
  position:relative;
  width:34px;
  height:34px;
  object-fit:contain;
  transform:none;
}
.platform-logo-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.platform-logo-copy strong{
  overflow:hidden;
  color:var(--text);
  font-size:12px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.platform-logo-copy small{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--amber);
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.platform-logo-copy small i{
  width:6px;
  height:6px;
  flex:none;
  border-radius:50%;
  background:var(--amber);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 13%,transparent);
}
.platform-logo-card.live .platform-logo-copy small{color:var(--success)}
.platform-logo-card.live .platform-logo-copy small i{
  background:var(--success);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 14%,transparent);
}
.platform-rail-link{
  display:flex;
  justify-content:center;
  margin-top:22px;
}
.platform-rail-link a{
  color:var(--brand);
  font-size:11px;
  font-weight:750;
}
@keyframes platform-icon-marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
html[data-theme="light"] .platform-rail-home{--platform-rail-bg:#eaf0f2}
html[data-theme="light"] .platform-logo-card{
  background:linear-gradient(145deg,#f8fbfc,#edf3f5);
  box-shadow:0 12px 25px rgba(24,45,56,.08);
}
html[data-theme="light"] .platform-logo-card.live{
  background:linear-gradient(145deg,#f7fbfa,#e4f7f1);
}
html[data-theme="light"] .platform-rail-link a{color:var(--brand-text)}
@media(max-width:760px){
  .platform-rail-home{padding:34px 0 29px}
  .platform-rail-head{padding-inline:22px;margin-bottom:19px}
  .platform-rail-head>strong{font-size:21px}
  .platform-rail-head p{font-size:10px;line-height:1.55}
  .platform-logo-card{width:188px;min-height:70px;padding:10px 13px;border-radius:14px}
  .platform-logo-icon{width:44px;height:44px;flex-basis:44px;border-radius:12px}
  .platform-logo-icon img{width:31px;height:31px}
  .platform-logo-copy strong{font-size:11px}
  .platform-marquee-track{animation-duration:50s}
  .platform-rail-link{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){
  .platform-marquee-shell{overflow-x:auto;scrollbar-width:thin}
  .platform-marquee-shell:before,.platform-marquee-shell:after{display:none}
  .platform-marquee-track{animation:none;transform:none}
  .platform-marquee-group[aria-hidden="true"]{display:none}
  .platform-marquee-group{padding-inline:20px}
}

/* Step 11.9B — platform icons inline with names on Multi-Platform only. */
.platform-board .platform-name{display:flex;align-items:center;gap:10px}
.platform-board .platform-name-icon{width:28px;height:28px;flex:0 0 28px;object-fit:contain;display:block}

/* Step 11.9E: move divider above Platform availability */
.audience-strip{border-top:0 !important;}
.platform-rail.platform-rail-home{border-top:1px solid var(--line);}


/* Step 11.10A: Resources hub */
.resources-page .resource-grid>article{min-height:300px;padding:27px;border:1px solid var(--line);border-radius:19px;background:var(--surface);position:relative}
.resources-page .resource-grid>article i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--brand-soft);color:var(--brand)}
.resources-page .resource-grid>article span{display:block;font-size:8px;color:var(--brand);letter-spacing:.12em;font-weight:800;margin-top:27px}
.resources-page .resource-grid>article h3{font-size:23px;line-height:1.18;letter-spacing:-.035em;margin:9px 0}
.resources-page .resource-grid>article p{font-size:12px;color:var(--muted)}
.resources-page .resource-grid>article b{position:absolute;bottom:24px;left:27px;color:var(--muted2);font-size:10px;font-weight:750}
.resources-page .resource-card--planned{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--brand) 8%))}
.resources-page .resource-grid--compact>a{min-height:270px}
.resources-page .resource-support-link{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;font-size:11px;color:var(--muted2)}
.resources-page .resource-support-link span{text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-weight:800}
.resources-page .resource-support-link a{color:var(--brand);font-weight:750}
.resources-page .use-case-note{text-align:center;max-width:620px;margin:22px auto 0;color:var(--muted2);font-size:11px}
.resources-page #platform-guides{padding:78px 0}
.resources-page .platform-guide-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}
.resources-page .platform-guide-item{min-height:92px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.resources-page a.platform-guide-item{transition:.2s}
.resources-page a.platform-guide-item:hover{transform:translateY(-2px);border-color:var(--brand-border)}
.resources-page .platform-guide-name{display:flex;align-items:center;gap:10px;min-width:0}
.resources-page .platform-guide-name img{width:26px;height:26px;flex:0 0 26px;object-fit:contain;display:block}
.resources-page .platform-guide-name strong{font-size:13px;line-height:1.2}
.resources-page .platform-guide-meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}
.resources-page .platform-guide-meta small{font-size:8px;letter-spacing:.1em;font-weight:800;color:var(--muted2)}
.resources-page .platform-guide-item.live .platform-guide-meta small{color:var(--brand)}
.resources-page .platform-guide-item.soon .platform-guide-meta small{color:var(--amber)}
.resources-page .platform-guide-meta b{font-size:10px;color:var(--brand)}
.resources-page .platform-guide-footer{text-align:center;margin-top:21px}
.resources-page .platform-guide-footer a{font-size:11px;font-weight:750;color:var(--brand)}
html[data-theme="light"] .resources-page .resource-grid>article,html[data-theme="light"] .resources-page .platform-guide-item{background:#fff;border-color:var(--line);box-shadow:0 12px 34px rgba(18,39,55,.045)}
@media(max-width:1040px){.resources-page .platform-guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.resources-page #platform-guides{padding:66px 0}.resources-page .platform-guide-list{grid-template-columns:1fr}.resources-page .platform-guide-item{min-height:76px;padding:13px 14px}.resources-page .platform-guide-meta b{display:none}}

/* Step 11.10F.1: compact read-more link in Account Protection guide */
.article-read-more{margin:-12px 0 44px;font-size:14px;color:var(--muted);}
.article-read-more a{color:var(--brand);font-weight:750;text-decoration:none;}
.article-read-more a:hover{text-decoration:underline;}

.platform-resource-link{text-align:center;margin-top:22px}.platform-resource-link a{color:var(--brand);font-size:11px;font-weight:750}

/* Step 11.10I.1 — Resources link clarity and guide anchor offset */
.resources-page .resource-grid>a>article>b{color:var(--brand);}
.article-body section[id]{scroll-margin-top:110px;}
@media(max-width:850px){.article-body section[id]{scroll-margin-top:86px;}}
html[data-theme="light"] .resources-page .resource-grid>a>article>b{color:var(--brand-text);}

/* Step 11.10J.1 — legal destinations linked from Security */
#terms-of-service,#privacy-policy,#risk-disclosure,#peer-copy-terms{scroll-margin-top:112px}
@media(max-width:850px){#terms-of-service,#privacy-policy,#risk-disclosure,#peer-copy-terms{scroll-margin-top:88px}}

/* Step 11.10K — structured full FAQ */
.faq-categories{min-width:0}
.faq-category{scroll-margin-top:118px;margin-bottom:58px}
.faq-category:last-child{margin-bottom:0}
.faq-category-head{margin-bottom:18px}
.faq-category-head>span{display:block;font-size:8px;color:var(--brand);font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}
.faq-category-head h2{font-size:30px;line-height:1.14;letter-spacing:-.04em;margin:0 0 7px}
.faq-category-head p{font-size:12px;color:var(--muted);margin:0;max-width:690px}
.faq-category .faq-list{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:0;overflow:visible}
.faq-category .faq-list article:first-child{border-top:0}
.faq-category .faq-q{min-height:66px}
.faq-category .faq-a p{padding-right:40px;line-height:1.7}
.faq-page-grid aside a{line-height:1.25}
@media(max-width:850px){
  .faq-page-grid aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .faq-page-grid aside strong{grid-column:1/-1}
  .faq-category{scroll-margin-top:90px;margin-bottom:46px}
}
@media(max-width:520px){
  .faq-page-grid aside{grid-template-columns:1fr}
  .faq-category .faq-list{padding:0}
  .faq-category-head h2{font-size:27px}
  .faq-category .faq-a p{padding-right:8px}
}


/* Step 11.10K.1 — approved hero copy, homepage-style FAQ rows and Resources FAQ path */
.resources-faq-link{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.resources-faq-link>div{display:grid;gap:5px}
.resources-faq-link strong{font-size:15px}
.resources-faq-link span{font-size:11px;color:var(--muted)}
.resources-faq-link>a{flex:none;color:var(--brand);font-size:11px;font-weight:750}
@media(max-width:620px){.resources-faq-link{align-items:flex-start;flex-direction:column;gap:12px}}

/* Step 11.10K.3 — FAQ hero topic navigator */
.faq-hero .page-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);gap:48px}
.faq-hero-topics{width:calc(100% - 30px);justify-self:end;padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface),rgba(0,217,159,.035));box-shadow:0 18px 50px rgba(0,0,0,.13)}
.faq-hero-topics-head{padding:4px 5px 15px}
.faq-hero-topics-head>span{font-size:9px;color:var(--brand);font-weight:800;letter-spacing:.13em}
.faq-hero-topics-head>p{margin:7px 0 0;color:var(--muted);font-size:11px}
.faq-hero-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.faq-hero-topic-grid article{min-height:142px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface2);display:flex;flex-direction:column}
.faq-hero-topic-grid strong{display:block;font-size:13px;margin-bottom:14px}
.faq-hero-topic-grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line);color:#a8b8c2;font-size:10.5px;line-height:1.35;transition:.18s ease}
.faq-hero-topic-grid a:hover{color:var(--brand)}
.faq-hero-topic-grid a span{color:var(--brand);font-size:13px}
@media(max-width:1150px){.faq-hero .page-hero-grid{grid-template-columns:1fr}.faq-hero-topics{width:100%;max-width:820px;justify-self:start}}
@media(max-width:620px){.faq-hero-topic-grid{grid-template-columns:1fr}.faq-hero-topic-grid article{min-height:auto}.faq-hero-topics{padding:13px;border-radius:18px}}


/* Step 11.10K.4 — Security page focused refinements */
.security-hero .page-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);gap:48px}
.security-hero .page-hero-copy h1{max-width:720px}
.security-hero-visual{display:flex;justify-content:flex-end}
.security-control-card{width:calc(100% - 30px);padding:18px;border:1px solid var(--line2);border-radius:20px;background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:var(--shadow-sm)}
.security-control-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:3px 3px 15px;border-bottom:1px solid var(--line)}
.security-control-label{font-size:9px;color:var(--brand);font-weight:800;letter-spacing:.13em}
.security-available{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:750;color:var(--muted);white-space:nowrap}
.security-available i{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft)}
.security-control-list{display:grid}
.security-control-list>div{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;border-bottom:1px solid var(--line)}
.security-control-list>div:last-child{border-bottom:0}
.security-control-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--brand-soft);border:1px solid var(--brand-border);color:var(--brand)}
.security-control-icon svg{width:18px;height:18px}
.security-control-list strong,.security-control-list small{display:block}
.security-control-list strong{font-size:12px}
.security-control-list small{font-size:9px;color:var(--muted);margin-top:2px}
.security-control-list b{font-size:9px;color:var(--brand-text);font-weight:750;text-align:right;white-space:nowrap}
html:not([data-theme="light"]) .security-account-grid .feature-card{background:linear-gradient(145deg,var(--surface),rgba(12,31,43,.7));box-shadow:none}
html:not([data-theme="light"]) .security-peer-grid .feature-card{background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:var(--shadow-sm)}
html[data-theme="light"] .security-account-grid .feature-card{background:linear-gradient(145deg,#fff,#f6fafb);box-shadow:none}
html[data-theme="light"] .security-peer-grid .feature-card{background:linear-gradient(145deg,#fff,#f5f9fa);box-shadow:0 10px 28px rgba(18,39,55,.07)}
.security-reference-row{margin-top:18px;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:24px}
.security-reference-row strong,.security-reference-row small{display:block}
.security-reference-row strong{font-size:13px}
.security-reference-row small{font-size:10px;color:var(--muted);margin-top:3px}
.security-reference-row .btn-text{flex:none}
@media(max-width:1150px){.security-hero .page-hero-grid{grid-template-columns:1fr}.security-hero-visual{justify-content:flex-start}.security-control-card{width:min(100%,820px)}}
@media(max-width:700px){.security-control-list>div{grid-template-columns:42px minmax(0,1fr)}.security-control-list b{grid-column:2;text-align:left;margin-top:-9px;padding-bottom:9px}.security-reference-row{align-items:flex-start;flex-direction:column}.security-reference-row .btn-text{justify-content:flex-start}}
@media(max-width:540px){.security-control-card{padding:14px}.security-control-head{align-items:flex-start;flex-direction:column}.security-control-list>div{min-height:82px}.security-hero .page-hero-copy h1 br{display:none}}

/* Step 11.10K.11 — Resources hero section navigator */
.resources-hero .page-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);gap:48px}
.resources-hero-nav{width:calc(100% - 30px);justify-self:end;padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface),rgba(0,217,159,.035));box-shadow:0 18px 50px rgba(0,0,0,.13)}
.resources-hero-nav-head{padding:4px 5px 15px}
.resources-hero-nav-head>span{font-size:9px;color:var(--brand);font-weight:800;letter-spacing:.13em}
.resources-hero-nav-head>h2{margin:7px 0 0;font-size:22px;line-height:1.15;letter-spacing:-.035em}
.resources-hero-nav-head>p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.resources-hero-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.resources-hero-nav-grid article{min-height:166px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface2);display:flex;flex-direction:column}
.resources-hero-nav-grid strong{display:block;font-size:13px;margin-bottom:8px}
.resources-hero-nav-grid p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.55}
.resources-hero-nav-grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);color:var(--brand);font-size:10.5px;font-weight:700;line-height:1.35;transition:.18s ease}
.resources-hero-nav-grid a:hover{color:var(--brand2);text-decoration:underline;text-underline-offset:3px}
.resources-hero-nav-grid a span{color:currentColor;font-size:13px}
@media(max-width:1150px){.resources-hero .page-hero-grid{grid-template-columns:1fr}.resources-hero-nav{width:100%;max-width:820px;justify-self:start}}
@media(max-width:620px){.resources-hero-nav-grid{grid-template-columns:1fr}.resources-hero-nav-grid article{min-height:auto}.resources-hero-nav{padding:13px;border-radius:18px}}



/* Step 11.10K.12 — Resources FAQ card, green links and featured-card hover */
.resources-page #featured-guides .resource-grid>a:hover{transform:translateY(-4px);border-color:var(--brand-border)}
.resources-page #featured-guides .resource-grid>a:focus-visible{border-color:var(--brand-border);outline:2px solid var(--brand);outline-offset:3px}

/* Step 11.10K.12.1 — ensure Featured Guides read links stay green */
.resources-page #featured-guides .resource-grid > a > b{
  color:var(--brand) !important;
}
.resources-page #featured-guides .resource-grid > a > b svg{
  color:currentColor;
  stroke:currentColor;
}
html[data-theme="light"] .resources-page #featured-guides .resource-grid > a > b{
  color:var(--brand-text) !important;
}


/* Step 11.10K.13 — unify light-mode green accents and Resources guide links */
html[data-theme="light"] .section-light,
html[data-theme="light"] .section-light-alt{
  --brand:#00d99f;
  --brand2:#25e8b3;
  --brand-text:#007a58;
  --brand-soft:rgba(0,217,159,.09);
  --brand-border:rgba(0,122,88,.22);
}

/* Keep the Featured Guides action identical to Guides by Use Case in both themes. */
.resources-page #featured-guides .resource-grid > a > b,
html[data-theme="light"] .resources-page #featured-guides .resource-grid > a > b,
html:not([data-theme="light"]) .resources-page #featured-guides .resource-grid > a > b{
  color:var(--brand) !important;
  -webkit-text-fill-color:var(--brand);
}
.resources-page #featured-guides .resource-grid > a > b svg{
  color:inherit;
  stroke:currentColor;
}


/* Step 11.10K.14 — targeted green-link and live-status consistency */
/* AFTER 2026 now uses the same plan-badge markup as FOUNDING ACCESS. */

/* Keep the homepage platform route in the standard bright Copier mint in light mode. */
html[data-theme="light"] .platform-rail-link a{
  color:var(--brand);
  -webkit-text-fill-color:var(--brand);
}

/* Match the live status dot to the live label inside the Supported Platforms section. */
html[data-theme="light"] #supported-platforms .platform-board .live>span:before{
  background:var(--brand);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent);
}

/* FAQ topic destinations are actions, so keep them Copier mint in both themes. */
.faq-hero-topic-grid a,
html[data-theme="light"] .faq-hero-topic-grid a,
html:not([data-theme="light"]) .faq-hero-topic-grid a{
  color:var(--brand);
  -webkit-text-fill-color:var(--brand);
  font-weight:400;
}
.faq-hero-topic-grid a:hover{
  color:var(--brand2);
  -webkit-text-fill-color:var(--brand2);
  text-decoration:underline;
  text-underline-offset:3px;
}
.faq-hero-topic-grid a span{
  color:currentColor;
  -webkit-text-fill-color:currentColor;
}


/* =========================================================
   Step 11.10L — Contact page content and support-path review
   ========================================================= */
.contact-hero .page-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);gap:48px}
.contact-hero-options{width:calc(100% - 30px);justify-self:end;padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface),rgba(0,217,159,.035));box-shadow:0 18px 50px rgba(0,0,0,.13)}
.contact-hero-options-head{padding:4px 5px 15px}
.contact-hero-options-head>span{font-size:9px;color:var(--brand);font-weight:800;letter-spacing:.13em}
.contact-hero-options-head>p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.contact-hero-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.contact-hero-options-grid article{min-height:194px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface2);display:flex;flex-direction:column;transition:border-color .18s ease,transform .18s ease}
.contact-hero-options-grid article:hover{transform:translateY(-2px);border-color:var(--brand-border)}
.contact-option-icon{width:36px;height:36px;display:grid;place-items:center;margin-bottom:13px;border:1px solid var(--brand-border);border-radius:10px;background:var(--brand-soft);color:var(--brand)}
.contact-option-icon svg{width:17px;height:17px}
.contact-hero-options-grid strong{display:block;font-size:13px;margin-bottom:7px}
.contact-hero-options-grid p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.5}
.contact-hero-options-grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:11px;border-top:1px solid var(--line);color:var(--brand);font-size:10.5px;font-weight:650;line-height:1.35;transition:color .18s ease}
.contact-hero-options-grid a:hover{color:var(--brand2);text-decoration:underline;text-underline-offset:3px}
.contact-hero-options-grid a span{color:currentColor;font-size:13px}

.contact-grid--support{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:22px;align-items:start}
.contact-form--refined .form-grid label>small{display:inline;margin-left:5px;color:var(--muted2);font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.contact-support-aside{display:grid;gap:12px}
.contact-support-card{position:relative;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 34px rgba(18,39,55,.055)}
.contact-support-card--email{overflow:hidden;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 91%,var(--brand)))}
.contact-support-card--email:after{content:"";position:absolute;width:150px;height:150px;right:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,var(--brand-soft),transparent 70%);pointer-events:none}
.contact-support-card>span{display:block;color:var(--brand);font-size:9px;font-weight:800;letter-spacing:.13em}
.contact-support-card h3{font-size:20px;line-height:1.22;letter-spacing:-.03em;margin:9px 0 7px}
.contact-support-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.62}
.contact-support-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:17px;border:1px solid var(--brand-border);border-radius:12px;background:var(--brand-soft);color:var(--brand)}
.contact-support-icon svg{width:19px;height:19px}
.contact-support-email{position:relative;display:inline-block;margin-top:16px;color:var(--brand);font-size:13px;font-weight:700;word-break:break-word}
.contact-support-email:hover{color:var(--brand2);text-decoration:underline;text-underline-offset:3px}
.contact-quick-links{display:grid;margin-top:15px;border-top:1px solid var(--line)}
.contact-quick-links a{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);color:var(--text);font-size:10.5px;line-height:1.4;transition:color .18s ease}
.contact-quick-links a:hover{color:var(--brand)}
.contact-quick-links a.contact-quick-links__faq{margin-top:11px;border-top:1px solid var(--line)}
.contact-quick-links b{color:var(--brand);font-size:13px;font-weight:500}
.contact-support-card--account .btn{margin-top:17px;width:max-content}

html[data-theme="light"] .contact-hero-options,
html[data-theme="light"] .contact-support-card{background:#fff;border-color:var(--line);box-shadow:0 12px 34px rgba(18,39,55,.055)}
html[data-theme="light"] .contact-hero-options-grid article{background:#f2f6f7}
html[data-theme="light"] .contact-support-card--email{background:linear-gradient(145deg,#fff,#f3faf7)}
html[data-theme="light"] .contact-hero-options-grid a,
html[data-theme="light"] .contact-support-card>span,
html[data-theme="light"] .contact-support-email,
html[data-theme="light"] .contact-quick-links b{color:var(--brand)}
html:not([data-theme="light"]) .contact-hero-options-grid a,
html:not([data-theme="light"]) .contact-support-card>span,
html:not([data-theme="light"]) .contact-support-email,
html:not([data-theme="light"]) .contact-quick-links b{color:var(--brand-text,var(--brand))}

@media(max-width:1150px){
  .contact-hero .page-hero-grid{grid-template-columns:1fr}
  .contact-hero-options{width:100%;max-width:820px;justify-self:start}
}
@media(max-width:850px){
  .contact-grid--support{grid-template-columns:1fr}
  .contact-support-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-support-card--account{grid-column:1/-1}
}
@media(max-width:620px){
  .contact-hero-options-grid{grid-template-columns:1fr}
  .contact-hero-options-grid article{min-height:auto}
  .contact-hero-options{padding:13px;border-radius:18px}
  .contact-support-aside{grid-template-columns:1fr}
  .contact-support-card--account{grid-column:auto}
  .contact-support-card--account .btn{width:100%}
}


/* =========================================================
   Step 11.10M — About page origin story and product philosophy
   ========================================================= */
.about-hero .page-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);gap:52px}
.about-hero .page-hero-copy>p{max-width:670px}
.about-hero .shot-label{max-width:calc(100% - 18px);line-height:1.35;text-align:right}
.about-section-head{max-width:920px}
.about-section-head>p{max-width:860px;margin:0 0 12px;font-size:15px;line-height:1.72}
.about-inline-links{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:22px;padding-top:19px;border-top:1px solid var(--line);font-size:10.5px}
.about-inline-links span{color:var(--muted2);font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.about-inline-links a{color:var(--brand);font-weight:700}
.about-inline-links a:hover{color:var(--brand2);text-decoration:underline;text-underline-offset:3px}
.about-problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.about-problem-grid article{min-height:250px;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.about-problem-grid article:hover{transform:translateY(-3px);border-color:var(--brand-border);box-shadow:0 12px 34px rgba(18,39,55,.065)}
.about-card-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--brand-border);border-radius:13px;background:var(--brand-soft);color:var(--brand)}
.about-card-icon svg{width:20px;height:20px}
.about-problem-grid h3{margin:25px 0 9px;font-size:19px;letter-spacing:-.03em}
.about-problem-grid p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.65}
.about-origin-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:72px;align-items:center}
.about-origin-copy h2,.about-peer-copy h2{font-size:clamp(38px,4vw,55px);line-height:1.08;letter-spacing:-.05em;margin:16px 0 17px}
.about-origin-copy p,.about-peer-copy p{color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 14px}
.about-origin-card{padding:18px 24px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,var(--surface),rgba(0,217,159,.025));box-shadow:var(--shadow-sm)}
.about-origin-card>span{display:block;padding:4px 0 15px;color:var(--brand);font-size:9px;font-weight:800;letter-spacing:.13em}
.about-origin-card>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:13px;padding:18px 0;border-top:1px solid var(--line)}
.about-origin-card b{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--brand-border);border-radius:10px;background:var(--brand-soft);color:var(--brand);font-size:9px}
.about-origin-card p{margin:0}
.about-origin-card strong,.about-origin-card small{display:block}
.about-origin-card strong{font-size:12.5px}
.about-origin-card small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.55}
.about-peer-grid{display:grid;grid-template-columns:minmax(390px,.86fr) minmax(0,1.14fr);gap:68px;align-items:center}
.about-peer-cards{display:grid;gap:12px}
.about-peer-cards article{min-height:205px;padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff;position:relative;overflow:hidden}
.about-peer-cards article:after{content:"";position:absolute;width:160px;height:160px;right:-90px;bottom:-105px;border-radius:50%;background:radial-gradient(circle,var(--brand-soft),transparent 70%)}
.about-peer-cards span{color:var(--brand);font-size:9px;font-weight:800;letter-spacing:.13em}
.about-peer-cards h3{max-width:430px;margin:18px 0 8px;font-size:22px;line-height:1.18;letter-spacing:-.035em}
.about-peer-cards p{max-width:470px;margin:0;color:var(--muted);font-size:11.5px;line-height:1.65}
.about-peer-copy .btn-text{margin-top:12px;font-weight:700}
.about-principles .section-head{max-width:850px}
.about-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.about-values article{min-height:210px;padding:26px;background:linear-gradient(145deg,var(--surface),rgba(12,31,43,.72))}
.about-values b{font-size:19px}
.about-values p{font-size:11.5px;line-height:1.65}
.about-pricing-note{display:grid;grid-template-columns:45px minmax(0,1fr);gap:16px;align-items:start;margin-top:18px;padding:23px 25px;border:1px solid var(--brand-border);border-radius:17px;background:linear-gradient(145deg,var(--surface),rgba(0,217,159,.05))}
.about-pricing-note strong{display:block;font-size:14px}
.about-pricing-note p{max-width:1000px;margin:5px 0 0;color:var(--muted);font-size:11.5px;line-height:1.65}
.about-resource-link{display:inline-block;margin-top:18px;color:var(--muted);font-size:10.5px}
.about-resource-link b{color:var(--brand);font-weight:700}
.about-resource-link:hover b{color:var(--brand2);text-decoration:underline;text-underline-offset:3px}
html[data-theme="light"] .about-origin-card,html[data-theme="light"] .about-values article,html[data-theme="light"] .about-pricing-note{background:#fff;border-color:var(--line);box-shadow:0 12px 34px rgba(18,39,55,.055)}
html[data-theme="light"] .about-pricing-note{border-color:var(--brand-border);background:linear-gradient(145deg,#fff,#f3faf7)}
html[data-theme="light"] .about-inline-links a,html[data-theme="light"] .about-peer-cards span,html[data-theme="light"] .about-origin-card>span,html[data-theme="light"] .about-origin-card b,html[data-theme="light"] .about-resource-link b{color:var(--brand)}
@media(max-width:1150px){
  .about-hero .page-hero-grid,.about-origin-grid,.about-peer-grid{grid-template-columns:1fr}
  .about-hero .page-hero-visual{max-width:920px}
  .about-origin-grid,.about-peer-grid{gap:42px}
  .about-origin-card{max-width:850px}
  .about-peer-cards{grid-template-columns:repeat(2,minmax(0,1fr));order:2}
  .about-peer-copy{order:1}
  .about-problem-grid,.about-values{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .about-problem-grid,.about-values,.about-peer-cards{grid-template-columns:1fr}
  .about-problem-grid article,.about-values article,.about-peer-cards article{min-height:auto}
  .about-origin-card{padding:14px 18px}
  .about-origin-card>div{grid-template-columns:36px minmax(0,1fr)}
  .about-pricing-note{grid-template-columns:1fr}
  .about-hero .shot-label{width:auto;max-width:100%;text-align:left;margin-left:4px;margin-right:4px}
}

/* =========================================================
   Step 11.10M.1 — About card dark-theme correction
   ========================================================= */
html:not([data-theme="light"]) .about-problem-grid article,
html:not([data-theme="light"]) .about-peer-cards article{
  background:linear-gradient(145deg,var(--surface),var(--surface2));
  border-color:var(--line);
  color:var(--text);
  box-shadow:var(--shadow-sm);
}
html:not([data-theme="light"]) .about-problem-grid h3,
html:not([data-theme="light"]) .about-peer-cards h3{
  color:var(--text);
}
html:not([data-theme="light"]) .about-problem-grid p,
html:not([data-theme="light"]) .about-peer-cards p{
  color:var(--muted);
}
html:not([data-theme="light"]) .about-peer-cards span{
  color:var(--brand-text,var(--brand));
}
html:not([data-theme="light"]) .about-problem-grid article:hover{
  border-color:var(--brand-border);
  box-shadow:0 16px 42px rgba(0,0,0,.24);
}