@font-face{font-family:"Lilita One";src:url(fonts/lilita-one.woff) format("woff");font-display:swap}
@font-face{font-family:"Nunito";src:url(fonts/nunito.woff) format("woff");font-weight:200 1000;font-display:swap}
:root{color-scheme:dark;--bg:#140A2E;--panel:#1E1145;--line:#3A2775;--v1:#7B4BFF;--v2:#4A22C4;--gold:#FFC83D;--cream:#F6EBD3;--edge:#D6C29A;--ink:#3A2414;--ruby:#E0245E;--fg:#F1ECFF;--muted:#B9AEDB;--display:"Lilita One","Arial Rounded MT Bold","Avenir Next Rounded",system-ui,sans-serif;--body:"Nunito",ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.6 var(--body);overflow-x:hidden}
a{color:var(--gold)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;background:var(--gold);color:var(--ink);padding:8px 12px;border-radius:8px;z-index:9}
/* header */
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:10px;font:400 24px var(--display);letter-spacing:.04em;color:var(--cream);text-decoration:none}
.brand img{width:36px;height:36px;border-radius:9px}
.top nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--muted);text-decoration:none;font-weight:700}
.top nav a:hover,.top nav a[aria-current]{color:var(--gold)}
/* hero */
.hero{position:relative;overflow:hidden;padding:20px 0 56px}
.burst{position:absolute;right:-20%;top:50%;width:1100px;height:1100px;margin-top:-550px;border-radius:50%;pointer-events:none;
 background:repeating-conic-gradient(from 0deg,rgba(123,75,255,.20) 0 7.5deg,rgba(74,34,196,0) 7.5deg 15deg);
 -webkit-mask:radial-gradient(circle,#000 8%,transparent 68%);mask:radial-gradient(circle,#000 8%,transparent 68%);animation:turn 90s linear infinite}
@keyframes turn{to{transform:rotate(360deg)}}
.hero .wrap{position:relative;display:grid;gap:28px;align-items:center}
@media(min-width:860px){.hero .wrap{grid-template-columns:1.15fr .85fr}.hero{padding:36px 0 80px}}
.tiles{display:flex;flex-direction:column;gap:8px;margin:0 0 20px}
.row{display:flex;gap:6px}
.tile{position:relative;flex:0 0 auto;width:clamp(44px,13vw,72px);aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(var(--cream),#EEDFBF);color:var(--ink);border-radius:12px;box-shadow:0 4px 0 var(--edge),0 10px 18px rgba(0,0,0,.35);font:400 clamp(30px,9vw,52px)/1 var(--display);transition:transform .15s;animation:drop .6s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--i)*60ms)}
.tile sup{position:absolute;right:7px;bottom:4px;font:800 11px/1 var(--body);opacity:.65;vertical-align:baseline}
.tile:hover{transform:translateY(-3px)}
@keyframes drop{from{opacity:0;transform:translateY(-40px) rotate(-6deg)}to{opacity:1;transform:none}}
.tag{font:400 clamp(28px,6vw,44px)/1.1 var(--display);color:var(--gold);margin:0 0 10px}
.sub{font-size:19px;color:var(--fg);max-width:34em;margin:0 0 22px}
.soon{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--gold);color:var(--ink);font:400 20px var(--display);box-shadow:0 4px 0 #C99410;cursor:default}
.notify{margin:14px 0 0;color:var(--muted);font-size:16px}
.notify a{display:inline-flex;align-items:center;min-height:44px;font-weight:800}
.phone{position:relative;justify-self:center;width:min(78vw,340px);transform:rotate(4deg)}
.phone img{border-radius:34px;box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 2px var(--line)}
.gem{position:absolute;right:-22px;top:-26px;width:76px;filter:drop-shadow(0 0 14px rgba(224,36,94,.7))}
.spark{position:absolute;width:26px;color:var(--cream);animation:tw 3.6s ease-in-out infinite}
.s1{left:-18px;top:30%}.s2{right:-12px;bottom:14%;width:20px;animation-delay:1.4s}.s3{left:16%;top:-22px;width:18px;animation-delay:2.2s}
@keyframes tw{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}
/* sections */
section{padding:52px 0}
h2{font:400 clamp(28px,5vw,40px)/1.15 var(--display);color:var(--cream);margin:0 0 10px}
.lede{color:var(--muted);max-width:40em;margin:0 0 26px}
.steps{display:grid;gap:16px}
@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px;overflow:hidden}
.panel h3{font:400 24px var(--display);color:var(--gold);margin:12px 0 4px}
.panel p{margin:0;color:var(--fg);font-size:16px}
.panel .art{border-radius:14px;width:100%}
.n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--v2);color:var(--cream);font:800 16px var(--body);margin-right:8px;vertical-align:middle}
.boss{width:min(60%,200px);margin:0 auto;border-radius:18px;border:2px solid var(--line)}
.two{display:grid;gap:26px;align-items:center}
@media(min-width:820px){.two{grid-template-columns:1fr 1fr}}
.score{font:800 15px var(--body);font-variant-numeric:tabular-nums;color:var(--gold)}
.fair{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fair li{display:flex;gap:12px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.fair b{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--cream);color:var(--ink);box-shadow:0 3px 0 var(--edge);font:400 18px var(--display)}
.strip{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 16px;margin:0 -16px;-webkit-overflow-scrolling:touch}
.strip img{flex:0 0 min(64vw,230px);scroll-snap-align:center;border-radius:20px;border:1px solid var(--line)}
@media(min-width:900px){.strip{overflow:visible;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0}.strip img{flex:none;width:100%}}
.works{color:var(--muted);text-align:center;padding:8px 0 0}
footer{border-top:1px solid var(--line);margin-top:30px;padding:26px 0 44px;color:var(--muted);font-size:15px}
footer .wrap{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;justify-content:space-between}
footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-weight:700}
footer a:hover{color:var(--gold)}
footer nav{display:flex;gap:18px;flex-wrap:wrap}
/* legal pages */
.doc{max-width:760px;margin:0 auto;padding:12px 16px 40px}
.doc h1{font:400 clamp(32px,6vw,44px)/1.1 var(--display);color:var(--gold);margin:12px 0 8px}
.doc h2{font:400 26px var(--display);margin:34px 0 8px}
.doc p,.doc li{color:var(--fg)}
.doc .muted{color:var(--muted);font-size:15px}
.doc .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 20px;margin:16px 0}
.doc details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 18px;margin:10px 0}
.doc summary{cursor:pointer;font-weight:800;min-height:24px}
.doc ul{padding-left:22px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}