:root{--bg:#150f2b;--bg2:#1e1540;--card:#241a4a;--line:#3a2d6b;--tx:#f4f1ff;--mu:#b7aee0;--ac:#3EE6A5;--pk:#FF5C8A}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tx);line-height:1.55;overflow-x:hidden;
background:radial-gradient(900px 500px at 50% -80px,#4b2a9a 0,transparent 70%),radial-gradient(700px 500px at 100% 40%,#3b1a6e55,transparent 70%),radial-gradient(600px 500px at 0 70%,#0f4b4a55,transparent 70%),var(--bg)}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay;z-index:50;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}
a{color:inherit;text-decoration:none}
.nav{max-width:1120px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px;letter-spacing:-.5px}.brand .m{width:34px;height:34px;color:#fff}
.nav nav{display:flex;gap:26px;margin-left:auto;font-weight:700;font-size:15px;color:var(--mu)}.nav nav a:hover{color:#fff}
.btn{display:inline-block;background:var(--ac);color:#0d2a20;font-weight:900;padding:15px 26px;border-radius:12px;box-shadow:0 4px 0 #1fa877,0 14px 40px #3ee6a540;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}.btn.sm{padding:9px 18px;font-size:14px;box-shadow:0 3px 0 #1fa877}
.btn.ghost{background:transparent;color:#fff;border:2px solid var(--pk);box-shadow:none;padding:13px 24px}
main{max-width:1120px;margin:0 auto;padding:0 24px}
section{padding:56px 0}
.hero{text-align:center;padding-top:40px}
.pill{display:inline-block;background:#6a4fd0;color:#fff;font-weight:800;font-size:14px;padding:7px 16px;border-radius:8px;margin-bottom:28px}
h1{font-size:clamp(40px,7vw,84px);line-height:1.02;letter-spacing:-2.5px;font-weight:900}
.hand{font-family:Caveat,"Segoe Script","Bradley Hand",cursive;font-weight:700;color:var(--pk);letter-spacing:0;position:relative;display:inline-block;font-size:1.4em;line-height:.9;transform:rotate(-3deg);padding:0 .05em}
.hand svg{position:absolute;left:0;bottom:-.08em;width:100%;height:.22em}.hand svg path{fill:none;stroke:var(--ac);stroke-width:4;stroke-linecap:round}
.hand.sm{font-size:1.1em;color:var(--pk)}
.tag{font-size:clamp(19px,2.4vw,26px);color:#e6e0ff;max-width:680px;margin:26px auto 34px;font-weight:600}
.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ph-line{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.ph{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px;color:#ffd78a;border:1.5px dashed #ffd78a99;background:#ffd78a14;padding:5px 11px;border-radius:8px}
.scene{width:100%;max-width:900px;margin:44px auto 0;display:block}
.win rect{fill:#1a1236;stroke:var(--line);stroke-width:2}.win.ok rect{stroke:#3ee6a577;fill:#12263a}
.trust{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;padding:20px 0}
.trust div{background:#ffffff0d;border:1px solid var(--line);border-radius:999px;padding:10px 20px;font-weight:700;font-size:15px}.trust b{color:var(--ac);margin-right:6px}
h2{font-size:clamp(30px,4.5vw,48px);letter-spacing:-1.5px;font-weight:900;text-align:center;line-height:1.1}
.sub{text-align:center;color:var(--mu);margin:12px 0 0}
h3{font-weight:800;font-size:20px}
.steps ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;position:relative}
.steps li,.tile,.svc>div,.empty{background:linear-gradient(160deg,#2c2058,#1d1540);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 20px 50px #0006}
.steps li i,.mini i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ac);color:#0d2a20;font:900 16px Nunito;font-style:normal;margin-bottom:12px}
.steps p,.svc p{color:var(--mu);margin-top:6px}
.tiles{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;margin-top:36px}
.tile h3{margin:12px 0 14px}.chip{font:700 12px "JetBrains Mono",monospace;color:var(--ac);background:#3ee6a51a;border-radius:999px;padding:4px 10px;display:inline-block}
.diff{display:grid;grid-template-columns:1fr 1fr;gap:10px}.diff div{border-radius:12px;padding:12px;font-size:12px}
.diff em{display:block;font:800 11px Nunito;letter-spacing:1px;font-style:normal;margin-bottom:6px}
.diff code{font:500 12px/1.6 "JetBrains Mono",monospace;display:block;overflow-wrap:anywhere}
.bad{background:#ff5c8a22;color:#ffc2d3}.bad em{color:var(--pk)}.good{background:#3ee6a51f;color:#c6ffe9}.good em{color:var(--ac)}
.sum{margin-top:12px;background:#3ee6a51a;border-radius:12px;padding:14px;font-weight:800}.sum small{display:block;color:var(--ac);letter-spacing:1px;font-size:11px;margin-top:6px}.sum small:first-child{margin-top:0}
.mini{list-style:none;padding:0;display:grid;gap:14px}.mini li{display:flex;gap:12px;align-items:center;font-weight:700}.mini i{margin:0;flex:none}
.quote{border-radius:12px;padding:14px;margin-bottom:10px;font-weight:700}.quote small{display:block;font-size:11px;letter-spacing:1px;margin-bottom:4px}
.typ{background:#ff5c8a22;color:#ffc2d3}.typ small{color:var(--pk)}.me{background:#3ee6a51f;color:#d6ffef}.me small{color:var(--ac)}
.note{color:var(--mu);font-size:14px;margin-top:14px}
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.svc>div:nth-child(n+4){grid-column:span 1}
.svc h3{color:var(--ac)}
.reviews .empty{max-width:520px;margin:32px auto 0;text-align:center;border-style:dashed}.sp{width:60px;margin-bottom:6px}.empty p{color:var(--mu);margin-top:6px}
.final{text-align:center;margin-bottom:30px;border-radius:28px;background:radial-gradient(500px 250px at 50% 0,#6a4fd055,transparent),#1e1540;border:1px solid var(--line);padding:56px 24px}
.final .tag{margin:16px auto 24px}
footer{text-align:center;color:var(--mu);font-size:14px;padding:20px 24px 40px}
@media(max-width:860px){.nav nav{display:none}.nav .btn{margin-left:auto}.steps ol,.tiles,.svc{grid-template-columns:1fr}.diff{grid-template-columns:1fr}h1{letter-spacing:-1.5px}section{padding:40px 0}}

.mail{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}