:root{
    --bg:#0E0E10; --bg-alt:#151517; --panel:#1B1B1E; --line:#2C2C30;
    --ink:#F5F5F2; --ink-dim:#A3A2A0;
    --lime:#D4FF3F; --lime-deep:#B8E026;
    --font-display:'Anton',sans-serif; --font-body:'Inter',system-ui,sans-serif;

    --pad-x:30px; --pad-y:80px;
  }
  @media (max-width:1024px){
    :root{ --pad-x:20px; --pad-y:60px; }
  }

  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  img.ph-fallback{object-fit:cover;background:linear-gradient(135deg,#1B1B1E,#2C2C30);}
  ul{list-style:none;}

  .wrap{max-width:1366px;margin:0 auto;padding:0 var(--pad-x);}
  .section{padding:var(--pad-y) 0;}

  .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-weight:700;font-size:0.8rem;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:18px;}
  .eyebrow::before{content:'';width:8px;height:8px;background:var(--lime);border-radius:50%;}

  h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:0.01em;line-height:1.02;text-transform:uppercase;}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:2px;font-weight:700;font-size:0.92rem;text-transform:uppercase;letter-spacing:0.05em;cursor:pointer;border:2px solid transparent;transition:transform 0.15s ease;}
  .btn:hover{transform:translateY(-2px);}
  .btn-primary{background:var(--lime);color:#0E0E10;}
  .btn-primary:hover{background:var(--lime-deep);}
  .btn-outline{border-color:var(--ink);color:var(--ink);}
  .btn-outline:hover{border-color:var(--lime);color:var(--lime);}
  .btn-block{width:100%;}

  /* NAV */
  nav{position:sticky;top:0;z-index:50;background:rgba(14,14,16,0.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
  nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:20px var(--pad-x);}
  .logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.5rem;letter-spacing:0.02em;text-transform:uppercase;}
  .logo svg{width:30px;height:30px;}
  .navlinks{display:flex;gap:36px;font-size:0.86rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--ink-dim);}
  .navlinks a:hover{color:var(--ink);}
  @media (max-width:860px){.navlinks{display:none;}}
  .nav-cta{display:flex;align-items:center;gap:16px;}

  /* HERO */
  .hero{position:relative;padding-top:calc(var(--pad-y) + 20px);padding-bottom:var(--pad-y);overflow:hidden;}
  .hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;}
  @media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px;}}
  .hero h1{font-size:clamp(2.8rem,6vw,5.2rem);}
  .hero h1 span{color:var(--lime);}
  .hero .lead{margin-top:22px;color:var(--ink-dim);font-size:1.08rem;max-width:46ch;}
  .hero-ctas{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap;}
  .hero-stats{display:flex;gap:40px;margin-top:48px;flex-wrap:wrap;}
  .hero-stats .stat b{display:block;font-family:var(--font-display);font-size:1.8rem;color:var(--lime);}
  .hero-stats .stat span{font-size:0.8rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:0.04em;}
  .hero-media{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:4/5;}
  .hero-media img{width:100%;height:100%;object-fit:cover;}
  .hero-tag{position:absolute;bottom:20px;left:20px;background:var(--lime);color:#0E0E10;padding:10px 16px;border-radius:2px;font-weight:800;font-size:0.86rem;text-transform:uppercase;letter-spacing:0.03em;}

  /* TRUSTED / MARQUEE */
  .strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;overflow:hidden;}
  .strip-track{display:flex;gap:64px;justify-content:center;flex-wrap:wrap;}
  .strip-track span{font-family:var(--font-display);font-size:1.1rem;color:var(--ink-dim);letter-spacing:0.02em;text-transform:uppercase;}

  /* SECTION HEAD */
  .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;flex-wrap:wrap;}
  .section-head h2{font-size:clamp(2rem,4vw,3rem);}
  .section-head p{color:var(--ink-dim);max-width:44ch;margin-top:8px;}

  /* PRODUCTS */
  .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  @media (max-width:960px){.product-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:620px){.product-grid{grid-template-columns:1fr;}}
  .product-card{background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;}
  .product-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#000;}
  .product-media img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}
  .product-card:hover .product-media img{transform:scale(1.05);}
  .product-badge{position:absolute;top:14px;left:14px;background:var(--lime);color:#0E0E10;font-size:0.72rem;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;padding:6px 10px;border-radius:2px;}
  .product-body{padding:22px;display:flex;flex-direction:column;gap:6px;flex:1;}
  .product-cat{font-size:0.76rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:0.06em;}
  .product-name{font-family:var(--font-display);font-size:1.3rem;text-transform:uppercase;}
  .product-price{color:var(--lime);font-weight:700;font-size:1.05rem;margin-top:4px;}
  .product-body .btn{margin-top:16px;}

  /* USP / BRAND STORY */
  .story{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:center;}
  @media (max-width:900px){.story{grid-template-columns:1fr;}}
  .story-media{border-radius:4px;overflow:hidden;aspect-ratio:1/1;}
  .story-media img{width:100%;height:100%;object-fit:cover;}
  .story h2{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:20px;}
  .story p{color:var(--ink-dim);margin-bottom:16px;max-width:52ch;}
  .usp-list{display:flex;flex-direction:column;gap:18px;margin-top:28px;}
  .usp-item{display:flex;gap:14px;align-items:flex-start;}
  .usp-item svg{flex-shrink:0;margin-top:3px;}
  .usp-item b{display:block;font-size:0.98rem;}
  .usp-item span{color:var(--ink-dim);font-size:0.88rem;}

  /* TESTIMONIALS */
  .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  @media (max-width:900px){.testi-grid{grid-template-columns:1fr;}}
  .testi-card{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:28px;}
  .stars{color:var(--lime);letter-spacing:2px;margin-bottom:14px;font-size:1rem;}
  .testi-card p{font-size:0.98rem;color:var(--ink);margin-bottom:18px;}
  .testi-who{display:flex;align-items:center;gap:12px;}
  .testi-avatar{width:38px;height:38px;border-radius:50%;background:var(--lime);color:#0E0E10;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:0.95rem;flex-shrink:0;}
  .testi-who b{font-size:0.9rem;display:block;}
  .testi-who span{font-size:0.78rem;color:var(--ink-dim);}

  /* CONTACT */
  .contact{background:var(--panel);border-radius:8px;padding:var(--pad-y) var(--pad-x);}
  .contact-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;}
  @media (max-width:900px){.contact-grid{grid-template-columns:1fr;}}
  .contact h2{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:16px;}
  .contact p{color:var(--ink-dim);max-width:42ch;}
  .contact-points{margin-top:28px;display:flex;flex-direction:column;gap:14px;}
  .contact-points div{display:flex;gap:12px;align-items:center;font-size:0.92rem;color:var(--ink-dim);}
  .contact-points b{color:var(--ink);}

  form.raved-form{display:flex;flex-direction:column;gap:16px;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  @media (max-width:560px){.form-row{grid-template-columns:1fr;}}
  .field label{display:block;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--ink-dim);margin-bottom:8px;}
  .field input, .field textarea, .field select{width:100%;background:var(--bg);border:1.5px solid var(--line);border-radius:2px;padding:14px 16px;color:var(--ink);font-family:var(--font-body);font-size:0.94rem;}
  .field input:focus, .field textarea:focus, .field select:focus{outline:none;border-color:var(--lime);}
  .field textarea{resize:vertical;min-height:110px;}
  .hidden-field{position:absolute;left:-9999px;}

  /* FOOTER */
  footer{border-top:1px solid var(--line);padding:var(--pad-y) 0 40px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
  @media (max-width:780px){.footer-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:480px){.footer-grid{grid-template-columns:1fr;}}
  .footer-brand .logo{margin-bottom:14px;}
  .footer-brand p{color:var(--ink-dim);font-size:0.9rem;max-width:32ch;}
  .footer-col h4{font-size:0.82rem;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:16px;color:var(--ink-dim);}
  .footer-col ul{display:flex;flex-direction:column;gap:10px;}
  .footer-col a{font-size:0.9rem;color:var(--ink-dim);}
  .footer-col a:hover{color:var(--lime);}
  .footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:0.82rem;color:var(--ink-dim);}

  /* ===== Multi-page additions ===== */
  .navlinks a.active{color:var(--lime);}
  .navlinks a{position:relative;}
  .navlinks a.active::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--lime);}
  #menu-toggle{position:absolute;opacity:0;pointer-events:none;}
  .menu-btn{display:none;width:44px;height:44px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px;}
  .menu-btn span{display:block;width:24px;height:2px;background:var(--ink);transition:transform .25s,opacity .25s;}
  @media (max-width:860px){
    nav .wrap{position:relative;}
    .menu-btn{display:flex;order:3;}
    .nav-cta .btn{display:none;}
    #menu-toggle:checked ~ .navlinks{display:flex;flex-direction:column;gap:20px;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:24px var(--pad-x);border-bottom:1px solid var(--line);font-size:1rem;}
    #menu-toggle:checked ~ .menu-btn span:nth-child(1){transform:translateY(8px) rotate(45deg);}
    #menu-toggle:checked ~ .menu-btn span:nth-child(2){opacity:0;}
    #menu-toggle:checked ~ .menu-btn span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
    #menu-toggle:focus-visible ~ .menu-btn{outline:2px solid var(--lime);}
    .navlinks a.active::after{display:none;}
  }

  /* Inner-page header */
  .page-hero{padding:calc(var(--pad-y) + 10px) 0 var(--pad-y);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 0%,rgba(212,255,63,.10),transparent 55%);}
  .page-hero h1{font-size:clamp(2.6rem,6vw,4.6rem);}
  .page-hero h1 span{color:var(--lime);}
  .page-hero p{margin-top:18px;color:var(--ink-dim);font-size:1.05rem;max-width:56ch;}
  .crumbs{font-size:.8rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;}
  .crumbs a:hover{color:var(--lime);}
  .crumbs span{color:var(--ink);}

  /* Home teaser helpers */
  .link-more{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;}
  .link-more:hover{text-decoration:underline;}

  /* CTA band */
  .cta-band{background:var(--lime);color:#0E0E10;border-radius:8px;padding:48px var(--pad-x);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
  .cta-band h2{font-size:clamp(1.8rem,3.6vw,2.6rem);}
  .cta-band p{margin-top:8px;max-width:48ch;}
  .cta-band .btn{background:#0E0E10;color:var(--ink);}
  .cta-band .btn:hover{background:#000;}

  /* Story page extras */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  @media (max-width:900px){.steps{grid-template-columns:1fr;}}
  .step{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:28px;}
  .step b{display:block;font-family:var(--font-display);font-size:2.2rem;color:var(--lime);line-height:1;margin-bottom:12px;}
  .step h3{font-size:1.3rem;margin-bottom:8px;}
  .step p{color:var(--ink-dim);font-size:.94rem;}

  /* Contact page: selected product note */
  .picked{display:none;background:rgba(212,255,63,.1);border:1px solid var(--lime);color:var(--ink);padding:12px 16px;border-radius:2px;font-size:.9rem;}
  .picked b{color:var(--lime);}

  /* Legal / info pages */
  .legal{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:start;}
  @media (max-width:900px){.legal{grid-template-columns:1fr;gap:32px;}}
  .legal-toc{position:sticky;top:110px;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:22px;}
  @media (max-width:900px){.legal-toc{position:static;}}
  .legal-toc h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:12px;}
  .legal-toc ul{display:flex;flex-direction:column;gap:10px;font-size:.9rem;}
  .legal-toc a{color:var(--ink-dim);}
  .legal-toc a:hover,.legal-toc a.active{color:var(--lime);}
  .legal-body{max-width:760px;}
  .legal-body .updated{font-size:.82rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:28px;}
  .legal-body h2{font-size:1.6rem;margin:36px 0 12px;scroll-margin-top:100px;}
  .legal-body h2:first-of-type{margin-top:0;}
  .legal-body p,.legal-body li{color:var(--ink-dim);margin-bottom:12px;}
  .legal-body ul{list-style:disc;padding-left:22px;margin-bottom:12px;}
  .legal-body a{color:var(--lime);}
  .legal-body a:hover{text-decoration:underline;}
  .info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px;}
  @media (max-width:700px){.info-cards{grid-template-columns:1fr;}}
  .info-card{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:20px;}
  .info-card b{display:block;font-family:var(--font-display);font-size:1.6rem;color:var(--lime);line-height:1.1;}
  .info-card span{font-size:.86rem;color:var(--ink-dim);}
  .footer-col a.active{color:var(--lime);}
  .footer-bottom a:hover,.contact-points a:hover{color:var(--lime);}