:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf0f7;background:#0b1726;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 85% 12%,#1b3446 0,transparent 34%),#0b1726}.topbar{max-width:1210px;margin:auto;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;letter-spacing:-.04em}.brand-muted{font-weight:400;color:#a5b3c0}.brand-icon{display:flex;justify-content:center;align-items:center;width:37px;height:37px;color:#07161c;background:#a8e2c5;border-radius:12px;font-weight:850;font-size:23px}.header-tag{font-size:12px;color:#8fa6b7;letter-spacing:.02em}main{max-width:1210px;margin:auto;padding:0 34px 58px}.hero{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:68px;min-height:530px;padding:76px 0 85px}.eyebrow,.section-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#a8e2c5}.eyebrow{display:inline-flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#a8e2c5;box-shadow:0 0 0 4px #a8e2c51d}h1{font-size:clamp(45px,5vw,78px);line-height:1.07;letter-spacing:-.065em;margin:26px 0 24px;font-weight:760}h1 span{color:#a8e2c5}.intro{max-width:525px;color:#a5b6c5;font-size:17px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:31px}.button-primary{border:0;background:#a8e2c5;color:#08251d;border-radius:12px;padding:15px 19px;font-weight:720;box-shadow:0 10px 35px #0003}.button-primary:hover{background:#c0f5d8}.button-primary span{margin-left:7px}.status{display:inline-flex;align-items:center;gap:8px;color:#a5b6c5;font-size:13px}.status-dot{width:8px;height:8px;background:#728697;border-radius:50%}.status.online .status-dot{background:#90e1b4}.status.offline .status-dot{background:#f2a59e}.concept-demo{background:linear-gradient(145deg,#203746,#132736);padding:29px;border-radius:22px;border:1px solid #ffffff1c;box-shadow:0 28px 65px #0004}.demo-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a9bcc8;letter-spacing:.14em;font-weight:750}.demo-label{border-radius:7px;background:#ffffff13;padding:8px 10px;color:#b8dccc}.concept-core{text-align:center;padding:34px 8px 30px}.concept-illustration{display:grid;place-items:center;width:92px;height:92px;border:1px solid #a8e2c55d;background:#a8e2c515;color:#a8e2c5;border-radius:24px;margin:0 auto 17px;font-size:58px;font-weight:760}.concept-core>span{font-weight:660;color:#eff6f7}.translation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.translation-grid>div{background:#ffffff0d;border:1px solid #ffffff10;border-radius:12px;padding:17px 11px;display:grid;gap:9px}.translation-grid small{font-size:10px;letter-spacing:.06em;color:#8fa5b7}.translation-grid strong{font-size:17px;font-weight:720}.demo-note{text-align:center;font-size:11px;color:#90a5b5;line-height:1.5;margin:19px 0 0}.features{border-top:1px solid #ffffff18;padding-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2{font-size:31px;letter-spacing:-.05em;margin:9px 0 28px}.section-caption{font-size:12px;color:#8297a8;margin-bottom:31px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{background:#142637;border:1px solid #ffffff14;padding:27px;border-radius:16px;display:flex;flex-direction:column;min-height:226px}.feature-number{font-size:13px;color:#a8e2c5;font-weight:760}.feature-card h3{font-size:20px;letter-spacing:-.035em;margin:22px 0 10px}.feature-card p{font-size:14px;color:#9aafbf;line-height:1.65;margin:0 0 21px}.feature-state{color:#a8e2c5;font-size:12px;margin-top:auto}.footer-note{color:#6e8799;font-size:12px;margin:28px 0 0}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:32px;padding:56px 0}.concept-demo{max-width:590px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.header-tag{display:none}}@media(max-width:480px){.topbar{padding:20px}.brand{font-size:16px}main{padding:0 20px 42px}.hero{padding:44px 0}.intro,.translation-grid strong{font-size:15px}.concept-demo{padding:20px}.section-head{align-items:start;display:block}.section-caption{display:block;margin:-13px 0 20px}.section-head h2{font-size:25px}.feature-card{padding:22px}}