:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;--bg:#071429;--panel:#102b4e;--border:#2b6389;--fg:#f2f8ff;--muted:#bad2e9;--accent:#4dd5f0}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050c1b;color:var(--fg)}body{overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}button,input,select{accent-color:var(--accent)}.experience{position:relative;isolation:isolate;max-width:1600px;margin:auto;display:grid;grid-template-rows:auto 3px minmax(0,1fr) auto;height:100dvh;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 89% 2%,#0d57ac80,transparent 52%),radial-gradient(ellipse at 10% 98%,#163ba455,transparent 57%),linear-gradient(115deg,#07142b,#081c37 60%,#081326)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(8px,1.25dvh,15px) clamp(13px,2vw,30px);border-bottom:1px solid #2f6c9d77;background:#051527a8;min-height:58px}.identity{display:flex;align-items:center;gap:11px;min-width:0}.identity img{width:37px;height:37px;object-fit:contain;flex-shrink:0}.identity strong{font-weight:850;letter-spacing:.035em;font-size:clamp(.8rem,1.5vw,1.05rem);display:block}.identity small{font-size:.66rem;color:#9dc9ec;letter-spacing:.07em;display:block;margin-top:2px}.header-right{display:flex;align-items:center;gap:12px}.tag{border:1px solid #53bae5;border-radius:99px;color:#93eaf9;font-size:.65rem;font-weight:800;letter-spacing:.12em;padding:6px 10px}.chapter{font-size:.73rem;letter-spacing:.06em;color:#b5d1e8}.progress{background:#163456}.progress-fill{height:3px;background:linear-gradient(90deg,#376efd,#73f4f6);width:5%;transition:width .25s}.stage{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3b78a8 transparent}.slide{max-width:1330px;min-height:100%;margin:auto;display:grid;grid-template-columns:minmax(270px,.85fr) minmax(340px,1.15fr);align-items:center;gap:clamp(14px,3vw,54px);padding:clamp(18px,3vw,44px) clamp(22px,4vw,70px)}.copy{min-width:0;z-index:1}.kicker{color:#70daf8;letter-spacing:.17em;font-weight:800;font-size:clamp(.63rem,1.1vw,.79rem);margin-bottom:clamp(7px,1.5dvh,18px)}.kicker span{color:#6ab8e1}.copy h1{font-size:clamp(1.85rem,3.6vw,3.8rem);line-height:1.08;letter-spacing:-.05em;margin:0 0 clamp(10px,2dvh,23px);text-wrap:balance}.lead{font-size:clamp(.96rem,1.45vw,1.25rem);line-height:1.5;color:#e0eeff;max-width:620px;margin:0 0 11px}.detail{color:var(--muted);font-size:clamp(.81rem,1.17vw,1rem);line-height:1.5;max-width:590px;margin:10px 0}.visual{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:12px;max-height:100%;position:relative}.visual>*{flex-shrink:0}.motion{animation:arrive .6s both}.paused *, .paused *::before,.paused *::after{animation-play-state:paused!important;transition:none!important}@keyframes arrive{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-art{position:relative;display:grid;place-items:center;min-height:clamp(220px,35dvh,475px);border:1px solid #2975b355;border-radius:28px;background:radial-gradient(circle at 50% 50%,#155aaa80,transparent 63%);overflow:hidden}.hero-art .halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#207fe25c,transparent 70%);filter:blur(15px);animation:pulse 5s infinite alternate}.node-art{width:100%;height:auto;max-height:36dvh;filter:drop-shadow(0 0 8px #17aefc66)}@keyframes pulse{to{transform:scale(1.16);opacity:.5}}.primary{align-self:start;padding:13px 20px;background:linear-gradient(100deg,#1475da,#098ca9);color:white;border:1px solid #83eaff;border-radius:13px;font-weight:800;box-shadow:0 6px 27px #021f6380}.primary:hover{filter:brightness(1.13)}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile{display:flex;align-items:center;gap:9px;text-align:left;color:#edf7ff;border:1px solid #4d789d99;background:linear-gradient(125deg,#0e3c68cc,#112a4bbb);padding:16px;border-radius:14px;min-height:86px}.tile strong{font-size:clamp(.82rem,1.12vw,1rem);font-weight:700;flex:1}.tile-num{color:#69dffc;font-weight:900;font-size:.77rem}.tile-arrow{color:#69dffc}.tile:hover,.tile:focus-visible,.step:hover{border-color:#6ceaff;background:#17518a}.reaction{margin:0;line-height:1.45;font-size:.87rem;color:#cce7fa;border-left:3px solid #6be7f7;background:#113358aa;padding:10px 13px;border-radius:0 9px 9px 0}.comparison-panel,.mock-layout,.chart-wrap,.ai-panel,.integration,.diagram{padding:clamp(13px,2vw,23px);background:linear-gradient(145deg,#123862aa,#0c2546cd);border:1px solid #507ba5;border-radius:19px}.comparison-panel{min-height:clamp(190px,34dvh,340px);display:flex;flex-direction:column;justify-content:center;gap:15px}.comparison-panel>strong{font-size:1.3rem}.switch,.tabbar,.source-choices,.pills{display:flex;flex-wrap:wrap;gap:7px}.switch button,.tabbar button,.source-choices button,.pills button,.ai-choices button{padding:9px 12px;border-radius:9px;background:#12385f;border:1px solid #397ba4;color:#e7f8ff;font-size:.82rem}.switch [aria-pressed=true],.tabbar [aria-selected=true],.source-choices [aria-pressed=true],.pills [aria-pressed=true],.ai-choices [aria-pressed=true]{background:#136b9f;border-color:#77e8f6;color:white}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-cards span{padding:19px;background:#102c4c;border:1px dashed #6b90b6;border-radius:12px}.system-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.feature-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.feature-tiles .tile{padding:8px;min-height:65px}.feature-tiles .tile-arrow{display:none}.journey{display:flex;gap:8px;flex-wrap:wrap}.step{flex:1 1 100px;min-width:95px;max-width:100%;padding:17px 12px;text-align:left;min-height:96px;color:white;border:1px solid #446b9a;background:#14365e;border-radius:12px}.step small{display:block;color:#61dffb;font-weight:900;margin-bottom:11px}.step strong{font-size:.86rem}.step[aria-pressed=true],.step.active-step{background:#155e91;border-color:#7feafa}.identity{align-items:center}.mock-layout{min-height:300px}.mock-layout .identity{padding:8px 0 16px}.avatar{width:55px;height:55px;border-radius:100%;display:grid;place-items:center;font-weight:900;color:#041a2c;background:linear-gradient(125deg,#44bded,#d1f9ff)}.identity p{font-size:.85rem;color:#bdcee9;margin:4px 0}.record{min-height:118px}.record p{margin:7px 0;padding:9px 12px;background:#163a5d;border-radius:9px;font-size:.84rem}.watermark,.fine{font-size:.73rem;color:#a9cce5}.source-choices button{flex:1}.connector{text-align:center;color:#65dcff;font-size:2rem}.lead-card{display:grid;gap:8px;background:#10406b;border:1px solid #7fd5ed;border-radius:14px;padding:20px}.lead-card span{color:#bcd6eb;font-size:.87rem}.pipeline-summary{display:flex;gap:8px;flex-wrap:wrap}.pipeline-summary span{font-size:.72rem;background:#12416a;border:1px solid #346b9c;border-radius:40px;padding:6px 9px}.pipeline-summary strong{color:#7bf1ff;font-size:.95rem}.pipeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.deal{padding:11px;background:#0f3457d9;border:1px solid #41759a;border-radius:12px;display:grid;gap:5px}.deal strong{font-size:.82rem}.deal small{font-size:.7rem;color:#b8cee6}.deal label{font-size:.72rem;color:#c9e1f1;display:grid;gap:4px}select{min-width:0;color:#ebf7ff;background:#113452;border:1px solid #578caf;border-radius:8px;padding:7px}.task-list{display:grid;gap:11px}.task{display:flex;align-items:center;gap:11px;padding:14px;background:#103960;border:1px solid #4775a0;border-radius:11px}.task input{width:22px;height:22px}.task span{flex:1}.task .is-done{text-decoration:line-through;opacity:.7}.task small{font-size:.66rem;color:#73d6ed}.chart-wrap{display:grid;gap:13px}.chart-wrap>label{font-size:.81rem;display:flex;gap:10px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{border:1px solid #4d7da6;background:#0e3358;padding:11px;border-radius:11px}.metric small{display:block;color:#a4cde7;font-size:.69rem}.metric strong{display:block;margin-top:4px;font-size:clamp(1.1rem,2.5vw,1.9rem);color:#7cdeff}.bar-chart{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:100px 1fr 22px;gap:9px;align-items:center;font-size:.76rem}.bar-row .track{height:12px;border-radius:9px;background:#0c2443;overflow:hidden}.bar-row .track span{height:100%;display:block;background:linear-gradient(90deg,#257dec,#62dffa);border-radius:inherit}.bar-row strong{text-align:right}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:11px}.automation .step{flex-basis:110px}.ai-orbit{width:clamp(120px,18dvh,200px);height:clamp(120px,18dvh,200px);border:2px solid #55ccfc;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:radial-gradient(circle,#3ab7ff68,#081839);box-shadow:0 0 45px #1085c177;animation:ai 6s infinite linear}.ai-orbit span{font-size:2.5rem;font-weight:900;color:#bceeff}@keyframes ai{50%{box-shadow:0 0 70px #66cfffad}}.ai-choices{display:flex;gap:7px;flex-wrap:wrap}.integration .node-art{max-height:24dvh}.industry{display:grid;gap:14px}.business-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.business-card{min-height:103px;padding:14px;display:grid;gap:10px;text-align:left;color:white;background:linear-gradient(135deg,#133a65,#0b2f56);border:1px solid #5686b4;border-radius:13px}.business-card span{color:#68e5fb;font-weight:900}.business-card[aria-pressed=true]{border-color:#a4efff;background:#175a8b}.faq-list{max-height:min(52dvh,550px);overflow:auto;display:grid;gap:7px;scrollbar-width:thin}.faq{border:1px solid #3a789c;background:#103355;border-radius:11px}.faq button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;padding:12px 14px;color:#f3f9ff;border:0;background:transparent}.faq button strong{font-size:.85rem;font-weight:730}.faq p{font-size:.78rem;line-height:1.45;color:#c4def0;padding:0 14px 13px;margin:0}.cta-list{display:grid;gap:10px}.cta-card{display:grid;gap:5px;background:linear-gradient(115deg,#135e9b,#0f396a);text-decoration:none;border:1px solid #6dc7ef;padding:17px;border-radius:13px}.cta-card:hover{background:#1869a5}.cta-card strong{font-size:1rem}.cta-card span{font-size:.78rem;color:#d7ecfb}.footer{padding:8px clamp(12px,2vw,27px) max(8px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;border-top:1px solid #30618b;background:#061b30ee;min-height:59px}.footer button,.footer select{border:1px solid #4b81ac;background:#12385f;border-radius:9px;color:#effaff;padding:9px 12px;font-size:.76rem}.footer select{min-width:0;max-width:min(28vw,340px)}.footer .nav{font-weight:750}.footer .right{display:flex;gap:6px;align-items:center;margin-left:auto}.footer #counter{font-size:.76rem;min-width:46px;text-align:center;color:#b9def4;font-variant-numeric:tabular-nums}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.topbar a{text-decoration:none}.exit{font-size:.73rem;color:#99d9f1;text-decoration:none!important}.exit:hover{text-decoration:underline!important}@media(max-width:900px){.slide{grid-template-columns:1fr;align-content:start;gap:16px}.visual{max-height:none}.stage{overflow:auto}.copy h1{max-width:780px}.system-layout{grid-template-columns:1fr}.system-layout .node-art{max-height:18dvh}.footer #fullscreen{display:none}}@media(max-width:600px){.experience{grid-template-rows:auto 2px minmax(0,1fr) auto}.topbar{min-height:51px;padding:7px 10px}.identity img{width:30px;height:30px}.identity strong{font-size:.76rem}.identity small{font-size:.55rem}.tag{font-size:.6rem;padding:4px 7px}.chapter,.topbar .exit{display:none}.slide{padding:clamp(10px,1.8dvh,18px) 13px;gap:clamp(10px,1.8dvh,15px)}.copy h1{font-size:clamp(1.3rem,5.1vw,1.95rem);line-height:1.13;margin-bottom:8px}.lead{font-size:clamp(.79rem,3.25vw,.9rem);line-height:1.35;margin-bottom:6px}.detail{font-size:clamp(.72rem,2.8vw,.81rem);line-height:1.34;margin:6px 0}.kicker{margin-bottom:7px;font-size:.6rem}.visual{gap:8px}.hero-art{min-height:29dvh}.hero-art .node-art{max-height:28dvh}.primary{padding:10px 13px;font-size:.85rem}.tiles{gap:6px}.tile{min-height:60px;padding:10px}.tile strong{font-size:.72rem}.tile-num{font-size:.64rem}.reaction{font-size:.74rem;padding:8px 10px}.comparison-panel,.mock-layout,.chart-wrap,.ai-panel,.integration,.diagram{padding:10px}.comparison-panel{min-height:190px}.comparison-panel .node-art{max-height:22dvh}.mini-cards span{padding:11px;font-size:.8rem}.feature-tiles{gap:5px}.feature-tiles .tile{min-height:48px;padding:6px}.journey{gap:5px}.step{flex-basis:calc(33.333% - 5px);min-width:0;min-height:65px;padding:9px 7px}.step small{margin-bottom:4px;font-size:.65rem}.step strong{font-size:.68rem}.mock-layout{min-height:200px}.mock-layout .identity{padding:2px 0 8px}.avatar{width:42px;height:42px}.record{min-height:80px}.record p{font-size:.7rem;margin:4px 0;padding:6px}.pills button,.tabbar button,.source-choices button,.ai-choices button{font-size:.7rem;padding:7px 8px}.lead-card{padding:10px;gap:5px}.lead-card span{font-size:.71rem}.pipeline{gap:5px}.deal{padding:7px;gap:3px}.deal strong{font-size:.68rem}.deal small,.deal label{font-size:.61rem}.deal select{font-size:.65rem;padding:5px}.pipeline-summary span{font-size:.62rem;padding:4px 7px}.metrics{gap:5px}.metric{padding:7px}.metric small{font-size:.61rem}.metric strong{font-size:1.12rem}.bar-row{grid-template-columns:77px 1fr 18px;gap:5px;font-size:.66rem}.bar-chart{gap:5px}.task{padding:10px}.task span{font-size:.76rem}.ai-orbit{width:95px;height:95px;margin-bottom:4px}.ai-orbit span{font-size:1.7rem}.integration .node-art{max-height:21dvh}.business-card{min-height:70px;padding:9px;gap:4px}.business-card strong{font-size:.72rem}.faq-list{max-height:42dvh}.faq button{padding:9px}.faq button strong{font-size:.73rem}.faq p{font-size:.71rem;padding:0 9px 10px}.cta-card{padding:11px}.cta-card strong{font-size:.84rem}.cta-card span{font-size:.7rem}.footer{padding:6px 8px max(6px,env(safe-area-inset-bottom));gap:5px;min-height:52px}.footer button,.footer select{font-size:.64rem;padding:8px 7px}.footer select{max-width:25vw}.footer #counter{font-size:.69rem;min-width:36px}.footer #restart{display:none}}@media(max-width:380px){.footer #pause{max-width:59px;font-size:.57rem}.footer select{max-width:23vw}.copy h1{font-size:1.3rem}.lead{font-size:.77rem}.slide{padding:9px 10px}.topbar .identity strong{font-size:.7rem}.topbar .identity small{font-size:.51rem}}@media(max-height:640px){.stage{overflow:auto}.slide{min-height:100%;align-content:start}.slide .hero-art{min-height:180px}.slide .node-art{max-height:180px}.faq-list{max-height:44dvh}}@media(orientation:landscape) and (max-height:470px){.slide{grid-template-columns:minmax(240px,.9fr) minmax(320px,1.1fr);padding:12px 20px;gap:20px}.copy h1{font-size:clamp(1.4rem,3vw,2.1rem)}.lead{font-size:.77rem}.detail{font-size:.7rem}.hero-art{min-height:170px}.tiles .tile{min-height:48px}.stage{overflow:auto}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}