:root{
  --white:#FFFFFF; --off:#F7F9FF; --ink:#111B35; --ink-soft:#52617B;
  --royal:#2447D8; --royal-dark:#10245E; --royal-tint:#EDF2FF;
  --gold:#C7A34B; --gold-dim:#EAD9A7; --gold-tint:#FBF7EA;
  --line:rgba(25,53,128,0.14); --line-on-dark:rgba(255,255,255,0.16);
  --display:'Montserrat', sans-serif; --sans:'Montserrat', sans-serif; --mono:'IBM Plex Mono', monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--white); color:var(--ink); font-family:var(--sans); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--gold); outline-offset:3px;}
.wrap{max-width:1160px; margin:0 auto; padding:0 32px;}
h1,h2,h3{font-family:var(--display); font-weight:600; margin:0; letter-spacing:-0.02em;}
p{max-width:62ch;}

.mark .loop{fill:none; stroke:var(--royal); stroke-width:3.4; stroke-linecap:round;}
.mark .node{fill:var(--gold);}
.mark-light .loop{stroke:#AFC0EE;} .mark-light .node{fill:var(--gold-dim);}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; font-family:'Montserrat',var(--sans); font-size:1.02rem; font-weight:700; letter-spacing:-0.035em; color:var(--ink);}
.brand-light{color:var(--white);}
.brand-logo{width:34px; height:34px; display:block; object-fit:contain; flex:0 0 auto;}
.brand-logo-footer{width:30px; height:30px;}
.wordmark{display:inline-block; line-height:1; transform:translateY(1px);}

header{position:sticky; top:0; background:rgba(255,255,255,0.92); backdrop-filter:blur(6px); border-bottom:1px solid var(--line); z-index:10;}
nav.wrap{display:flex; align-items:center; justify-content:space-between; padding:15px 32px;}
.nav-links{display:flex; gap:32px; list-style:none; margin:0; padding:0;}
.nav-links a{text-decoration:none; font-size:0.95rem; color:var(--ink-soft); transition:color .15s;}
.nav-links a:hover, .nav-links a.active{color:var(--ink);}
@media (max-width:780px){.nav-links{display:none;}.brand{font-size:0.98rem;}.brand-logo{width:32px;height:32px;}}

.btn{display:inline-block; font-family:var(--sans); font-size:0.95rem; font-weight:600; padding:12px 24px; border-radius:6px; text-decoration:none; border:1.5px solid transparent; cursor:pointer; transition:all .15s ease;}
.btn-gold{background:var(--gold); color:var(--white);} .btn-gold:hover{background:#AD8119;}
.btn-outline{border-color:var(--ink); color:var(--ink); background:transparent;} .btn-outline:hover{background:var(--ink); color:var(--white);}
.btn-outline-light{border-color:var(--line-on-dark); color:var(--white); background:transparent;} .btn-outline-light:hover{border-color:var(--white);}
.btn-navy{background:var(--royal-dark); color:var(--white);} .btn-navy:hover{background:#0A1436;}

.hero{padding:88px 0 0; text-align:center; background:var(--white);}
.hero .tag{display:inline-block; font-size:0.88rem; color:var(--royal); background:var(--royal-tint); padding:7px 16px; border-radius:20px; margin-bottom:26px;}
.hero h1{font-size:clamp(2.4rem,5.2vw,4rem); line-height:1.08; max-width:18ch; margin:0 auto;}
.hero .lede{font-size:1.15rem; color:var(--ink-soft); max-width:52ch; margin:24px auto 0;}
.hero .cta-row{margin-top:34px; display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}

.hero-visual-wrap{margin-top:64px; padding:0 24px 90px; display:flex; justify-content:center;}
.hero-visual{width:100%; max-width:760px; background:var(--white); border:1px solid var(--line); border-radius:16px; box-shadow:0 30px 70px -30px rgba(16,27,74,0.28); overflow:hidden; text-align:left;}
.hv-topbar{display:flex; align-items:center; justify-content:space-between; padding:16px 24px; border-bottom:1px solid var(--line); background:var(--off);}
.hv-topbar .label{font-family:var(--mono); font-size:0.78rem; color:var(--ink-soft);}
.hv-topbar .status{font-family:var(--mono); font-size:0.74rem; color:var(--gold); background:var(--gold-tint); padding:5px 12px; border-radius:20px;}
.hv-pipeline{display:flex; align-items:center; padding:26px 24px 6px; gap:8px;}
.hv-step{display:flex; flex-direction:column; align-items:center; gap:8px; flex:1; position:relative;}
.hv-step .dot{width:14px; height:14px; border-radius:50%; background:var(--royal); border:3px solid var(--royal);}
.hv-step.pending .dot{background:var(--white); border-color:var(--line);}
.hv-step.current .dot{background:var(--gold); border-color:var(--gold); box-shadow:0 0 0 4px var(--gold-tint);}
.hv-step small{font-size:0.76rem; color:var(--ink-soft); text-align:center;}
.hv-step::before{content:''; position:absolute; top:6px; left:-50%; width:100%; height:2px; background:var(--line); z-index:-1;}
.hv-step:first-child::before{display:none;}
.hv-step:not(.pending):not(.current)::before{background:var(--royal);}
.hv-approval{margin:24px 24px 28px; padding:20px; border:1px solid var(--line); border-radius:12px; display:flex; align-items:center; gap:16px; background:var(--off); position:relative;}
.hv-avatar{width:42px; height:42px; border-radius:50%; background:var(--royal); color:var(--white); display:flex; align-items:center; justify-content:center; font-family:var(--display); font-weight:600; font-size:0.9rem; flex-shrink:0;}
.hv-approval-text{flex:1;} .hv-approval-text strong{display:block; font-size:0.95rem;} .hv-approval-text span{font-size:0.85rem; color:var(--ink-soft);}
.hv-approval-actions{display:flex; gap:10px; flex-shrink:0; position:relative;}
.hv-approve-btn{font-family:var(--sans); font-weight:600; font-size:0.85rem; padding:9px 18px; background:var(--gold); color:var(--white); border-radius:6px; border:none; position:relative;}
.hv-edit-btn{font-family:var(--sans); font-weight:600; font-size:0.85rem; padding:9px 18px; background:transparent; color:var(--ink-soft); border-radius:6px; border:1.5px solid var(--line);}
.hv-cursor{position:absolute; right:56px; bottom:-6px; width:26px; height:26px; animation:cursor-move 2.2s ease-in-out 0.6s forwards; opacity:0;}
@keyframes cursor-move{0%{opacity:0; transform:translate(40px,-30px);} 35%{opacity:1;} 70%{transform:translate(0,0);} 82%{transform:translate(0,0) scale(0.85);} 100%{opacity:1; transform:translate(0,0) scale(1);}}
.hv-pulse{animation:pulse-ring 1.8s ease-out 2.1s;}
@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(198,150,31,0.55);} 100%{box-shadow:0 0 0 14px rgba(198,150,31,0);}}
@media (prefers-reduced-motion: reduce){.hv-cursor{animation:none; opacity:1; transform:none;} .hv-pulse{animation:none;}}
@media (max-width:600px){.hv-pipeline{flex-wrap:wrap;} .hv-approval{flex-wrap:wrap;} .hv-cursor{display:none;}}

section{padding:90px 0;}
.section-head{max-width:60ch; margin:0 auto 48px;}
.section-head.left{margin-left:0;}
.section-head h2{font-size:clamp(1.8rem,2.8vw,2.3rem);}
.section-head p{margin-top:14px; color:var(--ink-soft);}
.center{text-align:center;} .center p{margin-left:auto; margin-right:auto;}

.manifesto{background:var(--royal-tint);}
.manifesto .wrap{display:grid; grid-template-columns:0.4fr 0.6fr; gap:48px;}
.manifesto .kicker{font-family:var(--mono); font-size:0.85rem; color:var(--royal);}
.manifesto blockquote{margin:0; font-family:var(--display); font-size:1.5rem; line-height:1.45; color:var(--royal-dark);}
.manifesto .support{margin-top:20px; color:var(--ink-soft); font-family:var(--sans); font-size:1rem;}
@media (max-width:760px){.manifesto .wrap{grid-template-columns:1fr;}}

.service-row{display:grid; grid-template-columns:64px 1fr 1fr; gap:32px; padding:36px 0; border-top:1px solid var(--line); align-items:start;}
.service-row:last-child{border-bottom:1px solid var(--line);}
.service-num{font-family:var(--mono); font-size:0.85rem; color:var(--royal); padding-top:4px;}
.service-row h3{font-size:1.25rem; font-family:var(--display);}
.service-row .checkpoint{display:inline-flex; align-items:center; gap:8px; margin-top:14px; font-family:var(--mono); font-size:0.82rem; color:var(--ink-soft);}
.checkpoint .dot{width:7px; height:7px; border-radius:50%; background:var(--gold); flex-shrink:0;}
.service-row p{color:var(--ink-soft); margin-top:10px;}
@media (max-width:700px){.service-row{grid-template-columns:40px 1fr;} .service-row .desc-col{grid-column:1 / -1;}}

.process{background:var(--royal-dark); color:var(--white);}
.process .section-head h2{color:var(--white);} .process .section-head p{color:#BFC8E6;}
.steps{display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--line-on-dark); border:1px solid var(--line-on-dark);}
.step{background:var(--royal-dark); padding:28px 20px;}
.step .step-num{font-family:var(--display); font-size:1.8rem; color:var(--gold-dim);}
.step h3{font-size:0.98rem; margin-top:14px; color:var(--white); font-family:var(--sans); font-weight:600;}
.step p{margin-top:10px; font-size:0.87rem; color:#B9C2E2;}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr 1fr;}}
@media (max-width:600px){.steps{grid-template-columns:1fr 1fr;}}
@media (max-width:420px){.steps{grid-template-columns:1fr;}}

.fit .wrap{display:grid; grid-template-columns:0.5fr 0.5fr; gap:56px;}
.fit ul{list-style:none; margin:0; padding:0;}
.fit li{padding:18px 0; border-top:1px solid var(--line); display:flex; gap:14px;}
.fit li:last-child{border-bottom:1px solid var(--line);}
.fit li .mk{color:var(--gold); font-family:var(--display); font-weight:700;}
@media (max-width:760px){.fit .wrap{grid-template-columns:1fr; gap:32px;}}

.cta-banner{background:var(--gold-tint); padding:80px 0; text-align:left;}
.cta-banner .wrap{display:flex; justify-content:space-between; align-items:center; gap:32px; flex-wrap:wrap;}
.cta-banner h2{font-size:clamp(1.6rem,3vw,2.1rem); max-width:24ch; color:var(--royal-dark);}

footer{background:var(--royal-dark); color:#B9C2E2; padding:48px 0 36px;}
footer .wrap{display:flex; justify-content:space-between; flex-wrap:wrap; gap:24px; align-items:center;}
footer .foot-links{display:flex; gap:24px; list-style:none; margin:0; padding:0; font-size:0.9rem;}
footer .foot-links a{text-decoration:none; color:#B9C2E2;} footer .foot-links a:hover{color:var(--white);}
footer .copy{margin-top:28px; font-size:0.82rem; color:#7E88AC;}

/* problem list */
.problem-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px 40px; margin-top:8px; list-style:none; padding:0;}
.problem-grid li{padding:12px 0; border-top:1px solid var(--line); color:var(--ink-soft); font-size:0.95rem;}
@media(max-width:700px){.problem-grid{grid-template-columns:1fr;}}

/* solution loop (capture/understand/decide/execute/verify/learn) */
.loop-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:8px;}
.loop-cell{background:var(--white); padding:28px 24px;}
.loop-cell h3{font-size:1.05rem;}
.loop-cell p{margin-top:8px; font-size:0.9rem; color:var(--ink-soft);}
@media(max-width:820px){.loop-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.loop-grid{grid-template-columns:1fr;}}

/* HITL two-column ai/human */
.hitl-split{display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-top:12px;}
.hitl-col{padding:26px; border-radius:12px;}
.hitl-col.ai{background:var(--royal-tint);}
.hitl-col.human{background:var(--gold-tint);}
.hitl-col h3{font-family:var(--display); font-size:1.1rem;}
.hitl-col h3 .who{font-size:0.8rem; font-family:var(--mono); display:block; margin-bottom:6px; color:var(--ink-soft); font-weight:400;}
.hitl-col ul{margin:14px 0 0; padding:0; list-style:none;}
.hitl-col li{padding:6px 0; font-size:0.92rem; color:var(--ink-soft);}
@media(max-width:700px){.hitl-split{grid-template-columns:1fr;}}

/* tech row */
.tech-row{display:flex; flex-wrap:wrap; gap:14px; margin-top:24px;}
.tech-row span{font-family:var(--mono); font-size:0.85rem; color:var(--ink-soft); padding:8px 16px; border:1px solid var(--line); border-radius:8px;}

/* outcomes */
.outcome-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:8px;}
@media(max-width:820px){.outcome-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.outcome-grid{grid-template-columns:1fr;}}
.outcome-card{border-top:3px solid var(--gold); padding-top:16px;}
.outcome-card h3{font-size:1.05rem;}
.outcome-card p{margin-top:8px; font-size:0.92rem; color:var(--ink-soft);}

/* flow compare (before/after) */
.flow-compare{margin-top:24px; display:flex; flex-direction:column; gap:20px;}
.flow-label{font-family:var(--mono); font-size:0.8rem; color:var(--ink-soft);}
.flow-row{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:8px;}
.flow-row .node{background:var(--off); border:1px solid var(--line); padding:9px 15px; border-radius:8px; font-size:0.88rem;}
.flow-row.after .node.human{background:var(--gold-tint); border-color:var(--gold); color:#7A5A0E; font-weight:600;}
.flow-row .arrow{color:var(--royal); font-weight:700;}

/* pills */
.pill-group{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px;}
.pill{background:var(--royal-tint); color:var(--royal-dark); font-size:0.85rem; padding:8px 16px; border-radius:20px;}

/* approach sequence */
.approach-seq{display:flex; gap:0; margin-top:24px; flex-wrap:wrap; border-top:1px solid var(--line);}
.approach-seq .a-step{flex:1; min-width:160px; padding:22px 20px 0;}
.approach-seq .a-step .n{font-family:var(--display); color:var(--royal); font-size:0.85rem;}
.approach-seq .a-step p{margin-top:8px; font-size:0.92rem; color:var(--ink-soft);}

/* governance grid */
.gov-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:8px;}
@media(max-width:820px){.gov-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.gov-grid{grid-template-columns:1fr;}}
.gov-card h3{font-size:1.02rem;}
.gov-card p{margin-top:8px; font-size:0.9rem; color:var(--ink-soft);}

/* industries */
.industry-tags{display:flex; flex-wrap:wrap; gap:10px; margin-top:20px;}
.industry-tags span{background:var(--off); border:1px solid var(--line); padding:8px 16px; border-radius:8px; font-size:0.88rem; color:var(--ink-soft);}

/* quick links under hero */
.quick-links{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:900px; margin:48px auto 0; text-align:left;}
.quick-link{display:block; text-decoration:none; padding:20px 22px; border:1px solid var(--line); border-radius:12px; background:var(--white); transition:border-color .15s, transform .15s;}
.quick-link:hover{border-color:var(--gold); transform:translateY(-2px);}
.quick-link .ql-kicker{font-family:var(--mono); font-size:0.76rem; color:var(--royal);}
.quick-link h3{font-size:1.05rem; margin-top:6px;}
.quick-link p{margin-top:6px; font-size:0.88rem; color:var(--ink-soft);}
@media(max-width:760px){.quick-links{grid-template-columns:1fr;}}
@media (prefers-reduced-motion: reduce){.quick-link{transition:none;} .quick-link:hover{transform:none;}}

/* trust pillars */
.pillar-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:8px;}
.pillar{background:var(--royal-tint); border-radius:12px; padding:28px 24px;}
.pillar .p-dot{width:10px; height:10px; border-radius:50%; background:var(--gold); margin-bottom:14px;}
.pillar h3{font-size:1.1rem; color:var(--royal-dark);}
.pillar p{margin-top:8px; font-size:0.92rem; color:var(--ink-soft);}
@media(max-width:820px){.pillar-grid{grid-template-columns:1fr;}}

/* getting started steps */
.start-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:8px;}
.start-step{border-top:3px solid var(--gold); padding-top:16px;}
.start-step .n{font-family:var(--mono); font-size:0.85rem; color:var(--royal);}
.start-step h3{font-size:1.1rem; margin-top:6px;}
.start-step p{margin-top:8px; font-size:0.92rem; color:var(--ink-soft);}
.start-cta{margin-top:36px;}
@media(max-width:760px){.start-steps{grid-template-columns:1fr;}}

/* ===== v4: calmer, Manus-inspired look ===== */
body{background:#FBFAF8;}
.hero{background:transparent; padding:96px 0 0;}
header{background:rgba(251,250,248,0.82); backdrop-filter:blur(12px); border-bottom-color:transparent;}
section{padding:104px 0;}
.section-head h2{font-size:clamp(2rem,3.4vw,2.8rem); letter-spacing:-0.03em;}
.btn{border-radius:999px; padding:12px 26px;}
.btn-gold,.btn-navy{background:var(--ink); color:var(--white);}
.btn-gold:hover,.btn-navy:hover{background:#2A2D35;}
.btn-outline{border-color:rgba(20,22,27,0.25);}
.hero h1{font-size:clamp(2.6rem,6.4vw,5.2rem); line-height:1.04; max-width:16ch; letter-spacing:-0.035em;}
.hero .lede{max-width:50ch;}
.hitl-col,.pillar,.quick-link{border-radius:20px;}
.promptbox{display:flex; align-items:center; justify-content:space-between; gap:16px; max-width:680px; margin:38px auto 0; padding:10px 10px 10px 26px; background:#fff; border:1px solid var(--line); border-radius:999px; box-shadow:0 12px 40px -18px rgba(16,27,74,0.25); text-decoration:none; text-align:left; transition:box-shadow .15s;}
.promptbox:hover{box-shadow:0 16px 48px -16px rgba(16,27,74,0.35);}
.promptbox .ph{color:#8A8E96; font-size:1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.promptbox .go{background:var(--ink); color:#fff; font-weight:600; font-size:0.92rem; padding:12px 22px; border-radius:999px; white-space:nowrap;}
.chips{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:22px;}
.chip{text-decoration:none; font-size:0.88rem; color:var(--ink-soft); background:#fff; border:1px solid var(--line); padding:8px 16px; border-radius:999px; transition:all .15s;}
.chip:hover{border-color:var(--ink); color:var(--ink);}
.hero-video-wrap{margin:64px auto 0; padding:0 24px 96px; max-width:1100px;}
.window{background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 40px 90px -40px rgba(16,27,74,0.35); overflow:hidden;}
.win-bar{display:flex; align-items:center; gap:7px; padding:13px 18px; border-bottom:1px solid var(--line); background:var(--off);}
.win-bar i{width:11px; height:11px; border-radius:50%; background:#D8D8D3; display:block;}
.win-bar span{margin-left:12px; font-family:var(--mono); font-size:0.78rem; color:var(--ink-soft);}
.win-video{display:block; width:100%; height:auto; aspect-ratio:16/9; background:var(--off);}
@media(max-width:600px){.promptbox{padding-left:18px;} .promptbox .ph{font-size:0.9rem;} .promptbox .go{padding:10px 14px; font-size:0.85rem;}}

/* ===== v5: interactive parts ===== */
.promptbox input{flex:1; min-width:0; border:0; outline:0; background:transparent; font:inherit; font-size:1rem; color:var(--ink);}
.promptbox input::placeholder{color:#8A8E96;}
.promptbox:focus-within{border-color:var(--royal); box-shadow:0 0 0 4px var(--royal-tint);}
.promptbox button.go{border:0; cursor:pointer; font-family:var(--sans);}
.chip{font-family:var(--sans); cursor:pointer;}
.win-video{cursor:pointer;}
.js .reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}
.js .reveal.in{opacity:1; transform:none;}
.pillar,.outcome-card,.loop-cell{transition:transform .2s ease;} .pillar:hover,.outcome-card:hover{transform:translateY(-3px);}
@media (prefers-reduced-motion: reduce){.js .reveal{opacity:1; transform:none; transition:none;} .pillar:hover,.outcome-card:hover{transform:none;}}
.demo{display:grid; grid-template-columns:300px 1fr; gap:24px; max-width:980px; margin:0 auto;}
.demo-rules{background:#fff; border:1px solid var(--line); border-radius:18px; padding:24px; align-self:start;}
.rule-title{font-family:var(--mono); font-size:0.8rem; color:var(--ink-soft);}
.rule{display:block; margin-top:18px; font-size:0.95rem;}
.rule input[type=range],.calc input[type=range]{width:100%; margin-top:10px; accent-color:var(--royal);}
.rule.check{display:flex; gap:10px; align-items:center;}
.demo-rules .btn{margin-top:20px; margin-right:8px;}
.inv{display:grid; grid-template-columns:1fr auto; gap:10px 16px; align-items:center; background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px 18px; margin-bottom:10px;}
.inv .nm{font-weight:600;} .inv .am{font-family:var(--mono);}
.inv .stt{grid-column:1/-1; display:flex; gap:10px; align-items:center; flex-wrap:wrap; font-size:0.88rem; color:var(--ink-soft);}
.badge{padding:4px 12px; border-radius:999px; font-size:0.8rem; font-weight:600;}
.b-queued{background:var(--off); color:var(--ink-soft);} .b-working{background:var(--royal-tint); color:var(--royal);}
.b-auto,.b-ok{background:var(--royal-tint); color:var(--royal);} .b-wait{background:var(--gold-tint); color:#7A5A0E;} .b-no{background:#F3E4E4; color:#8A2D2D;}
.mini{font:600 0.85rem var(--sans); padding:7px 16px; border-radius:999px; border:1.5px solid var(--line); background:#fff; cursor:pointer;}
.mini.ok{background:var(--gold); border-color:var(--gold); color:#fff;}
.demo-stats{display:flex; gap:28px; margin-top:6px;}
.demo-stats b{display:block; font-family:var(--display); font-size:1.8rem;}
.demo-stats span{font-size:0.82rem; color:var(--ink-soft);}
.calc{display:grid; grid-template-columns:1fr 1fr; gap:32px; max-width:980px; margin:0 auto; align-items:center;}
.calc label{display:block; margin-bottom:22px; font-size:0.95rem;}
.calc output{float:right; font-family:var(--mono); font-weight:600;}
.calc-out{background:#fff; border:1px solid var(--line); border-radius:20px; padding:32px;}
.calc-out .big b{font-family:var(--display); font-size:3.2rem; letter-spacing:-0.03em; color:var(--royal-dark);}
.calc-out .big span{color:var(--ink-soft);}
.calc-out p{margin-top:8px;} .calc-out .btn{margin-top:22px;}
.calc-out small{display:block; margin-top:14px; color:var(--ink-soft); font-size:0.78rem;}
@media(max-width:820px){.demo,.calc{grid-template-columns:1fr;}}

/* ===== v6: monday.com-inspired: bold type, live board, dark band ===== */
:root{--display:'Montserrat',sans-serif; --cta:#5146E8; --good:#1FB36B; --warn:#F5A524; --bad:#E5484D; --violet:#7B61FF;}
h1,h2,h3{font-weight:500; letter-spacing:-0.03em;}
.hero h1{font-size:clamp(2.8rem,7vw,5.6rem); max-width:14ch; line-height:1.02; letter-spacing:-0.05em;}
.btn{padding:14px 30px; font-size:1rem;}
.btn-gold,.btn-navy{background:var(--cta);} .btn-gold:hover,.btn-navy:hover{background:#4237C9;}
.uc{font-family:var(--sans); cursor:pointer; font-size:0.95rem; color:var(--ink); background:#fff; border:1.5px solid var(--line); padding:10px 20px; border-radius:999px; transition:all .15s;}
.uc:hover{border-color:var(--ink);} .uc.on{background:var(--ink); color:#fff; border-color:var(--ink);}
.board-wrap{max-width:1000px; margin:48px auto 0; padding:0 24px;}
.board{background:#fff; border:1px solid var(--line); border-radius:24px; box-shadow:0 40px 90px -40px rgba(81,70,232,0.4); overflow:hidden; text-align:left;}
.board-top{display:flex; justify-content:space-between; align-items:center; padding:18px 24px; border-bottom:1px solid var(--line);}
.board-top h3{font-size:1.15rem;}
.live{display:inline-flex; align-items:center; gap:8px; font:600 0.78rem var(--mono); color:var(--good);}
.live::before{content:''; width:8px; height:8px; border-radius:50%; background:var(--good);}
.board-scroll{overflow-x:auto;}
.brow{display:grid; grid-template-columns:2.1fr 0.7fr 1.5fr 2.4fr 0.7fr; min-width:720px; align-items:center; border-bottom:1px solid var(--line);}
.brow>*{padding:12px 18px; font-size:0.92rem;}
.bhead{background:#FAFAFB; color:var(--ink-soft); font-size:0.8rem; font-weight:600;}
.av{width:30px; height:30px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:0.72rem; font-weight:600;}
.sp{border:0; width:100%; padding:9px 12px; border-radius:8px; color:#fff; font:600 0.85rem var(--sans); cursor:pointer; transition:filter .15s;}
.sp:hover{filter:brightness(0.92);}
.s-work{background:var(--warn); color:var(--ink);} .s-wait{background:var(--violet);} .s-done{background:var(--good);} .s-stuck{background:var(--bad);}
.brow .ai{color:var(--ink-soft);}
.recipe{padding:18px 24px; background:#FAFAFB; font-size:0.95rem; display:flex; flex-wrap:wrap; gap:6px; align-items:center;}
.recipe b{background:#EDEBFF; color:#4237C9; padding:3px 10px; border-radius:8px; font-weight:600;}
.board-foot{padding:12px 24px; font-size:0.82rem; color:var(--ink-soft); border-top:1px solid var(--line);}
.hero .promptbox{margin-top:44px;} .prompt-cap{margin-top:40px; color:var(--ink-soft); font-size:0.9rem;}
.band-dark{background:#0E0F1A;} .band-dark h2{color:#fff;} .band-dark .section-head p{color:#B9BCD0;}
.band-dark .window{border-color:#2A2C3F; box-shadow:0 40px 90px -40px rgba(81,70,232,0.5);}

/* ===== v7: HITL in action ===== */
.act-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1060px; margin:0 auto;}
.act-card{background:#fff; border:1px solid var(--line); border-radius:24px; padding:28px;}
.act-label{font:600 0.76rem var(--mono); color:var(--cta); letter-spacing:0.06em;}
.act-card h3{font-size:1.2rem; margin-top:8px; line-height:1.25;}
.act-steps{margin:16px 0; padding-left:20px; color:var(--ink-soft); font-size:0.92rem;} .act-steps li{margin-bottom:6px;}
.hcp{background:var(--gold-tint); border-radius:14px; padding:14px 16px; font-size:0.88rem; color:#5E4509;}
.hcp b{display:block; font:600 0.76rem var(--mono); margin-bottom:4px; color:#7A5A0E;}
.lq{max-width:760px; margin:44px auto 0;} .lq h3{font-size:1.3rem;} .lq-sub{color:var(--ink-soft); margin:6px 0 18px; font-size:0.95rem;}
@media(max-width:900px){.act-grid{grid-template-columns:1fr;}}

/* ===== v8: theme toggle, lead form, consent ===== */
.nav-right{display:flex; align-items:center; gap:12px;}
.theme-btn{width:42px; height:42px; border-radius:50%; border:1.5px solid var(--line); background:transparent; color:var(--ink); cursor:pointer; display:inline-flex; align-items:center; justify-content:center;}
.theme-btn:hover{border-color:var(--ink);} .i-sun{display:none;}
.lead-sec{background:var(--gold-tint); padding:104px 0;}
.lead-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:48px; align-items:start;}
.lead-copy h2{font-size:clamp(1.9rem,3.4vw,2.7rem); color:var(--royal-dark);}
.lead-copy p{margin-top:14px; color:var(--ink-soft);}
.lead-copy ul{list-style:none; padding:0; margin:22px 0;} .lead-copy li{margin-bottom:12px;}
.lead-copy li::before{content:'\2713'; color:var(--good); font-weight:700; margin-right:10px;}
.lead-card{background:#fff; border:1px solid var(--line); border-radius:24px; padding:32px; box-shadow:0 30px 70px -40px rgba(81,70,232,0.4);}
.lead-card h3{font-size:1.3rem; margin-bottom:18px;}
.f2{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.fld{display:flex; flex-direction:column; gap:6px; margin-bottom:14px;}
.fld>span{font-size:0.85rem; font-weight:600;}
.fld input,.fld select,.fld textarea{font:inherit; font-size:1rem; padding:12px 14px; border:1.5px solid var(--line); border-radius:12px; background:transparent; color:var(--ink); width:100%;}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0; border-color:var(--royal); box-shadow:0 0 0 4px var(--royal-tint);}
.chk{display:flex; gap:10px; align-items:flex-start; font-size:0.85rem; color:var(--ink-soft); margin:4px 0 18px;} .chk input{margin-top:3px;}
.hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
.lead-card .btn{width:100%; text-align:center;}
.form-status{margin-top:12px; font-size:0.9rem; min-height:1.2em;} .form-status.ok{color:var(--good);} .form-status.err{color:var(--bad);}
.lead-form-intro{margin:0 0 18px; color:var(--ink-soft); line-height:1.6;} .lead-form .btn{width:100%; border:0; cursor:pointer;} .lead-form .btn:disabled{opacity:.65; cursor:wait;} .form-privacy{font-size:.8rem; color:var(--ink-soft); margin:10px 0 0;} .lead-form select{font:inherit; font-size:1rem; padding:12px 14px; border:1.5px solid var(--line); border-radius:12px; background:var(--surface,#fff); color:var(--ink); width:100%;}
.consent{position:fixed; left:16px; right:16px; bottom:16px; max-width:640px; margin:0 auto; background:#14161B; color:#fff; padding:16px 18px; border-radius:16px; display:flex; gap:12px; align-items:center; flex-wrap:wrap; z-index:50; font-size:0.88rem;}
.consent span{flex:1 1 260px;} .consent .btn{padding:9px 18px; font-size:0.88rem;} .consent .btn-outline{border-color:rgba(255,255,255,0.4); color:#fff;}
@media(max-width:860px){.lead-grid{grid-template-columns:1fr;} .f2{grid-template-columns:1fr;}}

/* ----- dark theme ----- */
[data-theme="dark"]{color-scheme:dark; --white:#080D1B; --off:#0D1630; --ink:#F4F7FF; --ink-soft:#B5C2E3; --royal:#8EA8FF; --royal-dark:#DDE5FF; --royal-tint:#152650; --gold:#E7C875; --gold-dim:#A98D45; --gold-tint:#28243A; --line:rgba(142,168,255,0.22); --surface:#111D3B;}
[data-theme="dark"] body{background:radial-gradient(ellipse at 15% 0%,rgba(36,71,216,.20),transparent 36%),radial-gradient(ellipse at 88% 18%,rgba(199,163,75,.08),transparent 25%),#080D1B;}
[data-theme="dark"] header{background:rgba(8,13,27,0.84); border-bottom:1px solid rgba(142,168,255,.16); backdrop-filter:blur(18px);}
[data-theme="dark"] .i-sun{display:inline;} [data-theme="dark"] .i-moon{display:none;}
[data-theme="dark"] .loop-cell,[data-theme="dark"] .promptbox,[data-theme="dark"] .uc,[data-theme="dark"] .chip,[data-theme="dark"] .board,[data-theme="dark"] .window,[data-theme="dark"] .demo-rules,[data-theme="dark"] .inv,[data-theme="dark"] .calc-out,[data-theme="dark"] .act-card,[data-theme="dark"] .mini,[data-theme="dark"] .lead-card,[data-theme="dark"] .quick-link{background:var(--surface);}
[data-theme="dark"] .bhead,[data-theme="dark"] .recipe,[data-theme="dark"] .board-foot{background:var(--off);}
[data-theme="dark"] footer,[data-theme="dark"] .process,[data-theme="dark"] .step{background:#0A0C14;}
[data-theme="dark"] .btn-outline{border-color:rgba(255,255,255,0.3);}
[data-theme="dark"] .btn-outline:hover,[data-theme="dark"] .uc.on,[data-theme="dark"] .promptbox .go{color:#0D0F17;}
[data-theme="dark"] .hcp,[data-theme="dark"] .hcp b,[data-theme="dark"] .b-wait,[data-theme="dark"] .flow-row.after .node.human{color:#F0D58A;}
[data-theme="dark"] .b-no{background:#3A1F22; color:#FF9A9E;}
[data-theme="dark"] .recipe b{background:#2A2760; color:#C9C5FF;}
[data-theme="dark"] .s-work{color:#14161B;}
[data-theme="dark"] .pill{color:var(--royal-dark);}

/* ===== v9: accessibility ===== */
body{font-size:1.0625rem;}
.skip{position:absolute; left:12px; top:-70px; background:#14161B; color:#fff; padding:12px 18px; border-radius:10px; z-index:100; text-decoration:none; font-weight:600;}
.skip:focus{top:12px;}
::placeholder{color:#6B7080;} .promptbox input::placeholder{color:#6B7080;}
:root{--good:#0E8A50; --bad:#C93338; --violet:#6A4FF0;}
[data-theme="dark"]{--good:#3DD68C; --bad:#FF7A80; --violet:#9B8CFF;}
.s-done{background:#0E8A50;} .s-stuck{background:#C93338;} .s-wait{background:#6A4FF0;}
.live{color:var(--good);} .live::before{background:var(--good);}
.a11y-wrap{position:fixed; left:16px; bottom:16px; z-index:60;}
.a11y-btn,.totop{width:52px; height:52px; border-radius:50%; border:2px solid var(--ink); background:var(--white); color:var(--ink); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 8px 24px -8px rgba(0,0,0,0.35);}
.a11y-btn:hover,.totop:hover{background:var(--ink); color:var(--white);}
.totop{position:fixed; right:16px; bottom:16px; z-index:60; width:48px; height:48px; opacity:0; pointer-events:none; transform:translateY(10px); transition:opacity .25s, transform .25s;}
.totop.show{opacity:1; pointer-events:auto; transform:none;}
.a11y-panel{position:absolute; left:0; bottom:64px; width:300px; max-width:calc(100vw - 32px); background:var(--white); color:var(--ink); border:1px solid var(--line); border-radius:18px; padding:18px; box-shadow:0 24px 60px -20px rgba(0,0,0,0.45);}
.a11y-title{font:600 1.05rem var(--display); margin:0 0 12px; max-width:none;}
.a11y-row{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px; font-size:0.95rem;}
.a11y-row div{display:flex; align-items:center; gap:8px;} .a11y-size{min-width:3.2em; text-align:center; font-family:var(--mono); font-size:0.85rem;}
.a11y-panel button{font:600 0.92rem var(--sans); cursor:pointer; color:var(--ink); background:transparent; border:1.5px solid var(--line); border-radius:10px; padding:8px 12px;}
.a11y-opt,.a11y-reset{display:block; width:100%; text-align:left; margin-top:8px;}
.a11y-opt[aria-pressed="true"]{background:var(--ink); color:var(--white); border-color:var(--ink);}
[data-theme="dark"] .a11y-btn,[data-theme="dark"] .totop,[data-theme="dark"] .a11y-panel{background:var(--surface);}
[data-theme="dark"] .a11y-btn:hover,[data-theme="dark"] .totop:hover,[data-theme="dark"] .a11y-opt[aria-pressed="true"]{color:#0D0F17;}
html.a11y-links a{text-decoration:underline !important; text-underline-offset:3px;}
html.a11y-font,html.a11y-font *{font-family:Arial,Helvetica,sans-serif !important; letter-spacing:normal !important;} html.a11y-font p,html.a11y-font li{line-height:1.8;}
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none !important; transition:none !important; scroll-behavior:auto !important;}
html.a11y-still .js .reveal{opacity:1 !important; transform:none !important;}
html.a11y-focus :focus{outline:3px solid #FFD400 !important; outline-offset:3px !important;}
html.a11y-contrast[data-theme]{--ink:#fff; --ink-soft:#fff; --off:#000; --line:#fff; --surface:#000; --royal:#9EC9FF; --royal-dark:#fff; --royal-tint:#000; --gold-tint:#000; --cta:#FFD400;}
html.a11y-contrast body{background:#000;}
html.a11y-contrast a:not(.btn){text-decoration:underline;}
html.a11y-contrast .btn-gold,html.a11y-contrast .btn-navy,html.a11y-contrast .promptbox .go,html.a11y-contrast .uc.on{color:#000;}
html.a11y-contrast .a11y-opt[aria-pressed="true"]{color:#000;}
@media (prefers-reduced-motion: reduce){.totop{transition:none;}}

/* HUMANORK insights/blog */
.blog-hero{background:var(--royal-dark);color:#fff;padding:76px 0 68px;position:relative;overflow:hidden}
.blog-hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(233,206,138,.3);border-radius:50%;right:-70px;top:-190px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02)}
.blog-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--gold-dim)}
.blog-hero h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.04;max-width:800px;margin:16px 0 20px}
.blog-hero p{color:#dce2f7;font-size:1.12rem;max-width:660px}
.blog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 22px;flex-wrap:wrap}
.blog-filter{display:flex;gap:8px;flex-wrap:wrap}.blog-filter a{padding:8px 13px;border:1px solid var(--line);border-radius:99px;text-decoration:none;font-size:.88rem}.blog-filter a:first-child{background:var(--royal-dark);color:#fff}
.blog-sort{color:var(--ink-soft);font-size:.9rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:72px}
.blog-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white);display:flex;flex-direction:column;min-height:100%;transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px rgba(16,27,74,.10)}
.blog-art{height:170px;display:flex;align-items:flex-end;padding:20px;background:linear-gradient(135deg,#101b4a,#1f3fa6);position:relative;overflow:hidden;color:#fff}
.blog-art:before,.blog-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.23);border-radius:50%;width:210px;height:210px;right:-25px;top:-90px}
.blog-art:after{width:130px;height:130px;right:25px;top:-50px;border-color:rgba(233,206,138,.75)}
.blog-art span{position:relative;z-index:1;font-family:var(--mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:#f0dca8}
.blog-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.blog-category{font-family:var(--mono);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:var(--royal);margin-bottom:10px}
.blog-card h2{font-size:1.32rem;line-height:1.25;margin-bottom:12px}.blog-card p{color:var(--ink-soft);font-size:.94rem;margin:0 0 20px}
.blog-read{margin-top:auto;text-decoration:none;font-weight:650;color:var(--royal);font-size:.93rem}.blog-read:hover{text-decoration:underline}
.article-hero{background:var(--royal-dark);color:white;padding:62px 0}.article-hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;max-width:900px;margin:14px 0}.article-hero p{color:#dce2f7;max-width:760px;font-size:1.1rem}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(200px,280px);gap:58px;padding-top:48px;padding-bottom:70px}
.article-content h2{font-size:1.8rem;margin:34px 0 12px}.article-content p,.article-content li{line-height:1.8;color:var(--ink-soft)}.article-content ul{padding-left:24px}
.article-aside{background:var(--off);padding:24px;border-radius:10px;align-self:start}.article-aside h3{font-size:1.2rem;margin-bottom:10px}.article-aside p{font-size:.94rem;color:var(--ink-soft)}
.article-share{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.article-share a{border:1px solid var(--line);border-radius:6px;padding:9px 12px;text-decoration:none;font-size:.88rem}.article-share a:hover{background:var(--royal-tint)}
@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:25px}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:54px 0}.blog-tools{align-items:flex-start}.blog-art{height:145px}}


/* HUMANORK futuristic royal-blue / light-gold visual system */
:root{--surface:#FFFFFF;--glow-blue:rgba(36,71,216,.10);--glow-gold:rgba(199,163,75,.12);}
body{background-image:radial-gradient(ellipse at 8% 0%,var(--glow-blue),transparent 30%),radial-gradient(ellipse at 95% 7%,var(--glow-gold),transparent 22%);}
header{backdrop-filter:blur(16px);}
::selection{background:var(--royal);color:#fff;}
.btn,.button,.btn-primary{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.btn:hover,.button:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(36,71,216,.18);}
.card,.act-card,.feature-card,.blog-card,.article-card,.loop-cell,.uc,.board,.window{border-color:var(--line);}
.blog-card,.article-card,.act-card,.feature-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
.blog-card:hover,.article-card:hover,.act-card:hover,.feature-card:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 16px 38px rgba(25,53,128,.10);}
.hero h1,.hero-title{text-wrap:balance;}
.eyebrow,.kicker,.section-label{letter-spacing:.13em;text-transform:uppercase;}
[data-theme="dark"] body{background-image:radial-gradient(ellipse at 12% 0%,rgba(53,96,255,.24),transparent 36%),radial-gradient(ellipse at 92% 12%,rgba(231,200,117,.10),transparent 27%),linear-gradient(180deg,#080D1B 0%,#0A1230 55%,#080D1B 100%);}
[data-theme="dark"] .card,[data-theme="dark"] .act-card,[data-theme="dark"] .feature-card,[data-theme="dark"] .blog-card,[data-theme="dark"] .article-card,[data-theme="dark"] .loop-cell,[data-theme="dark"] .uc,[data-theme="dark"] .board,[data-theme="dark"] .window{box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
[data-theme="dark"] .btn-gold,[data-theme="dark"] .btn-primary{box-shadow:0 0 0 1px rgba(231,200,117,.22),0 8px 28px rgba(53,96,255,.16);}
[data-theme="dark"] a:focus-visible,[data-theme="dark"] button:focus-visible{outline-color:var(--gold);}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}


/* ===== v14: HUMANORK — collaborative SaaS + enterprise commerce design ===== */
:root{
  --white:#FFFFFF; --off:#F6F7FB; --ink:#202238; --ink-soft:#5F6478;
  --royal:#5157E8; --royal-dark:#20264B; --royal-tint:#EEEEFF;
  --gold:#D6B65D; --gold-dim:#F0E2B5; --gold-tint:#FFF8E5;
  --line:rgba(37,48,94,.13); --line-on-dark:rgba(255,255,255,.17);
  --cta:#5157E8; --violet:#7568F5; --good:#00A878; --warn:#F2B544; --bad:#E85B66;
}
body{background:#fff;color:var(--ink);}
h1,h2,h3{letter-spacing:-.035em;}
.wrap{max-width:1200px;}
header{background:rgba(255,255,255,.91);border-bottom:1px solid rgba(32,38,75,.08);backdrop-filter:blur(16px);}
.btn,.btn-primary,.btn-gold{border-radius:999px;}
.btn-primary{background:var(--cta);border-color:var(--cta);color:#fff;box-shadow:0 7px 18px rgba(81,87,232,.16);}
.btn-primary:hover{background:#4146CF;border-color:#4146CF;transform:translateY(-1px);}
.btn-gold{background:#F3D982;border-color:#F3D982;color:#272746;}
.card,.act-card,.feature-card,.blog-card,.article-card,.lead-card,.window{border-radius:20px;}
.blog-card,.article-card,.act-card,.feature-card{box-shadow:0 5px 22px rgba(35,43,89,.045);}
.blog-card:hover,.article-card:hover,.act-card:hover,.feature-card:hover{border-color:rgba(81,87,232,.38);box-shadow:0 16px 38px rgba(35,43,89,.11);}
.blog-hero,.article-hero{background:linear-gradient(125deg,#20264B 0%,#303779 55%,#5157E8 100%);}
.blog-hero:after,.article-hero:after{content:"";position:absolute;right:-100px;top:-160px;width:420px;height:420px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.025);pointer-events:none;}
.pill,.blog-filter a{border-radius:999px;}
.blog-filter a:first-child{background:var(--royal);border-color:var(--royal);}
.blog-category{font-family:var(--sans);font-weight:700;letter-spacing:.055em;color:#5157E8;}
.outcome-card{border-top:3px solid #D6B65D;}
.process{background:#20264B;}
.steps{border-radius:18px;overflow:hidden;}
.step{background:#20264B;}
.act-card{border:1px solid var(--line);}
/* Color-coded workflow cues inspired by work-management boards */
.s-work{background:#F7D66D;color:#343047;}
.s-wait{background:#DAD6FF;color:#403A91;}
.s-done{background:#BCEFD9;color:#075D43;}
.s-stuck{background:#FFD7D9;color:#8F2732;}
.pill{background:#EEEEFF;color:#383D9C;}
/* Enterprise dark mode: midnight navy, electric indigo, muted gold */
[data-theme="dark"]{
  --white:#0D1022; --off:#151A31; --ink:#F5F6FF; --ink-soft:#BBC0D9;
  --royal:#A5A5FF; --royal-dark:#E6E7FF; --royal-tint:#24264A;
  --gold:#E6CA77; --gold-dim:#9C8750; --gold-tint:#302B25;
  --line:rgba(165,165,255,.19); --line-on-dark:rgba(255,255,255,.16);
  --cta:#7777FF; --violet:#A59AFF; --good:#56D6A7; --warn:#F7CD68; --bad:#FF929A;
}
[data-theme="dark"] body{background:radial-gradient(ellipse at 12% 0%,rgba(81,87,232,.21),transparent 38%),radial-gradient(ellipse at 92% 12%,rgba(214,182,93,.08),transparent 27%),linear-gradient(180deg,#0D1022 0%,#111832 55%,#0D1022 100%);}
[data-theme="dark"] header{background:rgba(13,16,34,.88);border-bottom-color:rgba(165,165,255,.15);}
[data-theme="dark"] .blog-hero,[data-theme="dark"] .article-hero{background:linear-gradient(125deg,#151A31 0%,#222858 60%,#343A8A 100%);}
[data-theme="dark"] .blog-card,[data-theme="dark"] .article-card,[data-theme="dark"] .act-card,[data-theme="dark"] .feature-card,[data-theme="dark"] .lead-card,[data-theme="dark"] .window{background:#151A31;border-color:rgba(165,165,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 32px rgba(0,0,0,.12);}
[data-theme="dark"] .pill{background:#292B55;color:#D7D7FF;}
[data-theme="dark"] .blog-filter a:first-child{background:#7777FF;color:#fff;}
[data-theme="dark"] .s-work{background:#F7D66D;color:#343047;}
[data-theme="dark"] .s-wait{background:#DAD6FF;color:#403A91;}
[data-theme="dark"] .s-done{background:#BCEFD9;color:#075D43;}
[data-theme="dark"] .s-stuck{background:#FFD7D9;color:#8F2732;}
@media (prefers-reduced-motion:reduce){.btn-primary:hover,.blog-card:hover,.article-card:hover,.act-card:hover,.feature-card:hover{transform:none;}}


/* FAQ: tech-style console list */
.seo-faq{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(56px,8vw,104px);scroll-margin-top:90px;position:relative}
.faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(32px,6vw,88px);align-items:start}
.faq-side{position:sticky;top:104px}
.faq-side h2{font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.08;max-width:14ch}
.faq-side p{margin-top:16px;color:var(--ink-soft);max-width:36ch}
.faq-search{margin-top:28px;display:flex;align-items:center;gap:10px;padding:0 14px;height:46px;border:1px solid var(--line);border-radius:10px;background:var(--off);font-family:var(--mono);transition:border-color .2s,box-shadow .2s}
.faq-search:focus-within{border-color:var(--royal);box-shadow:0 0 0 4px var(--royal-tint)}
.faq-search svg{flex:0 0 16px;color:var(--ink-soft)}
.faq-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.86rem;outline:0}
.faq-search input::placeholder{color:var(--ink-soft);opacity:.8}
.faq-meta{margin-top:12px;display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:.78rem;color:var(--ink-soft);max-width:340px}
.faq-meta button{font:inherit;background:none;border:0;color:var(--royal);cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:3px}
.faq-grid{display:flex;flex-direction:column;gap:10px;interpolate-size:allow-keywords}
.faq-grid details{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--white);overflow:hidden;transition:border-color .25s,box-shadow .25s,background .25s}
.faq-grid details::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--royal),var(--gold));transform:scaleY(0);transform-origin:top;transition:transform .3s ease}
.faq-grid details:hover{border-color:color-mix(in srgb,var(--royal) 45%,var(--line))}
.faq-grid details[open]{border-color:color-mix(in srgb,var(--royal) 55%,transparent);background:linear-gradient(180deg,var(--royal-tint),var(--white) 140px);box-shadow:0 18px 40px -24px color-mix(in srgb,var(--royal) 55%,transparent)}
.faq-grid details[open]::before{transform:scaleY(1)}
.faq-grid details[hidden]{display:none}
.faq-grid summary{font-family:var(--display);font-weight:500;font-size:1.04rem;letter-spacing:-.01em;line-height:1.4;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;color:var(--ink)}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid summary::after{content:"";flex:0 0 28px;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%232447D8' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M2 4.5l4 4 4-4'/%3E%3C/svg%3E");transition:transform .3s ease,background-color .25s,border-color .25s}
.faq-grid details[open] summary::after{transform:rotate(180deg);background-color:var(--royal-tint);border-color:color-mix(in srgb,var(--royal) 50%,transparent)}
.faq-grid summary:focus-visible{outline:2px solid var(--royal);outline-offset:-4px;border-radius:10px}
.faq-grid details::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .35s ease,opacity .3s ease,content-visibility .35s allow-discrete}
.faq-grid details[open]::details-content{block-size:auto;opacity:1}
.faq-answer{padding:0 22px 22px;margin-right:48px}
.faq-grid .faq-answer p{font-size:.96rem;line-height:1.7;color:var(--ink-soft);margin:0;max-width:62ch}
.faq-grid .faq-answer strong{color:var(--ink);font-weight:600}
.faq-grid a{color:var(--royal);text-decoration:underline;text-underline-offset:3px}
.faq-empty{display:none;padding:28px;border:1px dashed var(--line);border-radius:12px;color:var(--ink-soft);font-family:var(--mono);font-size:.86rem}
.faq-empty.show{display:block}
[data-theme="dark"] .faq-grid details{background:#151A31}
[data-theme="dark"] .faq-grid details[open]{background:linear-gradient(180deg,rgba(165,165,255,.10),#151A31 140px)}
[data-theme="dark"] .faq-grid summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23A5A5FF' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M2 4.5l4 4 4-4'/%3E%3C/svg%3E")}
@media(max-width:860px){.faq-layout{grid-template-columns:1fr}.faq-side{position:static}.faq-side h2{max-width:20ch}}
@media(max-width:560px){.faq-grid summary{padding:17px;font-size:1rem}.faq-answer{padding:0 17px 18px;margin-right:0}}
@media(prefers-reduced-motion:reduce){.faq-grid details,.faq-grid details::before,.faq-grid summary::after,.faq-grid details::details-content{transition:none}}

/* Workflow diagram */
.flow-sec{background:var(--white)}
.flow-legend{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:-16px 0 36px;font-size:.85rem;color:var(--ink-soft)}
.flow-legend span{display:inline-flex;align-items:center;gap:8px}
.lg{width:14px;height:14px;border-radius:4px;display:inline-block;border:1.5px solid var(--line)}
.lg.ai{border-color:transparent;background:linear-gradient(var(--white),var(--white)) padding-box,linear-gradient(120deg,#2dd4bf,#8b5cf6,#f472b6,#f5c542) border-box}
.lg.human{background:var(--gold);border-color:var(--gold)}
.flow{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.fl-top,.fl-end{display:flex;flex-direction:column;align-items:center;width:100%}
.fn{display:flex;align-items:center;gap:14px;width:100%;max-width:340px;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--white);position:relative}
.fn-wide{max-width:440px}
.fi{flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:var(--off);display:grid;place-items:center;color:var(--ink)}
.ft{display:flex;flex-direction:column;font-weight:600;font-size:.97rem;line-height:1.3;color:var(--ink)}
.ft small{font-weight:400;font-size:.8rem;color:var(--ink-soft);margin-top:2px;line-height:1.4}
.fn.ai{border-color:transparent;background:linear-gradient(var(--white),var(--white)) padding-box,linear-gradient(120deg,#2dd4bf,#8b5cf6,#f472b6,#f5c542) border-box}
.fn.ai .fi{color:#6D5BF0}
.fn.stack{box-shadow:6px -6px 0 -1px var(--royal-tint),6px -6px 0 0 var(--line)}
.fn.auto .fi{color:var(--royal)}
.fn.human{border-color:var(--gold);background:var(--gold-tint);max-width:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 22%,transparent);animation:hpulse 2.8s ease-out 1s 2}
.av{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--gold);color:#2B2208;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.85rem}
@keyframes hpulse{0%{box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 22%,transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--gold) 0%,transparent)}100%{box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 22%,transparent)}}
.fl-link{width:2px;height:24px;background:var(--ink);opacity:.8;margin:0 auto}
.fl-link.gold{background:var(--gold);opacity:1}
.fl-badge{width:34px;height:34px;display:grid;place-items:center;color:#fff;border-radius:9px;transform:rotate(45deg);margin:0 0 -6px;position:relative;z-index:2}
.fl-badge svg{transform:rotate(-45deg)}
.fl-badge.bolt{background:#10B981;margin-bottom:-14px}
.fl-badge.branch{background:#5B5BE0;margin:-4px 0 -14px}
.fl-top .fn{z-index:1}
.fl-fork{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:0}
.fl-col{position:relative;display:flex;flex-direction:column;align-items:center;padding:44px 18px 0}
.fl-col::before{content:"";position:absolute;top:0;height:22px;border-top:2px solid var(--ink);opacity:.8}
.fl-col:first-child::before{left:50%;right:0;border-left:2px solid var(--ink);border-top-left-radius:16px}
.fl-col:last-child::before{left:0;right:50%;border-right:2px solid var(--ink);border-top-right-radius:16px}
.fl-col:first-child::before{left:50%;right:-1px}
.fl-fork::before{content:none}
.fl-tag{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:var(--white);border:1px solid var(--ink);border-radius:6px;padding:3px 12px;font-size:.78rem;white-space:nowrap;z-index:1}
.fl-tag.gold{background:var(--gold);border-color:var(--gold);color:#2B2208;font-weight:600}
.hitl-panel{width:100%;max-width:420px;padding:16px;border:1.5px dashed var(--gold);border-radius:18px;background:linear-gradient(180deg,var(--gold-tint),transparent);display:flex;flex-direction:column;align-items:center;gap:0}
.hitl-head{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:14px;text-align:center}
.hitl-pill{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:#2B2208;font-weight:700;font-size:.8rem;padding:4px 12px;border-radius:20px}
.hitl-sub{font-size:.8rem;color:var(--ink-soft)}
.decide{display:flex;gap:8px;margin-top:12px}
.d{font-size:.82rem;font-weight:600;padding:6px 14px;border-radius:8px;border:1.5px solid var(--line);background:var(--white);color:var(--ink)}
.d.ok{background:#10B981;border-color:#10B981;color:#fff}
.d.no{color:#C03A45;border-color:color-mix(in srgb,#C03A45 40%,transparent)}
.hitl-panel .fn{max-width:none}
.fl-col>.fn{max-width:340px}
.fl-end{margin-top:6px}
.fl-end .fl-link{height:26px}
[data-theme="dark"] .fn,[data-theme="dark"] .d{background:#151A31}
[data-theme="dark"] .fn.ai{background:linear-gradient(#151A31,#151A31) padding-box,linear-gradient(120deg,#2dd4bf,#8b5cf6,#f472b6,#f5c542) border-box}
[data-theme="dark"] .lg.ai{background:linear-gradient(#151A31,#151A31) padding-box,linear-gradient(120deg,#2dd4bf,#8b5cf6,#f472b6,#f5c542) border-box}
[data-theme="dark"] .fn.human{background:#2A2618}
[data-theme="dark"] .fl-link,[data-theme="dark"] .fl-col::before{background-color:transparent}
[data-theme="dark"] .fl-link:not(.gold){background:#8EA8FF}
[data-theme="dark"] .fl-col::before{border-color:#8EA8FF}
[data-theme="dark"] .fl-tag{background:#0D1022;border-color:#8EA8FF}
[data-theme="dark"] .fl-tag.gold{background:var(--gold);border-color:var(--gold)}
[data-theme="dark"] .d.ok{background:#10B981;color:#fff}
@media(max-width:760px){.fl-fork{grid-template-columns:1fr}.fl-col{padding-left:0;padding-right:0}.fl-col::before{left:50%!important;right:auto!important;width:0;border:0!important;border-left:2px solid var(--ink)!important;border-radius:0!important;height:22px}.fl-col:last-child{margin-top:14px}.fl-tag{top:10px}}
@media(prefers-reduced-motion:reduce){.fn.human{animation:none}}

.fl-col{padding-bottom:22px}
.fl-col::after{content:"";position:absolute;bottom:0;height:22px;border-bottom:2px solid var(--ink);opacity:.8}
.fl-col:first-child::after{left:50%;right:-1px;border-left:2px solid var(--ink);border-bottom-left-radius:16px}
.fl-col:last-child::after{left:-1px;right:50%;border-right:2px solid var(--ink);border-bottom-right-radius:16px}
.fl-col:first-child .fn:last-child{margin-bottom:0}
.fl-link.grow{flex:1 1 0;min-height:24px}
[data-theme="dark"] .fl-col::after{border-color:#8EA8FF}
.fl-top .fl-link{height:22px}
@media(max-width:760px){.fl-col::after{display:none}.fl-col{padding-bottom:0}}

/* Clarity pass: Montserrat (Proxima Nova-style), stronger contrast, larger small text */
:root{--display:'Montserrat',system-ui,sans-serif;--sans:'Montserrat',system-ui,sans-serif;--ink:#0B1530;--ink-soft:#364360;--line:rgba(25,53,128,0.22)}
[data-theme="dark"]{--ink:#FFFFFF;--ink-soft:#D5DEF5;--line:rgba(165,180,255,0.30)}
body{font-size:16.5px;line-height:1.7;font-weight:450;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-weight:700;letter-spacing:-0.025em;line-height:1.15}
p,li{font-weight:450}
.brand,.wordmark{font-weight:800;letter-spacing:-0.02em}
.nav-links a{font-size:.95rem;font-weight:500;color:var(--ink)}
[class*="kicker"],.hv-topbar .label,.service-num,.flow-label,.rule-title,.win-bar span,.hitl-col h3 .who,.service-row .checkpoint,.tech-row span,.start-step .n{font-size:.9rem !important;color:var(--ink-soft)}
.ft small,.step p,.loop-cell p,.hitl-col li,.problem-grid li{font-size:.92rem;color:var(--ink-soft)}
.hv-step small{font-size:.84rem}
.d,.fl-tag,.hitl-sub{font-size:.86rem}
.faq-grid .faq-answer p{font-size:1rem;color:var(--ink-soft)}
.faq-grid summary{font-weight:600}
.btn{font-weight:700}
[data-theme="dark"] .step p,[data-theme="dark"] .process .section-head p{color:#D5DEF5}
footer,footer .foot-links a{color:#D5DEF5}footer .copy{color:#AEB9DC}
.hero h1{font-size:clamp(2.1rem,4.4vw,3.5rem);letter-spacing:-0.03em;line-height:1.1}
.section-head h2{font-size:clamp(1.6rem,2.6vw,2.15rem)}