:root{--bg:#07050E;--s:#0F0B1C;--bd:rgba(255,255,255,.08);--p:#8B5CF6;--pd:#6D28D9;--l:#C4B5FD;--t:#EDEAF7;--m:#8F89A8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;color:var(--t);font:17px/1.7 "DM Sans","Segoe UI",system-ui,sans-serif;background:radial-gradient(1000px 560px at 78% -8%,rgba(124,58,237,.3),transparent),radial-gradient(700px 500px at 0 30%,rgba(76,29,149,.18),transparent),var(--bg);background-repeat:no-repeat}
h1,h2,h3{font-family:Sora,"Segoe UI",system-ui,sans-serif;font-weight:600;letter-spacing:-.035em;line-height:1.12;margin:0 0 .5em}
h1{font-size:clamp(2.3rem,5.6vw,4.4rem);max-width:15ch}h2{font-size:clamp(1.6rem,3.2vw,2.4rem);max-width:22ch}h3{font-size:1.3rem;letter-spacing:-.02em}
a{color:var(--l)}:focus-visible{outline:2px solid var(--p);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px 12px;z-index:99}
.in{max-width:1120px;margin-inline:auto;padding-inline:22px}
.bar{position:sticky;top:0;z-index:20;background:rgba(7,5,14,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}.bar .in{display:flex;justify-content:space-between;align-items:center;height:62px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:600 1.1rem Sora,sans-serif;letter-spacing:-.02em}.brand i{width:11px;height:11px;border-radius:50%;background:var(--p);box-shadow:0 0 14px var(--p)}
nav{display:flex;gap:30px}nav a{color:var(--m);text-decoration:none;font-size:.95rem}nav a:hover{color:#fff}
.btn{display:inline-block;background:linear-gradient(135deg,#7C3AED,var(--pd));color:#fff;border:1px solid transparent;border-radius:10px;padding:13px 26px;font:500 1rem "DM Sans",sans-serif;text-decoration:none;cursor:pointer;transition:box-shadow .25s,transform .25s}
.btn:hover{box-shadow:0 8px 28px -6px rgba(139,92,246,.75);transform:translateY(-1px)}.btn.ghost{background:transparent;border-color:rgba(255,255,255,.18)}.btn.ghost:hover{border-color:var(--p);box-shadow:none}.btn.sm{padding:8px 18px;font-size:.92rem}
.heroW{position:relative;overflow:hidden}#flow{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.hero{position:relative;z-index:1;min-height:calc(100vh - 62px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:80px 90px}.chip{display:inline-block;border:1px solid var(--bd);background:rgba(139,92,246,.1);color:var(--l);border-radius:99px;padding:5px 16px;font-size:.88rem;margin:0 0 24px}
.lead{color:#B9B3D1;font-size:1.15rem;max-width:52ch}.cta{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 0}
.tools{padding-block:34px 10px;text-align:center}.tools p{margin:0 0 16px;color:#D0CBE6;font-size:.95rem}.tools ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 34px;justify-content:center;padding:0;margin:0}.tools li{color:var(--m);font-weight:500}
.sec{padding-block:100px}.sub{color:var(--m);max-width:56ch;margin:0 0 40px}
.rows{border-top:1px solid var(--bd)}.rows article{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:34px 16px;border-bottom:1px solid var(--bd);position:relative;transition:background .3s}
.rows article::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:2px;background:var(--p);opacity:0;transition:opacity .3s}.rows article:hover{background:linear-gradient(90deg,rgba(139,92,246,.08),transparent)}.rows article:hover::before{opacity:1}
.rows p{color:var(--m);margin:0;max-width:40ch}.rows ul,.dash{list-style:none;padding:0;margin:0}.rows li,.dash li{color:#B9B3D1;padding:7px 0 7px 26px;position:relative}.rows li::before,.dash li::before{content:"";position:absolute;left:0;top:50%;width:12px;height:1.5px;background:var(--p)}
.note{color:var(--m);margin-top:28px}.dash{margin-top:8px}
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.card{background:var(--s);border:1px solid var(--bd);border-radius:20px;padding:26px 28px}.ct{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--bd);margin-bottom:8px}.ct small{color:var(--m);font:.72rem ui-monospace,Consolas,monospace;letter-spacing:.12em}
.flow{list-style:none;margin:0;padding:0}.flow li{display:flex;justify-content:space-between;gap:12px;padding:15px 0 15px 32px;position:relative;color:var(--m);transition:color .4s}
.flow li::before{content:"";position:absolute;left:0;top:50%;margin-top:-8px;width:16px;height:16px;border-radius:50%;background:var(--s);border:2px solid #4C3A8A;transition:.4s}.flow li::after{content:"";position:absolute;left:7px;top:calc(50% + 10px);height:100%;width:2px;background:var(--bd)}.flow li:last-child::after{display:none}
.flow li.on{color:#fff}.flow li.on::before{background:var(--p);border-color:var(--l);box-shadow:0 0 14px var(--p)}.flow small{font:.76rem ui-monospace,Consolas,monospace;align-self:center}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0;margin:0}.steps li{position:relative;padding-top:34px}.steps li::before{content:"";position:absolute;top:4px;left:0;right:0;height:2px;margin-top:-.5px;background:linear-gradient(90deg,var(--l),rgba(196,181,253,.2)) no-repeat left center/0% 100%,rgba(255,255,255,.1);transition:background-size .7s ease}
.steps li::after{content:"";position:absolute;top:-1px;left:0;width:11px;height:11px;border-radius:50%;background:var(--p);box-shadow:0 0 0 4px rgba(139,92,246,.18),0 0 12px var(--p);transition:.4s}.steps li:hover::before{background-size:100% 100%}.steps li:hover::after{background:var(--l);box-shadow:0 0 0 6px rgba(139,92,246,.3),0 0 26px 4px var(--p)}.steps li:hover small{color:var(--l)}.steps h3,.steps small{transition:color .4s}.steps small{color:var(--m);font:.88rem ui-monospace,Consolas,monospace}.steps h3{margin:.3em 0 .4em}.steps p{color:var(--m);margin:0}
.faq details{background:var(--s);border:1px solid var(--bd);border-radius:14px;padding:18px 22px;margin-bottom:12px}.faq summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid rgba(139,92,246,.6);color:var(--l)}.faq details[open] summary::after{content:"–"}.faq p{color:var(--m);margin:12px 0 0}
.cta-card{text-align:center;border:1px solid var(--bd);border-radius:26px;padding:clamp(28px,5vw,60px);background:radial-gradient(700px 420px at 0 0,rgba(124,58,237,.38),transparent),radial-gradient(600px 400px at 100% 100%,rgba(76,29,149,.35),transparent),var(--s)}
.mail{margin-top:30px;color:var(--m)}.mail a{font:600 1.15rem Sora,sans-serif;word-break:break-all}
form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:.92rem;color:#CFC9E6}input,textarea{background:rgba(7,5,14,.7);color:#fff;border:1px solid var(--bd);border-radius:10px;padding:12px 14px;font:inherit}input:focus,textarea:focus{border-color:var(--p);outline:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}form .btn{justify-self:start}#status{min-height:1.4em;margin:0}#status.ok{color:#86EFAC}#status.err{color:#FDA4AF}
footer{border-top:1px solid var(--bd);padding:52px 0 26px}footer p{color:var(--m);max-width:36ch;margin:12px 0}.fl{display:grid;gap:6px;align-content:start}.fl a{color:var(--m);text-decoration:none}.fl a:hover{color:#fff}
@media(max-width:860px){nav a:not([data-m]){display:none}.rows article,.split,.cta-card{grid-template-columns:1fr;gap:18px}.steps{grid-template-columns:1fr 1fr}.sec{padding-block:68px}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.steps li::before,.steps li::after{transition:none}.btn,.flow li,.flow li::before{transition:none}}

.cta-card h2,.cta-card .sub{margin-inline:auto}.cta-card .cta{justify-content:center;margin:28px 0 0}.cta-card .mail{margin:22px 0 0}
.about p{color:#B9B3D1;margin:0 0 16px;max-width:52ch}
footer .top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.cols{display:flex;gap:72px;flex-wrap:wrap}
footer .bot p{margin:36px 0 0;padding-top:20px;border-top:1px solid var(--bd);font-size:.88rem;max-width:none}

nav a.cur{background:rgba(255,255,255,.08);color:#fff;padding:5px 14px;border-radius:99px}
.ah{align-items:center;text-align:center;justify-content:center;min-height:58vh}.ah h1{max-width:18ch}.ah .lead{max-width:56ch}
.prose{padding:36px 38px}.prose p{color:#CFC9E6;margin:0 0 18px}.prose p:last-child{margin:0}
.grid4{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.grid4 article{background:var(--s);border:1px solid var(--bd);border-radius:18px;padding:28px 30px;transition:border-color .3s,transform .3s}.grid4 article:hover{border-color:rgba(139,92,246,.6);transform:translateY(-3px)}
.grid4 small{color:var(--p);font:1.1rem ui-monospace,Consolas,monospace}.grid4 h3{margin:.6em 0 .3em}.grid4 p{color:var(--m);margin:0}
@media(max-width:700px){.grid4{grid-template-columns:1fr}.prose{padding:26px}}