@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:Manrope,system-ui,sans-serif;background:#11111d;color:#f6f1ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 76% 6%,#48336088,transparent 27%),radial-gradient(circle at 8% 42%,#25314991,transparent 34%),#11111d}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ddff86;outline-offset:4px}p{line-height:1.7}h1,h2,h3{line-height:1.15}h1{font-size:clamp(2.3rem,5vw,5rem);letter-spacing:-.055em;margin:.3em 0}h2{font-size:clamp(1.65rem,3vw,2.7rem);letter-spacing:-.04em;margin:.4em 0 1em}h3{margin:.4em 0;font-size:1.2rem}.eyebrow{font-size:.7rem;font-weight:900;letter-spacing:.2em;color:#dfff85}
.site-header{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(20px,5vw,70px);border-bottom:1px solid #bba9d030}.brand{font-size:1.25rem;font-weight:900;letter-spacing:.1em}.brand span{font-size:.65em;color:#b6a0d4;letter-spacing:.24em}.header-cta{padding:11px 16px;border:1px solid #bba2da80;border-radius:11px;font-size:.83rem;font-weight:800}
main{max-width:1400px;margin:auto;padding:0 clamp(20px,5vw,70px)}.hero{min-height:min(790px,84svh);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:25px;padding:40px 0 55px}.hero-copy{max-width:670px;position:relative;z-index:2}.hero-copy>p:not(.eyebrow){font-size:clamp(.95rem,1.3vw,1.15rem);color:#c9c1d8;max-width:60ch}.hero-copy small{display:block;margin-top:18px;color:#a79db7;font-size:.72rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;border-radius:12px;font-weight:900;font-size:.9rem}.primary{background:#dfff85;color:#212326;box-shadow:0 8px 30px #b7ef4950}.secondary{border:1px solid #a688cd8c;background:#a986c21c}
.pack-display{position:relative;height:min(440px,55vw);min-height:300px;display:grid;place-items:center;isolation:isolate}.pack-display:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#c18bf96e,transparent 67%);filter:blur(20px)}.pack{position:absolute;display:block;max-width:42%;max-height:88%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(18px 28px 18px #000b)}.pack-one{z-index:2;transform:translate(-55%,7%) rotate(-14deg)}.pack-two{z-index:3;transform:translate(12%,-4%) rotate(9deg)}.pack-three{z-index:1;transform:translate(65%,13%) rotate(15deg)}
.content{padding:52px 0;border-top:1px solid #bba9d030}.steps,.collections{display:grid;gap:14px}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.collections{grid-template-columns:repeat(2,minmax(0,1fr))}.content article{padding:25px;border:1px solid #bba9d04d;border-radius:18px;background:linear-gradient(140deg,#30263e,#1b1a2a);box-shadow:0 10px 30px #0605103d}.content article span{font-weight:900;color:#dfff85}.content article p,.more p{font-size:.9rem;color:#c8bdd8;margin-bottom:0}.more{display:flex;align-items:center;justify-content:space-between;gap:30px}.more>div{max-width:70ch}.more .primary{white-space:nowrap}footer{max-width:1400px;margin:auto;padding:30px clamp(20px,5vw,70px) 45px;display:flex;justify-content:space-between;gap:22px;color:#ad9fbe;font-size:.75rem;border-top:1px solid #bba9d030}footer a{font-weight:900;color:#e7d6ff}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:0}.pack-display{height:320px;min-height:0}.pack{max-width:35%}.steps{grid-template-columns:1fr}.more{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.hero{padding-top:42px}.pack-display{height:250px}.pack{max-width:42%;max-height:95%}.collections{grid-template-columns:1fr}.content{padding:38px 0}.site-header{padding-top:17px;padding-bottom:17px}.header-cta{font-size:.7rem;padding:9px}.brand{font-size:1rem}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
