@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,200..800&family=Fraunces:wght@900&family=Pacifico&family=Space+Mono:wght@700&display=swap");
:root{--bg:#0e100f;--cr:#fffce1;--g:#0ae448;--p:#fec5fb;--o:#ff8709;--v:#9d95ff;--a:#00bae2;--f:"Bricolage Grotesque",system-ui,sans-serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--cr);font-family:var(--f);line-height:1.5;overflow-x:hidden}
a{color:inherit}section,header.hero{padding:clamp(4rem,10vw,7rem) 5vw;border-top:1px solid #fffce133;position:relative}
nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;gap:1.2rem;align-items:center;padding:1rem 5vw;background:#0e100fe6;backdrop-filter:blur(10px)}
nav b{font-size:1.5rem;font-weight:800;font-style:italic;margin-right:auto;text-decoration:none}
nav a{text-decoration:none;opacity:.75}nav a:hover{opacity:1}
.pill{border:1px solid var(--cr);border-radius:99px;padding:.5rem 1.1rem;background:none;color:var(--cr);font:600 1rem var(--f);cursor:pointer;text-decoration:none;display:inline-block;margin:.2rem}
.pill:hover,.pill:focus-visible{background:var(--cr);color:var(--bg)}.pill.g{border-color:var(--g);background:var(--g);color:#0e100f}
:focus-visible{outline:3px solid var(--g);outline-offset:3px}
h1,h2{font-weight:800;line-height:.95;letter-spacing:-.03em}h1{font-size:clamp(3rem,10vw,9rem)}h2{font-size:clamp(2.2rem,6vw,5rem);margin-bottom:2rem}
.ch{display:inline-block}.muted{opacity:.7}
.tag{display:inline-block;padding:.3rem .9rem;border-radius:8px;color:#0e100f;font-weight:600;box-shadow:6px 6px 0 #0006;margin:.3rem}
.hero{min-height:80svh;display:flex;flex-direction:column;justify-content:center;padding-top:7rem!important}
.swap{font-size:clamp(1.6rem,4vw,3rem);margin:1.5rem 0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
#sw{background:var(--p);color:#0e100f;border-radius:12px;padding:.1em .5em;display:inline-block}
.grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{border:1px solid #fffce133;border-radius:20px;padding:1.6rem;display:flex;flex-direction:column;gap:.7rem;text-decoration:none}
a.card:hover{border-color:var(--g)}.pop{border-color:var(--g)}
.w{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1}
.price{font-size:2.6rem;font-weight:800}.price small{font-size:1rem;opacity:.7}
details{border-bottom:1px solid #fffce133;padding:1rem 0}summary{cursor:pointer;font-size:1.3rem;font-weight:600}
li{margin-left:1.2rem}
.big{font-size:clamp(3rem,17vw,16rem);font-weight:800;line-height:.9;letter-spacing:-.04em;text-align:center;padding:3rem 0 1rem}
footer{padding:2rem 5vw;border-top:1px solid #fffce133;display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between}
.fls{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.hero>:not(.fls),#contact>:not(.fls){position:relative;z-index:2}
.fl{position:absolute;pointer-events:auto;cursor:pointer;opacity:.92}.fl i{display:block}.fl svg{width:100%;height:auto;display:block}
.fl.m{width:auto!important;pointer-events:none}
@media(max-width:800px){nav a.l{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.pay{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:start}.pc{display:grid;gap:1.2rem}
.bx{border:1px solid #fffce133;border-radius:20px;padding:1.5rem;background:#141716}.bx h3{margin-bottom:.8rem;font-size:1.2rem}
label{display:grid;gap:.3rem;font-weight:600;margin-bottom:.8rem}
input,select{font:inherit;padding:.8rem;border-radius:10px;border:1px solid #fffce155;background:#0e100f;color:#fffce1;width:100%}
.ck{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}.ck input{width:auto;margin-top:.3rem}
.sum{position:sticky;top:5.5rem}.row{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0}.due{font-size:1.8rem}
hr{border:0;border-top:1px solid #fffce133;margin:.8rem 0}.tr{margin-top:1rem;font-size:.95rem;opacity:.8;display:grid;gap:.3rem}
.big2{font-size:1.2rem;padding:1rem;width:100%;text-align:center}
@media(max-width:800px){.pay{grid-template-columns:1fr}.sum{position:static;order:-1}}
.legal h3{margin:2rem 0 .5rem;font-size:1.4rem}.legal p,.legal li{max-width:46rem;margin-bottom:.6rem;opacity:.9}.legal li{margin-left:1.2rem}