/* KONAI v6 — progressive disclosure, lighter canvas, deterministic interaction states */
:root{--v6-card:#fff;--v6-soft:#f7f4ec;--v6-ink:#0b1728;--v6-muted:#58687a;--v6-line:#dfe4ea}
html{scroll-padding-top:calc(var(--header-h) + 24px)}
body{font-size:16px;line-height:1.55;background:#fffdf8;color:var(--v6-ink)}

/* Light-first presentation. Dark is reserved for working surfaces and footer. */
.home-hero.section-navy,.audience-hero.section-navy,.protocol.section-navy,.bridge-home.section-navy{background:linear-gradient(180deg,#fffdf8 0%,#f8f5ed 100%);color:var(--v6-ink)}
.home-hero .hero-grid,.audience-hero::before{background-image:linear-gradient(rgba(11,23,40,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,23,40,.035) 1px,transparent 1px),radial-gradient(circle at 76% 26%,rgba(255,201,40,.18),transparent 28%),radial-gradient(circle at 10% 6%,rgba(230,177,38,.10),transparent 24%);background-size:64px 64px,64px 64px,auto,auto}
.home-hero-copy .eyebrow,.audience-hero-sub,.audience-hero-line,.audience-hero-note{color:var(--v6-muted)}
.home-hero h1,.audience-hero h1{color:var(--v6-ink)}
.home-hero h1 span,.audience-hero h1 em,.audience-hero-sub strong{color:#b77b00}
.home-hero-lede{color:#4f6073;max-width:650px;font-size:clamp(1rem,1.12vw,1.16rem);line-height:1.58}
.pilot-chip{background:#fff7d8;border-color:#e4c254;color:#895d00}
.audience-proof span{background:#fff;border-color:var(--v6-line);color:#536478}
.audience-hero-note{border-top-color:var(--v6-line)}.audience-hero-note b{color:var(--v6-ink)}
.home-hero .button--ghost,.audience-hero .button--ghost{border-color:#bdc7d1;color:var(--v6-ink);background:rgba(255,255,255,.65)}
.hero-marquee{border-color:var(--v6-line);color:#536478;background:rgba(255,255,255,.64)}

/* Section headings: readable, calm hierarchy. */
.section-heading h2,.gateway-head h2,.story-copy h2,.pilot h2{font-weight:720;letter-spacing:-.045em}
.section-index,.section-note,.eyebrow,.micro-label{letter-spacing:.11em;font-weight:800}
.section-note{font-size:.78rem}.section-index{font-size:.74rem}

/* Hero visual remains a focused dark product surface. */
.home-hero-visual,.audience-visual{box-shadow:0 24px 70px rgba(8,19,34,.16);border-color:#22344c;background:linear-gradient(180deg,#11243d,#071220)}
.home-hero-visual img,.audience-visual img{aspect-ratio:19/15;object-fit:contain;display:block}
.visual-toolbar>span{font-size:.8rem;line-height:1.2;color:#e5ebf2}.visual-toolbar button{font-size:.76rem;font-weight:760;letter-spacing:.06em;min-height:38px}
.hero-readout small{font-size:.68rem}.hero-readout b{font-size:.9rem}

/* Less copy upfront: progressive disclosure surfaces. */
.progressive-card{position:relative}
.progressive-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s var(--ease),opacity .2s ease,margin .28s var(--ease);margin-top:0}
.progressive-content>*{min-height:0;overflow:hidden}
.progressive-card.is-preview .progressive-content,.progressive-card.is-expanded .progressive-content{grid-template-rows:1fr;opacity:1;margin-top:12px}
.detail-toggle{margin-top:12px;border:0;background:transparent;color:#7b5a05;padding:5px 0;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:.79rem;font-weight:800;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(123,90,5,.28);text-underline-offset:4px}
.detail-toggle::after{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #d7c27c;border-radius:50%;font-size:.85rem;text-decoration:none;transition:transform .2s ease,background .2s ease}
.progressive-card.is-expanded>.detail-toggle::after{content:"−"}.detail-toggle:hover::after,.detail-toggle:focus-visible::after{background:#fff2b7}.detail-toggle:focus-visible{outline:3px solid rgba(255,201,40,.55);outline-offset:4px;border-radius:4px}

/* Home principles are now compact; the explanation appears on intent. */
.principle-strip{border-color:var(--v6-line);margin-top:38px}.principle-strip>div{border-color:var(--v6-line);padding-top:17px;padding-bottom:17px}.principle-strip b{font-size:1rem;color:var(--v6-ink)}.principle-strip small{color:#a77000}.principle-strip .progressive-content span{color:#627286;font-size:.83rem;line-height:1.45;margin-top:0}.principle-strip .detail-toggle{font-size:.72rem;margin-top:6px}

/* Permission-gap visual — fixed alignment and generous label size. */
.problem-intro{grid-template-columns:1.08fr .92fr;border-radius:28px;background:#fff;box-shadow:0 18px 55px rgba(8,19,34,.07)}
.problem-visual{min-height:390px;padding:20px;background:linear-gradient(145deg,#fffdf8,#fbf8ef)}.problem-visual svg{width:min(100%,720px);height:auto}
.problem-copy{padding:42px}.problem-copy h3{font-size:clamp(1.85rem,2.6vw,2.75rem);line-height:1.08}.problem-copy p{font-size:.96rem}
.problem-grid article{min-height:170px;padding-bottom:24px}.problem-grid h3{font-size:1.25rem}.problem-grid .progressive-content p{font-size:.9rem;line-height:1.55}

/* Trust layer is light around a dark visualization. */
.protocol{padding-bottom:96px}.protocol .section-heading--light h2,.protocol .section-heading--light .section-index,.protocol .section-heading--light .section-note{color:var(--v6-ink)}
.trust-stack{gap:38px}.trust-visual{min-height:500px;background:linear-gradient(180deg,#10223a,#06101e);border-color:#21354f;box-shadow:0 22px 65px rgba(8,19,34,.14)}
.trust-word{left:50%;right:auto;top:47%;transform:translate(-50%,-50%);width:min(52%,230px);font-size:clamp(1.8rem,2.7vw,2.35rem);line-height:.92;letter-spacing:-.055em;white-space:normal;overflow-wrap:anywhere;color:#07101f;z-index:2}
.trust-word span{display:block;max-width:100%;text-align:center}.trust-word small{font-size:.78rem;letter-spacing:.15em;margin-bottom:11px}
.trust-status{font-size:.8rem;align-items:center}.trust-status b{font-size:.88rem;max-width:58%;text-align:right;line-height:1.35}
.trust-steps{background:#fff;border:1px solid var(--v6-line);border-radius:24px;padding:0 24px;box-shadow:0 14px 40px rgba(8,19,34,.05)}
.trust-step{color:var(--v6-ink);border-top-color:var(--v6-line);padding:26px 0;background:transparent}.trust-step:last-child{border-bottom-color:var(--v6-line)}.trust-step>span{color:#8a96a4}.trust-step small{color:#9d6b00;font-size:.76rem}.trust-step h3{font-size:1.25rem;margin:7px 0 0}.trust-step-detail{max-height:0;opacity:0;overflow:hidden;margin-top:0!important;transition:max-height .25s ease,opacity .2s ease,margin .25s ease;color:#687789!important;font-size:.9rem!important}.trust-step:hover .trust-step-detail,.trust-step:focus-visible .trust-step-detail,.trust-step.is-active.has-intent .trust-step-detail{max-height:100px;opacity:1;margin-top:9px!important}.trust-step i{border-color:#8995a4}.trust-step.is-active{background:linear-gradient(90deg,rgba(255,201,40,.10),transparent 68%)}

/* Audience cards: navigation first, descriptions secondary. */
.gateway-head{align-items:end}.gateway-head>p{max-width:510px;font-size:.96rem;color:#5f6f82}.gateway-card{min-height:250px}.gateway-card p{font-size:.9rem;line-height:1.5}.gateway-card footer span{font-size:.73rem}

/* Bridge is light; selected chips still perform a real state change. */
.bridge-home{padding:96px 0}.bridge-home .section-heading--light h2,.bridge-home .section-heading--light .section-index,.bridge-home .section-heading--light .section-note{color:var(--v6-ink)}
.bridge-shell{border-color:var(--v6-line);background:#fff;box-shadow:0 18px 55px rgba(8,19,34,.06)}.bridge-pane{padding:32px}.bridge-pane p{color:#607084;font-size:.9rem}.persona-chips button{background:#fbfaf6;border-color:#dbe1e7;color:#45576b;font-size:.8rem;min-height:37px}.persona-chips button.is-active{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}
.bridge-core{border-color:var(--v6-line);background:linear-gradient(180deg,#fbf8ef,#fff)}.bridge-core::before{background:radial-gradient(circle,rgba(255,201,40,.18),transparent 58%)}.bridge-core strong{color:var(--v6-ink)}.bridge-core p{color:#68798d;font-size:.8rem}.bridge-core span{color:#9c6b00;font-size:.74rem}.bridge-receipt{border-color:var(--v6-line);background:#fff;color:var(--v6-ink)}.bridge-receipt small{color:#758497;font-size:.7rem}.bridge-receipt .receipt-center{color:#9b6b00}

/* Story has one lead line upfront; detail expands on intent. */
.story-copy .story-lede{font-size:1.05rem;line-height:1.6;color:#526478;max-width:660px}.story-copy .progressive-content p{font-size:.94rem}.history-mode span{font-size:.82rem}.history-mode b{font-size:1rem}.history-notes{font-size:.88rem}.history-stops{font-size:.76rem}

/* Audience hero and section density. */
.audience-hero{min-height:auto;padding-bottom:56px}.audience-hero-layout{padding-bottom:30px}.audience-hero h1{font-size:clamp(2.8rem,4.7vw,5rem)}.audience-hero-sub{font-size:clamp(1.2rem,1.75vw,1.85rem);color:#4f6073}.audience-hero-line{font-size:.93rem;color:#647488}.audience-proof{margin-top:22px}.audience-proof span{font-size:.74rem;padding:7px 11px}.audience-hero-note{margin-top:28px;font-size:.8rem}

/* Risks: cards are scannable until the visitor asks for the explanation. */
.risk-section{padding-bottom:80px}.risk-layout{gap:22px}.risk-sticky{min-height:335px;padding:28px}.risk-sticky h3{font-size:clamp(1.9rem,2.8vw,3rem)}.risk-sticky p{font-size:.94rem}.risk-meter{margin-top:28px}
.risk-card{min-height:142px;padding:24px 26px}.risk-card h4{font-size:1.3rem;margin-bottom:6px}.risk-card strong{margin-top:10px;font-size:.82rem;color:#43566b}.risk-card .progressive-content p{font-size:.92rem;line-height:1.55;margin:0}.risk-card .detail-toggle{margin-top:8px}

/* Infrastructure: three concise layers; lists become revealable detail. */
.solution-section{padding-bottom:82px}.solution-shell{background:#fff;color:var(--v6-ink);border-color:var(--v6-line);box-shadow:0 18px 55px rgba(8,19,34,.06)}
.solution-head{padding:38px 40px 28px;grid-template-columns:1.15fr .85fr;gap:34px}.solution-head h2{font-size:clamp(2rem,3.2vw,3.5rem);color:var(--v6-ink)}.solution-head p{color:#607084;font-size:.95rem;align-self:center}.solution-head .gold{color:#9a6800}
.solution-columns{border-top-color:var(--v6-line)}.solution-column{min-height:230px;padding:28px;background:linear-gradient(180deg,#fff,#fdfbf5)}.solution-column+.solution-column{border-left-color:var(--v6-line)}.solution-column header span{font-size:.76rem;color:#946400}.solution-column h3{font-size:1.55rem;margin:17px 0 8px}.capability-count{font-size:.84rem;color:#718094;margin:0}.solution-column li{color:#56677a;border-color:var(--v6-line);font-size:.92rem;line-height:1.5;padding:12px 0 12px 19px}.solution-column li:last-child{border-bottom-color:var(--v6-line)}.solution-column .detail-toggle{margin-top:14px}.solution-footer{border-top-color:var(--v6-line);background:#fbfaf6;color:#657488;font-size:.84rem}.solution-footer b{color:var(--v6-ink)}

/* Workflow: use explicit step crossing; details do not crowd the timeline. */
.workflow-section{padding-bottom:82px}.workflow-shell{gap:38px}.workflow-stage{min-height:500px;box-shadow:0 22px 65px rgba(8,19,34,.13)}.workflow-stage-core{height:320px}.workflow-stage-core h3{font-size:1.55rem;max-width:82%}.workflow-stage-top{font-size:.78rem}.workflow-stage-result small{font-size:.72rem}.workflow-stage-result b{font-size:.92rem;line-height:1.4}
.workflow-step{padding:22px 0;cursor:default}.workflow-step h3{font-size:1.35rem;margin:6px 0}.workflow-step small{font-size:.76rem}.workflow-step .result-line{font-size:.84rem;margin-top:8px}.workflow-step .progressive-content p{font-size:.92rem;line-height:1.55;margin:0}.workflow-step .detail-toggle{margin-top:8px}.workflow-step:hover,.workflow-step:focus-within,.workflow-step.is-active{padding-left:10px;background:linear-gradient(90deg,rgba(255,201,40,.09),transparent 72%)}

/* Contracts / benefits: detail is available but not forced. */
.contract-section{padding:78px 0}.contract-copy h2{font-size:clamp(2rem,3.2vw,3.55rem);line-height:1.03}.contract-copy .progressive-content p{font-size:.95rem;line-height:1.6;color:#5d6d80}.contract-card-head span{font-size:.82rem}.contract-seal b{font-size:1rem}.contract-seal small{font-size:.8rem}.law-grid{margin-top:34px}.law-grid small{font-size:.72rem}.law-grid b{font-size:.9rem}.law-note{font-size:.78rem}
.founding-section{padding:78px 0}.founding-card{min-height:190px;padding:26px}.founding-card h3{font-size:1.3rem;margin:24px 0 8px}.founding-card em{font-size:.82rem;line-height:1.45;margin-top:7px}.founding-card .progressive-content p{font-size:.91rem;line-height:1.55;color:#5f6f82}.founding-card .detail-toggle{margin-top:9px}

/* Pilot remains warm/light, with progressive explanations. */
.pilot{padding:88px 0;background:linear-gradient(125deg,#fff5c9,#ffc928)}.pilot h2{font-size:clamp(2.45rem,4.2vw,4.4rem)}.pilot p{font-size:.96rem}.pilot-benefit{padding:17px 0}.pilot-benefit h3{font-size:1.04rem}.pilot-benefit .progressive-content p{font-size:.9rem}.pilot-bottom{margin-top:34px}.pilot-bottom span{font-size:.84rem;max-width:760px}

/* SVG/image readability: never display the illustration too small to read its large labels. */
@media (min-width:961px){.home-hero-visual,.audience-visual{min-width:0}.home-hero-visual img,.audience-visual img{min-height:450px}}

@media (max-width:960px){
  .problem-intro{grid-template-columns:1fr}.problem-visual{border-right:0;border-bottom:1px solid var(--v6-line);min-height:330px}
  .solution-head{grid-template-columns:1fr}.solution-columns{grid-template-columns:1fr}.solution-column+.solution-column{border-left:0;border-top:1px solid var(--v6-line)}
  .bridge-core{border-left:0;border-right:0;border-top:1px solid var(--v6-line);border-bottom:1px solid var(--v6-line)}
  .trust-visual{max-width:680px}.workflow-stage{max-width:680px;width:100%;margin-inline:auto}
}
@media (max-width:700px){
  body{font-size:16px}.home-hero,.audience-hero{padding-top:calc(var(--header-h) + 30px)}.home-hero h1,.audience-hero h1{font-size:clamp(2.35rem,10.5vw,3.35rem)}
  .home-hero-lede{font-size:1rem}.principle-strip{grid-template-columns:1fr}.principle-strip>div,.principle-strip>div+div{padding:14px 0;border-right:0;border-bottom:1px solid var(--v6-line)}
  .visual-toolbar{left:13px;right:13px;top:13px}.visual-toolbar .signal-switch{width:100%;justify-content:space-between}.visual-toolbar button{font-size:.7rem;padding:8px 9px;min-height:36px}.home-hero-visual img,.audience-visual img{min-height:340px}
  .problem-visual{min-height:260px;padding:8px}.problem-copy{padding:24px}.problem-copy h3{font-size:1.75rem}.perspective-toggle{grid-template-columns:1fr}.perspective-toggle button+button{border-left:0;border-top:1px solid var(--v6-line)}
  .trust-visual{min-height:390px;padding:18px}.trust-word{width:56%;font-size:clamp(1.55rem,7.8vw,2.15rem)}.trust-status{left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:1fr;gap:3px}.trust-status b{max-width:100%;text-align:left;font-size:.82rem}.trust-steps{padding:0 16px}.trust-step{grid-template-columns:36px 1fr 13px;gap:10px;padding:20px 0}.trust-step h3{font-size:1.08rem}.trust-step-detail{font-size:.86rem!important}
  .gateway-card{min-height:220px}.bridge-pane{padding:24px}.bridge-pane h3{margin-top:24px}.persona-chips button{font-size:.76rem}
  .history-mode span{font-size:.74rem}.history-mode b{font-size:.9rem}.history-stops{font-size:.69rem}.history-notes{font-size:.82rem}
  .risk-sticky{min-height:auto}.risk-card{min-height:130px;padding:22px}.risk-card h4{font-size:1.18rem}
  .solution-head{padding:26px 22px}.solution-column{padding:22px;min-height:auto}.solution-column li{font-size:.88rem}.solution-footer{padding:18px 22px}
  .workflow-stage{min-height:420px;padding:20px}.workflow-stage-core{height:270px}.workflow-stage-core h3{font-size:1.3rem}.workflow-step{grid-template-columns:38px 1fr;gap:10px;padding:20px 0}.workflow-step h3{font-size:1.17rem}
  .contract-section,.founding-section{padding:64px 0}.contract-card-head span{font-size:.72rem}.contract-seal small{font-size:.74rem}.founding-card{min-height:auto;padding:22px}.founding-card h3{margin-top:18px}
  .pilot{padding:68px 0}.pilot-layout{gap:28px}.pilot-bottom span{font-size:.78rem}
}

@media (prefers-reduced-motion:reduce){.progressive-content,.trust-step-detail{transition:none}}