:root{--bg:#0f172a;--surface:#15213a;--line:#334155;--text:#f8fafc;--muted:#9cacc3;--cyan:#47e9ff;--purple:#a78bfa;--green:#7cffb2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:78px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:25px;border-bottom:1px solid #ffffff13;font-size:13px;font-weight:700}.brand{margin-right:auto;font-size:20px;letter-spacing:-.06em}.brand span{color:var(--purple);font-size:25px}.brand small{font-size:12px;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:14px;padding:12px 17px;border-radius:10px;background:linear-gradient(100deg,var(--cyan),#79c8ff);color:#07101f;font-weight:800}.button.outline{background:transparent;border:1px solid #566982;color:#fff}.hero,.features,.credits,.process,.faq{max-width:1180px;margin:auto;padding:95px 24px}.hero{min-height:590px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.eyebrow{margin:0 0 16px;color:var(--cyan);font:11px 'DM Mono',monospace;letter-spacing:.14em}.hero h1,.features h2,.credits h2,.process h2,.faq h2,.cta h2{font-size:clamp(42px,5.5vw,72px);line-height:.96;letter-spacing:-.075em;margin:0}.hero h1 em,.credits h2 em{font-style:normal;color:var(--cyan)}.hero>div>p:not(.eyebrow){max-width:600px;color:var(--muted);font-size:17px;margin:25px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero aside{min-height:365px;padding:30px;display:flex;flex-direction:column;border:1px solid #536787;border-radius:25px;background:radial-gradient(circle at 75% 25%,#5c3ebd 0,transparent 30%),#152642;box-shadow:0 0 55px #47e9ff18}.hero aside span{color:var(--green);font:11px 'DM Mono',monospace;letter-spacing:.13em}.hero aside b{margin:auto 0;font-size:51px;line-height:.85;letter-spacing:-.09em}.hero aside i{align-self:end;color:var(--cyan);font-size:38px}.features{border-top:1px solid #ffffff15}.features h2{margin-bottom:45px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-grid article,.credit-grid article{padding:22px;border:1px solid var(--line);border-radius:17px;background:#16243d}.feature-grid b{color:var(--green);font:13px 'DM Mono',monospace}.feature-grid h3{font-size:18px;margin:27px 0 8px}.feature-grid p,.credits>div>p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0}.credits{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:#111d33;max-width:none;padding-left:max(24px,calc((100vw - 1132px)/2));padding-right:max(24px,calc((100vw - 1132px)/2))}.credits>div>p:not(.eyebrow){margin-top:25px}.credit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.credit-grid article{min-height:300px;display:flex;flex-direction:column}.credit-grid .best{border-color:var(--cyan);box-shadow:0 0 30px #47e9ff18;background:#1d294c}.credit-grid article>p{margin:0;color:var(--cyan);font:10px 'DM Mono',monospace;letter-spacing:.1em}.credit-grid h3{font-size:28px;margin:14px 0}.credit-grid ul{padding:0;margin:15px 0;list-style:none;font-size:12px;color:#cfdcec}.credit-grid li{padding:7px 0;border-top:1px solid #ffffff15}.credit-grid li:before{content:'✓';color:var(--green);padding-right:7px}.credit-grid a{margin-top:auto;padding-top:12px;border-top:1px solid #ffffff25;color:var(--cyan);font-size:11px;font-weight:800}.process>div{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.process article{border-top:1px solid #5a6a83;padding-top:15px}.process b{color:var(--green);font:13px 'DM Mono',monospace}.process p{font-size:13px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq details{border-top:1px solid #475874;padding:17px 0}.faq summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:800}.faq summary b{color:var(--cyan);font-size:20px}.faq details p{color:var(--muted);font-size:13px}.cta{padding:90px 24px;text-align:center;background:linear-gradient(100deg,#4d3ba8,#126b87)}.cta .eyebrow{color:#c6fff0}.cta h2{margin-bottom:25px}footer{max-width:1180px;margin:auto;padding:25px 24px;color:var(--muted);font-size:11px}@media(max-width:800px){.hero,.credits,.faq{grid-template-columns:1fr;gap:45px;padding:70px 20px}.feature-grid,.process>div{grid-template-columns:1fr 1fr}.credit-grid{grid-template-columns:1fr}.hero aside{min-height:280px}.hero aside b{font-size:42px}}@media(max-width:500px){header{height:68px;padding:0 18px}.button{padding:9px 11px;font-size:11px}.feature-grid,.process>div{grid-template-columns:1fr}.hero h1,.features h2,.credits h2,.process h2,.faq h2{font-size:44px}}
