:root{--ink:#18142f;--violet:#6558ed;--sun:#ffbf3f;--paper:#fbfaf7;--line:#d8d4eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font:700 25px Georgia,serif}.brand img{width:42px;height:42px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a,.text-link{color:inherit;text-decoration:none;font-size:14px}.pill{border:1px solid var(--ink);border-radius:999px;padding:11px 17px}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:700;color:var(--violet)}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;margin:0}h1{font-size:clamp(62px,7.5vw,106px);line-height:.89}h1 em,h2 em{color:var(--violet);font-weight:400}.lede{font-size:18px;line-height:1.7;color:#66617d;max-width:570px;margin:32px 0}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;padding:16px 22px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px}.primary{background:var(--ink);color:#fff}.text-link{font-weight:700}.hero-art{position:relative;min-height:600px;display:grid;place-items:center}.hero-art>img{position:relative;width:min(470px,92%);filter:drop-shadow(0 35px 45px rgba(69,52,140,.24));animation:float 7s ease-in-out infinite}.sun-glow{position:absolute;width:520px;height:520px;background:radial-gradient(circle,#fff0a7 0,#ffd7d3 34%,rgba(240,239,255,.4) 62%,transparent 72%)}.orbit{position:absolute;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 15px;font:600 12px monospace;box-shadow:0 12px 30px rgba(31,22,73,.12)}.one{top:18%;left:4%}.two{right:0;top:44%}.three{bottom:18%;left:13%}@keyframes float{50%{transform:translateY(-15px) rotate(1deg)}}.manifesto{background:var(--ink);color:#fff;padding:130px 0}.two-col{display:grid;grid-template-columns:1fr 3fr}.manifesto h2,.showcase h2,.install h2{font-size:clamp(48px,6vw,80px);line-height:1.03}.manifesto h2 em{color:var(--sun)}.manifesto-copy{max-width:650px;color:#b8b2cf;font-size:19px;line-height:1.75;margin-top:35px}.showcase{padding:130px 0 190px}.showcase-head{margin-bottom:70px}.stage{height:770px;position:relative}.shot{position:absolute;margin:0;background:#111;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(31,22,73,.18);border:1px solid #ccc}.shot img{display:block;width:100%}.browser{height:28px;background:#f4f2ef;display:flex;align-items:center;gap:5px;padding:0 11px}.browser i{width:6px;height:6px;border-radius:50%;background:#ff745c}.browser i:nth-child(2){background:#ffbf3f}.browser i:nth-child(3){background:#55bd68}.shot figcaption{position:absolute;bottom:0;left:0;right:0;padding:38px 20px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82));font-size:13px}.shot b{font-family:monospace;color:var(--sun);margin-right:13px}.main-shot{width:68%;left:16%;top:0;z-index:2;transform:rotate(-1deg)}.left-shot{width:48%;left:0;bottom:0;z-index:3;transform:rotate(2.5deg)}.right-shot{width:50%;right:0;bottom:-10px;z-index:4;transform:rotate(-2deg)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:130px}.features article{background:var(--paper);padding:42px}.feature-icon{color:var(--violet);font-size:25px}.features h3{font:400 25px Georgia,serif;margin:45px 0 14px}.features p{color:#6d6880;line-height:1.7;font-size:15px}.install{background:var(--violet);color:#fff;padding:120px 0 36px}.install-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px}.light{color:#d8d3ff}.install h2 em{color:var(--sun)}.sun{background:var(--sun);color:var(--ink);margin-top:42px}.steps>div{display:grid;grid-template-columns:56px 1fr;border-top:1px solid #ffffff45;padding:28px 0}.steps span{font-family:monospace;color:#d8d3ff}.steps p{margin:0;color:#dedbfb;line-height:1.6}.steps strong{display:block;color:#fff;font-size:17px;margin-bottom:5px}code{background:#ffffff1a;padding:2px 5px;border-radius:4px}.requirements{display:flex;gap:38px;border-top:1px solid #ffffff40;margin-top:80px;padding-top:30px;font-size:13px}.requirements span{color:#fff}.requirements span::first-letter{color:var(--sun)}footer{min-height:170px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#777185;font-size:13px}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}@media(max-width:800px){.wrap{width:min(100% - 28px,1180px)}.nav-links>a:not(.pill){display:none}.hero{grid-template-columns:1fr;padding:80px 0}.hero-art{min-height:440px;grid-row:1}.orbit{display:none}.two-col,.install-grid{grid-template-columns:1fr;gap:30px}.manifesto,.showcase,.install{padding-top:90px}.stage{height:auto;display:grid;gap:22px}.shot,.main-shot,.left-shot,.right-shot{position:relative;width:100%;inset:auto;transform:none}.features{grid-template-columns:1fr;margin-bottom:80px}.requirements{flex-direction:column;gap:14px}.install-grid{gap:60px}footer{grid-template-columns:1fr;gap:16px;padding:40px 0}footer p:nth-child(2),footer p:last-child{text-align:left;margin:0}.hero-art>img{width:340px}.sun-glow{width:380px;height:380px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art>img{animation:none}}