*{box-sizing:border-box;margin:0;padding:0}
:root{
  --accent:#c800ff;--accent2:#0099ff;
  --dark:#0f0f0d;--muted:#7a7872;
  --border:rgba(15,15,13,.1);
  --bg:#faf8f4;--bg-card:rgba(255,253,249,.75);--bg-dark:#ede9e1;
  --grad:linear-gradient(90deg,var(--accent),var(--accent2));
}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;overflow-x:hidden;background:var(--bg);color:var(--dark);line-height:1.7}
::selection{background:var(--accent);color:#fff}

.bg{min-height:100vh;position:relative}
.bg::before{content:'';position:fixed;inset:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.035;pointer-events:none;z-index:1;mix-blend-mode:multiply}
.blob{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;will-change:transform}
.blob-1{width:520px;height:520px;background:radial-gradient(circle,rgba(200,0,255,.12) 0%,transparent 70%);top:-120px;left:-120px;animation:float1 22s ease-in-out infinite}
.blob-2{width:420px;height:420px;background:radial-gradient(circle,rgba(0,153,255,.08) 0%,transparent 70%);top:40%;right:-100px;animation:float2 26s ease-in-out infinite}
@keyframes float1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,40px) scale(1.08)}}
@keyframes float2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,60px) scale(1.05)}}

.lp{max-width:920px;margin:0 auto;padding:0 2.5rem;position:relative;z-index:2}

nav{padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:0.5px solid var(--border);position:sticky;top:0;background:rgba(250,248,244,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:50}
.logo{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:.04em;color:var(--dark);text-decoration:none;display:flex;align-items:baseline}
.logo span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 100%;animation:shimmer 8s linear infinite}
@keyframes shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.nav-back{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;gap:.5rem}
.nav-back:hover{color:var(--dark)}
.nav-back .arr{transition:transform .25s}
.nav-back:hover .arr{transform:translateX(-4px)}

.hero-legal{padding:6rem 0 3rem;border-bottom:0.5px solid var(--border)}
.sec-tag{font-size:.65rem;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;margin-bottom:1.5rem;display:flex;align-items:center;gap:.6rem}
.sec-tag::before{content:'';display:block;width:1.5rem;height:0.5px;background:var(--muted)}
h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,6vw,5.5rem);line-height:.98;letter-spacing:.02em;color:var(--dark)}
h1 em{font-family:'DM Serif Display',serif;font-style:italic;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 100%;animation:shimmer 10s linear infinite}

main{padding:4rem 0 6rem}
main h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.1;letter-spacing:.03em;margin:3rem 0 1rem;color:var(--dark)}
main h2:first-child{margin-top:0}
main h3{font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:500;letter-spacing:.04em;margin:1.8rem 0 .6rem;color:var(--dark)}
main p{font-size:.92rem;color:#3a3a36;margin-bottom:1rem;max-width:70ch}
main ul{margin:.5rem 0 1rem 1.2rem}
main li{font-size:.92rem;color:#3a3a36;margin-bottom:.4rem;max-width:70ch}
main a{color:var(--accent);text-decoration:none;border-bottom:0.5px solid rgba(200,0,255,.3);transition:border-color .2s}
main a:hover{border-bottom-color:var(--accent)}
main strong{font-weight:500;color:var(--dark)}
.lead{font-size:1rem;color:var(--muted);max-width:60ch;margin-bottom:2rem;line-height:1.7}
.card-info{background:var(--bg-card);border:0.5px solid var(--border);backdrop-filter:blur(10px);padding:1.75rem 2rem;border-radius:4px;margin:1.5rem 0}
.card-info p{margin-bottom:.3rem;font-size:.95rem}
.divider{height:0.5px;background:var(--border);margin:3.5rem 0;position:relative}
.divider::before{content:'';position:absolute;left:0;top:0;height:100%;width:48px;background:var(--grad)}

footer{border-top:0.5px solid var(--border);padding:2.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:4rem}
footer p{font-size:.75rem;color:var(--muted);letter-spacing:.04em}
footer .links{display:flex;gap:1.25rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
footer .links a{color:var(--muted);text-decoration:none;transition:color .2s}
footer .links a:hover{color:var(--dark)}

/* Reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.08s}
.d2{transition-delay:.16s}
.d3{transition-delay:.24s}

/* Scroll progress */
.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--grad);width:0;z-index:60;transition:width .1s linear;box-shadow:0 0 12px rgba(200,0,255,.5)}

@media(max-width:600px){
  .lp{padding:0 1.25rem}
  .hero-legal{padding:4rem 0 2rem}
  main{padding:2.5rem 0 4rem}
}