@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Lora:wght@600;700&family=Source+Serif+4:opsz,wght@8..60,400&display=swap");
:root{--navy:#0D2B4E;--deep:#071D34;--ink:#111418;--paper:#F7F4EE;--graphite:#4A5566;--mist:#EEF0F3;--rule:rgba(13,43,78,.15);--green:#1C674A;--amber:#9A6412;--red:#9B3535;--blue:#2D4E9E;--serif:"Source Serif 4","Iowan Old Style","Baskerville","Times New Roman",serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.page{width:min(1560px,100%);margin:auto}.topbar{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);background:rgba(247,244,238,.93);border-bottom:1px solid var(--rule);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font-size:18px;font-weight:720}.mark{width:29px;height:29px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:5px;border:1px solid var(--navy)}.mark i{background:var(--navy)}.topnav{display:flex;align-items:center;gap:28px}.topnav a{color:var(--graphite);font-size:13px;font-weight:600;text-decoration:none}.topnav .cta{padding:10px 15px;background:var(--navy);color:white}.hero{min-height:calc(92vh - 72px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(60px,8vw,130px);padding:80px clamp(24px,6vw,92px)}.hero-copy{max-width:650px}.kicker{display:inline-flex;padding:7px 10px;background:var(--deep);color:white;font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero h1{margin:24px 0 0;color:var(--deep);font-family:var(--serif);font-size:clamp(58px,5.8vw,88px);font-weight:400;line-height:.98;letter-spacing:-.052em;text-wrap:balance}.hero p{max-width:600px;margin:28px 0 0;color:var(--graphite);font-size:19px;line-height:1.62}.hero-proof{position:relative;min-height:510px;display:grid;place-items:center}.hero-proof:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(13,43,78,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(13,43,78,.045) 1px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(circle,black 25%,transparent 72%)}.proof-card{position:relative;width:min(520px,100%);padding:24px;background:#FAFAF6;border:1px solid rgba(13,43,78,.2);box-shadow:0 25px 70px rgba(7,29,52,.12)}.proof-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--rule)}.proof-title b{color:var(--deep);font-size:14px}.proof-title code,.meta{color:var(--graphite);font:10px/1.3 var(--mono)}.proof-flow{display:grid;gap:9px;margin-top:15px}.proof-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:12px;background:var(--mist);border-left:2px solid var(--navy)}.proof-row b{color:var(--navy);font:600 10px/1 var(--mono)}.proof-row span{font-size:12px}.proof-row code{color:var(--green);font:9px/1 var(--mono)}.story{padding:110px clamp(24px,6vw,92px) 130px;background:var(--mist);border-top:1px solid var(--rule)}.story-head{max-width:760px;margin:0 0 70px}.story-head h2{margin:20px 0 0;color:var(--deep);font-family:var(--serif);font-size:clamp(44px,4.3vw,68px);font-weight:400;line-height:1.02;letter-spacing:-.045em}.story-head p{margin:20px 0 0;color:var(--graphite);font-size:17px;line-height:1.6}.story-shell{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(530px,1.28fr);gap:clamp(60px,8vw,130px)}.story-step{min-height:82vh;display:flex;flex-direction:column;justify-content:center;opacity:.3;transition:opacity .45s,transform .45s;scroll-margin-top:110px}.story-step.is-active{opacity:1}.step-no{color:var(--navy);font:600 11px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}.story-step h3{max-width:480px;margin:18px 0 0;color:var(--deep);font-family:var(--serif);font-size:clamp(38px,3.2vw,52px);font-weight:400;line-height:1.03;letter-spacing:-.035em}.story-step p{max-width:460px;margin:20px 0 0;color:var(--graphite);font-size:17px;line-height:1.62}.step-output{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.step-output span{padding:7px 9px;border:1px solid var(--rule);color:var(--navy);font:600 9px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}.story-visual{position:sticky;top:96px;height:calc(100vh - 126px);min-height:580px;align-self:start}.screen{position:absolute;inset:0;overflow:hidden;background:#F4F2ED;border:1px solid rgba(13,43,78,.18);box-shadow:0 28px 80px rgba(7,29,52,.11)}.screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(13,43,78,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(13,43,78,.04) 1px,transparent 1px);background-size:24px 24px}.screen-top{position:absolute;inset:0 0 auto;z-index:3;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--deep);color:white}.screen-top span{font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.screen-dots{display:flex;gap:5px}.screen-dots i{width:6px;height:6px;border:1px solid rgba(255,255,255,.5);border-radius:50%}.panel{position:absolute;inset:48px 0 0;z-index:2;padding:28px;opacity:0;transform:translateY(20px) scale(.985);pointer-events:none;transition:opacity .5s,transform .65s}.panel.is-active{opacity:1;transform:none;pointer-events:auto}.ui-grid{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px}.ui-card{min-width:0;padding:18px;background:rgba(255,255,252,.88);border:1px solid rgba(13,43,78,.14);box-shadow:0 5px 20px rgba(7,29,52,.045)}.ui-stack{display:grid;align-content:start;gap:10px}.ui-title{margin-bottom:12px;color:#768091;font:600 9px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase}.ui-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px;border-bottom:1px solid rgba(13,43,78,.08)}.ui-row:last-child{border:0}.ui-row span{color:#778190;font:600 9px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}.ui-row b{color:var(--deep);font:600 11px/1.3 var(--mono);text-align:right}.big{color:var(--deep);font:500 34px/1 var(--mono);letter-spacing:-.05em}.badge{display:inline-flex;width:fit-content;padding:6px 8px;font:700 9px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}.green{color:var(--green);background:#EAF4EF}.amber{color:var(--amber);background:#F6EFE3}.red{color:var(--red);background:#F8EAEA}.blue{color:var(--blue);background:#EEF2FB}.bar{height:4px;margin-top:10px;background:#DDE2E9}.bar i{display:block;height:100%;width:var(--w);background:var(--c,var(--navy));transform-origin:left;animation:load 2.2s ease both}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile{padding:14px;background:#F7F4EE;border:1px solid rgba(13,43,78,.1)}.tile b{display:block;margin-top:7px;color:var(--deep);font:500 23px/1 var(--mono)}.list{display:grid}.list-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;border-bottom:1px solid rgba(13,43,78,.08)}.list-row:last-child{border:0}.list-row i{width:7px;height:7px;border-radius:50%;background:var(--green)}.list-row span{font-size:11px}.list-row code{color:var(--graphite);font:9px/1 var(--mono)}.decision{margin-top:12px;padding:17px;background:var(--navy);color:white}.decision small{font:9px/1 var(--mono);color:rgba(255,255,255,.6);text-transform:uppercase}.decision strong{display:block;margin-top:7px;font-family:var(--serif);font-size:21px;font-weight:400}.table{width:100%;border-collapse:collapse}.table th{padding:0 8px 10px;color:#8A92A0;border-bottom:1px solid var(--rule);font:600 8px/1 var(--mono);letter-spacing:.07em;text-align:left;text-transform:uppercase}.table td{padding:11px 8px;border-bottom:1px solid rgba(13,43,78,.07);font-size:10px}.table .mono{color:var(--graphite);font:9px/1 var(--mono)}.audit-line{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:52px;margin-bottom:8px;padding:0 13px;background:#FAFAF6;border:1px solid rgba(13,43,78,.1)}.audit-line b{color:var(--navy);font:600 10px/1 var(--mono)}.audit-line span{font-size:11px}.audit-line code{color:var(--green);font:9px/1 var(--mono)}.callout{padding:18px;border-left:3px solid var(--amber);background:#F6EFE3}.callout b{display:block;color:var(--deep);font-size:13px}.callout p{margin:7px 0 0;color:var(--graphite);font-size:12px;line-height:1.5}.closing{padding:120px clamp(24px,6vw,92px);text-align:center;background:var(--deep);color:white}.closing h2{max-width:850px;margin:0 auto;font-family:var(--serif);font-size:clamp(48px,5vw,76px);font-weight:400;line-height:1;letter-spacing:-.045em}.closing p{max-width:660px;margin:24px auto 0;color:rgba(255,255,255,.65);font-size:18px;line-height:1.6}.closing a{display:inline-flex;margin-top:34px;padding:14px 20px;border:1px solid rgba(255,255,255,.45);text-decoration:none;font-size:13px;font-weight:650}.closing a:hover{background:white;color:var(--deep)}.footer{display:flex;justify-content:space-between;padding:24px clamp(24px,6vw,92px);color:var(--graphite);font:10px/1 var(--mono);background:var(--paper)}
.solve-grid{display:grid;gap:8px;margin-top:25px}.solve-row{display:grid;grid-template-columns:74px 1fr;gap:13px;align-items:start;padding-top:10px;border-top:1px solid var(--rule)}.solve-row b{color:#8A92A0;font:600 9px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.solve-row span{color:var(--deep);font-size:13px;line-height:1.45}.solve-row.solution b{color:var(--green)}
.closing-link{display:inline-flex;margin-top:24px;color:var(--navy);font:650 11px/1.4 var(--mono);text-underline-offset:5px}
.platform-rail{position:absolute;z-index:4;inset:48px 0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:62px;padding:0 16px;background:rgba(255,255,252,.9);border-bottom:1px solid var(--rule);backdrop-filter:blur(10px)}.platform-rail a{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;color:#9098A4;font:600 8px/1 var(--mono);letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.platform-rail a:after{content:"";position:absolute;right:-1px;top:50%;width:2px;height:2px;border-radius:50%;background:#AEB5BF}.platform-rail a:last-child:after{display:none}.platform-rail a i{width:7px;height:7px;border:1px solid #AEB5BF;border-radius:50%;background:#F4F2ED;transition:all .35s}.platform-rail a.is-active{color:var(--navy)}.platform-rail a.is-active i{border-color:var(--navy);background:var(--navy);box-shadow:0 0 0 4px rgba(13,43,78,.08)}.platform-screen .panel{inset:110px 0 0;padding:22px}.flow-strip{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:stretch;margin-bottom:12px}.flow-node{min-width:0;padding:12px 13px;background:rgba(255,255,252,.9);border:1px solid rgba(13,43,78,.12)}.flow-node small{display:block;color:#8A92A0;font:600 8px/1.25 var(--mono);letter-spacing:.07em;text-transform:uppercase}.flow-node b{display:block;overflow:hidden;margin-top:6px;color:var(--deep);font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.flow-arrow{position:relative}.flow-arrow:before{content:"";position:absolute;left:4px;right:4px;top:50%;height:1px;background:#B7BEC7}.flow-arrow:after{content:"";position:absolute;right:3px;top:calc(50% - 3px);width:5px;height:5px;border-top:1px solid var(--navy);border-right:1px solid var(--navy);transform:rotate(45deg)}.panel.is-active .flow-arrow:before{background:linear-gradient(90deg,#B7BEC7,var(--navy),#B7BEC7);background-size:200% 100%;animation:signal 1.6s ease infinite}.micro-note{margin-top:12px;color:var(--graphite);font:9px/1.5 var(--mono)}.gate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}.gate{padding:13px;background:#FAFAF6;border:1px solid rgba(13,43,78,.11)}.gate small{display:block;color:#8A92A0;font:600 8px/1.25 var(--mono);text-transform:uppercase}.gate b{display:block;margin-top:7px;color:var(--deep);font-size:12px}.gate .badge{margin-top:8px}.history-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:13px}.history-card{position:relative;padding:14px;background:#FAFAF6;border:1px solid rgba(13,43,78,.12)}.history-card:after{content:"→";position:absolute;right:-9px;top:50%;z-index:2;color:var(--navy);font:12px/1 var(--mono)}.history-card:last-child:after{display:none}.history-card small{display:block;color:#8A92A0;font:600 8px/1.25 var(--mono);text-transform:uppercase}.history-card b{display:block;margin-top:7px;color:var(--deep);font-size:12px}.history-card code{display:block;margin-top:6px;color:var(--graphite);font:8px/1.2 var(--mono)}
.mono{font-family:var(--mono)!important}.story-head-centered{margin-left:auto;margin-right:auto;text-align:center}.story-head-centered p{margin-left:auto;margin-right:auto}.platform-story{--platform-frame-h:clamp(640px,72vh,760px)}.platform-story .story-visual{height:var(--platform-frame-h);min-height:0}.platform-story .story-step{min-height:var(--platform-frame-h)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 19px;border:1px solid var(--navy);text-decoration:none;color:var(--navy);font-size:14px;font-weight:650;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn.primary{background:var(--navy);color:white}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(13,43,78,.12)}.btn .arrow{transition:transform .2s ease}.btn:hover .arrow{transform:translateX(3px)}.proof-row{cursor:pointer;text-decoration:none}.proof-row:focus-visible{outline:2px solid var(--navy);outline-offset:3px}.closing a.closing-link{margin-top:24px;padding:0;border:0;color:rgba(255,255,255,.72);background:transparent;box-shadow:none;font:650 11px/1.4 var(--mono);text-decoration:underline;text-underline-offset:5px}.closing a.closing-link:hover{color:white;background:transparent}
@keyframes load{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes signal{from{background-position:100% 0}to{background-position:-100% 0}}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto}.hero-proof{min-height:450px}.story-shell{grid-template-columns:1fr;gap:0}.story-visual{top:72px;height:48vh;min-height:360px;z-index:6;order:-1;margin:0 -8px}.story-steps{margin-top:18px}.story-step{min-height:70vh}.panel{padding:18px}.screen-top{height:42px}.panel{inset:42px 0 0}.ui-grid{grid-template-columns:minmax(0,1fr) 155px}}
@media(max-width:650px){.topbar{height:64px;padding:0 18px}.topnav a:not(.cta){display:none}.topnav .cta{font-size:11px;padding:9px 11px}.hero{padding:58px 20px 70px;gap:30px}.hero h1{font-size:52px}.hero p{font-size:16px}.hero-proof{min-height:395px}.proof-card{padding:14px}.story{padding:78px 20px 90px}.story-head{margin-bottom:40px}.story-head h2{font-size:42px}.story-visual{height:43vh;min-height:330px;margin:0 -12px}.story-step{min-height:72vh}.story-step h3{font-size:38px}.story-step p{font-size:16px}.panel{padding:12px}.ui-grid{grid-template-columns:1fr}.ui-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ui-card{padding:12px}.ui-stack .ui-title{font-size:7px}.ui-stack .big{font-size:22px}.table th:nth-child(3),.table td:nth-child(3),.table th:nth-child(4),.table td:nth-child(4){display:none}.closing{padding:86px 20px}.footer{flex-direction:column;gap:8px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.story-step{opacity:1}}
@media(max-width:650px){.platform-rail{inset:42px 0 auto;height:52px;padding:0 5px}.platform-rail a{font-size:0}.platform-rail a i{width:6px;height:6px}.platform-screen .panel{inset:94px 0 0;padding:9px}.flow-strip{grid-template-columns:1fr 18px 1fr 18px 1fr;margin-bottom:7px}.flow-node{padding:8px}.flow-node b{font-size:9px}.flow-node small{font-size:6px}.gate-grid{gap:4px}.gate{padding:8px}.gate b{font-size:9px}.gate .badge{margin-top:5px}.history-path{gap:4px}.history-card{padding:8px}.history-card b{font-size:9px}.solve-row{grid-template-columns:64px 1fr}}
@media(max-width:980px){.platform-story .story-visual{height:48vh;min-height:360px}.platform-story .story-step{min-height:70vh}}
@media(max-width:650px){.platform-story .story-visual{height:43vh;min-height:330px}.platform-story .story-step{min-height:72vh}}
.platform-story .screen{inset:auto 0 auto;top:50%;height:auto;transform:translateY(-50%)}.platform-screen .screen-top{position:relative;inset:auto}.platform-screen .platform-rail{position:relative;inset:auto}.platform-screen .panel{position:relative;inset:auto;display:none;padding:22px;opacity:1;transform:none}.platform-screen .panel.is-active{display:block;animation:platform-panel-in .45s ease both}.platform-story .ui-grid{align-items:start}
@keyframes platform-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:980px){.platform-story .screen{position:absolute;inset:0;top:0;transform:none}.platform-screen .screen-top{position:absolute;inset:0 0 auto}.platform-screen .platform-rail{position:absolute;inset:42px 0 auto}.platform-screen .panel{position:absolute;inset:104px 0 0;display:block;opacity:0;transform:translateY(20px) scale(.985)}.platform-screen .panel.is-active{opacity:1;transform:none}}
@media(max-width:650px){.platform-screen .platform-rail{inset:42px 0 auto}.platform-screen .panel{inset:94px 0 0;padding:9px}}

/* Shared product-surface system: adaptive frames, rounded geometry and one type scale. */
:root{--radius-frame:10px;--radius-card:6px;--radius-small:3px}
.kicker,.step-output span,.badge,.closing a,.topnav .cta{border-radius:var(--radius-small)}
.proof-card,.screen,.ui-card,.flow-node,.gate,.history-card,.tile,.audit-line,.callout,.decision{border-radius:var(--radius-card)}
.proof-row{border-radius:var(--radius-small)}
.screen{border-radius:var(--radius-frame)}
.screen-top{border-radius:var(--radius-frame) var(--radius-frame) 0 0}
.proof-card,.screen,.ui-card{overflow:hidden}

.hero h1{font-size:clamp(54px,5.1vw,78px);line-height:1;letter-spacing:-.047em}
.hero p{font-size:18px;line-height:1.58}
.story-head h2{font-size:clamp(46px,4.25vw,66px)}
.story-head p,.story-step p{font-size:17px;line-height:1.58}
.story-step h3{font-size:clamp(40px,3.15vw,52px)}
.kicker{font-size:11px}
.step-no{font-size:12px}
.proof-title b{font-size:15px}
.proof-title code,.meta{font-size:11px}
.proof-row b,.proof-row code{font-size:10px}
.proof-row span{font-size:13px}
.screen-top span{font-size:11px}
.ui-title{font-size:11px;line-height:1.35}
.ui-row{min-height:42px}
.ui-row span{font-size:10px;line-height:1.25}
.ui-row b{font-size:12px;line-height:1.4}
.list-row{min-height:46px}
.list-row span,.audit-line span{font-size:12px}
.list-row code,.audit-line code,.micro-note,.table .mono{font-size:10px;line-height:1.35}
.table th{font-size:10px;padding:0 10px 12px}
.table td{font-size:12px;padding:13px 10px}
.badge{font-size:10px}
.callout b{font-size:14px}.callout p{font-size:13px}
.flow-node small,.gate small,.history-card small{font-size:9px}
.flow-node b,.gate b,.history-card b{font-size:13px}
.history-card code{font-size:9px}

.story-step{min-height:clamp(440px,64vh,680px);transition:opacity .22s ease,transform .24s ease}
.story-visual,.platform-story .story-visual{height:620px;min-height:0;transition:height .24s cubic-bezier(.22,1,.36,1)}
.screen,.platform-story .screen{position:absolute;inset:auto 0 auto;top:50%;height:auto;transform:translateY(-50%)}
.screen-top,.platform-screen .screen-top{position:relative;inset:auto}
.platform-rail,.platform-screen .platform-rail{position:relative;inset:auto}
.panel,.platform-screen .panel{position:relative;inset:auto;display:none;padding:clamp(18px,2.2vw,28px);opacity:1;transform:none;pointer-events:none;transition:none}
.panel.is-active,.platform-screen .panel.is-active{display:block;pointer-events:auto;animation:adaptive-panel-in .2s cubic-bezier(.22,1,.36,1) both}
.ui-grid{align-items:start}
.ui-stack{align-content:start}
.bar i{animation-duration:.5s}
@keyframes adaptive-panel-in{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(min-width:981px){
  .story-step{min-height:var(--story-frame-height,620px)}
  .story-step:last-child{
    min-height:max(clamp(440px,64vh,680px),var(--story-frame-height,620px));
  }
}

@media(max-width:980px){
  .story-visual,.platform-story .story-visual{height:520px;min-height:0;top:76px}
  .screen,.platform-story .screen{position:absolute;inset:auto 0 auto;top:50%;height:auto;transform:translateY(-50%)}
  .screen-top,.platform-screen .screen-top{position:relative;inset:auto}
  .platform-rail,.platform-screen .platform-rail{position:relative;inset:auto}
  .panel,.platform-screen .panel{position:relative;inset:auto;display:none;padding:18px;opacity:1;transform:none}
  .panel.is-active,.platform-screen .panel.is-active{display:block}
}
@media(max-width:650px){
  .hero h1{font-size:clamp(44px,13vw,56px)}
  .hero p,.story-step p{font-size:16px}
  .story-head h2{font-size:42px}
  .story-visual,.platform-story .story-visual{height:460px;top:68px;margin:0 -10px}
  .panel,.platform-screen .panel{padding:12px}
  .ui-title{font-size:10px}
  .ui-row span{font-size:9px}
  .ui-row b{font-size:11px}
  .table th{font-size:9px}.table td{font-size:11px}
}

.tile b{font:650 13px/1.25 var(--sans)}
.tile:last-child:nth-child(odd){grid-column:1/-1}

/* Keep the product hero optically balanced around the fixed site header. */
.hero{
  --hero-edge-space:clamp(84px,6vw,110px);
  --hero-header-clearance:86px;
  min-height:auto;
  padding-top:calc(var(--hero-header-clearance) + var(--hero-edge-space));
  padding-bottom:var(--hero-edge-space);
}
@media(max-width:980px){
  .hero{--hero-edge-space:84px}
}
@media(max-width:650px){
  .hero{
    --hero-edge-space:64px;
    --hero-header-clearance:70px;
    padding-right:20px;
    padding-left:20px;
  }
}

/* Echo the hero's Paper field in the closing decision-chain invitation. */
.closing{
  color:var(--deep);
  background-color:var(--paper);
  background-image:
    linear-gradient(rgba(13,43,78,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(13,43,78,.04) 1px,transparent 1px);
  background-size:40px 40px;
  border-top:1px solid var(--rule);
}
.closing p{color:var(--graphite)}
.closing > a:not(.closing-link){
  color:white;
  background:var(--navy);
  border-color:var(--navy);
}
.closing > a:not(.closing-link):hover{
  color:white;
  background:var(--deep);
}
.closing a.closing-link{color:var(--navy)}
.closing a.closing-link:hover{color:var(--deep)}
.security-story .story-head{max-width:min(100%,1180px);margin-bottom:clamp(56px,5vw,82px)}
.security-story .story-head h2{max-width:none}
.security-story .story-head p{max-width:980px}
.audit-story .story-head{margin-bottom:clamp(56px,5vw,82px)}
.risk-story .story-head{max-width:min(100%,1120px);margin-bottom:clamp(56px,5vw,82px)}
.risk-story .story-head h2{max-width:none}
.management-story{padding-bottom:clamp(68px,6vw,96px)}
.management-story .story-head{margin-bottom:clamp(56px,5vw,82px)}
@media(min-width:981px){
  .management-story .story-step:last-child{min-height:var(--story-frame-height,620px)}
}
@media(min-width:651px){
  .security-story .screen,.audit-story .screen,.risk-story .screen,.management-story .screen{top:0;transform:none}
}
@media(max-width:650px){
  .security-story .story-head h2 br,.risk-story .story-head h2 br{display:none}
}
.security-closing h2{max-width:1100px;text-wrap:balance}
.security-closing > a{justify-content:center}
.security-closing > a.closing-secondary{
  margin-left:12px;
  color:var(--navy);
  background:transparent;
  border-color:var(--navy);
}
.security-closing > a.closing-secondary:hover{color:white;background:var(--navy)}
.audit-closing > a{justify-content:center}
.audit-closing > a.closing-secondary{
  margin-left:12px;
  color:var(--navy);
  background:transparent;
  border-color:var(--navy);
}
.audit-closing > a.closing-secondary:hover{color:white;background:var(--navy)}
.risk-closing > a{justify-content:center}
.risk-closing > a.closing-secondary{
  margin-left:12px;
  color:var(--navy);
  background:transparent;
  border-color:var(--navy);
}
.risk-closing > a.closing-secondary:hover{color:white;background:var(--navy)}
.management-closing > a{justify-content:center}
.management-closing > a.closing-secondary{
  margin-left:12px;
  color:var(--navy);
  background:transparent;
  border-color:var(--navy);
}
.management-closing > a.closing-secondary:hover{color:white;background:var(--navy)}
.platform-closing > a{justify-content:center}
.platform-closing > a.closing-secondary{
  margin-left:12px;
  color:var(--navy);
  background:transparent;
  border-color:var(--navy);
}
.platform-closing > a.closing-secondary:hover{color:white;background:var(--navy)}
@media(max-width:650px){
  .security-closing h2 br{display:none}
  .security-closing > a{display:flex;width:min(100%,340px);margin:24px auto 0}
  .security-closing > a.closing-secondary{margin:12px auto 0}
  .audit-closing > a{display:flex;width:min(100%,340px);margin:24px auto 0}
  .audit-closing > a.closing-secondary{margin:12px auto 0}
  .risk-closing > a{display:flex;width:min(100%,340px);margin:24px auto 0}
  .risk-closing > a.closing-secondary{margin:12px auto 0}
  .management-closing > a{display:flex;width:min(100%,340px);margin:24px auto 0}
  .management-closing > a.closing-secondary{margin:12px auto 0}
  .platform-closing > a{display:flex;width:min(100%,340px);margin:24px auto 0}
  .platform-closing > a.closing-secondary{margin:12px auto 0}
}

/* Phone layout: adaptive workspace cards and a clean sticky-stage release. */
@media(max-width:430px){
  html,body{max-width:100%;overflow-x:clip}
  .hero{padding-right:18px;padding-left:18px;gap:24px}
  .hero-copy{max-width:none}
  .hero h1{font-size:clamp(40px,12vw,48px);line-height:1}
  .hero p{font-size:16px;line-height:1.55}
  .actions{display:grid;width:100%}
  .btn{width:100%;min-height:50px}
  .hero-proof{width:100%;min-height:0}
  .proof-card{width:100%;padding:14px}
  .proof-title{align-items:flex-start;flex-direction:column;gap:7px}
  .proof-title code{overflow-wrap:anywhere}
  .proof-row{grid-template-columns:24px minmax(0,1fr);align-items:start}
  .proof-row code{grid-column:2;overflow-wrap:anywhere}

  .story{padding-right:18px;padding-left:18px}
  .story-head{margin-bottom:34px}
  .story-head h2{font-size:40px;line-height:1.03}
  .story-shell{display:flex;flex-direction:column}
  .story-visual,.platform-story .story-visual{top:66px;margin:0;width:100%;min-height:0}
  .story-steps{margin-top:22px}
  .story-step,.platform-story .story-step{min-height:72vh}
  .story-step:last-child,.platform-story .story-step:last-child{min-height:max(72vh,var(--story-frame-height,460px))}
  .story-step h3{font-size:36px;line-height:1.04}
  .panel,.platform-screen .panel{padding:10px}
  .screen-top{padding:0 12px}
  .screen-top span{font-size:9px;overflow-wrap:anywhere}
  .ui-grid,.ui-stack,.tile-grid,.gate-grid,.history-path,.flow-strip{grid-template-columns:1fr}
  .flow-arrow,.history-card:after{display:none}
  .flow-node b{overflow:visible;text-overflow:clip;white-space:normal}
  .ui-card{padding:12px}
  .ui-row{align-items:flex-start;flex-direction:column;gap:7px;padding:10px 0}
  .ui-row b{max-width:100%;text-align:left;overflow-wrap:anywhere}
  .list-row{grid-template-columns:10px minmax(0,1fr);padding:9px 0}
  .list-row code{grid-column:2;overflow-wrap:anywhere}
  .audit-line{grid-template-columns:24px minmax(0,1fr);padding:10px 12px}
  .audit-line code{grid-column:2;overflow-wrap:anywhere}
  .table{table-layout:fixed}
  .table th,.table td{padding-right:5px;padding-left:5px;overflow-wrap:anywhere}
  .solve-row{grid-template-columns:1fr;gap:6px}
  .platform-rail{padding:0 3px}
  .closing{padding-right:18px;padding-left:18px}
  .closing h2{font-size:42px}
}

/* Card CI — aligned with the homepage decision record. */
.proof-card,
.ui-card,
.flow-node,
.gate,
.history-card,
.tile,
.audit-line {
  background:#FAFAF6;
  border:.5px solid #D0CBC0;
  border-radius:6px;
  box-shadow:0 2px 24px rgba(13,43,78,.07);
  font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;
}
.screen {
  background:#F2EFEA;
  border:.5px solid #D0CBC0;
  border-radius:10px;
  box-shadow:0 2px 24px rgba(13,43,78,.07);
}
.screen-top { border-radius:10px 10px 0 0; }
.proof-title b {
  font-family:'Lora',Georgia,serif;
  font-weight:700;
}
.proof-row {
  background:#FAFAF6;
  border:.5px solid #D0CBC0;
  border-left:2px solid var(--navy);
  border-radius:3px;
  font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;
}
.callout,
.decision {
  border-radius:6px;
  box-shadow:none;
}
.badge { border-radius:3px; }

/* Mobile stage narrative: copy and evidence stay together. */
.mobile-stage-card{display:none}
@media(max-width:650px){
  .story{padding:78px 18px 88px}
  .story-head{margin-bottom:64px}
  .story-shell{display:block}
  .story-visual{display:none!important}
  .story-steps{display:grid;gap:76px;margin:0}
  .story-step,.platform-story .story-step{
    display:block;
    min-height:0;
    padding:0;
    opacity:1;
    transform:none;
  }
  .story-step:last-child,.platform-story .story-step:last-child{min-height:0}
  .story-step h3{max-width:none;margin-top:15px;font-size:36px}
  .story-step p{max-width:none;margin-top:17px}
  .step-output{margin-top:20px}
  .mobile-stage-card{
    display:block;
    width:100%;
    margin-top:30px;
    overflow:hidden;
    border:.5px solid #D0CBC0;
    border-radius:10px;
    background:#F2EFEA;
    box-shadow:0 2px 24px rgba(13,43,78,.07);
  }
  .mobile-stage-card .screen-top{
    position:relative;
    inset:auto;
    height:44px;
    border-radius:0;
  }
  .mobile-stage-card .panel,
  .mobile-stage-card .platform-screen .panel{
    position:relative;
    inset:auto;
    display:block;
    padding:12px;
    opacity:1;
    transform:none;
    pointer-events:auto;
    animation:none;
  }
  .mobile-stage-card .ui-grid,
  .mobile-stage-card .ui-stack,
  .mobile-stage-card .tile-grid,
  .mobile-stage-card .gate-grid,
  .mobile-stage-card .history-path,
  .mobile-stage-card .flow-strip{grid-template-columns:1fr}
  .mobile-stage-card .ui-stack{margin-top:8px}
  .mobile-stage-card .flow-arrow,
  .mobile-stage-card .history-card:after{display:none}
  .mobile-stage-card .flow-node b{overflow:visible;white-space:normal;text-overflow:clip}
  .mobile-stage-card .ui-row{align-items:flex-start;flex-direction:column;gap:6px;padding:10px 0}
  .mobile-stage-card .ui-row b{text-align:left;overflow-wrap:anywhere}
  .mobile-stage-card .list-row{grid-template-columns:10px minmax(0,1fr);padding:10px 0}
  .mobile-stage-card .list-row code{grid-column:2;overflow-wrap:anywhere}
  .mobile-stage-card .audit-line{grid-template-columns:24px minmax(0,1fr);padding:10px 12px}
  .mobile-stage-card .audit-line code{grid-column:2;overflow-wrap:anywhere}
  .mobile-stage-card .table,
  .mobile-stage-card .table tbody,
  .mobile-stage-card .table tr,
  .mobile-stage-card .table td{display:block;width:100%}
  .mobile-stage-card .table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .mobile-stage-card .table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:12px 0;border-bottom:1px solid rgba(13,43,78,.08)}
  .mobile-stage-card .table td{padding:0;border:0}
  .mobile-stage-card .table td:nth-child(3),
  .mobile-stage-card .table td:nth-child(4){display:block;grid-column:1/-1;color:var(--graphite)}
  .mobile-stage-card .decision strong{font-size:22px}
}