@charset "utf-8";
:root{--ink:#172533;--muted:#536371;--line:rgba(52,72,88,.18);--bluegrey:#607387;--paper:#f9f9f7;--ease:cubic-bezier(.23,1,.32,1);}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans CJK SC","Microsoft YaHei","PingFang SC",sans-serif;background:#f7f7f6;font-weight:400;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #3f6481;outline-offset:5px}::selection{background:#bdcbd5;color:#121f29}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:white}.skip-link:focus{top:10px}
.site-header{width:100%;position:absolute;top:0;left:0;z-index:30;height:122px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,5vw,88px);gap:25px}
.logo{display:flex;align-items:center;gap:17px;white-space:nowrap}.logo-capc{font-size:clamp(29px,3vw,54px);font-family:Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:.025em;line-height:1}.logo-full{border-left:1px solid rgba(44,62,82,.48);padding-left:12px;font:500 10px/1.23 Arial,Helvetica,sans-serif;letter-spacing:.065em;color:#576b7f}
.topnav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,55px);margin-left:auto;margin-right:clamp(5px,2vw,50px)}.topnav a{font-size:14px;letter-spacing:.01em;position:relative;white-space:nowrap;transition:opacity .25s}.topnav a:hover{opacity:.55}.topnav a[aria-current="page"]:after{content:"";position:absolute;bottom:-10px;left:42%;width:5px;height:5px;background:var(--ink);border-radius:50%}
.menu-button{display:none;align-items:center;justify-content:center;width:46px;height:46px;background:rgba(255,255,255,.10);border:1px solid rgba(56,78,96,.38);border-radius:100%;color:var(--ink)}.menu-button span{display:block;width:16px;border-top:1px solid currentColor;margin:3px}
.mobile-nav{position:fixed;z-index:70;inset:0;background:#f5f6f4;padding:32px;display:none;flex-direction:column;gap:5px;overflow:auto}.mobile-nav.is-open{display:flex}.mobile-nav .close{align-self:flex-end;background:transparent;border:1px solid var(--line);height:44px;width:44px;border-radius:50%;font-size:22px}.mobile-nav a{font-size:clamp(28px,7vw,46px);padding:16px 0;border-bottom:1px solid var(--line)}.mobile-nav small{color:#617284;margin:20px 0;font-size:12px}
.hero{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:linear-gradient(152deg,#faf9f7 0%,#fafafa 28%,#edeef0 52%,#dfe3e8 77%,#acb6c1 100%);isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20% -15%;z-index:-3;opacity:.87;background:linear-gradient(159deg,transparent 0 45%,rgba(255,255,255,.50) 45.4%,rgba(255,255,255,.06) 46.1%,transparent 55%),linear-gradient(163deg,transparent 0 69%,rgba(255,255,255,.58) 69.3%,rgba(247,247,247,.06) 70.2%,transparent 77%);transform:rotate(0deg)}
.hero::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.07;background-image:url("grain.svg");background-size:205px 205px;mix-blend-mode:multiply}
.hero-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 900px 500px at 1% 26%,rgba(255,255,255,.8),transparent 78%),radial-gradient(ellipse 860px 590px at 91% 64%,rgba(76,93,113,.33),transparent 81%)}
.hero-art{position:absolute;right:-11%;bottom:-16%;height:75%;width:75%;pointer-events:none;z-index:-1;opacity:.7;transform:skewY(-13deg);background:linear-gradient(180deg,transparent 3%,rgba(255,255,255,.14) 36%,rgba(255,255,255,.44) 37%,rgba(255,255,255,.03) 38%,transparent 67%)}
.hero-inner{position:relative;z-index:2;min-height:inherit;padding:clamp(160px,21vh,244px) clamp(25px,6vw,105px) 110px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(45px,5vw,100px);align-items:start}
.hero-copy{max-width:940px}.eyebrow{color:#526578;font-size:13px;font-family:Arial,"Noto Sans CJK SC",sans-serif;letter-spacing:.28em;text-transform:uppercase;font-weight:500}.hero h1{margin:35px 0 35px;letter-spacing:-.035em;font-size:clamp(48px,5vw,88px);line-height:1.17;font-weight:480}.hero h1 .block{display:block}.hero-description{font-size:clamp(16px,1.36vw,22px);line-height:1.82;letter-spacing:.005em;color:#4f5f6c;max-width:660px}.hero-aside{padding-top:clamp(130px,17vh,190px);align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}.right-cta{display:inline-flex;align-items:center;gap:24px;color:#fefefe;transition:transform .35s var(--ease)}.right-cta:hover{transform:translateX(8px)}.right-cta .round{border:1px solid rgba(255,255,255,.95);height:86px;width:86px;border-radius:50%;display:grid;place-items:center;font:300 35px Arial;background:rgba(74,94,115,.18);text-shadow:0 1px 7px rgba(48,62,78,.33)}.right-cta .cta-name{white-space:nowrap;font-size:20px;letter-spacing:.055em;text-shadow:0 1px 12px rgba(48,62,78,.42);border-bottom:1px solid rgba(255,255,255,.82);padding:0 0 12px}
.scroll-cue{position:absolute;left:clamp(25px,6vw,105px);bottom:48px;z-index:5;display:flex;flex-direction:column;gap:7px;font-size:13px;color:#4b5d6d;border-left:2px solid #283a47;padding-left:12px;scroll-behavior:smooth}.scroll-cue .arrow{font-size:23px;line-height:1}
.hero-index{color:rgba(47,66,83,.5);position:absolute;right:5.9%;bottom:45px;font:400 12px Arial;letter-spacing:.14em}
.wordmark-space{position:absolute;right:7%;top:47%;max-width:400px;transform:translateY(-50%);text-align:right;display:flex;flex-direction:column;gap:18px}.wordmark-space .overline{font-size:13px;letter-spacing:.17em;color:#607184}.wordmark-space .large-index{font:200 clamp(160px,21vw,330px)/.8 Arial,Helvetica,sans-serif;letter-spacing:-.1em;color:rgba(255,255,255,.48)}.wordmark-space .side-label{font-size:15px;color:#4c6176}
.mini-directory{width:min(500px,100%);display:flex;flex-direction:column;gap:0}.mini-directory a{padding:24px 4px;display:flex;gap:25px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(50,72,90,.2);font-size:16px;transition:padding .3s,background .3s}.mini-directory a:hover{padding-left:15px;background:rgba(255,255,255,.15)}.mini-directory .num{font:400 12px Arial;color:#4c6072}.mini-directory .end{font:300 25px Arial}
.hero-note{font-size:12px;color:#73808b;line-height:1.6;margin-top:34px}
.content{background:#fbfbfa;position:relative}.section-wrap{max-width:1480px;margin:0 auto;padding:clamp(90px,10vw,160px) clamp(25px,6vw,105px)}.section-kicker{display:flex;gap:18px;align-items:center;font:500 12px Arial,"Noto Sans CJK SC",sans-serif;color:#697987;letter-spacing:.13em}.section-kicker:before{content:"";width:36px;border-top:1px solid #8392a0}
.section-title{font-size:clamp(36px,4.2vw,70px);line-height:1.25;letter-spacing:-.03em;font-weight:450;margin:25px 0 46px;max-width:1100px}.section-lead{max-width:800px;color:#51616f;font-size:clamp(16px,1.4vw,20px);line-height:1.92}.hairline{border:none;border-top:1px solid var(--line);margin:0}.spacer-35{height:35px}.text-link{display:inline-flex;align-items:center;gap:16px;margin-top:32px;padding:10px 0;border-bottom:1px solid #697d8e;font-weight:550;font-size:15px;transition:gap .3s}.text-link:hover{gap:30px}
.editorial-grid{display:grid;grid-template-columns: 1fr 1.1fr;gap:10%;padding:65px 0;align-items:start}.editorial-grid h3{font-weight:480;font-size:clamp(30px,3.1vw,48px);line-height:1.35;margin:0}.editorial-grid p{font-size:18px;line-height:2;color:#506170;margin:0}.editorial-grid small{color:#6b7d8b;font-size:14px;display:block;margin-bottom:20px}.feature-row{border-top:1px solid var(--line);display:grid;grid-template-columns:90px minmax(200px,.77fr) minmax(0,1.23fr);gap:30px;padding:35px 0}.feature-row b{font-size:clamp(20px,2vw,29px);font-weight:500}.feature-row p{font-size:17px;color:#546474;line-height:1.8;margin:0}.feature-row .idx{font:400 15px Arial;color:#7f8e9b}
.light-band{background:linear-gradient(120deg,#e6e9eb 0%,#f5f6f5 42%,#e1e5e8 100%)}
.timeline{border-top:1px solid rgba(60,82,100,.2);display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:45px}.timeline button{appearance:none;border:0;border-top:3px solid transparent;background:transparent;padding:28px 4px 20px 0;text-align:left;color:#657482;transition:color .3s}.timeline button[aria-selected="true"]{border-top-color:#284e61;color:#173849}.timeline button .n{display:block;font-size:12px;font-family:Arial;margin-bottom:16px}.timeline button .label{font-size:20px}.stage-desc{border-top:1px solid var(--line);padding-top:33px;min-height:136px;max-width:720px;font-size:18px;color:#4f6373;line-height:1.9}.stage-desc strong{display:block;color:var(--ink);font-size:20px;margin-bottom:5px;font-weight:500}
.scene-tools{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;flex-wrap:wrap}.scene-filter{border:0;background:transparent;padding:9px 12px;color:#6b7885;border-bottom:1px solid transparent;white-space:nowrap}.scene-filter[aria-pressed="true"]{color:#1a2d3b;border-color:#223846;font-weight:550}.scene-count{font:400 13px Arial;color:#6d8090}
.scene-row{display:grid;grid-template-columns:78px minmax(240px,.8fr) minmax(300px,1.2fr) 130px;align-items:start;gap:25px;padding:56px 0;border-bottom:1px solid var(--line)}.scene-row[hidden]{display:none}.scene-row .num{font:300 27px Arial;color:#7c8c9a}.scene-row h3{font-size:clamp(24px,2.5vw,38px);font-weight:490;margin:0;letter-spacing:-.02em}.scene-row .description{font-size:17px;color:#526471;line-height:1.9;max-width:620px}.scene-status{font-size:12px;white-space:nowrap;border:1px solid rgba(70,92,110,.32);padding:10px 12px;text-align:center;color:#486173}
.scene-row .desc-excerpt{display:block;margin-top:12px;color:#81909c;font-size:13px}
.practice-feature{padding:90px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;align-items:start}.practice-feature .pno{font:300 75px Arial;color:#9bacb6;line-height:1}.practice-feature h2{font-size:clamp(32px,3.8vw,60px);font-weight:480;margin:27px 0}.practice-feature p{font-size:18px;line-height:1.95;color:#566876}.practice-steps{margin-top:40px;display:flex;flex-wrap:wrap;gap:10px}.practice-steps span{padding:10px 14px;background:rgba(104,131,151,.08);border:1px solid var(--line);font-size:14px;color:#52697a}.evidence-note{font-size:13px;color:#81929c;line-height:1.75;margin-top:28px}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;margin-top:60px}.values-grid article{border-top:1px solid var(--line);padding-top:30px}.values-grid h3{font-size:24px;font-weight:500;margin:0 0 15px}.values-grid p{color:#516675;line-height:1.85;font-size:16px}
.collab-row{display:grid;grid-template-columns:120px 1fr 1.25fr;gap:40px;border-top:1px solid var(--line);padding:55px 0;scroll-margin-top:40px}.collab-row .n{font:400 15px Arial;color:#81929c}.collab-row h3{font-size:clamp(25px,2.7vw,40px);font-weight:470;margin:0}.collab-row p{font-size:18px;line-height:1.9;color:#526474;margin:0}
.site-footer{background:#ebedef;padding:70px clamp(25px,6vw,105px) 40px}.footer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:58px;gap:30px}.footer-top strong{font-size:43px;font-family:Arial;font-weight:300;letter-spacing:.03em}.footer-top a{border-bottom:1px solid #536576;font-size:18px;padding-bottom:8px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#60717f;padding-top:24px;line-height:1.7}.review-label{font-size:11px;color:#8a97a0}
@media(min-width:1450px){.hero h1{font-size:85px}.hero h1.longer{font-size:77px}}
@media(max-width:1000px){.site-header{height:92px}.topnav{gap:13px}.topnav a{font-size:12px}.logo-full{font-size:8px}.hero-inner{grid-template-columns:1.05fr .95fr;padding-top:195px}.hero h1{font-size:clamp(40px,5.5vw,65px)}.hero-aside{padding-top:120px}.right-cta .round{width:65px;height:65px}.right-cta .cta-name{font-size:15px}.mini-directory a{padding:19px 2px;font-size:13px}.scene-row{grid-template-columns:55px 1fr 1.2fr;gap:20px}.scene-status{grid-column:2/-1;justify-self:start}}
@media(max-width:750px){.site-header{height:90px;padding:0 23px}.topnav{display:none}.menu-button{display:grid}.logo{gap:12px}.logo-capc{font-size:34px}.logo-full{font-size:7px}.hero{min-height:max(830px,100dvh)}.hero-inner{min-height:max(830px,100dvh);display:flex;flex-direction:column;padding:160px 27px 105px;gap:42px}.hero-copy{max-width:100%}.eyebrow{font-size:10px;letter-spacing:.23em}.hero h1,.hero h1.longer{font-size:clamp(42px,10.6vw,68px);line-height:1.24;margin:25px 0 22px}.hero-description{font-size:16px;line-height:1.82}.hero-aside{padding:0;align-items:flex-start;justify-content:flex-start}.right-cta{color:#38566d;gap:16px}.right-cta .round{width:58px;height:58px;border-color:#45677b;background:rgba(255,255,255,.2);font-size:26px}.right-cta .cta-name{font-size:16px;border-color:#6d8492}.scroll-cue{left:27px;bottom:27px;font-size:11px}.hero-index{bottom:35px}.wordmark-space{position:static;transform:none;text-align:left;align-items:flex-start}.wordmark-space .large-index{font-size:140px}.mini-directory{width:100%}.mini-directory a{padding:14px 0}.section-wrap{padding:75px 27px}.section-title{font-size:36px}.editorial-grid{grid-template-columns:1fr;gap:25px;padding:45px 0}.editorial-grid h3{font-size:30px}.editorial-grid p{font-size:16px}.feature-row{grid-template-columns:48px 1fr;gap:14px;padding:27px 0}.feature-row p{grid-column:2; font-size:15px}.feature-row b{font-size:22px}.timeline{gap:6px}.timeline button{padding:16px 0}.timeline button .label{font-size:13px}.stage-desc{font-size:16px}.scene-row{grid-template-columns:38px 1fr;gap:11px;padding:34px 0}.scene-row h3{font-size:25px}.scene-row .description{grid-column:2;font-size:15px}.scene-row .num{font-size:20px}.scene-status{grid-column:2}.practice-feature{grid-template-columns:1fr;gap:20px;padding:55px 0}.practice-feature .pno{font-size:45px}.practice-feature h2{margin:12px 0;font-size:33px}.practice-feature p{font-size:16px}.values-grid{grid-template-columns:1fr;gap:28px}.collab-row{grid-template-columns:40px 1fr;gap:18px;padding:35px 0}.collab-row p{grid-column:2;font-size:15px}.collab-row h3{font-size:25px}.site-footer{padding:50px 27px 30px}.footer-top strong{font-size:32px}.footer-top a{font-size:14px}.footer-bottom{flex-direction:column}.scene-tools{gap:5px}.scene-filter{padding:8px 7px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::after,*::before{transition:none!important;animation:none!important}}

/* v3.1: frozen v3.0 visual vocabulary, semantic product content; no dashboard card redesign */
.inner-hero .hero-inner{align-items:start}
.product-intro .section-title{max-width:1050px}
.product-lines{margin-top:55px}
.product-line{display:grid;grid-template-columns:190px minmax(0,1fr) 205px;gap:32px;padding:53px 0 59px;border-top:1px solid var(--line);scroll-margin-top:35px}
.product-line:last-child{border-bottom:1px solid var(--line)}
.product-line-index{font:400 13px Arial,Helvetica,sans-serif;color:#718496;letter-spacing:.08em;padding-top:13px}
.product-line h3{font-size:clamp(28px,3vw,47px);font-weight:470;letter-spacing:-.03em;margin:0 0 23px}
.product-line p{font-size:17px;line-height:1.85;color:#526575;max-width:710px;margin:0}
.product-line-status{color:#527084;font-size:13px;align-self:start;justify-self:end;white-space:nowrap;border-bottom:1px solid #889eaa;padding:11px 0}
.product-line .text-link{margin-top:17px;margin-right:16px}
.product-line .trial-status{font-size:13px;color:#758895;margin-top:26px;line-height:1.7}
.product-action-line{display:flex;flex-wrap:wrap;gap:15px 30px;align-items:center}
.truth-note{color:#6d8091;font-size:14px;line-height:1.85;margin:28px 0 0;max-width:960px}
.flow-collection{border-top:1px solid var(--line);margin-top:60px}
.flow-case{padding:45px 0 50px;border-bottom:1px solid var(--line)}
.flow-title{display:flex;align-items:center;justify-content:space-between;gap:25px}.flow-title h3{font-size:26px;letter-spacing:-.01em;font-weight:480;margin:0}.flow-title span,.process-annotation{font-size:12px;color:#698090}
.flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:38px;border-top:1px solid rgba(67,86,103,.25);padding-top:22px;gap:12px}
.flow-steps div{font-size:15px;position:relative;color:#324c60;line-height:1.55}
.flow-steps div::before{content:"";position:absolute;top:-28px;width:10px;height:10px;border:1px solid #7791a4;border-radius:50%;background:#ecf0f1;left:0}
.flow-case .text-link{margin-top:35px}
.process-ledger{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;gap:18px}
.process-ledger>div{border-top:1px solid #7e97a7;padding:22px 9px 25px 0}
.process-ledger b{font:400 13px Arial;color:#557087}
.process-ledger h3{font-weight:500;line-height:1.45;font-size:23px;margin:23px 0 16px}
.process-ledger p{font-size:15px;line-height:1.85;color:#576d7b;margin:0}
.process-annotation{border-top:1px solid var(--line);padding-top:16px;line-height:1.8}
.facts-list{border-top:1px solid var(--line);margin-top:35px}
.facts-list>div{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(0,1fr);gap:60px;padding:32px 0;border-bottom:1px solid var(--line)}
.facts-list strong{font-size:20px;font-weight:500}.facts-list p{color:#526574;font-size:16px;line-height:1.9;margin:0}
.trial-ledger{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:43px 0;margin:40px 0;display:flex;justify-content:space-between;align-items:center;gap:40px}
.trial-ledger strong{font-size:24px;font-weight:500}.trial-ledger p{color:#536877;font-size:16px;line-height:1.8;max-width:720px}
.inactive-entrance{font-size:14px;border:1px solid rgba(65,87,105,.25);color:#72818e;padding:17px 25px;white-space:nowrap;background:rgba(255,255,255,.15);cursor:not-allowed}
.architecture-schema{max-width:980px;margin:65px 0 35px}
.architecture-schema>div:not(.arch-arrow){padding:28px 35px;background:rgba(255,255,255,.36);border:1px solid rgba(83,102,121,.26);display:grid;grid-template-columns:240px 1fr;gap:12px 32px}
.architecture-schema span{color:#60798a;font-size:13px}
.architecture-schema strong{font-size:21px;font-weight:500}.architecture-schema p{margin:2px 0 0;grid-column:2;color:#5e7282;line-height:1.8}
.arch-arrow{font-size:27px;color:#8196a5;margin:3px 0 6px 28px}
.scene-action{font-size:14px;display:inline-flex;grid-column:2/4;border-bottom:1px solid #6e8799;padding:8px 0;color:#324e61;justify-self:start}
.contact-note{font-size:13px;color:#7c8c9a;margin-top:16px}
@media(max-width:1000px){.product-line{grid-template-columns:135px 1fr;gap:20px}.product-line-status{grid-column:2;justify-self:start}.scene-action{grid-column:2/4}}
@media(max-width:750px){.product-line{grid-template-columns:1fr;gap:6px;padding:36px 0}.product-line-status{grid-column:1;justify-self:start}.product-line h3{font-size:29px}.product-line p{font-size:15px}.product-line-index{margin-bottom:12px}.flow-steps{grid-template-columns:1fr;gap:28px;border:0;padding:0;margin-left:7px}.flow-steps div{border-left:1px solid #93a6b2;padding-left:18px}.flow-steps div::before{top:8px;left:-6px}.flow-title{align-items:flex-start;flex-direction:column}.flow-title h3{font-size:24px}.process-ledger{grid-template-columns:1fr;gap:0}.process-ledger>div{padding:18px 0 25px}.process-ledger h3{margin:12px 0 8px}.facts-list>div{grid-template-columns:1fr;gap:8px}.trial-ledger{align-items:flex-start;flex-direction:column;gap:20px}.architecture-schema>div:not(.arch-arrow){grid-template-columns:1fr;gap:8px;padding:21px}.architecture-schema p{grid-column:1}.architecture-schema strong{font-size:18px}.scene-action{grid-column:2}}
.activated-entrance{display:inline-flex;align-items:center;padding:17px 25px;background:#2e4d61;color:#fff;white-space:nowrap;font-size:15px}
.activated-entrance:focus-visible,.contact-link:focus-visible{outline:2px solid #345b75;outline-offset:5px}
.contact-link{display:inline-block;font-size:14px;border-bottom:1px solid #4e7185;padding-bottom:7px;margin-top:17px}
/* v3.2 narrow laptop: prevent long factual status labels from forcing horizontal scroll. No visual system changes. */
@media (min-width:1001px) and (max-width:1350px){
 .scene-row .scene-status{white-space:normal;line-height:1.5;min-width:0;overflow-wrap:break-word}
}

/* v3.3 targeted real-user navigation & rhythm corrections; original color/material tokens unchanged */
html{scroll-padding-top:90px}
.site-header{position:fixed;transition:background .25s ease, box-shadow .25s ease}
.site-header.is-scrolled{background:rgba(249,249,249,.87);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(50,70,90,.09)}
.topnav a:hover,.topnav a:focus-visible,.mobile-nav a:hover{opacity:1;color:#365b76;text-decoration:underline;text-underline-offset:7px}
.hero-inner,.inner-hero .hero-inner{min-height:100dvh;padding-top:130px;padding-bottom:120px;align-items:center;gap:clamp(40px,5vw,96px)}
.hero-copy{max-width:100%;min-width:0}
.hero h1{font-size:clamp(44px,4.7vw,78px);margin:24px 0 28px;line-height:1.17}
.hero h1.longer{font-size:clamp(43px,4.3vw,72px)}
.hero-description{max-width:590px;font-size:clamp(16px,1.17vw,20px);line-height:1.76;margin:0}
.hero-aside{padding:0;align-self:center;align-items:center;justify-content:center}
.right-cta{color:#fff;gap:0;padding:20px 4px}
.right-cta .round{display:none!important}
.right-cta .cta-name{font-size:clamp(17px,1.25vw,21px);padding-bottom:6px}
.scroll-cue .arrow{display:none}
.scroll-cue{bottom:30px}
.content.page-panel{min-height:100dvh;display:flex;align-items:center}
.content.page-panel .section-wrap{width:100%}
#overview,.workflow-step,.collab-row,[id^="workflow-"],#about,#inquiry{scroll-margin-top:100px}
.mini-directory a{padding:20px 0;font-size:clamp(16px,1.22vw,19px);min-height:72px;transition:background .22s ease, padding .22s ease,color .22s ease}
.mini-directory a:hover,.mini-directory a:focus-visible{padding-left:20px;color:#365b76;background:rgba(255,255,255,.26)}
.mini-directory a::before{content:none}
.mini-directory a .end{display:none}
.text-link{transition:color .2s ease,border-color .2s ease}
.text-link:hover,.text-link:focus-visible,.scene-action:hover,.scene-action:focus-visible{color:#174765;border-bottom-color:#174765;text-decoration:underline;text-underline-offset:6px}
.footer-home{font:300 43px Arial,Helvetica,sans-serif;letter-spacing:.03em;text-decoration:none!important;border:0!important}
/* Four useful workflows: one click -> one actual explanation, no second tab set */
.workflow-steps{margin:50px 0;border-top:1px solid var(--line)}
.workflow-step{display:grid;grid-template-columns:78px 1fr;gap:30px;padding:33px 0;border-bottom:1px solid var(--line)}
.workflow-step h3{font-size:clamp(24px,2.1vw,32px);font-weight:490;margin:0 0 12px}
.workflow-step p{font-size:clamp(16px,1.18vw,19px);line-height:1.75;color:#526575;max-width:880px;margin:0 0 8px}
.workflow-step .step-example{color:#718192;font-size:clamp(14px,1.04vw,16px)}
.step-count{font:400 13px Arial;color:#6a7d8a;padding-top:8px}
.subnav-links{display:flex;gap:34px;flex-wrap:wrap;margin-top:35px}
.subnav-links a,.template-return a,.inquiry-actions a{font-size:16px;border-bottom:1px solid #78909f;padding:9px 0;transition:color .2s ease, border-color .2s ease}
.subnav-links a:hover,.template-return a:hover,.inquiry-actions a:hover{color:#315b75;border-color:#315b75}
.eyebrow a{border-bottom:1px solid transparent}.eyebrow a:hover,.eyebrow a:focus-visible{border-bottom-color:currentColor}
/* meaning first for scenario links; no decorative number panel or arrows */
.page-scenarios .hero-aside{display:none}
.page-scenarios .hero-inner{grid-template-columns:1fr}
.page-scenarios .hero-copy{max-width:930px}
.scene-action{transition:color .25s ease,transform .25s ease;font-size:15px}
.scene-row:has(.scene-action):hover{background:rgba(100,125,145,.048)}
.scene-row:has(.scene-action){transition:background .25s ease}
/* direct topic templates, matching existing editorial layout */
.template-hero .hero-inner{grid-template-columns:1fr}.template-hero .hero-copy{max-width:1000px}
.template-return,.inquiry-actions{display:flex;flex-wrap:wrap;gap:35px;margin-top:35px}
.inquiry-rows{border-top:1px solid var(--line);margin-top:44px}
.inquiry-line{display:grid;grid-template-columns:65px 1fr;padding:29px 0;border-bottom:1px solid var(--line);gap:15px}
.inquiry-line h3{font-size:clamp(21px,2vw,30px);font-weight:480;margin:0 0 7px}
.inquiry-line p{font-size:16px;color:#526575;line-height:1.8;margin:0}
@media(max-width:1000px){.hero-inner,.inner-hero .hero-inner{padding-top:125px;padding-bottom:98px}.hero h1{font-size:clamp(44px,4.7vw,66px)}.hero h1.longer{font-size:clamp(43px,4.4vw,64px)}.site-header{height:85px}}
@media(max-width:750px){.site-header{height:78px}.hero,.template-hero{min-height:100dvh}.hero-inner,.inner-hero .hero-inner{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100dvh;padding:112px 27px 102px;gap:32px}.hero h1,.hero h1.longer{font-size:clamp(38px,9.1vw,56px);line-height:1.23;margin:18px 0 23px}.hero-description{font-size:15px;line-height:1.78;max-width:100%}.hero-aside{width:100%;align-self:auto;justify-content:flex-start}.page-scenarios .hero-aside{display:none}.right-cta{color:#36566a}.right-cta .cta-name{color:#36566a;border-color:#36566a}.mini-directory a{min-height:55px;padding:13px 2px}.content.page-panel{min-height:100dvh}.scroll-cue{bottom:22px}.workflow-step{grid-template-columns:42px 1fr;gap:10px}.workflow-step p{font-size:15px}.template-return,.inquiry-actions{gap:20px}.footer-home{font-size:32px}}
@media(prefers-reduced-motion:reduce){.site-header,.topnav a,.mini-directory a,.scene-row{transition:none}}

/* Keep the inherited off-canvas light artwork clipped at intermediate desktop widths. */
html,body{overflow-x:clip}

/* Human scroll correction: section begins immediately after prior full-screen hero; fixed header overlays only whitespace. */
html{scroll-padding-top:0}
#overview{scroll-margin-top:0}
.workflow-step,[id^="workflow-"],#about,#inquiry{scroll-margin-top:108px}

.footer-bottom .icp-link{color:inherit;text-decoration:none;white-space:nowrap}.footer-bottom .icp-link:hover,.footer-bottom .icp-link:focus-visible{text-decoration:underline}