@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111827;--surface:#1f2937;--line:#374151;--purple:#9333ea;--green:#4ade80;--text:#fff;--muted:#d1d5db}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.7 Inter,sans-serif}h1,h2,h3,.logo{font-family:Outfit,sans-serif;line-height:1.15}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:6px}html{scroll-behavior:smooth;scroll-padding-top:5rem}.skip{position:absolute;top:-100px;background:#fff;color:#111;padding:1rem;z-index:9}.skip:focus{top:0}.wrap{max-width:1180px;margin:auto;padding:0 2rem}header{background:#111827;border-bottom:1px solid #ffffff18}header .wrap{display:flex;justify-content:space-between;align-items:center;min-height:86px;gap:2rem}.logo{font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.7rem}.logo-mark{background:linear-gradient(135deg,#9333ea,#14532d);width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#86efac;font-size:1.5rem}.logo span:last-child{color:#86efac}nav{display:flex;gap:1.8rem;font-size:.95rem}nav a:hover,footer a:hover{color:#c084fc}.hero{position:relative;text-align:center;background:linear-gradient(120deg,#581c87 0%,#6b21a8 45%,#14532d 100%);padding:100px 0 110px;overflow:hidden}.eyebrow{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#e9d5ff;margin-bottom:1.5rem}h1{font-size:clamp(2.8rem,5.5vw,4.8rem);font-weight:700;max-width:900px;margin:auto}h1 span{color:var(--green)}.hero .intro{font-size:1.2rem;max-width:710px;margin:1.7rem auto 2rem;color:#f3e8ff}.buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border-radius:10px;background:var(--purple);font-weight:600;box-shadow:0 8px 24px #0002}.button.green{background:#15803d}.button.outline{background:transparent;border:1px solid #ffffff70;box-shadow:none}.button:hover{filter:brightness(1.15)}section.content{padding:80px 0}h2{font-size:clamp(2rem,3.5vw,3rem);margin-bottom:1rem}.section-intro{text-align:center;max-width:700px;margin:0 auto 3rem}.section-intro p,.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.app-symbol{width:56px;height:56px;border-radius:14px;background:#9333ea26;color:#c084fc;display:grid;place-items:center;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;border:1px solid #9333ea55}.app-symbol.green{background:#22c55e22;border-color:#22c55e55;color:#86efac}.card h3{font-size:1.6rem}.card p{color:var(--muted)}.card .button{margin-top:auto}.pill{font-size:.8rem;background:#ffffff0d;border:1px solid var(--line);border-radius:99px;padding:.3rem .7rem;color:#d1d5db}.app-preview{background:#0c1220;border:1px solid #475569;border-radius:12px;width:100%;overflow:hidden;margin:.6rem 0;font-size:.875rem}.windowbar{padding:.7rem 1rem;background:#253045;border-bottom:1px solid #475569;display:flex;gap:.4rem;align-items:center}.windowbar i{display:block;width:8px;height:8px;background:#64748b;border-radius:50%}.windowbar span{margin-left:.6rem;color:#cbd5e1;font-size:.8rem}.previewbody{padding:1.2rem}.previewbody code{color:#c084fc}.minirow{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid #ffffff12}.previewbody .success{color:#86efac;margin-top:.7rem}.example-label{color:#94a3b8;font-size:.8rem}.band{background:linear-gradient(110deg,#581c87,#14532d);padding:65px 0;text-align:center}.band p{max-width:670px;margin:1rem auto 1.7rem;color:#e5e7eb}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature{padding:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:14px}.feature h3{font-size:1.3rem;margin-bottom:.8rem}.feature p{color:var(--muted)}.steps{list-style:none;counter-reset:steps;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.steps li{counter-increment:steps}.steps li:before{content:counter(steps);display:grid;place-items:center;width:40px;height:40px;background:#9333ea33;border:1px solid #9333ea;color:#e9d5ff;border-radius:50%;margin-bottom:1rem}.steps h3{margin-bottom:.6rem}.steps p{color:var(--muted)}.faq{max-width:800px;margin:auto}details{border-bottom:1px solid var(--line);padding:1.2rem 0}summary{cursor:pointer;font-weight:600}details p{margin-top:1rem;color:var(--muted)}footer{border-top:1px solid var(--line);padding:2.5rem 0;color:#9ca3af;font-size:.875rem}footer .wrap{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}footer nav{font-size:.875rem;flex-wrap:wrap}.note{font-size:.875rem;color:#d1d5db;margin-top:1.5rem}.hero.product{padding:75px 0}.availability{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:2rem;max-width:750px;margin:0 auto}.availability h3{font-size:1.5rem;margin-bottom:.8rem}.availability p{color:var(--muted)}@media(max-width:700px){.wrap{padding:0 1.2rem}header .wrap{flex-wrap:wrap;padding-top:1rem;padding-bottom:1rem;gap:.8rem}nav{gap:1rem;flex-wrap:wrap;font-size:.875rem}.hero{padding:65px 0}.hero .intro{font-size:1.05rem}.cards,.features,.steps{grid-template-columns:1fr}.card{padding:1.5rem}section.content{padding:55px 0}.buttons .button{width:100%}h1{font-size:2.8rem}footer nav{gap:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
footer .legal{flex-basis:100%;font-size:.8rem;color:#9ca3af;margin:0}

.support-panel{max-width:720px;margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:2rem}.support-panel label{display:block;font-weight:600;margin:1.2rem 0 .5rem}.support-panel input:not([type=hidden]),.support-panel select,.support-panel textarea{width:100%;font:inherit;background:#111827;color:#fff;border:1px solid #64748b;border-radius:8px;padding:.8rem}.support-panel textarea{resize:vertical}.support-panel input:focus-visible,.support-panel select:focus-visible,.support-panel textarea:focus-visible{outline:3px solid var(--green);outline-offset:2px}.support-panel button{font:inherit;color:#fff;border:0;cursor:pointer;margin-top:1.5rem}.support-panel a:not(.button){text-decoration:underline;text-underline-offset:3px}.support-destination,.support-direct{font-size:.875rem;color:var(--muted);margin-top:.7rem;overflow-wrap:anywhere}.support-direct{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem}.form-error{border:1px solid #f87171;padding:1rem;color:#fecaca;border-radius:8px}.form-success p{margin:1rem 0 1.5rem}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:700px){.support-panel{padding:1.2rem}}
