@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0e1114;--surface:#14191d;--surface-2:#101519;--line:#283036;--text:#eef2f1;--muted:#89939a;--accent:#a5f3cf;--ink:#10231b;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 18%,#17392d77 0,transparent 27rem),var(--bg)}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0e1114df;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:.78rem;font-weight:800;letter-spacing:.12em}.brand img{width:30px;height:30px}.brand small{display:block;color:#68747b;font-size:.52rem;letter-spacing:.15em;margin-top:3px}.top-actions{display:flex;align-items:center;gap:30px}.top-actions>a:first-child{font-size:.72rem;color:#a1aab0}.mini-download{background:var(--accent);color:var(--ink);padding:11px 14px;border-radius:5px;font-size:.72rem;font-weight:800}.mini-download span{margin-left:20px}.hero{max-width:1280px;margin:auto;padding:90px 42px 105px;display:grid;grid-template-columns:.78fr 1.22fr;gap:74px;align-items:center;min-height:720px}.status-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #314039;border-radius:999px;padding:8px 11px;color:#a9b4af;font-size:.65rem;letter-spacing:.12em}.status-pill i,.sync>i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}h1{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(4rem,7.6vw,7rem);line-height:.84;letter-spacing:-.035em;text-transform:uppercase;margin:30px 0}h1 span{color:#77828a}.hero-copy>p{max-width:490px;color:#a1aab0;font-size:1rem;line-height:1.75}.hero-actions{margin-top:36px}.primary{width:min(370px,100%);display:flex;align-items:center;justify-content:space-between;padding:17px 19px;background:var(--accent);color:var(--ink);border-radius:5px;box-shadow:0 18px 60px #78e5b817;transition:transform .2s,filter .2s}.primary:hover{transform:translateY(-2px);filter:brightness(1.06)}.primary b,.primary small{display:block}.primary b{font-size:.82rem}.primary small{font-size:.64rem;opacity:.65;margin-top:5px}.primary strong{font-size:1.5rem;font-weight:400}.compatibility{display:block;color:#657178;font-size:.66rem;margin:13px 3px}.studio-window{background:#11161a;border:1px solid #384248;border-radius:12px;box-shadow:0 35px 100px #000a;overflow:hidden;transform:perspective(1200px) rotateY(-3deg);position:relative}.studio-window:after{content:"";position:absolute;inset:auto 12% -15% 12%;height:20%;background:var(--accent);filter:blur(70px);opacity:.18}.window-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #293138}.window-brand{display:flex;align-items:center;gap:8px;color:#94a098;font-size:.58rem;letter-spacing:.13em}.window-brand img{width:20px;height:20px}.window-controls{display:flex;gap:7px}.window-controls i{width:8px;height:8px;border:1px solid #586269;border-radius:50%}.workspace{display:grid;grid-template-columns:1.45fr .8fr;min-height:410px}.preview-panel{border-right:1px solid var(--line)}.panel-title{height:48px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.56rem;letter-spacing:.14em;color:#88949b}.panel-title b{display:flex;align-items:center;gap:7px;color:#83cbae;font-size:.5rem}.panel-title i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.preview-stage{height:250px;display:grid;place-items:center;background-color:#171e22;background-image:linear-gradient(45deg,#1d252a 25%,transparent 25%),linear-gradient(-45deg,#1d252a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1d252a 75%),linear-gradient(-45deg,transparent 75%,#1d252a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;overflow:hidden}.preview-stage iframe{width:480px;height:160px;border:0;transform:scale(.75)}.sync{display:flex;align-items:center;gap:11px;padding:17px 19px;border-top:1px solid var(--line)}.sync b,.sync small{display:block}.sync b{font-size:.66rem}.sync small{font-size:.55rem;color:#758188;margin-top:4px}.settings-preview{padding:18px}.settings-preview>span{display:block;font-size:.56rem;letter-spacing:.16em;color:#89949b;padding-bottom:14px;border-bottom:1px solid var(--line)}.settings-preview label{display:block;font-size:.58rem;color:#9da7ad;margin:17px 0 7px}.fake-input,.color-row{height:36px;border:1px solid #30393f;border-radius:4px;background:#0e1316;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font-size:.61rem}.fake-input b{color:#707b82}.color-row{justify-content:flex-start;gap:9px}.color-row i{width:18px;height:18px;border-radius:3px;background:var(--accent)}.color-row code{font-size:.58rem;color:#87939a}.choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.choices>*{padding:9px;text-align:center;border:1px solid #313b40;border-radius:4px;font-size:.58rem}.choices b{border-color:var(--accent);color:var(--accent);background:#173329}.settings-preview button{width:100%;border:0;border-radius:4px;padding:11px;margin-top:22px;background:var(--accent);color:var(--ink);font-size:.62rem;font-weight:800;display:flex;justify-content:space-between}.benefits{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-inline:max(30px,calc((100vw - 1180px)/2))}.benefits article{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:42px 28px;border-right:1px solid var(--line)}.benefits article:last-child{border:0}.benefits article>b,.section-heading>span,.download-block>div>span{font:600 .65rem monospace;letter-spacing:.12em;color:var(--accent)}.benefits h2{font-size:.9rem;margin:0 0 10px}.benefits p{color:var(--muted);font-size:.75rem;line-height:1.7;margin:0}.installation{max-width:1180px;margin:auto;padding:110px 42px}.section-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:32px;border-bottom:1px solid var(--line)}.section-heading h2,.download-block h2{font:600 clamp(2.6rem,5vw,4rem)/1 'Barlow Condensed';text-transform:uppercase;margin:0}.steps article{display:grid;grid-template-columns:100px 1fr;padding:30px 0;border-bottom:1px solid var(--line)}.steps article>span{font:600 .7rem monospace;color:var(--accent)}.steps h3{font-size:.9rem;margin:0 0 9px}.steps p{font-size:.8rem;color:var(--muted);line-height:1.65;margin:0}.download-block{max-width:1180px;margin:0 auto 110px;padding:40px;border:1px solid #33423b;border-radius:10px;background:linear-gradient(110deg,#16231e,#11171a);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:27px;box-shadow:inset 0 1px #ffffff09}.download-block>img{width:68px;height:68px}.download-block h2{font-size:2.6rem;margin-top:8px}.download-block .primary{width:310px}footer{padding:28px max(24px,5vw);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#68747b;font-size:.65rem}footer .brand img{width:24px;height:24px}footer p{margin:0}@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{max-width:650px}.studio-window{transform:none}.download-block{grid-template-columns:auto 1fr}.download-block .primary{grid-column:1/-1;width:100%}}@media(max-width:720px){.top-actions>a:first-child{display:none}.hero{padding:58px 18px 76px;gap:48px}.workspace{grid-template-columns:1fr}.settings-preview{display:none}.preview-panel{border:0}.studio-window{margin-inline:-8px}.preview-stage iframe{transform:scale(.68)}.benefits{grid-template-columns:1fr;padding:0 20px}.benefits article{border-right:0;border-bottom:1px solid var(--line);padding-inline:0}.section-heading{display:block}.section-heading h2{margin-top:18px}.installation{padding:80px 20px}.steps article{grid-template-columns:56px 1fr}.download-block{margin:0 20px 80px;padding:27px;grid-template-columns:1fr;text-align:center}.download-block>img{margin:auto}.download-block .primary{grid-column:auto}.download-block h2{font-size:2.2rem}footer{flex-direction:column;gap:12px;text-align:center}}@media(max-width:430px){.topbar{height:66px;padding-inline:16px}.brand small{display:none}.mini-download{padding:10px}.mini-download span{margin-left:8px}h1{font-size:4rem}.hero-copy>p{font-size:.9rem}.preview-stage{height:205px}.preview-stage iframe{transform:scale(.58)}.studio-window{margin-inline:-12px}.download-block{margin-inline:14px}}