@charset "UTF-8";
:root{color-scheme:dark;--background:#001924;--cyan:#00d6c9;--yellow:#ffe52b;--text:#f6fafb;--muted:#a8bfc7;--card:#edf3f4;--ink:#03202e}
*{box-sizing:border-box}
html{min-width:280px}
body{margin:0;min-height:100vh;min-height:100svh;background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;isolation:isolate}
.background-lines{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 90% 0%,#004c5555 0%,transparent 53%),linear-gradient(180deg,#00111d 0%,#001924 70%)}
.background-lines::before{content:"";position:absolute;inset:-50%;background:linear-gradient(135deg,transparent 54.5%,#00334277 54.8%,#00d6c912 55.8%,transparent 56.1%),linear-gradient(135deg,transparent 61.5%,#00acb21a 61.9%,#00e6d846 62%,transparent 62.12%),linear-gradient(135deg,transparent 71.5%,#00405277 72.3%,#00d6c92a 72.45%,transparent 72.6%),repeating-linear-gradient(135deg,transparent 0 160px,#4fe7df07 161px,transparent 162px 320px)}
.page{max-width:1104px;margin-inline:auto;padding:39px 52px 68px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.status{display:inline-flex;align-items:center;gap:9px;color:var(--yellow);border:1px solid #ffe52b60;background:#ffe52b0b;border-radius:5px;padding:10px 13px;font-size:11px;font-weight:700;letter-spacing:.8px;line-height:1.5;text-transform:uppercase}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 3px #ffe52b15;flex-shrink:0}
.language{display:flex;align-items:center;gap:3px;border:1px solid #1e4450;border-radius:5px;padding:3px;flex-shrink:0;background:#001822}
.language button{font:700 10px Arial,sans-serif;letter-spacing:.4px;border:0;background:none;color:#8daeb9;border-radius:3px;min-width:35px;min-height:33px;cursor:pointer;touch-action:manipulation}
.language button[aria-pressed="true"]{background:var(--cyan);color:#00212c}
.language button:hover{color:#fff}
.language button[aria-pressed="true"]:hover{color:#00212c;background:#55f2e6}
.language button:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.hero{padding:74px 0 51px}
h1{margin:0;font-size:clamp(54px,6.9vw,78px);font-weight:900;line-height:1.06;letter-spacing:-3.2px}
h1 span{display:block}
.accent{color:var(--cyan)}
.intro{font-size:17px;line-height:1.8;color:#c0d0d6;max-width:530px;margin:25px 0 0}
.launch-note{display:flex;align-items:center;gap:8px;color:#81a3b0;font-size:12px;line-height:1.5;margin:21px 0 0}
.launch-note svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.plans-heading{display:flex;align-items:center;gap:22px;margin-bottom:19px}
.plans-heading h2{font-size:12px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase;white-space:nowrap;margin:0;color:#bed8df}
.plans-heading>span{height:1px;width:100%;background:linear-gradient(90deg,#25606a77,#25606a15)}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.feature{border-top:3px solid var(--cyan);border-radius:5px;background:var(--card);color:var(--ink);padding:24px 24px 25px;box-shadow:0 8px 28px #0000000b}
.feature-icon{color:#008b89;margin-bottom:20px;line-height:0}
.feature-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feature h3{font-size:17px;letter-spacing:-.35px;line-height:1.3;font-weight:800;margin:0 0 10px}
.feature p{font-size:13px;line-height:1.65;color:#42616d;margin:0;max-width:275px}
@media(min-width:1500px){.page{padding-top:58px}.hero{padding-top:95px;padding-bottom:62px}}
@media(max-width:850px){.page{padding:30px 32px 48px}.hero{padding-top:62px}h1{font-size:67px}.feature-grid{gap:12px}.feature{padding:20px 18px}.feature h3{font-size:16px}.feature p{font-size:12px}}
@media(max-width:650px){.page{padding:24px 22px max(32px,env(safe-area-inset-bottom))}.topbar{gap:12px}.status{padding:9px 10px;font-size:9px;letter-spacing:.45px;gap:7px}.language{gap:2px;padding:3px}.language button{min-width:29px;min-height:29px;font-size:9px}.hero{padding:50px 0 35px}h1{font-size:clamp(43px,10.5vw,62px);letter-spacing:-1.9px;line-height:1.08}.intro{font-size:14px;line-height:1.8;margin-top:22px;max-width:390px}.launch-note{font-size:10px;margin-top:18px;gap:7px}.launch-note svg{width:14px;height:14px}.plans-heading{gap:15px;margin-bottom:15px}.plans-heading h2{font-size:10px;letter-spacing:1.1px}.feature-grid{grid-template-columns:1fr;gap:11px}.feature{display:grid;grid-template-columns:27px 1fr;column-gap:15px;padding:18px 19px;border-top:0;border-left:3px solid var(--cyan);border-radius:4px}.feature-icon{grid-row:1/3;margin:3px 0 0}.feature-icon svg{width:25px;height:25px}.feature h3{font-size:15px;letter-spacing:-.2px;margin-bottom:6px}.feature p{font-size:12px;line-height:1.6;max-width:none}}
@media(max-width:350px){.page{padding-inline:17px}.status{font-size:8px;letter-spacing:.25px;padding:9px 8px}.topbar{gap:8px}.language button{min-width:27px}h1{font-size:41px}.hero{padding-top:42px}.feature{padding:17px 15px;column-gap:12px}}