:root {
  --ink:#10242b; --ink-2:#1c353d; --muted:#62777b; --deep:#061720; --deep-2:#0b242e;
  --mint:#98f4d8; --teal:#25a99f; --cyan:#8cd6e5; --paper:#f4f5f0; --white:#fffefa;
  --light-line:rgba(24,66,69,.13); --dark-line:rgba(182,243,227,.16);
  --radius:26px; --sans:'Inter','Aptos','Segoe UI',system-ui,sans-serif;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth; scroll-padding-top:85px}
body {margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); -webkit-font-smoothing:antialiased; overflow-x:hidden}
body, button, input {font-family:var(--sans)}
::selection{background:#76e2c1;color:#032227}
a {color:inherit; text-decoration:none}
button {cursor:pointer}
button:focus-visible, a:focus-visible{outline:3px solid #36d6b3;outline-offset:5px}
.skip-link{position:fixed;z-index:1000;top:-80px;left:15px;background:#fff;color:#123;padding:12px;border-radius:10px}.skip-link:focus{top:15px}
.shell{width:min(1390px,calc(100% - 100px));margin-inline:auto}
.reading-progress {position:fixed;z-index:101;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.06)}
.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#75edcb,#81c8f0);transition:width .12s linear}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 50px;position:fixed;z-index:100;top:0;width:100%;color:#f7fffc;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,color .3s}
.site-header.is-scrolled{background:rgba(6,23,32,.91);border-color:rgba(159,240,226,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:13px;font-size:24px;font-weight:850;letter-spacing:-.07em}
.brand-period{color:var(--mint)}
.brand-symbol{display:block;position:relative;width:26px;height:27px}
.brand-symbol i{position:absolute;width:8px;height:8px;background:var(--mint);border-radius:50%}
.brand-symbol i:nth-child(1){top:0;left:9px}.brand-symbol i:nth-child(2){top:12px;left:0}.brand-symbol i:nth-child(3){top:12px;right:0}.brand-symbol i:nth-child(4){bottom:0;left:9px}
.brand-symbol:before,.brand-symbol:after{content:"";position:absolute;height:1px;width:20px;background:var(--mint);opacity:.55;top:13px;left:3px;transform:rotate(52deg)}.brand-symbol:after{transform:rotate(-52deg)}
.header-nav{display:flex;gap:35px;font-size:12px;font-weight:650;letter-spacing:.025em;color:#d7e9e6}.header-nav a{opacity:.83}.header-nav a:hover{opacity:1;color:var(--mint)}
.header-cta{border:1px solid rgba(255,255,255,.32);border-radius:100px;padding:10px 17px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:23px;transition:background .25s,color .25s}.header-cta:hover{background:var(--mint);color:var(--deep)}
.chapter-label{display:flex;align-items:center;gap:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:850;font-size:11px}.chapter-label > span{color:var(--teal)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.065em;line-height:1.01}em{font-weight:400;font-style:normal;color:var(--teal)}

/* HERO */
.hero{height:max(790px,100svh);min-height:680px;position:relative;color:var(--white);background:#061720;overflow:hidden;display:flex;align-items:center}
.hero-radial{position:absolute;inset:0;background:radial-gradient(ellipse 44% 52% at 76% 46%,rgba(31,133,136,.31),transparent 72%),radial-gradient(ellipse 70% 65% at 5% 100%,rgba(26,55,77,.35),transparent 80%)}
.hero-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(156,233,214,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(156,233,214,.12) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 0,#000 65%)}
.hero-content{position:relative;z-index:5;padding-top:30px;pointer-events:none}.hero-content>*{pointer-events:auto}
.hero .eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:850;letter-spacing:.20em;color:var(--mint);margin-bottom:32px}.eyebrow-line{width:22px;height:1px;background:var(--mint)}.hero .eyebrow .eyebrow-line:last-child{display:none}
.hero h1{font-size:clamp(66px,8.35vw,143px);max-width:1190px;margin:0 0 30px;font-weight:780;letter-spacing:-.095em;line-height:.98}.hero h1 em{color:var(--mint);font-weight:390}
.hero-sub{max-width:570px;color:#b5c9cd;font-size:clamp(16px,1.55vw,20px);line-height:1.68;letter-spacing:-.018em;margin:0 0 35px}.hero-sub strong{font-weight:700;color:#f7fffd}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:34px;padding:16px 23px;border:0;border-radius:100px;font-weight:800;font-size:13px;transition:transform .25s,background .25s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-bright{background:var(--mint);color:#062128;box-shadow:0 8px 35px rgba(103,235,195,.08)}.btn-bright:hover{background:#c5ffe9}
.hero-note{color:#b1c1bf;font-size:11px;display:flex;align-items:center;gap:9px}.glow-dot{width:7px;height:7px;border-radius:100%;background:var(--mint);box-shadow:0 0 12px #a8fae6}
.hero-mesh{position:absolute;z-index:1;right:-3%;top:8%;width:min(810px,62vw);height:min(740px,86vh);opacity:.95;pointer-events:none}.hero-mesh svg{width:100%;height:100%;overflow:visible}.mesh-lines{color:#3faba5;opacity:.4;stroke-dasharray:4 11;animation:dash 40s linear infinite}.mesh-nodes{fill:#a7fae6}.mesh-nodes .main-node{fill:#b4ffef;filter:drop-shadow(0 0 17px #45d6bb)}.mesh-glows{fill:#6de4cd;opacity:.07}.mesh-tag{position:absolute;display:flex;align-items:center;gap:9px;background:rgba(13,43,53,.88);border:1px solid rgba(138,228,209,.29);color:#effff9;padding:9px 15px 9px 9px;border-radius:17px;box-shadow:0 22px 70px rgba(0,0,0,.18);font-size:12px;font-weight:750;backdrop-filter:blur(10px);min-width:126px}.mesh-tag small{display:block;font-weight:500;font-size:10px;color:#aac3c3;margin-top:3px}.tag-one{top:20%;left:15%;animation:bob 7s ease-in-out infinite}.tag-two{top:26%;right:11%;animation:bob 8s ease-in-out -2s infinite}.tag-three{bottom:17%;left:10%;animation:bob 7.6s ease-in-out -2s infinite}.tag-four{bottom:19%;right:3%;animation:bob 8.2s ease-in-out -3s infinite}
.avatar{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:900;color:#14323c}.av-green{background:#9ef0cf}.av-lilac{background:#d0b9f8}.av-peach{background:#ffcfa5}.av-blue{background:#a2d4f9}
.scroll-prompt{position:absolute;z-index:6;bottom:42px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;letter-spacing:.14em;color:#aac0bd;font-size:9px;font-weight:850}.scroll-stem{width:60px;height:1px;background:rgba(167,224,214,.45)}.hero-chapter-num{position:absolute;right:52px;bottom:45px;font-size:11px;color:#accbc6;letter-spacing:.18em}
@keyframes dash{to{stroke-dashoffset:-1000}}@keyframes bob{50%{transform:translateY(-12px)}}

/* INTRO */
.intro-section{background:#f5f4ee;padding:180px 0 72px;overflow:hidden}.intro-grid{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.intro-copy h2{font-size:clamp(48px,5.7vw,88px);margin:30px 0 30px;max-width:790px}.intro-copy p{max-width:540px;color:#5e7175;font-size:19px;line-height:1.75}.intro-punch{font-size:19px;line-height:1.7;color:#54676a;border-left:2px solid #37b4a7;padding-left:22px;margin-top:37px}.intro-punch strong{color:#1a454a}
.overflow-art{height:590px;position:relative;isolation:isolate}.overflow-art:before{content:"";position:absolute;inset:7% 4% 6%;background:radial-gradient(circle at center,#d5ede5 0,transparent 70%);z-index:-1}.paper-card{position:absolute;background:#fff;border:1px solid #e4ece5;border-radius:20px;box-shadow:0 38px 65px rgba(40,64,52,.09);padding:25px;display:flex;flex-direction:column;gap:15px}.paper-back{width:250px;height:340px;top:39px;left:9%;transform:rotate(-15deg)}.paper-mid{width:275px;height:370px;top:94px;right:2%;transform:rotate(14deg)}.paper-front{width:330px;height:420px;top:72px;left:25%;transform:rotate(-1deg);z-index:3;box-shadow:0 43px 90px rgba(31,59,59,.15)}.paper-card b{font-size:17px;letter-spacing:-.035em}.paper-card strong{font-size:21px;letter-spacing:-.04em}.paper-top{display:flex;justify-content:space-between;align-items:center}.paper-icon{border:1px solid #b0ded6;color:#2c9188;font-size:10px;font-weight:900;padding:9px;border-radius:8px;width:45px;text-align:center}.paper-status{font-size:9px;color:#8a9390;font-weight:800;letter-spacing:.1em}.tiny-line{display:block;width:100%;height:8px;background:#e8eeee;border-radius:10px}.tiny-line.short{width:63%}.text-lines{margin-top:10px;display:flex;flex-direction:column;gap:12px}.text-lines span{height:9px;width:100%;background:#e6eeee;border-radius:10px}.text-lines span:nth-child(2),.text-lines span:nth-child(5){width:73%}.text-lines span:nth-child(4){width:87%}.unread-pill{position:absolute;bottom:25px;left:25px;right:25px;background:#fff7ec;padding:13px;border:1px solid #f2e0cb;border-radius:12px;color:#9b672f;font-size:12px;font-weight:800;display:flex;align-items:center;gap:9px}.unread-dot{width:8px;height:8px;border-radius:100%;background:#eca95f}
.floating-notice{position:absolute;z-index:4;right:0;bottom:38px;background:#092832;color:#f4fff7;box-shadow:0 25px 50px #3a69622b;padding:16px 19px;border-radius:18px;display:flex;gap:14px;align-items:center;font-size:12px;font-weight:850;transform:rotate(3deg)}.floating-notice small{color:#b9d0cf;font-size:11px;font-weight:500;line-height:2}.notice-icon{width:30px;height:30px;background:#d7b385;color:#26241d;border-radius:10px;display:grid;place-items:center;font-size:20px}
.boundary-phrase{display:flex;align-items:center;gap:26px;color:#839396;font-size:10px;font-weight:900;letter-spacing:.18em;padding-top:95px}.boundary-phrase .line{height:1px;background:#ccd6d3;flex:1}

/* CASES */
.case-section{padding:128px 0 0}.case-dark{background:var(--deep);color:#effff8}.case-light{background:var(--paper);color:var(--ink)}.case-heading{padding-bottom:55px}.case-heading h2{font-size:clamp(54px,6.65vw,105px);max-width:1000px;margin:28px 0 25px}.case-heading p{max-width:670px;font-size:17px;line-height:1.67;color:#b5cbc7}.case-light .case-heading p{color:#617679}.case-dark em{color:var(--mint)}.case-light em{color:#268e87}.case-dark .chapter-label>span{color:var(--mint)}
.scrolly{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:clamp(55px,7vw,130px);align-items:start;position:relative}
.visual-wrap{position:sticky;top:95px;min-height:min(670px,calc(100vh - 115px));display:flex;flex-direction:column;justify-content:flex-start;gap:15px}.visual-topline{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em;font-weight:900;color:#96c4c1}.case-light .visual-topline{color:#72918f}.scene-counter{opacity:.65}.scene-visual{height:min(570px,calc(100vh - 205px));min-height:415px;border-radius:27px;padding:26px;overflow:hidden;position:relative;background:radial-gradient(circle at 75% 17%,rgba(91,220,182,.1),transparent 46%),linear-gradient(145deg,#103541 0%,#10232f 67%);border:1px solid rgba(137,235,218,.21);box-shadow:0 28px 80px rgba(0,0,0,.13)}.case-light .scene-visual{background:radial-gradient(circle at 84% 10%,rgba(78,184,159,.14),transparent 50%),linear-gradient(140deg,#ebf5f1,#dceee8);border:1px solid #cae4dd;box-shadow:0 25px 70px #305c4912}
.scene-visual.scene-enter > * {animation:stage-arrive .45s both}@keyframes stage-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.visual-caption{font-size:10px;color:#7ba09e;text-align:left;letter-spacing:.015em}.case-light .visual-caption{color:#7b9290}
.story-steps{min-width:0}.story-step{min-height:82vh;display:flex;align-items:center;position:relative;opacity:.36;transition:opacity .35s}.story-step.is-active{opacity:1}.story-step:first-child{margin-top:0}.story-step:last-child{min-height:76vh}.step-inner{position:relative;padding:30px 0 30px 26px;border-left:2px solid rgba(155,222,209,.15);transition:border-color .4s}.story-step.is-active .step-inner{border-color:var(--mint)}.case-light .step-inner{border-color:#d0ddda}.case-light .story-step.is-active .step-inner{border-color:#35a797}
.step-index{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--mint)}.case-light .step-index{color:#167a75}.step-inner h3{font-size:clamp(35px,3.4vw,56px);font-weight:760;margin:20px 0 22px}.step-inner p{font-size:17px;line-height:1.8;color:#b5cbc7;max-width:440px}.case-light .step-inner p{color:#5f7777}.step-detail{font-size:12px;font-weight:800;color:#b0eee0;display:flex;gap:9px;align-items:center;margin-top:27px}.step-detail i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px rgba(147,251,209,.6)}.case-light .step-detail{color:#217c75}.case-light .step-detail i{background:#32a89c}
.case-lab .scene-visual{background:radial-gradient(circle at 60% -20%,rgba(54,181,192,.18),transparent 56%),linear-gradient(140deg,#142f38,#0c202c)}

/* MOCKS: SCROLL-VISUALS */
.scene-stack{height:100%;display:flex;flex-direction:column;gap:16px}.scene-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#8adac9}.case-light .scene-kicker{color:#2c827b}.scene-heading{font-size:clamp(24px,2.5vw,39px);font-weight:750;letter-spacing:-.055em;line-height:1.09;color:#f0fcf8;max-width:440px;margin:0}.case-light .scene-heading{color:#143c43}.scene-sub{color:#9ab8b9;font-size:12px;line-height:1.6}.case-light .scene-sub{color:#5a7d7c}
.path-list{margin:12px 0 0;display:flex;flex-direction:column;gap:6px}.path-node{display:flex;align-items:center;gap:12px;background:rgba(231,255,252,.055);border:1px solid rgba(195,241,225,.15);border-radius:13px;padding:11px 12px;min-height:48px;color:#e6fff7}.path-node .persona{font-weight:850;font-size:12px}.path-node small{display:block;font-size:10px;color:#9fc2c0;margin-top:3px}.path-node .path-mark{color:#91eed2;border:1px solid #357e77;background:rgba(100,209,186,.12);border-radius:9px;padding:7px;font-size:10px;letter-spacing:.08em;margin-left:auto}.path-arrow{height:9px;margin-left:17px;position:relative;border-left:1px dashed #5a9a91}.path-arrow:after{content:'⌄';position:absolute;font-size:15px;bottom:-6px;left:-5px;color:#8bd6c6}
.micro-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;background:#9decd4;color:#12414b;font-size:13px;font-weight:900}.micro-avatar.purple{background:#ddc1f1}.micro-avatar.orange{background:#ffd7a9}.micro-avatar.blue{background:#b7dafc}.micro-avatar.rose{background:#f5c6cf}
.mock-app{background:rgba(1,24,32,.45);border:1px solid rgba(180,236,219,.2);border-radius:17px;padding:14px;display:flex;flex-direction:column;gap:13px;min-height:80px}.case-light .mock-app{background:#fffefa;border-color:#c7dbd6;box-shadow:0 8px 32px #31594b0d}.mock-app-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;color:#e3f8f4;letter-spacing:.04em}.case-light .mock-app-head{color:#21525b}.mock-app-head small{font-size:10px;font-weight:600;color:#789d9c;margin-left:auto}.bubble{border-radius:13px;padding:11px 14px;font-size:12px;line-height:1.58;max-width:90%;color:#c7e6e0;background:rgba(103,152,159,.12)}.bubble.mine{align-self:flex-end;color:#052c32;background:#9cf0d4}.case-light .bubble{background:#e6f2ed;color:#285158}.case-light .bubble.mine{background:#c9ecdf;color:#175451}.bubble b{display:block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px}
.callout{display:flex;align-items:center;gap:11px;background:rgba(143,227,198,.1);border:1px solid rgba(138,222,195,.25);border-radius:12px;padding:12px 13px;color:#cff5e7;font-size:12px;line-height:1.5}.case-light .callout{color:#1c5750;background:#d3ebe2;border-color:#b8dacf}.callout .callout-icon{width:26px;height:26px;flex:0 0 26px;border-radius:9px;display:grid;place-items:center;background:#79cdbd20;color:#a6ffe3;font-weight:900;font-size:17px}.case-light .callout-icon{color:#247e72;background:#c1e0d8}
.scene-spacer{flex:1}.scene-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(179,226,215,.12);padding-top:13px;color:#90b4b0;font-size:10px;font-weight:650}.case-light .scene-footer{color:#6f918e;border-color:#c8ddd5}.pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:850;padding:6px 9px;border-radius:20px;color:#c3f8e9;background:rgba(64,160,138,.15);border:1px solid rgba(111,212,181,.26)}.pill:before{content:"";width:6px;height:6px;background:#8df0cf;border-radius:100%}.case-light .pill{background:#dcf4eb;color:#26796e}
.terminal-block{background:#021922;border:1px solid rgba(144,212,190,.15);padding:17px;border-radius:15px;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#a2c2be}.terminal-block strong{color:#93efc9}.terminal-block .warn{color:#ffd49c}.terminal-block .ok{color:#9beabb}.terminal-block .cmd{color:#6fc5d1}.terminal-block .cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-card{border:1px solid rgba(163,235,215,.17);padding:13px;border-radius:13px;background:#ffffff07}.check-card .check-status{display:block;font-size:9px;font-weight:850;letter-spacing:.1em;color:#9acbc4;margin-bottom:7px}.check-card b{color:#eafff6;font-size:12px;display:block;line-height:1.35}.check-card svg{display:inline-block;vertical-align:middle}.check-status.wait{color:#ffd391}.check-status.good{color:#9ff5d5}
.document-mock{border:1px solid #c3dad1;background:#fffefa;color:#254047;border-radius:15px;padding:16px;display:flex;align-items:center;gap:13px;box-shadow:0 10px 25px rgba(53,79,69,.05)}.doc-icon{width:46px;height:50px;flex:0 0 46px;background:#d4ede4;border:1px solid #b8ded0;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#3b897d}.doc-title{font-size:13px;font-weight:850;letter-spacing:-.025em}.doc-meta{font-size:10px;color:#6b8a86;margin-top:5px}.doc-views{margin-left:auto;display:flex;flex-direction:column;gap:4px;font-size:10px;color:#a06c4b;font-weight:800;white-space:nowrap}.doc-views:before{content:'● 1 viewed';color:#a06c4b;font-size:9px}
.people-list{display:grid;grid-template-columns:1fr;gap:9px}.person-note{background:#fffefa;border:1px solid #c6dfd7;border-radius:13px;display:flex;align-items:center;gap:11px;padding:12px}.person-note b{font-size:12px;color:#25464a}.person-note small{display:block;color:#5b837e;font-size:10px;line-height:1.4;margin-top:4px}
.voice-card{background:#14363e;border:1px solid rgba(141,224,212,.2);padding:18px;border-radius:19px;display:flex;flex-direction:column;gap:13px}.voice-title{display:flex;align-items:center;gap:10px;color:#ddfff4;font-size:12px;font-weight:850}.voice-waves{height:42px;display:flex;align-items:center;gap:4px;justify-content:center}.voice-waves i{display:block;width:4px;background:linear-gradient(#a7fbe4,#42adab);border-radius:5px;height:var(--h);animation:voice 1s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes voice{to{transform:scaleY(.42)}}.voice-transcript{font-size:12px;color:#b6d9cf;line-height:1.6;background:rgba(0,0,0,.19);border-radius:11px;padding:12px}.record-list{display:flex;flex-direction:column;gap:8px}.record-row{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border:1px solid rgba(180,237,217,.14);border-radius:11px;font-size:12px;color:#c8ded7}.record-row>span{color:#98f0d4;min-width:85px;font-size:10px;font-weight:850}.record-row b{font-weight:650}
.molecule{position:absolute;right:18px;top:80px;opacity:.18;width:140px;height:160px;pointer-events:none}.molecule circle{fill:#9ef5dc}.molecule path{stroke:#9ef5dc;stroke-width:2}
.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px;background:#fffefa;border:1px solid #c2dbd3;border-radius:16px}.cal-day{aspect-ratio:1;background:#f2f6f2;border:1px solid #ecf1ed;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#637c78}.cal-day small{font-size:8px;font-weight:650;color:#9fb0ae;margin-bottom:5px}.cal-day.selected{background:#b8e9d8;color:#136e60;border-color:#72ccb4}.cal-day.not{opacity:.45;text-decoration:line-through}.pref-row{display:flex;align-items:center;justify-content:space-between;background:#fffefa;border:1px solid #c4ddd4;border-radius:11px;padding:11px 13px;color:#23514e;font-size:12px}.pref-row b{font-size:11px}.pref-row small{color:#6b928c}.plan-card{background:#fffefa;color:#214f50;border:1px solid #c4dfd5;border-radius:17px;padding:18px}.plan-head{font-size:11px;text-transform:uppercase;font-weight:900;color:#31887a;letter-spacing:.12em}.plan-card h4{font-size:24px;letter-spacing:-.05em;margin:12px 0 13px}.plan-card ul{padding:0;list-style:none;margin:0;display:grid;gap:10px}.plan-card li{font-size:12px;color:#527872}.plan-card li:before{content:'✓';color:#309985;font-weight:900;margin-right:8px}

/* TRUST */
.trust-interlude{background:#f5eadc;padding:155px 0;position:relative}.trust-interlude:before{content:"";height:5px;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,#d4b48f,#ca815b,#d4b48f)}.trust-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:9%;align-items:center}.trust-copy .chapter-label>span{color:#a76648}.trust-copy h2{font-size:clamp(51px,5.6vw,90px);margin:27px 0}.trust-copy em{color:#a66649}.trust-copy p{font-size:18px;max-width:560px;line-height:1.8;color:#6e6760}.trust-remark{display:inline-block;border-left:2px solid #b9805e;padding:8px 18px;font-size:15px;font-weight:850;margin-top:25px;color:#7a4f3e}.trust-levels{background:#fffaf1;border:1px solid #e7d4c0;border-radius:25px;box-shadow:0 35px 80px #80563112;padding:15px}.trust-level{display:grid;grid-template-columns:32px 1fr auto;gap:14px;align-items:center;padding:18px 14px;border-bottom:1px solid #eee2d5}.trust-level:last-child{border-bottom:none}.trust-level .status-number{font-size:11px;font-weight:900;color:#ba9b82}.trust-level b{font-size:16px;letter-spacing:-.035em}.trust-level small{display:block;color:#978375;font-size:11px;line-height:1.4;margin-top:4px}.level-chip{font-size:10px;border-radius:50px;padding:7px 10px;font-weight:800;white-space:nowrap}.level-chip.neutral{background:#f0e8dd;color:#8b7866}.level-chip.blocked{background:#fee4d4;color:#a1482d}.trust-level-locked{background:#fff0e7;border-radius:13px;border-bottom:none}

/* SYSTEM */
.system-section{background:#e9f0eb;padding:160px 0 155px}.system-intro{max-width:800px}.system-intro h2{font-size:clamp(54px,6vw,96px);margin:28px 0}.system-intro p{font-size:19px;line-height:1.75;color:#597575;max-width:720px}.system-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:0;align-items:center;margin-top:85px}.sys-person{min-height:280px;background:#fbfffa;border:1px solid #d0dfd7;border-radius:22px;padding:23px;display:flex;flex-direction:column;align-items:center;box-shadow:0 17px 70px #3b655a10}.sys-mini{font-size:9px;font-weight:900;letter-spacing:.15em;color:#5e8d84}.sys-icon{margin-top:27px;width:64px;height:64px;display:grid;place-items:center;border-radius:21px;background:#d3eee2;color:#267464;font-size:26px;font-weight:900}.sys-b .sys-icon{background:#d8e6f9;color:#336f9b}.sys-person b{margin-top:14px;font-size:19px;letter-spacing:-.04em}.sys-person small{font-size:12px;color:#698a83;margin-top:3px}.sys-foot{margin-top:auto;color:#75938c;font-size:10px;text-align:center;padding-top:15px}.sys-middle{display:flex;align-items:center;position:relative;z-index:2}.sys-wire{height:2px;background:linear-gradient(90deg,#82c2b0,#54aaa8);width:16%;position:relative}.sys-wire:before,.sys-wire:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#2daba3;top:-3px}.sys-wire:before{left:0}.sys-wire:after{right:0}.sys-core{flex:1;aspect-ratio:1/1;max-width:270px;min-width:180px;border-radius:50%;background:#0b3238;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 30px 55px #305e5c2d}.sys-core:before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed #6ed7c194}.sys-core strong{font-size:43px;letter-spacing:-.07em}.sys-core small{font-size:11px;color:#add1c9;line-height:1.7;margin-top:8px}.sys-core .core-orbit{width:10px;height:10px;background:#b0f8db;position:absolute;left:14%;top:18%;border-radius:50%;box-shadow:0 0 23px #88f5dc}.system-disclaimer{font-size:11px;color:#728a85;text-align:center;margin:29px auto 0;max-width:850px;line-height:1.6}.pillars{margin-top:80px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.pillar{background:#fafbf7;border:1px solid #d5e3dd;border-radius:16px;padding:22px 18px;min-height:165px}.pillar span{font-size:11px;font-weight:900;color:#239386}.pillar b{display:block;font-size:17px;letter-spacing:-.045em;margin-top:24px}.pillar p{font-size:12px;line-height:1.55;color:#617f79;margin:9px 0 0}

/* DEMO */
.demo-section{background:#102b36;color:#fff;padding:155px 0}.demo-shell{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.demo-copy .chapter-label>span{color:var(--mint)}.demo-copy h2{font-size:clamp(55px,5.35vw,84px);margin:25px 0}.demo-copy h2 em{color:var(--mint)}.demo-copy p{color:#b0ccc9;font-size:17px;line-height:1.8;max-width:470px}.scenario-tabs{display:flex;gap:9px;margin-top:32px;flex-wrap:wrap}.scenario-tab{background:transparent;border:1px solid #51727a;color:#b6d4cd;font-size:12px;font-weight:850;padding:11px 15px;border-radius:100px;transition:.2s}.scenario-tab.is-selected{background:#b8f8df;color:#0c363c;border-color:#b8f8df}.scenario-tab:hover{border-color:#b6f6dd}
.demo-console{border:1px solid rgba(160,228,218,.25);border-radius:22px;min-height:500px;overflow:hidden;background:#081e28;box-shadow:0 35px 70px #0003;display:flex;flex-direction:column}.console-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0f2d38;border-bottom:1px solid rgba(156,221,211,.15);font-size:10px;letter-spacing:.12em;color:#94b8b9;font-weight:850}.console-bar>span:first-child{display:flex;gap:6px}.console-bar>span:first-child i{width:7px;height:7px;border-radius:50%;background:#d19f81}.console-bar>span:first-child i:nth-child(2){background:#d9d487}.console-bar>span:first-child i:nth-child(3){background:#85d1b4}.console-live{display:flex;align-items:center;gap:6px}.console-live i{width:6px;height:6px;border-radius:100%;background:#8af1cd}
.demo-content{flex:1;padding:25px;display:flex;flex-direction:column;gap:18px}.demo-audience{font-size:12px;font-weight:800;color:#9ce7d0;display:flex;align-items:center;gap:10px}.demo-flow-msg{padding:15px 17px;background:#183844;border:1px solid #2b4b55;color:#d7ebe7;border-radius:15px;line-height:1.65;font-size:13px;max-width:94%;animation:stage-arrive .35s both}.demo-flow-msg b{color:#a3f5db;display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px}.demo-flow-msg.reply{background:#d7f8e6;border-color:#d7f8e6;color:#164844;align-self:flex-end}.demo-flow-msg.reply b{color:#277b70}.demo-system-msg{background:#102f37;color:#9ebdb9;padding:10px 15px;border-radius:10px;border-left:2px solid #62cdb1;font-size:11px;line-height:1.65}.demo-system-msg strong{color:#cbf5e6}.demo-footnote{font-size:11px;color:#87a5a5;margin-top:auto}.demo-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #24434b;padding:17px 20px;color:#91b6b1;font-size:11px}.btn-small{padding:11px 17px;gap:12px;background:#aaf3d9;color:#0b3335;font-size:11px}

/* FINALE */
.end-section{min-height:870px;position:relative;overflow:hidden;background:#061720;color:#f7fff9;display:flex;align-items:center;padding:120px 0}.end-ambient{position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(52,187,160,.25),transparent 38%),radial-gradient(circle at 8% 80%,rgba(40,101,135,.18),transparent 43%)}.end-ambient:before{content:"";position:absolute;width:700px;height:700px;right:-120px;top:3%;border:1px solid rgba(156,237,220,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(156,237,220,.025),0 0 0 140px rgba(156,237,220,.02)}.end-inner{position:relative;z-index:1}.end-inner .chapter-label>span{color:var(--mint)}.end-inner h2{font-size:clamp(57px,7vw,114px);margin:30px 0 27px;max-width:1250px}.end-inner h2 em{color:var(--mint)}.end-inner p{font-size:20px;max-width:630px;line-height:1.7;color:#b0c8c7}.end-signature{margin-top:90px;display:flex;align-items:center;gap:24px;border-top:1px solid rgba(182,237,228,.19);padding-top:38px;color:#e8f6f0;font-size:15px;line-height:1.8}.end-biglogo{font-size:32px;letter-spacing:-.08em;font-weight:900}.end-biglogo span{color:var(--mint)}.end-signature small{color:#94c1ba;font-size:12px}
.site-footer{background:#061720;color:#7fa5a2;padding:20px 0 30px;border-top:1px solid rgba(182,237,228,.13)}.footer-flex{display:flex;align-items:center;gap:26px;justify-content:space-between;font-size:10px;line-height:1.7}.site-footer a{font-weight:800;color:#b9efe1;white-space:nowrap}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}[data-reveal].visible{opacity:1;transform:translateY(0)}

@media (max-width:1100px){.shell{width:min(100% - 70px,1290px)}.site-header{padding:0 35px}.hero h1{font-size:clamp(65px,8.8vw,110px)}.hero-mesh{right:-18%;width:72vw;opacity:.72}.scrolly{gap:40px;grid-template-columns:1.05fr .95fr}.visual-wrap{top:96px}.scene-visual{padding:20px}.step-inner h3{font-size:clamp(34px,4vw,48px)}.trust-grid{gap:6%}.system-map{grid-template-columns:1fr 1.1fr 1fr}.sys-core{min-width:140px}.pillars{grid-template-columns:repeat(5,1fr)}.pillar{padding:18px 12px}}
@media (max-width:800px){.shell{width:calc(100% - 40px)}.site-header{height:70px;padding:0 20px}.header-nav{display:none}.brand{font-size:22px}.hero{height:auto;min-height:900px;padding-top:110px;align-items:flex-start}.hero-content{padding-top:110px}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(55px,10vw,83px)}.hero-sub{font-size:16px;max-width:540px}.hero-mesh{width:100%;height:510px;top:auto;bottom:45px;right:-8%;opacity:.65}.mesh-tag{transform:scale(.77)}.hero-chapter-num{right:20px}.scroll-prompt{bottom:20px}.intro-section{padding:105px 0 60px}.intro-grid{grid-template-columns:1fr;gap:25px}.intro-copy h2{font-size:clamp(52px,9vw,78px)}.overflow-art{height:510px;max-width:610px;width:100%;margin:0 auto}.boundary-phrase{padding-top:25px;font-size:9px}.case-section{padding:95px 0 0}.case-heading{padding-bottom:30px}.case-heading h2{font-size:clamp(51px,8vw,80px)}.scrolly{grid-template-columns:1fr;gap:0}.visual-wrap{z-index:8;top:73px;min-height:0;background:inherit;padding:16px 0 12px;gap:8px}.scene-visual{height:310px;min-height:310px;padding:17px;border-radius:19px}.scene-heading{font-size:24px}.scene-stack{gap:9px}.scene-sub{display:none}.visual-caption{font-size:9px;margin:0}.story-steps{position:relative;z-index:1}.story-step{min-height:68vh;align-items:center;padding:13px 3px}.story-step:last-child{min-height:56vh}.step-inner{padding:18px 20px}.step-inner h3{font-size:clamp(32px,5vw,44px);margin:14px 0}.step-inner p{font-size:15px;line-height:1.7}.step-detail{margin-top:14px}.mock-app{padding:11px;gap:9px}.bubble{font-size:11px;padding:9px 11px}.path-list{gap:4px;margin:0}.path-node{padding:7px;min-height:30px}.path-node .persona{font-size:11px}.path-arrow{height:3px}.trust-interlude{padding:95px 0}.trust-grid{grid-template-columns:1fr;gap:37px}.trust-copy h2{font-size:clamp(51px,8vw,78px)}.system-section{padding:95px 0}.system-intro h2{font-size:clamp(55px,8vw,80px)}.system-map{margin-top:55px}.sys-person{min-height:230px;padding:13px}.sys-core{min-width:130px}.sys-core strong{font-size:32px}.sys-core small{font-size:9px}.pillars{grid-template-columns:repeat(3,1fr)}.demo-section{padding:100px 0}.demo-shell{grid-template-columns:1fr;gap:35px}.demo-copy h2{font-size:clamp(50px,8vw,78px)}.end-section{min-height:670px;padding:110px 0}.end-inner h2{font-size:clamp(53px,8vw,87px)}.footer-flex{flex-wrap:wrap}.check-card{padding:9px}.check-card b{font-size:11px}}
@media (max-width:540px){.hero{min-height:900px}.hero-content{padding-top:75px}.hero h1{font-size:clamp(52px,13.2vw,76px);line-height:1.02}.hero-sub{font-size:15px;line-height:1.7}.hero-actions{align-items:flex-start;gap:18px}.hero-note{font-size:10px}.hero-mesh{width:125%;right:-32%;bottom:55px;opacity:.48}.tag-one,.tag-two,.tag-three,.tag-four{font-size:10px}.hero .eyebrow{letter-spacing:.1em}.intro-copy h2{font-size:clamp(47px,11vw,68px)}.intro-copy p{font-size:16px}.overflow-art{height:435px}.paper-front{width:260px;height:340px;left:18%;top:40px}.paper-mid{width:210px;height:290px;top:82px}.paper-back{width:190px;height:250px;top:14px}.floating-notice{bottom:2px;right:0}.case-heading h2{font-size:clamp(44px,10.8vw,66px)}.case-heading p{font-size:15px}.case-section{padding-top:85px}.visual-wrap{top:69px}.scene-visual{height:300px;min-height:300px;padding:13px}.scene-kicker{font-size:9px}.scene-heading{font-size:22px}.visual-topline{font-size:9px}.story-step{min-height:68vh}.story-step:last-child{min-height:57vh}.step-inner{padding:17px}.step-inner h3{font-size:clamp(31px,7vw,41px)}.step-inner p{font-size:14px}.scene-footer{font-size:9px;padding-top:6px}.checks{gap:6px}.check-card{padding:8px}.check-card b{font-size:10px}.trust-copy h2{font-size:clamp(46px,10vw,64px)}.trust-copy p{font-size:16px}.trust-level{grid-template-columns:20px 1fr;gap:8px}.level-chip{grid-column:2;justify-self:start}.system-intro h2{font-size:clamp(48px,11vw,69px)}.system-intro p{font-size:16px}.system-map{grid-template-columns:1fr;gap:8px}.sys-person{min-height:175px}.sys-mini{font-size:9px}.sys-icon{margin-top:12px;width:43px;height:43px;border-radius:15px;font-size:18px}.sys-person b{margin-top:8px;font-size:16px}.sys-foot{padding-top:6px}.sys-middle{justify-content:center;min-height:180px;transform:rotate(90deg)}.sys-core{transform:rotate(-90deg);min-width:145px;max-width:145px;aspect-ratio:1}.sys-core strong{font-size:32px}.sys-core small{font-size:9px}.sys-wire{width:43px}.pillars{grid-template-columns:repeat(2,1fr);margin-top:40px}.pillar{min-height:140px;padding:16px}.demo-copy h2{font-size:clamp(47px,10vw,69px)}.demo-copy p{font-size:15px}.demo-console{min-height:460px}.demo-content{padding:17px}.end-inner h2{font-size:clamp(45px,10vw,68px)}.end-inner p{font-size:16px}.end-signature{margin-top:55px}.footer-flex{display:block}.footer-flex>*{display:block;margin-bottom:12px}.document-mock{padding:9px;gap:9px}.doc-title{font-size:11px}.doc-views{display:none}.voice-card{padding:11px}.voice-waves{height:25px}.voice-transcript{font-size:11px;padding:8px}.record-row{font-size:10px}.record-row>span{min-width:65px}.person-note{padding:8px}.person-note b{font-size:11px}.person-note small{font-size:9px}.calendar{gap:3px;padding:8px}.cal-day{border-radius:5px;font-size:10px}.cal-day small{font-size:6px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* Narrow screens: make the sticky illustration compact and avoid flex items
   shrinking on top of one another as scene content changes. */
@media (max-width:800px){
  .scene-visual {height:360px;min-height:360px;overflow:hidden}
  .scene-stack{height:auto;gap:8px}
  .scene-stack > *, .mock-app > * {flex-shrink:0}
  .scene-kicker{font-size:9px}
  .scene-heading{font-size:21px;line-height:1.08}
  .mock-app{padding:9px;gap:6px;min-height:0;border-radius:12px}
  .bubble{font-size:10px;line-height:1.4;padding:8px 10px;max-width:100%;border-radius:9px}
  .bubble b{font-size:8px;margin-bottom:3px}
  .mock-app-head{font-size:10px}.mock-app-head small{font-size:9px}
  .scene-footer,.scene-visual .callout{display:none}
  .path-node{padding:8px;min-height:37px}.path-node small{font-size:9px}
  .path-arrow{height:5px}.path-list{gap:3px}
  .record-row{padding:8px;font-size:11px}.record-row>span{font-size:9px;min-width:72px}
  .voice-card{padding:10px;gap:8px}.voice-waves{height:27px}.voice-transcript{font-size:10px;padding:9px;line-height:1.3}
  .plan-card{padding:12px}.plan-card h4{font-size:20px;margin:8px 0}.plan-card ul{gap:6px}.plan-card li{font-size:11px}
  .person-note{padding:8px}
}
@media (max-width:540px){
  .scene-visual{height:354px;min-height:354px}
  .scene-stack{gap:8px}
  .scene-heading{font-size:20px}
  .mock-app{gap:6px;padding:8px}
  .bubble{font-size:10px;padding:7px 8px}
  .document-mock{padding:8px}
  .person-note{padding:7px}
  .record-row{padding:7px}
  .voice-card{padding:9px}
  .calendar{padding:6px}
}
@media (max-width:800px){
  .visual-caption{display:none}
  .case-lab .scene-visual{height:385px;min-height:385px}
}
@media (max-width:360px){
  .scene-visual,.case-lab .scene-visual{height:455px;min-height:455px}
  .scene-stack{gap:6px}
  .scene-heading{font-size:18px}
  .bubble{font-size:9px}
  .record-row{font-size:9px}
}