:root{--bg:#071e20;--ink:#eef2df;--mint:#8ae1b2;--teal:#1fb5a5;--muted:#9bb9b3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}header{position:absolute;top:0;left:0;width:100%;z-index:10;height:96px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b5e6ca18}.brand{font-size:39px;font-weight:800;letter-spacing:-3px;line-height:1}.brand span{font-size:11px;letter-spacing:0;vertical-align:top;margin-left:4px}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav .access{padding:12px 20px;border:1px solid #8ae1b260;border-radius:6px}.scroll-story{height:600svh;position:relative}.scene{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#10413d55,transparent 50%),var(--bg)}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#8ae1b209 1px,transparent 1px),linear-gradient(90deg,#8ae1b209 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent,#000)}#engine{position:absolute;inset:0;width:100%;height:100%}.scene-top{position:absolute;top:125px;left:5vw;right:5vw;display:flex;justify-content:space-between;color:#8fb0a8;font-family:monospace;font-size:11px;letter-spacing:2px}.scene-counter{color:var(--mint)}.chapters{position:absolute;left:7vw;top:25%;width:43%;height:65%;max-width:600px;pointer-events:none}.chapter{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(30px)}.chapter.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.eyebrow{font-family:monospace;letter-spacing:2px;font-size:11px;color:var(--mint);margin:0 0 25px}h1,h2{font-size:clamp(48px,5.3vw,83px);font-weight:500;letter-spacing:-4px;line-height:1.05;margin:0 0 28px}em{font-style:normal;color:var(--mint)}.description{font-size:17px;color:#abc3bc;line-height:1.7;max-width:360px;margin:0 0 30px}.button{display:inline-block;border:1px solid var(--mint);background:var(--mint);color:#072b29;border-radius:5px;padding:14px 21px;font-size:13px;font-weight:700}.button:hover{background:#b1f1c9}.product-link{display:inline-block;color:var(--mint);font-size:14px;border-bottom:1px solid #8ae1b280;padding-bottom:6px}.visual-labels{position:absolute;left:51%;top:22%;width:45%;height:60%;pointer-events:none}.visual-tag{position:absolute;padding:8px 12px;border:1px solid #8ae1b240;background:#082a29cc;border-radius:4px;font-family:monospace;font-size:10px;letter-spacing:1px;color:#b9dcc8;white-space:nowrap}.tag-a{top:2%;left:5%}.tag-b{top:45%;right:0}.tag-c{bottom:2%;left:15%}.visual-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:82px;font-weight:500;opacity:0}.visual-center span{font-size:9px;font-family:monospace;letter-spacing:2px;margin-top:18px}.scene-bottom{position:absolute;bottom:0;left:0;width:100%;padding:0 5vw 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.chapter-nav{display:flex;gap:23px}.chapter-nav a{font-family:monospace;font-size:10px;letter-spacing:1px;color:#688a83;padding:10px 0;transition:color .2s}.chapter-nav a.selected{color:var(--mint)}.scroll-hint{font-family:monospace;font-size:10px;letter-spacing:2px;color:#abc3bc;display:flex;align-items:center;gap:20px}.scroll-hint span{font-size:24px;color:var(--mint)}.progress-track{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff10}#progress{height:100%;background:var(--mint);width:0;box-shadow:0 0 12px var(--mint)}.scroll-anchor{position:absolute;top:calc(var(--step) * 125svh);width:1px;height:1px;pointer-events:none}.entry{background:#f2f1e8;color:#123b3c;padding:110px 7vw}.entry .eyebrow{color:#0b8078}.entry h2{font-size:clamp(40px,4.7vw,68px)}.entry em{color:#0b8078}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:60px}.entry-grid>a{padding:30px;border:1px solid #c9d4c8;border-radius:10px;transition:transform .25s,background .25s}.entry-grid>a:hover{transform:translateY(-6px);background:#e3eadb}.entry-grid span{font:10px monospace;letter-spacing:1px;color:#0b8078}.entry-grid h3{font-size:29px;letter-spacing:-1px;margin:28px 0 15px;font-weight:500}.entry-grid p{font-size:15px;line-height:1.6;color:#4f6d65;min-height:48px}.entry-grid b{font-size:13px;display:inline-block;margin-top:22px;border-bottom:1px solid #0b8078;padding-bottom:5px}footer{display:flex;align-items:center;justify-content:space-between;padding:40px 7vw;gap:25px}footer p{font-size:13px;color:var(--muted)}@media(max-width:800px){header{height:78px}nav>a:not(.access){display:none}.scene{min-height:660px}.scene-top{top:102px;font-size:9px;letter-spacing:1px}.chapters{left:6vw;top:19%;width:88%;height:36%;max-width:none}h1,h2{font-size:clamp(38px,8vw,57px);letter-spacing:-2px;margin-bottom:18px}.description{font-size:14px;max-width:360px;line-height:1.5;margin-bottom:18px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:15px}.button{padding:11px 15px;font-size:12px}.visual-labels{top:55%;left:8%;width:84%;height:33%}.visual-tag{font-size:8px;padding:6px 8px}.visual-center{font-size:55px}.visual-center span{font-size:8px}.chapter-nav{gap:14px}.chapter-nav a{font-size:9px}.scroll-hint{display:none}.scene-bottom{padding-bottom:18px}.entry{padding:75px 6vw}.entry-grid{grid-template-columns:1fr;margin-top:35px;gap:16px}.entry-grid>a{padding:25px}.entry-grid h3{margin-top:18px}.entry-grid p{min-height:0}footer{flex-wrap:wrap}.scroll-story{height:600svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-story{height:auto}.scene{position:relative;height:auto;min-height:0;padding:130px 6vw 60px;overflow:visible}.scene-grid,#engine,.visual-labels,.scene-top,.scene-bottom,.scroll-anchor{display:none}.chapters{position:static;width:100%;height:auto}.chapter{position:static;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto;margin-bottom:75px}.chapter:last-child{margin-bottom:0}header{position:absolute}.entry-grid>a{transition:none}}
@media(max-width:800px){.scene{min-height:0}.visual-labels{top:62%;height:28%}.chapters{top:20%}.description{font-size:16px}}@media(max-width:800px) and (max-height:720px){h1,h2{font-size:34px}.eyebrow{margin-bottom:12px}.description{font-size:14px;margin-bottom:14px}.chapters{top:19%}.visual-labels{top:63%;height:27%}}
.demo-layer{position:absolute;left:53%;top:27%;width:40%;height:50%;pointer-events:none;perspective:900px}.demo-panel{position:absolute;left:50%;top:50%;width:min(350px,85%);opacity:0;visibility:hidden;transform:translate(-50%,-50%);border:1px solid #8ae1b255;border-radius:12px;background:linear-gradient(135deg,#123d39f2,#0b282af5);padding:22px;box-shadow:0 25px 70px #0005,0 0 45px #55d7aa0c;will-change:transform,opacity}.demo-header{display:flex;justify-content:space-between;gap:12px;font-family:monospace;font-size:9px;letter-spacing:1px;color:#9dd4bd;border-bottom:1px solid #a8dbc322;padding-bottom:15px}.demo-header>span:last-child{color:#6b9e90;font-size:8px}.demo-contact{display:flex;align-items:center;gap:12px;margin:24px 0}.contact-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#8ae1b220;color:var(--mint);font-size:27px}.demo-contact b{font-size:15px;font-weight:500}.demo-contact small{display:block;font-size:11px;color:#9bb9b3;margin-top:6px}.demo-pipeline{display:flex;gap:5px;padding:10px 0}.demo-pipeline span{flex:1;padding:9px 5px;text-align:center;font-size:10px;background:#8ae1b209;border-radius:5px;color:#799f94}.demo-pipeline .current{color:var(--mint);background:#8ae1b220;border:1px solid #8ae1b240}.demo-detail{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#7faba1;padding-top:18px}.lead-signal{display:flex;align-items:center;justify-content:center;height:80px;gap:5px}.lead-signal>span{width:5px;height:20px;background:var(--mint);border-radius:3px}.lead-signal>span:nth-child(2){height:34px;background:var(--teal)}.lead-signal b{font-size:13px;font-weight:400;margin-left:8px}.demo-steps{display:flex;justify-content:space-between;padding:15px 0 5px;border-top:1px solid #8ae1b225;font-size:11px}.demo-steps i{display:block;font:9px monospace;font-style:normal;color:var(--mint);margin-bottom:8px}.demo-message{font-size:13px;line-height:1.6;padding:12px 15px;border-radius:10px;margin-top:18px}.outgoing{background:#8ae1b220;color:#c5f1d1;margin-left:50px;border-bottom-right-radius:2px}.incoming{background:#041e24;color:#b2d0c3;margin-right:20px;border-bottom-left-radius:2px}.conversation-pulse{display:flex;gap:4px;align-items:center;margin-top:15px}.conversation-pulse i{width:4px;height:4px;border-radius:50%;background:var(--mint)}.conversation-pulse span{font-size:10px;color:#86aaa0;margin-left:8px}.connection-carrier{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:9px;white-space:nowrap;transform:translate(-50%,-50%);z-index:2}.connection-carrier i{width:11px;height:11px;border-radius:50%;background:#e6f7c2;box-shadow:0 0 10px #c9f9ac,0 0 30px #8ae1b2}.connection-carrier span{font:9px monospace;letter-spacing:.4px;background:#092828e8;border:1px solid #c6eeac50;border-radius:4px;color:#d6edc4;padding:6px 9px}.visual-tag{z-index:3}.demo-layer,.visual-labels{will-change:transform}@media(max-width:800px){.demo-layer{left:7%;top:65%;width:86%;height:24%}.demo-panel{width:min(310px,88%);padding:14px}.demo-header{padding-bottom:10px;font-size:8px}.demo-header>span:last-child{font-size:7px}.demo-contact{margin:14px 0}.demo-contact b{font-size:13px}.demo-contact small{font-size:10px}.demo-pipeline{padding:4px 0}.demo-pipeline span{font-size:9px;padding:6px 4px}.demo-detail{padding-top:12px;font-size:8px}.lead-signal{height:65px}.lead-signal b{font-size:11px}.demo-message{font-size:11px;padding:9px 12px;margin-top:12px}.conversation-pulse{margin-top:10px}.conversation-pulse span{font-size:9px}.connection-carrier span{font-size:8px}.visual-labels{top:60%;height:32%}.tag-c{left:2%}.tag-b{right:0}.demo-steps{padding-top:10px}.demo-layer .connection-carrier{z-index:4}}@media(max-width:800px) and (max-height:720px){.demo-layer{top:68%;height:22%}.demo-panel{padding:10px}.demo-contact{margin:10px 0}.demo-detail{display:none}.demo-message{margin-top:8px}.demo-header{padding-bottom:8px}.demo-contact small{display:none}.conversation-pulse span{font-size:8px}.lead-signal{height:52px}}@media(prefers-reduced-motion:reduce){.demo-layer{display:none}}
.chapter{transition:opacity 180ms ease-out,transform 240ms ease-out;will-change:opacity,transform}@media(prefers-reduced-motion:reduce){.chapter{transition:none}}