@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b1020;--paper:#11182b;--muted:#a4adc0;--line:#293248;--lime:#bcfa75;--white:#f7f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.announcement{background:var(--lime);color:#16220d;text-align:center;font-size:12px;font-weight:700;letter-spacing:.09em;padding:10px}.top{max-width:1240px;margin:auto;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:700 21px 'Space Grotesk';display:flex;align-items:center;gap:10px}.brandmark{width:34px;height:34px;border:2px solid var(--lime);display:grid;place-items:center;border-radius:10px;color:var(--lime);position:relative}.brandmark span{font-size:9px;position:absolute;right:-5px;top:-6px;background:var(--bg)}.brandlight,.footer-brand span{color:var(--lime)}nav{display:flex;gap:32px}nav a{color:#d7deeb;font-size:14px}nav a:hover{color:var(--lime)}.cart-toggle{background:#20283c;border:1px solid #3d4860;border-radius:30px;color:white;padding:11px 18px}.cart-toggle span{background:var(--lime);color:#141c11;border-radius:30px;padding:2px 7px;margin-left:9px;font-weight:700}.hero{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:95px 30px 100px}.eyebrow,.kicker{font-weight:700;letter-spacing:.18em;font-size:12px;color:var(--lime)}.pulse{width:7px;height:7px;background:var(--lime);border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 0 4px #bcfa7520}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.055em;margin:0}h1{font-size:clamp(48px,5.7vw,83px);line-height:1.07;margin:25px 0}h1 em,h2 em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:17px;color:#b3bed0;line-height:1.8;max-width:530px}.hero-actions{display:flex;gap:12px;margin:31px 0 37px;flex-wrap:wrap}.primary{display:inline-flex;gap:30px;background:var(--lime);color:#121b12;padding:15px 21px;border-radius:8px;font-weight:700}.primary:hover{background:#d6ffa5}.secondary{padding:15px 21px;background:#1b2439;border:1px solid #344059;border-radius:8px;font-weight:600}.hero-meta{display:flex;gap:19px;flex-wrap:wrap;color:#a0aabc;font-size:12px}.hero-art{height:410px;background:linear-gradient(135deg,#192d35,#151b31);border:1px solid #385064;border-radius:18px;padding:20px;position:relative;box-shadow:0 30px 90px #0006;overflow:hidden}.glow{position:absolute;width:400px;height:400px;background:#7bba8970;filter:blur(100px);left:25%;top:5%;opacity:.3}.art-top,.art-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;color:#c6d4dc;letter-spacing:.12em;font-size:11px}.art-top span{color:var(--lime)}.art-shot{position:relative;overflow:hidden;height:275px;margin:22px 0;background:linear-gradient(180deg,#89aab1 0%,#b7c5a4 45%,#32444e 100%);border-radius:8px}.art-sun{position:absolute;width:115px;height:115px;border-radius:50%;background:#f3d8a2;box-shadow:0 0 90px #f6cd7f;top:48px;left:50%}.art-ridge{position:absolute;width:160%;height:170px;bottom:-55px;left:-25%;transform:rotate(-12deg);border-radius:55% 65% 0 0;background:#1e353c}.art-ridge.two{background:#304b52;bottom:-95px;left:0;transform:rotate(16deg)}.art-bottom b{display:block;font-size:12px;color:#eef6f0}.art-bottom small{font-size:9px}.swatches{display:flex;gap:5px}.swatches i{height:24px;width:20px;border-radius:3px;background:#9dba9d}.swatches i:nth-child(2){background:#e4c99b}.swatches i:nth-child(3){background:#607f85}.swatches i:nth-child(4){background:#2c454e}.floating-label{position:absolute;bottom:93px;right:-48px;transform:rotate(-90deg);font-size:9px;letter-spacing:.2em}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:90px;padding:30px;flex-wrap:wrap}.strip div{display:flex;gap:6px;flex-direction:column}.strip strong{font-size:14px}.strip span{color:var(--muted);font-size:12px}.products-section{max-width:1240px;margin:auto;padding:100px 30px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}.section-head h2,.how h2,.faq h2,.cta h2{font-size:clamp(37px,4.2vw,56px);margin:12px 0}.section-head p{color:var(--muted);margin:0}.tabs{display:flex;gap:5px;background:#1a2236;padding:6px;border-radius:10px}.tabs button{border:0;background:transparent;color:#b2bfd2;border-radius:7px;padding:10px 15px;font-size:13px}.tabs button.active{background:var(--lime);color:#152011;font-weight:700}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.product{background:#131b2d;border:1px solid #2c3549;border-radius:13px;overflow:hidden}.product:hover{border-color:#7b9d69}.product-visual{height:215px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 68% 35%,var(--tone),transparent 54%),linear-gradient(145deg,#1b3042,#141a2c)}.product-visual:after{content:'';position:absolute;width:250px;height:250px;border:1px solid #ffffff22;border-radius:60px;transform:rotate(35deg);box-shadow:0 0 0 25px #ffffff07,0 0 0 55px #ffffff05}.visual-glyph{font:700 76px 'Space Grotesk';color:#f6faff;letter-spacing:-.08em;z-index:1;text-shadow:0 8px 20px #0005}.product-tag{position:absolute;left:17px;top:15px;font-size:10px;font-weight:700;letter-spacing:.1em;background:#0e162acc;border:1px solid #ffffff35;padding:7px 10px;border-radius:5px;z-index:2}.product-body{padding:23px}.product-cat{color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.product h3{font-size:21px;letter-spacing:-.035em;margin:9px 0}.product p{min-height:54px;color:#a6b0c2;font-size:13px;line-height:1.7}.product-foot{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.price{font:700 23px 'Space Grotesk'}.add{background:#233047;border:1px solid #41506a;color:#f2f6ff;border-radius:8px;padding:10px 13px}.add:hover{background:var(--lime);color:#111}.how{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:85px max(30px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:55px;background:#10182a}.steps{display:grid;gap:20px}.steps>div{display:flex;gap:18px;padding-bottom:20px;border-bottom:1px solid #344058}.steps b{font:700 26px 'Space Grotesk';color:var(--lime)}.steps strong{font-size:18px}.steps p{color:var(--muted);font-size:14px}.faq{max-width:850px;margin:auto;padding:90px 30px}.faq details{border-bottom:1px solid #344058;padding:22px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:var(--muted);line-height:1.7}.cta{text-align:center;margin:0 auto 70px;max-width:1170px;background:radial-gradient(ellipse at center,#284238 0,#1c2634 60%,#172035);border:1px solid #3a584e;border-radius:20px;padding:70px 20px}.cta p{color:#c3cbd5}.cta .primary{margin:16px auto;display:table}.cta small{display:block;color:#9eabb5}footer{max-width:1240px;margin:auto;padding:35px 30px 55px;border-top:1px solid var(--line);display:flex;gap:22px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:12px;color:#9da7b9}footer a{margin-right:18px}footer p{margin:0}.footer-brand{font:700 19px 'Space Grotesk';color:white}.scrim{position:fixed;inset:0;background:#0009;z-index:7}.scrim[hidden]{display:none}.drawer{position:fixed;z-index:8;right:0;top:0;height:100vh;background:#111a2c;width:min(440px,100%);transform:translateX(101%);transition:.25s;display:flex;flex-direction:column;border-left:1px solid #3b4559}.drawer.open{transform:translateX(0)}.drawer-head,.cart-bottom{padding:24px;border-bottom:1px solid #334056}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h3{font-size:24px}.drawer-head h3 span{font-size:15px;color:var(--lime)}.drawer-head button{background:none;border:none;color:white;font-size:21px}.cart-items{flex:1;overflow:auto;padding:24px}.cart-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid #2b3850;padding:15px 0}.mini-glyph{width:50px;height:50px;background:#31445b;border-radius:8px;display:grid;place-items:center;font:700 20px 'Space Grotesk'}.cart-item strong{display:block}.cart-item small{color:var(--muted)}.cart-item button{margin-left:auto;color:#f4b1b1;background:none;border:0}.total{display:flex;justify-content:space-between}.cart-bottom{border-top:1px solid #334056}.cart-bottom p,.sandbox-note{font-size:12px;color:var(--muted);line-height:1.6}.checkout{background:#485462;color:#e3e8ef;border:0;border-radius:8px;padding:14px;width:100%;cursor:not-allowed}.sandbox-note{display:block;text-align:center;margin-top:10px}.legal{max-width:820px;margin:80px auto;padding:0 25px;min-height:55vh;line-height:1.9}.legal h1{font-size:48px}.legal p,.legal li{color:#b9c4d4}.legal a{color:var(--lime)}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{max-width:580px;width:100%}.products{grid-template-columns:repeat(2,1fr)}.strip{gap:25px}.how{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}}@media(max-width:600px){nav{display:none}.top{padding:19px}.hero{padding:60px 20px}.hero-art{height:340px}.art-shot{height:205px}.hero-meta{gap:8px}.strip{justify-content:flex-start;padding:25px}.products-section{padding:60px 20px}.products{grid-template-columns:1fr}.tabs{width:100%;justify-content:space-around}.tabs button{padding:10px}.product-visual{height:225px}.how{padding:60px 20px}.faq{padding:65px 20px}.cta{margin:15px 20px 50px;padding:55px 20px}footer{padding:30px 20px}}
