:root{color-scheme:dark;--bg:#0b0d10;--panel:#13171c;--line:#2a3037;--text:#f3f4f0;--dim:#a7afb6;--accent:#b8f3ce;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}a.button,button{cursor:pointer}.nav{max-width:1260px;margin:auto;padding:25px 48px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:800;letter-spacing:-1.2px}.brand span{font-weight:400}.brand i{display:inline-block;background:var(--accent);width:7px;height:7px;border-radius:50%;margin-left:4px}nav{display:flex;gap:30px;font-size:14px;color:var(--dim)}nav a:hover{color:var(--accent)}main{max-width:1260px;margin:auto}.hero{padding:80px 48px 30px;position:relative}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2.4px;font-weight:700}h1{font-size:clamp(68px,9vw,116px);line-height:.98;letter-spacing:-7px;margin:26px 0}h2{font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-2px;font-weight:600;margin:20px 0 30px}h3{line-height:1.25}.intro{color:var(--dim);font-size:18px;max-width:540px;line-height:1.75}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);padding:12px 19px;font-size:14px;font-weight:600}.primary{background:var(--accent);border-color:var(--accent);color:#102419}.button:hover{filter:brightness(1.1)}.button:disabled{opacity:.5;cursor:wait}.small{font-size:12px;color:var(--dim)}.demo{max-width:890px;margin:65px 0 0 auto;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#11161a;box-shadow:0 30px 100px #0006}.demo-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 20px;color:var(--dim);font-size:11px}.demo-stage{height:330px;padding:42px 55px;background:#e5e8df;color:#152a26;position:relative;overflow:hidden}.demo-stage p{font-size:10px;letter-spacing:3px}.demo-stage strong{display:block;font-size:75px;line-height:.98;letter-spacing:-4px;position:relative;z-index:1}.demo-stage em{font-style:normal;color:#388465}.orb{position:absolute;border-radius:35%;right:8%;top:10%;width:250px;height:250px;background:radial-gradient(at 25% 20%,#d3ffb8,#6fa688 55%,#1a4c40);transform:rotate(-25deg);box-shadow:20px 30px 60px #173c2733;animation:float 6s ease-in-out infinite}.demo-caption{display:block;margin-top:22px;font-size:12px;position:relative;z-index:1}.demo-timeline{position:relative;padding:20px}.demo-track{display:flex;align-items:center;gap:20px;font-size:10px;color:var(--dim);height:37px}.demo-track>div{flex:1;border-radius:4px;height:26px}.wave{background:repeating-linear-gradient(90deg,#b8f3ce 0 2px,#254738 2px 6px);clip-path:polygon(0 30%,10% 0,30% 30%,60% 5%,80% 40%,100% 10%,100% 90%,80% 60%,60% 95%,30% 70%,10% 100%,0 70%)}.clips{display:flex;gap:4px}.clips span{flex:1;padding:4px 8px;background:#28394d;color:#c9d9ec}.music{background:#46384d}.playhead{position:absolute;top:13px;bottom:10px;left:20%;border-left:1px solid #e8f4ef;animation:scrub 12s linear infinite}.demo-note{font-size:10px;color:var(--dim);padding:0 20px}.section{padding:85px 48px;border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps b{font-size:10px;letter-spacing:1px;color:var(--accent)}.steps h3{font-size:23px;letter-spacing:-.6px}.pricing>div>p,.section>p,.steps p{color:var(--dim)}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.price-card{padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.price-card>p:first-child{font-size:11px;letter-spacing:2px}.price-card h3{font-size:66px;margin:20px 0;letter-spacing:-3px}.price-card h3 span{font-size:15px;letter-spacing:0;font-weight:400;color:var(--dim)}.price-card ul{list-style:none;padding:0;color:var(--dim);font-size:14px;line-height:2.3}.price-card li:before{content:'✓';color:var(--accent);margin-right:12px}.price-card .button{width:100%}.requirements p{max-width:740px}footer{max-width:1260px;margin:auto;padding:40px 48px;color:var(--dim);font-size:12px;display:flex;gap:30px;justify-content:space-between;align-items:center}footer .brand{color:var(--text);font-size:18px}#policy-links{display:flex;gap:18px}.form-wrap{max-width:470px;margin:70px auto 140px;padding:32px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.form-wrap h1{font-size:42px;letter-spacing:-2px}.form-wrap form{display:grid;gap:14px}.form-wrap label{font-size:13px;color:var(--dim)}input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text)}.error{color:#ffb4a6;min-height:24px;font-size:13px}.text-link{color:var(--accent);text-decoration:underline}.dashboard{padding:40px 48px 100px}.dashboard h1{font-size:52px;letter-spacing:-2px}.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.panel{border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--panel);margin-bottom:22px}.panel h2{font-size:25px;letter-spacing:-.6px;margin:0 0 16px}.panel p{color:var(--dim);font-size:14px}.panel code{overflow-wrap:anywhere;color:var(--accent)}.panel input{max-width:500px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.project h3{font-size:20px}.project a{color:var(--accent)}.step-done{color:var(--accent)}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#24392d;border:1px solid var(--accent);border-radius:8px;max-width:90%;padding:12px 20px;display:none;font-size:14px;z-index:99}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes float{50%{transform:rotate(-10deg) translateY(12px)}}@keyframes scrub{to{left:94%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:700px){.nav{padding:20px}nav{gap:15px}nav a:first-child{display:none}.dashboard,.hero,.section{padding:45px 20px}h1{letter-spacing:-4px}.pricing,.steps{grid-template-columns:1fr;gap:30px}.demo{margin-top:40px}.demo-stage{padding:25px;height:270px}.demo-stage strong{font-size:60px}.orb{right:-20%;width:210px;height:210px}.demo-head span:last-child{display:none}.form-wrap{margin:40px 20px}.dashboard-head{align-items:flex-start;flex-direction:column}footer{padding:30px 20px;flex-wrap:wrap}.price-card{padding:25px}}
