/* KONAI v7 — viewport chapters, unified identity language, fixed-layout interactions */
:root{
  --v7-ink:#081426;
  --v7-navy:#0b1b31;
  --v7-navy-2:#102843;
  --v7-gold:#f2b400;
  --v7-gold-bright:#ffca2b;
  --v7-cream:#fffdf8;
  --v7-soft:#f7f3e9;
  --v7-line:#d8e0e8;
  --v7-muted:#5b6b7e;
}

/* Every major chapter behaves as one viewport-sized composition on desktop/tablet. */
@media (min-width:761px){
  html{scroll-snap-type:y proximity}
  main>section{min-height:100svh;scroll-snap-align:start;scroll-snap-stop:normal;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--header-h) + clamp(18px,3vh,34px));padding-bottom:clamp(24px,4vh,52px);overflow:clip}
  main>section#top{padding-top:calc(var(--header-h) + clamp(20px,3.4vh,44px));padding-bottom:clamp(26px,3.5vh,44px)}
  main>section .section-heading{padding-top:0;margin-bottom:clamp(22px,3.2vh,38px)}
  main>section.story,main>section.pilot,main>section.contract-section,main>section.founding-section,main>section.faq-teaser{padding-top:calc(var(--header-h) + clamp(16px,2.4vh,28px));padding-bottom:clamp(22px,3vh,38px)}
}

body{font-size:16px;color:var(--v7-ink)}
.section-heading h2{font-size:clamp(2.15rem,3.8vw,4.2rem);line-height:1.01;font-weight:720}
.section-note{font-size:.88rem}

/* ---------- Unified three-layer identity stack ---------- */
.identity-stack-shell{
  width:100%;aspect-ratio:1/1;min-height:0;max-height:min(66vh,610px);border-radius:30px;
  border:1px solid #243d5c;background:linear-gradient(155deg,#102843,#071321 70%);
  box-shadow:0 26px 70px rgba(8,19,34,.16);padding:18px;display:grid;grid-template-rows:auto 1fr auto;gap:12px;overflow:hidden;
}
.home-hero-visual.identity-stack-shell,.audience-visual.identity-stack-shell{padding:18px;background:linear-gradient(155deg,#102843,#071321 70%);border-color:#243d5c}
.identity-stack-head,.identity-stack-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff}
.identity-stack-head span,.identity-stack-foot span{font-size:.72rem;font-weight:850;letter-spacing:.13em;color:#aebed0}
.identity-stack-head b{font-size:.92rem;color:#fff}
.identity-stack-foot{border-top:1px solid rgba(255,255,255,.1);padding-top:10px}
.identity-stack-foot span{font-size:.64rem;color:#d8e2ec}
.identity-stack{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-height:0}
.identity-stack img{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:18px;transition:transform .28s var(--ease),filter .28s ease}
.identity-stack img:hover{transform:translateX(4px);filter:brightness(1.045)}
.identity-stack-shell--audience{max-height:min(68vh,620px)}

/* Homepage hero is denser so the complete composition sits comfortably in one viewport. */
.home-hero{min-height:100svh}
.home-hero-layout{grid-template-columns:minmax(0,.96fr) minmax(480px,.9fr);gap:clamp(36px,5vw,70px);padding-bottom:clamp(24px,4vh,54px)}
.home-hero h1{font-size:clamp(3.2rem,5.35vw,5.6rem)}
.home-hero-lede{margin-top:22px;font-size:clamp(.98rem,1.05vw,1.1rem)}
.hero-actions{margin-top:27px}
.principle-strip{margin-top:30px}
.principle-strip>div{padding-top:13px;padding-bottom:13px}
.principle-strip .progressive-content{display:block!important;opacity:1!important;margin-top:4px!important;grid-template-rows:1fr!important}
.principle-strip .progressive-content>*{overflow:visible}
.home-always-open>.progressive-content{display:block!important;opacity:1!important;grid-template-rows:1fr!important;margin-top:8px!important}
.home-always-open>.progressive-content>*{overflow:visible!important}
.hero-marquee{margin-top:auto}

/* ---------- Permission gap: both owner and user visible at once ---------- */
.problem-intro{grid-template-columns:1fr 1fr;overflow:hidden}
.problem-visual{min-height:310px;padding:14px}
.problem-copy{padding:30px 34px;display:flex;flex-direction:column;justify-content:center}
.problem-copy>h3{font-size:clamp(1.72rem,2.25vw,2.35rem);margin:12px 0 18px;max-width:620px}
.perspective-duo{display:grid;grid-template-rows:1fr 30px 1fr;gap:0}
.perspective-card{border:1px solid var(--v7-line);border-radius:18px;padding:15px 17px;background:#fff;position:relative;overflow:hidden}
.perspective-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}
.perspective-card--owner::before{background:var(--v7-gold)}
.perspective-card--user::before{background:var(--v7-navy-2)}
.perspective-card span{font-size:.68rem;letter-spacing:.14em;font-weight:850;color:#9a6800}
.perspective-card--user span{color:#38587c}
.perspective-card h4{font-family:var(--font-display);font-size:1.08rem;line-height:1.23;margin:6px 0 4px;letter-spacing:-.02em}
.perspective-card p{font-size:.82rem;line-height:1.4;margin:0;color:var(--v7-muted)}
.perspective-link{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding-inline:18px}
.perspective-link i{height:1px;background:var(--v7-line)}
.perspective-link b{font-size:.65rem;letter-spacing:.12em;color:#9a6800}
.problem-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.problem-grid article{min-height:132px!important;padding:18px 20px!important;border-radius:18px}
.problem-grid article>svg{width:30px;height:30px}
.problem-grid h3{font-size:1.13rem!important;margin:8px 0 3px}
.problem-grid .progressive-content{margin-top:4px!important}
.problem-grid .progressive-content p{font-size:.82rem!important;line-height:1.4!important}

/* ---------- Trust layer: fixed geometry + smooth cross-fade, never bounces ---------- */
.protocol{padding-bottom:0!important}
.trust-stack{grid-template-columns:minmax(360px,.93fr) minmax(0,1.07fr);gap:34px;align-items:stretch}
.trust-visual{position:relative!important;top:auto!important;height:clamp(430px,58vh,510px);min-height:0!important;max-height:510px;padding:26px;contain:layout paint;transform:none!important}
.trust-visual svg{inset:7% 8% 11%;width:84%;height:82%}
.trust-path{transition:none!important}
.trust-path-layer{opacity:0;transition:opacity .34s ease;stroke-width:4.5}
.trust-path-layer.is-active{opacity:1}
.trust-word{top:47%;width:210px;font-size:clamp(1.7rem,2.4vw,2.2rem);line-height:.94;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.trust-word small{font-size:.8rem}
.trust-status{left:24px;right:24px;bottom:22px;height:56px;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}
.trust-status span{font-size:.68rem;letter-spacing:.1em}
.trust-status b{font-size:.86rem!important;line-height:1.3;max-width:62%;min-height:34px;display:flex;align-items:center;justify-content:flex-end}
.trust-steps{height:clamp(430px,58vh,510px);grid-template-rows:repeat(4,1fr);padding:0 22px;overflow:hidden}
.trust-step{height:100%;min-height:0;padding:14px 10px!important;grid-template-columns:42px 1fr 14px;gap:13px;align-items:center;transition:background .26s ease,border-color .26s ease,box-shadow .26s ease;transform:none!important}
.trust-step>span{font-size:.82rem}
.trust-step small{font-size:.67rem!important}
.trust-step h3{font-size:1.08rem!important;margin:3px 0 3px!important}
.trust-step-detail{display:block!important;max-height:none!important;opacity:1!important;margin:0!important;overflow:visible!important;font-size:.78rem!important;line-height:1.35!important;color:#66778a!important;transition:none!important}
.trust-step:hover,.trust-step:focus-visible,.trust-step.is-active{background:linear-gradient(90deg,rgba(255,201,40,.12),transparent 80%)}

/* ---------- Audience gateway ---------- */
.gateway-head{margin-bottom:24px}
.gateway-head h2{font-size:clamp(2.2rem,3.6vw,4rem)}
.gateway-grid{gap:14px}
.gateway-card{min-height:0!important;height:clamp(210px,26vh,260px);padding:22px}
.gateway-card h3{font-size:clamp(1.5rem,2.2vw,2.2rem);margin:28px 0 7px}
.gateway-card p{font-size:.82rem!important}
.gateway-card footer{padding-top:14px}

/* ---------- Bridge: selection updates the relationship immediately; no meaningless CTA ---------- */
.bridge-home{padding-bottom:0!important}
.bridge-shell{grid-template-columns:1fr 1.18fr 1fr;min-height:400px;align-items:stretch}
.bridge-pane{padding:28px;display:flex;flex-direction:column;justify-content:center}
.bridge-pane h3{font-size:clamp(1.45rem,2.1vw,2rem);margin:20px 0 12px}
.bridge-pane p{font-size:.82rem;line-height:1.45;margin:0 0 18px}
.persona-chips{gap:7px}
.persona-chips button{min-height:36px;font-size:.75rem;padding:8px 11px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.persona-chips button:hover{transform:translateY(-1px)}
.bridge-core{min-height:400px!important;padding:22px}
.bridge-core-visual{width:100%;display:grid;grid-template-columns:1fr;gap:14px;align-content:center;position:relative;z-index:1}
.bridge-node{border:1px solid var(--v7-line);border-radius:14px;background:#fff;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}
.bridge-node small{font-size:.63rem;letter-spacing:.13em;color:#76879a}
.bridge-node b{font-size:.88rem;color:var(--v7-ink);text-align:right}
.bridge-permission{border:1px solid #d9bd5b;border-radius:20px;background:linear-gradient(145deg,#fff9dd,#fff);padding:18px;text-align:center}
.bridge-permission img{width:52px!important;height:52px!important;border-radius:13px!important;margin:auto!important}
.bridge-permission span{font-size:.64rem!important;margin-top:10px!important;color:#936500!important}
.bridge-permission strong{font-size:1rem!important;margin-top:5px!important;color:var(--v7-ink)!important}
.permission-tokens{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:13px}
.permission-tokens i{font-style:normal;border:1px solid #e1d5a6;border-radius:999px;padding:6px 7px;font-size:.66rem;font-weight:760;color:#495a6e;background:#fff}
.bridge-summary{margin-top:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:46px!important;padding:10px 18px!important;font-size:.75rem!important;text-align:center}
.bridge-summary span{color:#6b798b}.bridge-summary b{font-size:.75rem!important;letter-spacing:.03em;color:#8e6200}

/* ---------- Story: only homepage disclosure that remains collapsed ---------- */
.story-layout{gap:52px}
.story-copy h2{font-size:clamp(2.2rem,3.7vw,4.2rem);margin:14px 0 18px}
.story-copy .story-lede{font-size:.94rem!important;line-height:1.48!important}
.story-copy .story-emphasis{font-size:.92rem!important}
.story-copy .progressive-content p{font-size:.84rem!important;line-height:1.45!important}
.history-machine{padding:16px}
.history-visual{height:clamp(350px,50vh,430px)}
.history-mode{min-height:70px}
.history-mode span{font-size:.78rem!important}.history-mode b{font-size:.94rem!important;line-height:1.3}
.history-slider{height:24px;cursor:pointer}
.history-notes{font-size:.82rem!important;min-height:22px}
.history-machine.is-history-changing .history-mode,.history-machine.is-history-changing .history-notes{opacity:.6}
.history-mode,.history-notes{transition:opacity .2s ease}

/* ---------- Pilot: expanded but concise ---------- */
.pilot-layout{gap:46px;align-items:center}
.pilot h2{font-size:clamp(2.25rem,3.7vw,4rem);margin:12px 0 14px}
.pilot p{font-size:.88rem!important;line-height:1.45}
.pilot-benefit{padding:12px 0}
.pilot-benefit h3{font-size:1rem}.pilot-benefit .progressive-content p{font-size:.8rem!important}
.pilot-bottom{margin-top:24px;padding-top:18px}

/* ---------- Side-page hero: fixed panel geometry prevents image swaps from changing size ---------- */
.audience-hero{min-height:100svh!important;padding-bottom:32px!important}
.audience-hero-layout{grid-template-columns:minmax(0,1.04fr) minmax(430px,.82fr);gap:42px;padding-bottom:16px!important}
.audience-hero h1{font-size:clamp(2.65rem,4.25vw,4.55rem)!important}
.audience-hero-sub{font-size:clamp(1.08rem,1.55vw,1.55rem)!important;margin-top:16px!important}
.audience-hero-line{margin-top:16px!important;font-size:.84rem!important}
.audience-hero-actions{margin-top:22px!important}
.audience-proof{margin-top:18px!important}.audience-proof span{font-size:.7rem!important}
.audience-hero-note{margin-top:16px!important;padding-top:12px!important;font-size:.74rem!important}
.audience-visual:not(.identity-stack-shell){aspect-ratio:1/1;max-height:min(64vh,600px);height:auto;padding:12px!important;display:block;position:relative;overflow:hidden}
.audience-visual:not(.identity-stack-shell)>img{position:absolute;inset:64px 12px 68px;width:calc(100% - 24px);height:calc(100% - 132px);object-fit:contain;aspect-ratio:auto!important;min-height:0!important;transition:opacity .2s ease,transform .32s var(--ease)}
.audience-visual.is-swapping>img{opacity:.3;transform:scale(.99)}
.audience-visual .visual-toolbar{z-index:4}
.hero-readout{z-index:4;left:18px;right:18px;bottom:16px}
.hero-readout div{padding:9px 10px}.hero-readout small{font-size:.61rem!important}.hero-readout b{font-size:.78rem!important}

/* ---------- Rebuilt problem experience: visual risk radar + 2x2 signals ---------- */
.risk-section{padding-bottom:0!important}
.risk-layout{grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);gap:24px;align-items:stretch}
.risk-sticky.risk-console{position:relative!important;top:auto!important;min-height:0!important;height:clamp(390px,53vh,470px);padding:20px!important;display:grid;grid-template-rows:auto 1fr auto auto;gap:10px;background:linear-gradient(155deg,#0e223b,#071321);border-color:#203a58;color:#fff;overflow:hidden;box-shadow:0 20px 55px rgba(8,19,34,.12)}
.risk-console-head{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:2}
.risk-console-head span{font-size:.67rem;letter-spacing:.13em;font-weight:850;color:var(--v7-gold-bright)}
.risk-console-head b{font-size:.76rem;color:#c3cfdb}
.risk-orbit{position:relative;min-height:0;display:grid;place-items:center}
.risk-orbit::before,.risk-orbit::after{content:"";position:absolute;border-radius:50%;border:1px dashed #355576}
.risk-orbit::before{width:min(82%,300px);aspect-ratio:1}
.risk-orbit::after{width:min(58%,212px);aspect-ratio:1;border-style:solid;opacity:.65}
.risk-core{position:relative;z-index:3;width:min(46%,164px);aspect-ratio:1;border-radius:50%;background:#fffdf8;color:var(--v7-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;box-shadow:0 0 0 12px rgba(255,202,43,.05)}
.risk-core small{font-size:.61rem;letter-spacing:.13em;font-weight:850;color:#9b6a00}
.risk-core strong{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;margin-top:5px;color:var(--v7-ink)}
.risk-core span{font-size:.68rem;line-height:1.25;color:#617286;max-width:120px;margin-top:5px}
.risk-node{position:absolute;z-index:4;width:38px;height:38px;border:1px solid #426486;border-radius:50%;display:grid;place-items:center;background:#102843;color:#fff;font-size:.72rem;font-weight:850;transition:transform .25s ease,background .25s ease,color .25s ease}
.risk-node--1{left:14%;top:16%}.risk-node--2{right:14%;top:16%}.risk-node--3{left:14%;bottom:14%}.risk-node--4{right:14%;bottom:14%}
.risk-track{height:7px!important;background:#243851!important;margin-top:0!important}.risk-track i{background:linear-gradient(90deg,#ffd44a,#f2a900)!important;transition:width .38s var(--ease)}
.risk-hint{font-size:.68rem!important;color:#9fb0c2!important;line-height:1.3!important;margin:0!important;text-align:center}
.risk-list{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px!important;height:clamp(390px,53vh,470px)}
.risk-card{min-height:0!important;height:100%;padding:18px 19px!important;border-radius:20px!important;display:flex;flex-direction:column;overflow:hidden;transform:none!important;box-shadow:none!important;background:linear-gradient(180deg,#fff,#fcfaf4)!important}
.risk-card:hover,.risk-card:focus-within,.risk-card:focus,.risk-card.is-active{border-color:#d6af32!important;box-shadow:0 12px 30px rgba(8,19,34,.07)!important;transform:none!important}
.risk-card::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--v7-gold),transparent);opacity:.2;transition:opacity .2s ease}
.risk-card.is-active::before,.risk-card:hover::before,.risk-card:focus::before{opacity:1}
.risk-card .risk-index{font-size:1.7rem!important;right:15px!important;top:11px!important}
.risk-card h4{font-size:1.05rem!important;line-height:1.2;margin:0 38px 3px 0!important;max-width:none!important}
.risk-card>strong{font-size:.72rem!important;margin:2px 0 0!important;color:#506276!important}
.risk-card .progressive-content{display:block!important;height:48px;min-height:48px;max-height:48px!important;grid-template-rows:1fr!important;opacity:0!important;margin:8px 0 0!important;transition:opacity .2s ease!important;background-image:linear-gradient(90deg,rgba(8,20,38,.055) 38%,transparent 38%);background-size:18px 2px;background-repeat:repeat-x;background-position:left 12px}
.risk-card.is-preview .progressive-content,.risk-card.is-expanded .progressive-content,.risk-card:focus-within .progressive-content{opacity:1!important;background-image:none}
.risk-card .progressive-content>*{overflow:hidden!important}
.risk-card .progressive-content p{font-size:.75rem!important;line-height:1.32!important;color:#627286!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.risk-card .detail-toggle{margin-top:auto!important;font-size:.72rem!important;padding-top:4px}

/* ---------- Side-page infrastructure / workflow / contracts / founding: fixed footprints ---------- */
.solution-section{padding-bottom:0!important}
.solution-head{padding:24px 28px 18px!important;gap:24px}
.solution-head h2{font-size:clamp(1.8rem,2.75vw,2.85rem)!important}
.solution-head p{font-size:.82rem!important;line-height:1.4!important}
.solution-column{height:clamp(300px,39vh,350px);min-height:0!important;padding:20px!important;display:flex;flex-direction:column}
.solution-column h3{font-size:1.32rem!important;margin:11px 0 4px!important}.capability-count{font-size:.75rem!important}
.solution-column .progressive-content{display:block!important;height:150px;max-height:150px!important;min-height:150px;grid-template-rows:1fr!important;opacity:0!important;margin-top:8px!important;transition:opacity .22s ease!important;background:linear-gradient(180deg,rgba(8,20,38,.025),transparent);border-radius:12px}
.solution-column.is-preview .progressive-content,.solution-column.is-expanded .progressive-content,.solution-column:focus-within .progressive-content{opacity:1!important}
.solution-column .progressive-content>*{overflow:hidden!important}
.solution-column li{font-size:.76rem!important;line-height:1.35!important;padding:7px 0 7px 15px!important}.solution-column li::before{top:13px!important;width:5px!important;height:5px!important}
.solution-column .detail-toggle{margin-top:auto!important;font-size:.72rem!important}
.solution-footer{padding:14px 24px!important;font-size:.74rem!important}

.workflow-section{padding-bottom:0!important}
.workflow-shell{grid-template-columns:minmax(330px,.84fr) minmax(0,1.16fr);gap:30px;align-items:stretch}
.workflow-stage{position:relative!important;top:auto!important;height:clamp(430px,56vh,500px);min-height:0!important;padding:24px!important;contain:layout paint}
.workflow-stage-core{height:270px!important}.workflow-ring{width:240px!important;height:240px!important}.workflow-icon{width:96px!important;height:96px!important;border-radius:24px!important}.workflow-icon svg{width:52px!important;height:52px!important}.workflow-stage-core h3{bottom:18px!important;font-size:1.32rem!important;min-height:44px;display:flex;align-items:flex-end;justify-content:center}
.workflow-stage-result{min-height:72px}.workflow-stage-result small{font-size:.64rem!important}.workflow-stage-result b{font-size:.82rem!important}
.workflow-steps{height:clamp(430px,56vh,500px);grid-template-rows:repeat(4,1fr)}
.workflow-step{position:relative;height:100%;min-height:0;padding:12px 8px!important;grid-template-columns:42px 1fr!important;gap:10px!important;align-items:center;overflow:hidden;transition:background .2s ease,border-color .2s ease,padding .2s ease!important}
.workflow-step:hover,.workflow-step:focus-within,.workflow-step.is-active{padding-left:8px!important}
.workflow-step>span{font-size:1rem!important}.workflow-step small{font-size:.65rem!important}.workflow-step h3{font-size:1.05rem!important;line-height:1.16!important;margin:2px 0!important}.workflow-step .result-line{font-size:.72rem!important;margin-top:3px!important}
.workflow-step .progressive-content{position:absolute;left:60px;right:90px;bottom:7px;height:34px;display:block!important;grid-template-rows:1fr!important;opacity:0!important;margin:0!important;pointer-events:none;transition:opacity .18s ease!important}
.workflow-step.is-preview .progressive-content,.workflow-step.is-expanded .progressive-content,.workflow-step:focus-within .progressive-content{opacity:1!important}
.workflow-step .progressive-content p{font-size:.68rem!important;line-height:1.25!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.workflow-step .detail-toggle{position:absolute;right:8px;bottom:8px;margin:0!important;font-size:.65rem!important;z-index:2}

.contract-section{padding-bottom:0!important}
.contract-layout{gap:46px;align-items:center}
.contract-copy h2{font-size:clamp(1.9rem,2.95vw,3.15rem)!important}.contract-copy .progressive-content p{font-size:.82rem!important;line-height:1.45!important}
.contract-card{min-height:0!important;height:clamp(300px,38vh,360px);padding:24px!important}.contract-card-head span{font-size:.74rem!important}.contract-seal b{font-size:.92rem!important}.contract-seal small{font-size:.72rem!important}
.law-grid{margin-top:22px!important}.law-grid div{padding:12px!important}.law-grid b{font-size:.8rem!important}.law-grid small{font-size:.64rem!important}.law-note{font-size:.7rem!important;margin-top:10px!important}

.founding-section{padding-bottom:0!important}
.founding-grid{grid-template-columns:repeat(4,1fr)!important;border-radius:22px!important}
.founding-card{min-height:0!important;height:clamp(145px,19vh,174px);padding:15px 16px!important;overflow:hidden}
.founding-card:nth-child(n){border-top:0;border-left:1px solid var(--line-dark)}.founding-card:nth-child(4n+1){border-left:0}.founding-card:nth-child(n+5){border-top:1px solid var(--line-dark)}
.founding-card>span{width:31px!important;height:31px!important;border-radius:9px!important;font-size:.64rem!important}.founding-card h3{font-size:.96rem!important;line-height:1.15;margin:10px 0 3px!important}.founding-card em{font-size:.68rem!important;line-height:1.3!important;margin-top:3px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.founding-card .progressive-content{position:absolute;left:14px;right:14px;bottom:38px;height:45px;display:block!important;grid-template-rows:1fr!important;opacity:0!important;margin:0!important;background:rgba(255,255,255,.96);transition:opacity .18s ease!important}
.founding-card.is-preview .progressive-content,.founding-card.is-expanded .progressive-content,.founding-card:focus-within .progressive-content{opacity:1!important}.founding-card .progressive-content p{font-size:.68rem!important;line-height:1.28!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.founding-card .detail-toggle{position:absolute;left:15px;bottom:10px;margin:0!important;font-size:.66rem!important}
.founding-cta{margin-top:14px!important;padding:16px 20px!important}.founding-cta h3{font-size:1.25rem!important}.founding-cta p{font-size:.7rem!important}.founding-cta .button{min-height:48px!important}

.faq-teaser-shell{padding:30px 0!important}.faq-teaser h2{font-size:clamp(2rem,3.4vw,3.5rem)!important}.faq-teaser p{font-size:.84rem!important}

/* More readable SVG switch toolbar / labels. */
.visual-toolbar>span{font-size:.82rem!important;font-weight:760}
.visual-toolbar .signal-switch button{font-size:.78rem!important;min-height:40px;padding:8px 13px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .home-hero-layout,.audience-hero-layout{grid-template-columns:1fr 1fr;gap:28px}
  .identity-stack-shell{max-height:min(58vh,540px)}
  .trust-stack{grid-template-columns:1fr 1fr}
  .bridge-shell{grid-template-columns:1fr .9fr 1fr}
  .founding-grid{grid-template-columns:repeat(3,1fr)!important}.founding-card:nth-child(n){border-left:1px solid var(--line-dark);border-top:0}.founding-card:nth-child(3n+1){border-left:0}.founding-card:nth-child(n+4){border-top:1px solid var(--line-dark)}
}

@media (max-width:900px){
  html{scroll-snap-type:none}
  main>section{min-height:100svh;overflow:visible}
  .home-hero-layout,.audience-hero-layout{grid-template-columns:1fr;gap:28px}
  .home-hero-visual.identity-stack-shell,.audience-visual.identity-stack-shell{width:min(100%,620px);max-height:none;aspect-ratio:1/1;margin-inline:auto}
  .problem-intro,.risk-layout,.workflow-shell,.contract-layout,.story-layout{grid-template-columns:1fr}
  .problem-visual{min-height:260px;border-right:0!important}
  .trust-stack{grid-template-columns:1fr}.trust-visual,.trust-steps{height:460px;max-width:680px;width:100%;margin-inline:auto}.trust-steps{height:auto;grid-template-rows:none}
  .trust-step{min-height:100px}
  .bridge-shell{grid-template-columns:1fr}.bridge-core{border-left:0!important;border-right:0!important;border-top:1px solid var(--v7-line);border-bottom:1px solid var(--v7-line)}
  .risk-sticky.risk-console,.risk-list{height:430px}.risk-list{grid-template-columns:1fr 1fr}
  .solution-columns{grid-template-columns:1fr}.solution-column{height:auto;min-height:250px!important}.solution-column+.solution-column{border-left:0!important;border-top:1px solid var(--v7-line)}
  .solution-column .progressive-content{height:120px;min-height:120px;max-height:120px!important}
  .workflow-stage{height:450px}.workflow-steps{height:auto;grid-template-rows:none}.workflow-step{min-height:112px}
  .founding-grid{grid-template-columns:repeat(2,1fr)!important}.founding-card:nth-child(n){border-left:1px solid var(--line-dark);border-top:0}.founding-card:nth-child(2n+1){border-left:0}.founding-card:nth-child(n+3){border-top:1px solid var(--line-dark)}
}

@media (max-width:760px){
  main>section{min-height:100svh;padding-top:calc(var(--header-h) + 26px);padding-bottom:36px;display:flex;flex-direction:column;justify-content:center}
  main>section#top{padding-top:calc(var(--header-h) + 22px)}
  .container{width:min(calc(100% - 30px),var(--container))}
  .section-heading{padding-top:0!important;margin-bottom:22px!important;grid-template-columns:1fr!important;gap:10px!important}.section-heading h2{font-size:clamp(2rem,9vw,2.8rem)}
  .home-hero{height:auto!important}.home-hero h1{font-size:clamp(2.7rem,12.5vw,3.8rem)}
  .home-hero-lede{font-size:.94rem}.principle-strip{margin-top:22px}
  .identity-stack-shell{aspect-ratio:1/1;max-height:none;padding:12px;gap:8px}.identity-stack{gap:7px}.identity-stack-head b{font-size:.78rem}.identity-stack-head span{font-size:.62rem}.identity-stack-foot span{font-size:.54rem}
  .problem-copy{padding:22px}.problem-copy>h3{font-size:1.55rem}.perspective-card h4{font-size:.98rem}.perspective-card p{font-size:.76rem}.problem-grid{grid-template-columns:1fr;gap:8px}.problem-grid article{min-height:100px!important}.problem-grid .progressive-content p{font-size:.78rem!important}
  .trust-visual{height:390px}.trust-steps{height:auto}.trust-step{min-height:105px;grid-template-columns:34px 1fr 12px}.trust-step-detail{font-size:.74rem!important}.trust-status b{font-size:.75rem!important}.trust-status span{font-size:.58rem}
  .gateway-grid{grid-template-columns:1fr}.gateway-card{height:200px}
  .bridge-pane{padding:22px}.bridge-core{min-height:320px!important}.bridge-summary{flex-direction:column;gap:4px!important}
  .history-visual{height:330px}.history-notes{font-size:.74rem!important}.story-copy .progressive-content p{font-size:.8rem!important}
  .pilot-layout{grid-template-columns:1fr;gap:22px}.pilot-bottom{flex-direction:column;align-items:flex-start}.pilot-bottom .button{width:100%}
  .audience-hero{height:auto!important}.audience-hero h1{font-size:clamp(2.35rem,10.5vw,3.35rem)!important}.audience-hero-sub{font-size:1.08rem!important}
  .audience-visual:not(.identity-stack-shell){aspect-ratio:1/1;max-height:none}.audience-visual:not(.identity-stack-shell)>img{inset:60px 10px 66px;width:calc(100% - 20px);height:calc(100% - 126px)}
  .risk-sticky.risk-console{height:350px}.risk-list{height:auto;grid-template-columns:1fr}.risk-card{height:178px}.risk-card .progressive-content{height:44px;min-height:44px;max-height:44px!important}.risk-card h4{font-size:1rem!important}
  .solution-column{min-height:300px!important}.solution-column .progressive-content{height:140px;min-height:140px;max-height:140px!important}
  .workflow-stage{height:390px}.workflow-stage-core{height:230px!important}.workflow-steps{height:auto}.workflow-step{min-height:118px}.workflow-step .progressive-content{left:52px;right:82px}
  .contract-card{height:310px}.law-grid{grid-template-columns:1fr 1fr!important}
  .founding-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:22px;scrollbar-width:none}.founding-grid::-webkit-scrollbar{display:none}.founding-card{flex:0 0 82vw;height:190px!important;scroll-snap-align:center;border-left:1px solid var(--line-dark)!important;border-top:0!important}.founding-card:first-child{border-left:0!important}.founding-cta{flex-direction:column;align-items:flex-start!important}.founding-cta .button{width:100%}
  .faq-teaser-shell{grid-template-columns:1fr!important}.faq-teaser-shell .button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-snap-type:none}.identity-stack img,.trust-path-layer,.risk-track i,.history-mode,.history-notes{transition:none!important}
}
.risk-node.is-active{background:var(--v7-gold-bright);border-color:var(--v7-gold-bright);color:var(--v7-ink);transform:scale(1.12);box-shadow:0 0 0 8px rgba(255,202,43,.08)}
/* FAQ is a paged browser rather than one extremely tall text wall. */
.faq-hero{min-height:100svh;display:flex;align-items:center;padding-top:calc(var(--header-h) + 34px)!important;padding-bottom:34px!important}
.faq-content{min-height:100svh!important;padding:calc(var(--header-h) + 22px) 0 28px!important;display:flex;align-items:flex-start;overflow:hidden}
.faq-content>.narrow{width:min(calc(100% - 50px),1050px)}
.faq-tabs{position:relative!important;top:auto!important;margin-bottom:10px!important;padding:0 0 10px!important;background:transparent!important;backdrop-filter:none!important}
.faq-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--v7-line);border-bottom:1px solid var(--v7-line);padding:10px 0;margin-bottom:8px}
.faq-pagination button{border:1px solid var(--v7-line);background:#fff;border-radius:999px;padding:8px 13px;cursor:pointer;font-size:.74rem;font-weight:760}.faq-pagination button:disabled{opacity:.35;cursor:not-allowed}.faq-pagination span{font-size:.72rem;color:#6b7a8c;font-weight:760}
.faq-group h2{font-size:1.6rem!important;margin:12px 0 8px!important}.faq-category{margin:12px 0 4px!important;font-size:.65rem!important}.faq-q{padding:11px 0!important;font-size:.9rem!important}.faq-a{font-size:.8rem!important;line-height:1.45!important;padding:0 38px 12px 0!important}.faq-empty,.faq-no-results{padding:22px!important}
@media(max-width:760px){.faq-content{overflow:visible}.faq-content>.narrow{width:min(calc(100% - 30px),1050px)}.faq-tabs{overflow-x:auto;flex-wrap:nowrap}.faq-q{font-size:.84rem!important}.faq-a{padding-right:0!important}.faq-pagination{position:sticky;top:var(--header-h);background:rgba(255,253,248,.96);z-index:4}.faq-hero{min-height:100svh}}

/* v7.1 final stability pass */
@media (min-width:901px) and (min-height:700px){
  main>section{height:100svh;min-height:100svh}
}
.identity-stack img:hover{transform:none;filter:brightness(1.045)}
.identity-stack img{transform:none}

/* On small screens, keep the problem chapter compact without sacrificing text size. */
@media (max-width:760px){
  .risk-layout{gap:14px}
  .risk-sticky.risk-console{height:320px}
  .risk-list{display:flex!important;height:184px;overflow-x:auto;overflow-y:hidden;gap:10px!important;scroll-snap-type:x mandatory;padding-bottom:5px;scrollbar-width:none}
  .risk-list::-webkit-scrollbar{display:none}
  .risk-card{flex:0 0 min(82vw,330px);height:174px!important;scroll-snap-align:center}
  .risk-card .progressive-content{height:42px;min-height:42px;max-height:42px!important}
}