*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.6}img{max-width:100%}a:focus-visible{outline:3px solid currentColor;outline-offset:3px}.demo-note{margin:0;padding:10px;text-align:center;font-size:.75rem;opacity:.85}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#141633;color:#e9e8f5}a{color:inherit}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw}.logo{font-weight:900;letter-spacing:.3em;font-size:1.2rem}.logo i{color:#f2c46d;font-style:normal}
.call{text-decoration:none;border:1px solid #f2c46d;color:#f2c46d;padding:8px 16px;border-radius:6px;font-weight:700}
.hero{text-align:center;padding:40px 6vw 80px;background:radial-gradient(ellipse at 50% 0,#2a2d63 0,#141633 70%)}
.pane{position:relative;width:180px;height:220px;margin:0 auto 26px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:#e9e8f5;border-radius:6px}
.pane span{background:linear-gradient(160deg,#3b3f86,#1d2050);border-radius:2px}
.glint{position:absolute;top:30px;right:34px;width:34px;height:34px;background:#f2c46d;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:tw 3s ease-in-out infinite}
@keyframes tw{50%{transform:scale(.6) rotate(30deg);opacity:.7}}
@media(prefers-reduced-motion:reduce){.glint{animation:none}}
.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.78rem;color:#c8c6e4}
h1{font-size:clamp(2.8rem,8vw,5.4rem);font-weight:900;line-height:1;margin:.2em 0}h1 em{color:#f2c46d;font-style:normal}
.lede{max-width:52ch;margin:0 auto 14px;font-size:1.1rem;color:#d4d2ea}.score strong{font-size:1.5rem;color:#f2c46d}
.btn{display:inline-block;background:#f2c46d;color:#141633;text-decoration:none;font-weight:800;padding:15px 28px;border-radius:8px;margin-top:10px}
.svc{padding:70px 6vw;background:#1b1e44}.svc h2,.rev h2{text-align:center;font-size:2rem;margin:0 0 30px}
.svc ul{list-style:none;padding:0;margin:0 auto;max-width:1000px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.svc li{border:1px solid #3b3f86;border-radius:10px;padding:22px}.svc h3{margin:0 0 6px;color:#f2c46d}.svc p{margin:0;color:#d4d2ea}
.rev{padding:70px 6vw}.grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.r{margin:0;background:#e9e8f5;color:#141633;border-radius:12px;padding:26px}.r blockquote{margin:0 0 14px}.r figcaption{font-weight:800}.r figcaption span{font-weight:400;color:#4a4c6e;font-size:.85rem;margin-left:6px}
.end{text-align:center;padding:60px 6vw;background:#1b1e44}.end h2{font-size:2rem;margin:0}.end p{color:#c8c6e4}
footer{text-align:center;padding:24px;font-size:.88rem;color:#c8c6e4}.fab{display:none}
@media(max-width:700px){.fab{display:block;position:fixed;left:16px;right:16px;bottom:14px;text-align:center;background:#f2c46d;color:#141633;font-weight:800;padding:14px;border-radius:10px;text-decoration:none}body{padding-bottom:70px}}