:root{color-scheme:dark;--bg:#080d13;--surface:#101a25;--surface2:#111e2b;--line:#233747;--text:#f2faff;--muted:#9db4c3;--cyan:#43ddfb;--green:#6be6ac}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 44px));margin:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:8px;z-index:100}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:30;background:#080d13e8;backdrop-filter:blur(18px);border-bottom:1px solid #1d2b37}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:850;letter-spacing:.055em;white-space:nowrap}.brand em{color:var(--cyan);font-style:normal}.brand-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #28546a;border-radius:10px;background:#102c3b;color:var(--cyan);font-weight:900;letter-spacing:-.12em;padding-right:3px}.site-nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:650;color:#b6c9d5}.site-nav a:hover,.text-link:hover{color:var(--cyan)}.nav-github{border:1px solid #345163;border-radius:9px;padding:9px 15px;color:#e8f7ff}.menu-toggle{display:none;background:transparent;color:white;border:1px solid var(--line);border-radius:8px;padding:5px 12px;cursor:pointer}.section{padding:108px 0}.hero{position:relative;overflow:hidden;padding:115px 0 120px}.hero-glow{pointer-events:none;position:absolute;right:-15%;top:-35%;width:850px;height:850px;background:radial-gradient(circle,#0a54645c 0,transparent 65%)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.eyebrow,.kicker{color:var(--cyan);font-size:11px;letter-spacing:.18em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pulse{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 15px #4de0a3}.version{font-size:10px;color:#b8d3de;background:#18313d;border:1px solid #2c5360;padding:3px 8px;border-radius:30px;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,5.3vw,5.2rem);letter-spacing:-.065em;line-height:1.08;margin:27px 0}h1 span,h2 span{color:var(--cyan)}.hero-description{max-width:540px;font-size:17px;color:var(--muted);line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 21px;border-radius:10px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:4px}.primary{background:var(--cyan);color:#07121a;box-shadow:0 10px 36px #00d9ff24}.primary:hover{background:#8cecff;box-shadow:0 12px 45px #00d9ff45}.secondary{border:1px solid #345367;color:#edfaff;background:#10202d}.secondary:hover{background:#183142}.hero-facts{display:flex;flex-wrap:wrap;gap:18px;margin-top:29px;color:#92b2bf;font-size:12px}.editor-shell{border:1px solid #2e5164;border-radius:17px;background:#0c151e;overflow:hidden;box-shadow:0 35px 100px #0009,0 0 75px #10caff12;transform:rotate(1deg)}.editor-top,.editor-tab,.editor-footer,.output-title{display:flex;align-items:center;justify-content:space-between}.editor-top{height:44px;padding:0 16px;background:#13212e;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.14em;color:#a5bdca}.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:#ff7373}.dots i:nth-child(2){background:#ffc05b}.dots i:nth-child(3){background:#62d7a0}.editor-top-right{color:#6fdbac;font-size:9px}.editor-tab{justify-content:flex-start;gap:32px;padding:11px 18px;background:#10202d;color:#cfe5ee;font-size:12px;width:max-content;border-right:1px solid #2b4554}.editor-tab span{color:#8295a4}.code-lines{font:13px/2.25 ui-monospace,SFMono-Regular,Consolas,monospace;padding:24px 14px 36px;white-space:nowrap;overflow:auto;color:#e0eff6}.code-lines b{font-weight:400;color:#5e788b;display:inline-block;width:35px}.purple{color:#cb9aff}.blue{color:#72caff}.green{color:#7ee8ac}.comment{color:#69889b}.output-title{padding:10px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#11202b;font-size:11px;letter-spacing:.08em;color:#afcbd8}.run-chip{background:#173b39;color:#6df2c6;border-radius:5px;padding:3px 9px}.output-content{font:12px/2 ui-monospace,Consolas,monospace;padding:15px 18px 23px;color:#c9dce5}.success{font-size:10px;color:#64bd99}.editor-footer{padding:8px 15px;background:#133748;color:#bde7f2;font-size:10px}.strip{border-top:1px solid #1e313f;border-bottom:1px solid #1e313f;background:#0c1620}.strip-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:21px 0;font-size:10px;letter-spacing:.15em;font-weight:800;color:#7695a7}.section-head{max-width:660px;margin-bottom:44px}.section-head h2,h2{font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.05em;line-height:1.17;margin:15px 0 18px}.section-head p,.muted{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{border:1px solid #233b4a;background:linear-gradient(145deg,#111f2c,#0d1721);padding:29px;border-radius:14px;transition:border-color .2s,transform .2s}.feature:hover{border-color:#2ba5c3;transform:translateY(-3px)}.feature-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:10px;background:#123847;color:var(--cyan);font-size:20px;font-weight:800;margin-bottom:22px}.feature h3{font-size:18px;margin:0 0 10px}.feature p{color:var(--muted);font-size:14px;margin:0}.alternate{background:#0c151f;border-block:1px solid #1e303e}.languages-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.runtime-note{background:#102532;border:1px solid #28526a;border-radius:12px;padding:20px;margin-top:26px}.runtime-note strong{color:var(--cyan)}.runtime-note p{color:#a8c0cd;font-size:13px;margin:6px 0 0}.language-panel{background:#101d29;border:1px solid #2a4557;border-radius:15px;padding:26px}.panel-heading{display:flex;justify-content:space-between;color:#a7c3d0;font-size:11px;letter-spacing:.12em;font-weight:800;margin-bottom:20px}.panel-heading span:last-child{color:var(--cyan)}.language-tags{display:flex;flex-wrap:wrap;gap:9px}.language-tags span{padding:7px 11px;border:1px solid #2a4655;background:#152837;color:#c9e0ea;border-radius:7px;font-size:12px}.screenshot-placeholder{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:radial-gradient(ellipse at 24% 50%,#0a405047,transparent 48%);padding:15px 40px}.phone-frame{width:min(300px,100%);min-height:525px;margin:auto;background:#0c1720;border:8px solid #2b3944;border-radius:37px;box-shadow:0 30px 65px #000a,0 0 0 2px #527082;overflow:hidden;padding:12px 9px}.phone-notch{height:11px;width:85px;background:#263d4a;border-radius:30px;margin:0 auto 14px}.phone-appbar,.phone-tab{font-size:11px;padding:11px;background:#172a37}.phone-appbar{display:flex;justify-content:space-between;color:#e0faff;font-weight:800}.phone-tab{color:var(--cyan);margin-top:2px}.phone-frame pre{color:#c9ddeb;font:11px/2 ui-monospace,monospace;overflow:auto;padding:20px 6px;height:240px}.phone-frame pre span{color:#637e90}.phone-frame pre i{color:#79caff;font-style:normal}.phone-frame pre b{color:#70e6a5;font-weight:400}.phone-frame pre em{color:#c69dff;font-style:normal}.phone-output{border-top:1px solid #385263;padding:15px;color:#85e7ad;font:10px/2 ui-monospace,monospace}.screenshot-text h3{font-size:29px;line-height:1.2;margin:12px 0}.screenshot-text p{color:var(--muted)}.text-link{color:var(--cyan);font-weight:700}.download-section{padding-top:65px}.download-panel{text-align:center;background:radial-gradient(ellipse at 50% 0%,#1350676b,transparent 70%),#101c28;border:1px solid #2b5061;border-radius:22px;padding:75px 25px}.download-panel>p{color:#abc3d0;max-width:530px;margin:0 auto}.centered{justify-content:center}.smallprint{font-size:12px;margin-top:20px!important}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;gap:12px;margin:43px auto 0;text-align:left}.install-steps div{display:flex;align-items:center;gap:12px;background:#0e1a25;border:1px solid #294051;border-radius:9px;padding:15px;color:#b4cbd7;font-size:12px}.install-steps strong{color:var(--cyan);font-size:15px}footer{border-top:1px solid #1e303e;padding:45px 0 25px;background:#080c12}.footer-content{display:flex;justify-content:space-between;gap:30px}.footer-content p{font-size:12px;color:#7894a5;margin:16px 0}.footer-links{display:flex;gap:22px;color:#a8c3d0;font-size:13px}.footer-links a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid #1e303e;margin-top:25px;padding-top:20px;display:flex;justify-content:space-between;color:#67879b;font-size:11px}@media(max-width:900px){.hero-grid,.languages-layout{gap:35px}.hero{padding:80px 0}.feature-grid{grid-template-columns:repeat(2,1fr)}.screenshot-placeholder{gap:30px;padding:15px 0}}@media(max-width:700px){.container{width:min(100% - 32px,1160px)}.nav{min-height:68px}.brand{font-size:13px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px 24px;background:#101b27;border-bottom:1px solid #2c4d60;flex-direction:column;align-items:stretch;gap:16px}.site-nav.open{display:flex}.hero-grid,.languages-layout,.screenshot-placeholder{grid-template-columns:1fr}.hero{padding:65px 0}.hero-grid{gap:45px}.editor-shell{transform:none}.section{padding:75px 0}.feature-grid{grid-template-columns:1fr}.strip-inner{justify-content:center;text-align:center;gap:13px 22px}.screenshot-text{text-align:center}.download-panel{padding:50px 20px}.install-steps{grid-template-columns:1fr}.footer-content,.footer-bottom{flex-direction:column;gap:12px}.footer-links{flex-wrap:wrap}.hero-facts{gap:9px 17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
