:root{--bg-main: #031722;--bg-soft: #082837;--panel: #0b3041;--panel-strong: #0d3447;--line-soft: rgba(54, 154, 208, .24);--text: #d9effb;--text-soft: #9cc6dd;--text-fade: #80acc4;--primary: #1ea8ff;--primary-strong: #0f84d3;--font-main: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;--font-code: "Consolas", "Courier New", monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;color:var(--text);font-family:var(--font-main)}html{scroll-behavior:smooth}section[id]{scroll-margin-top:88px}body{background:radial-gradient(circle at 92% 8%,rgba(89,181,233,.18),transparent 34%),linear-gradient(180deg,#041c2b,#031722)}.site-shell{width:100%;margin:0;display:grid;gap:0}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.section-kicker{display:inline-flex;align-items:center;width:max-content;margin:0 0 14px;padding:6px 11px;border-radius:999px;border:1px solid rgba(96,180,226,.3);color:#95d4f2;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;background:#07405c66}.top-nav,.hero-grid,.section-block,.final-cta,.site-footer{border:0;border-radius:0}.top-nav{min-height:74px;border-bottom:1px solid rgba(53,151,201,.2);background:#03141ee6;position:sticky;top:0;z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-inner{min-height:74px;display:flex;justify-content:space-between;align-items:center}.brand-mark{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.brand-mark img{width:auto;height:28px;max-width:44px;object-fit:contain;border-radius:8px}.menu-links{display:inline-flex;gap:34px;align-items:center}.menu-links a{color:#b8d9ea;text-decoration:none;font-size:14px}.menu-links a:hover{color:#e8f6ff}h1,h2,h3,h4,p{margin:0}.hero-grid{background:radial-gradient(circle at 84% 26%,rgba(26,130,186,.2),transparent 34%),linear-gradient(180deg,#031722,#041b29);border-bottom:1px solid rgba(51,148,196,.18)}.hero-inner{min-height:560px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:112px;padding-block:48px}.hero-badge{width:max-content;margin:0;padding:5px 11px;border-radius:999px;border:1px solid rgba(84,175,224,.3);color:#8bd3f7;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;background:#0a374e73}.hero-content h1{margin-top:18px;max-width:620px;font-size:clamp(44px,5.8vw,74px);line-height:.9;letter-spacing:-.04em;color:#cae6f8}.hero-tone-soft{color:#63befe}.hero-tone-strong{color:#1ea8ff}.hero-copy{margin-top:18px;max-width:520px;color:#6f95aa;line-height:1.64;font-size:15px;font-weight:500}.hero-actions{display:flex;gap:18px;margin-top:34px;flex-wrap:wrap}button{border:0;border-radius:10px;padding:14px 24px;color:#eaf8ff;font-family:inherit;font-weight:700;cursor:pointer;font-size:16px;transition:transform .18s ease,filter .18s ease,background .18s ease}button:hover{transform:translateY(-1px);filter:brightness(1.04)}button.cta{background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 10px 22px #0d6faa6b;min-width:190px}button.ghost{background:transparent;border:0;color:#b7d7ea;padding-inline:4px;box-shadow:none}button.ghost:hover{filter:brightness(1.12)}.nav-cta{min-width:178px}.hero-chart{min-height:338px;border-radius:18px;border:1px solid rgba(105,191,236,.14);background:linear-gradient(180deg,#0e394ca3,#0a2b3bb8);box-shadow:0 20px 42px #030c1259;padding:24px;display:grid;align-content:start;gap:24px}.chart-head{display:flex;justify-content:space-between;align-items:center}.dots{width:34px;height:8px;border-radius:999px;background:radial-gradient(circle at 4px center,#86c6e7 2px,transparent 3px) 0 0 / 11px 8px repeat-x;opacity:.42}.chart-head small{text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#7caac1}.bars{height:130px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:7px}.bars span{background:linear-gradient(180deg,#3cb6ff80,#278fd280);border-radius:6px 6px 0 0}.bars span:nth-child(1){height:30%}.bars span:nth-child(2){height:44%}.bars span:nth-child(3){height:60%;background:linear-gradient(180deg,#3cb6ffcc,#278fd2cc)}.bars span:nth-child(4){height:42%}.bars span:nth-child(5){height:52%}.bars span:nth-child(6){height:66%;background:linear-gradient(180deg,#3cb6ffe6,#278fd2e6)}.chart-metrics{display:flex;justify-content:space-between}.chart-metrics strong{display:block;font-size:38px}.chart-metrics small{color:#7caac1;text-transform:uppercase;letter-spacing:.8px;font-size:9px}.section-block{padding-block:72px;border-bottom:1px solid rgba(50,145,191,.16)}.section-block:nth-of-type(odd){background:linear-gradient(180deg,#052131,#041c2a)}.section-block:nth-of-type(2n){background:linear-gradient(180deg,#031924,#041b28)}.section-header h2,.section-center-header h2,.install h2,.final-cta h2{font-size:clamp(34px,4.4vw,62px);line-height:.96;letter-spacing:-.03em}.section-header p,.section-center-header p,.install p,.final-cta p{color:var(--text-soft);margin-top:14px;line-height:1.66;max-width:760px}.section-center-header{text-align:center}.feature-grid{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{border:1px solid rgba(98,174,216,.16);border-radius:12px;background:linear-gradient(180deg,#093449eb,#082e41e6);min-height:184px;padding:22px 20px 20px}.feature-icon{width:40px;height:40px;border-radius:10px;display:grid;place-content:center;background:#1f5d8375;color:#b7dbf0}.feature-icon svg{width:19px;height:19px}.feature-meta{margin-top:16px;color:#8dc3dc;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.feature-card h3{margin-top:16px;font-size:29px;line-height:1.04;letter-spacing:-.012em;color:#bfe1f4}.feature-card p{margin-top:10px;color:#6f95aa;font-size:14px;line-height:1.5}.features-section{padding-top:52px;padding-bottom:62px}.features-section .section-header h2{font-size:clamp(40px,4.9vw,54px);line-height:1.02;letter-spacing:-.02em;color:#b9dced}.features-section .section-header p{margin-top:11px;max-width:590px;font-size:14px;line-height:1.45;color:#7398ad}.impact-grid{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.impact-card{border:1px solid rgba(98,176,218,.14);border-radius:18px;background:linear-gradient(180deg,#093549e6,#082e40e0);padding:28px;min-height:236px;display:flex;flex-direction:column;justify-content:space-between}.impact-card h3{font-size:34px;line-height:1.05;letter-spacing:-.02em;color:#b8dceb}.impact-card p{margin-top:10px;color:#6e95ab;font-size:14px;line-height:1.45}.impact-card.featured{grid-row:span 2;background:linear-gradient(165deg,#2eaaf2,#2b9fe4);color:#03263a}.impact-card.featured h3{color:#073b5c}.impact-card.featured p{color:#1f5b7a}.impact-stat{width:max-content;padding:18px 22px;border-radius:12px;border:1px solid rgba(18,129,193,.28);background:#1281c138}.impact-stat strong{display:block;font-size:62px;line-height:1;color:#004f83}.impact-stat small{display:block;margin-top:4px;color:#014f829e;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700}.impact-icon{width:70px;height:70px;border-radius:999px;display:grid;place-content:center;color:#dbf1ff;background:#144c6ce6}.impact-icon svg{width:34px;height:34px}.install{background:linear-gradient(180deg,#052231,#041d2b)}.install-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.install .section-kicker{display:none}.install h2{font-size:clamp(40px,4.6vw,56px);line-height:1.01;letter-spacing:-.03em;color:#c2e3f2}.install p{margin-top:16px;max-width:590px;color:#7ea5bb;font-size:13px;line-height:1.55}.step-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:11px}.step-list li{color:#b7d3e2;font-size:26px;line-height:1.08;letter-spacing:-.012em;font-weight:700;display:flex;align-items:center;gap:10px}.step-list svg{color:#e7f5ff;flex:0 0 auto;width:20px;height:20px;background:#145d88db;border-radius:999px;padding:2px}.install pre{margin:0;padding:56px 22px 24px;border-radius:14px;border:1px solid rgba(69,147,193,.2);background:linear-gradient(180deg,#061c2a,#071724);overflow-x:hidden;overflow-y:auto;position:relative;box-shadow:0 18px 36px #020c1252}.install pre:before{content:"";position:absolute;top:16px;left:18px;width:38px;height:10px;border-radius:999px;background:radial-gradient(circle at 4px center,#ff6e5e 3px,transparent 4px) 0 0 / 12px 10px no-repeat,radial-gradient(circle at 4px center,#f8bf2f 3px,transparent 4px) 12px 0 / 12px 10px no-repeat,radial-gradient(circle at 4px center,#4fda73 3px,transparent 4px) 24px 0 / 12px 10px no-repeat;opacity:.92}.install pre:after{content:"index.html";position:absolute;top:14px;left:70px;color:#8aabc0;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.install code{color:#c6eeff;font-family:var(--font-code);font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.final-cta{padding-block:78px;text-align:center;background:linear-gradient(180deg,#041a27,#031520)}.final-cta p{max-width:640px;margin-left:auto;margin-right:auto}.final-cta .cta{margin-top:28px;min-width:170px}.final-cta-inner{text-align:center}.site-footer{min-height:102px;background:#03131d}.footer-inner{min-height:102px;display:flex;justify-content:space-between;align-items:center;gap:16px}.site-footer strong{font-size:16px}.site-footer p{margin-top:6px;color:#7ea9c0;font-size:13px}.site-footer nav{display:flex;gap:18px}.site-footer nav a{text-decoration:none;color:#8cb5ca;font-size:12px}.footer-icons{display:flex;gap:10px;color:#7ea9c0}@media (max-width: 980px){.site-shell{gap:16px}.container{width:min(1180px,calc(100% - 16px))}.top-nav{min-height:auto;flex-wrap:wrap;gap:10px}.nav-inner{min-height:auto;padding-block:12px;flex-wrap:wrap;gap:10px}.menu-links{order:3;width:100%;justify-content:space-around;border-top:1px solid rgba(90,175,222,.2);padding-top:10px}.hero-grid,.hero-inner,.install,.install-inner,.impact-grid,.feature-grid,.footer-inner{grid-template-columns:1fr;display:grid}.hero-inner,.section-block,.final-cta{padding-block:34px}.hero-content h1,.section-header h2,.section-center-header h2,.install h2,.final-cta h2{font-size:clamp(32px,11vw,56px)}.install-inner{gap:22px;align-items:start}.step-list li{font-size:21px}.install pre{padding:52px 16px 18px}.hero-copy{font-size:14px;line-height:1.62}.hero-chart{min-height:220px}.feature-card h3{font-size:24px}.impact-card h3{font-size:30px}.impact-stat strong{font-size:46px}.impact-card.featured{grid-row:auto}.footer-inner{gap:12px;padding-block:14px}.site-footer nav{justify-content:flex-start;flex-wrap:wrap}}