:root{
  --color-bg:#212121;
  --color-surface:#323232;
  --color-primary:#0D7377;
  --color-accent:#14FFEC;
  --color-text:#F2F5F7;
  --color-muted:#B7C0C3;
  --color-danger:#FF5E7A;
  --color-success:#39D98A;
  --font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif;
  --font-size-0:0.875rem;
  --font-size-1:1rem;
  --font-size-2:1.125rem;
  --font-size-3:1.5rem;
  --font-size-4:2.25rem;
  --line-compact:1.25;
  --line-normal:1.6;
  --shadow-1:0 10px 30px rgba(0,0,0,.35);
  --shadow-2:0 18px 50px rgba(0,0,0,.45);
  --radius-1:12px;
  --radius-2:18px;
  --radius-3:26px;
  --space-1:0.5rem;
  --space-2:0.75rem;
  --space-3:1rem;
  --space-4:1.5rem;
  --space-5:2rem;
  --space-6:3rem;
  --container:1120px;
  --focus:0 0 0 3px rgba(20,255,236,.35);
}

*{box-sizing:border-box}
html{color-scheme:dark}
body{
  margin:0;
  font-family:var(--font-sans);
  font-size:var(--font-size-1);
  line-height:var(--line-normal);
  background:radial-gradient(1200px 600px at 15% -20%, rgba(20,255,236,.12), transparent 60%),radial-gradient(900px 500px at 90% 0%, rgba(13,115,119,.28), transparent 55%),var(--color-bg);
  color:var(--color-text);
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}

.skip-link{
  position:absolute;
  left:-999px;
  top:var(--space-3);
  padding:var(--space-2) var(--space-3);
  background:var(--color-accent);
  color:#002b2c;
  border-radius:999px;
}
.skip-link:focus{left:var(--space-3);outline:none;box-shadow:var(--focus)}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:blur(10px);
  background:rgba(33,33,33,.85);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header-inner{
  max-width:var(--container);
  margin:0 auto;
  padding:var(--space-3) var(--space-4);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
}
.brand{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  min-width:0;
}
.brand-mark{
  width:38px;
  height:38px;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(20,255,236,.22), rgba(13,115,119,.55));
  box-shadow:var(--shadow-1);
  border:1px solid rgba(20,255,236,.25);
}
.brand-name{
  font-weight:700;
  letter-spacing:.2px;
}
.nav{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  justify-content:flex-end;
}
.nav a{
  padding:0.5rem 0.85rem;
  border-radius:999px;
  color:var(--color-muted);
  border:1px solid transparent;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
.nav a:hover{
  color:var(--color-text);
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
  transform:translateY(-1px);
}
.nav a:focus{outline:none;box-shadow:var(--focus)}

.menu-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:rgba(255,255,255,.08);
  border-radius:var(--radius-1);
  color:var(--color-text);
  cursor:pointer;
  transition:background .15s ease, transform .15s ease;
  z-index: 9999999999999999999999;
}
.menu-toggle:hover{background:rgba(255,255,255,.12)}
.menu-toggle:focus{outline:none;box-shadow:var(--focus)}
.menu-toggle .icon-close{display:none}
.menu-toggle[aria-expanded="true"] .icon-burger{display:none}
.menu-toggle[aria-expanded="true"] .icon-close{display:block}

.nav-overlay{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-4)}
.section{padding:var(--space-6) 0}
.section-title{
  font-size:var(--font-size-3);
  line-height:var(--line-compact);
  margin:0 0 var(--space-3);
}
.section-lede{margin:0 0 var(--space-4);color:var(--color-muted);max-width:70ch}

.hero{
  padding:var(--space-6) 0;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.25fr .95fr;
  gap:var(--space-5);
  align-items:start;
}
.hero-card{
  background:linear-gradient(180deg, rgba(50,50,50,.82), rgba(50,50,50,.72));
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius-3);
  box-shadow:var(--shadow-2);
  overflow:hidden;
}
.hero-content{padding:var(--space-5)}
.hero-kicker{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  align-items:center;
  color:var(--color-muted);
  font-size:var(--font-size-0);
}
.pill{
  display:inline-flex;
  align-items:center;
  gap:0.45rem;
  padding:0.35rem 0.7rem;
  border-radius:999px;
  border:1px solid rgba(20,255,236,.22);
  background:rgba(13,115,119,.24);
  color:var(--color-text);
}
.pill strong{color:var(--color-accent);font-weight:700}
.hero-title{
  margin:var(--space-3) 0 var(--space-3);
  font-size:var(--font-size-4);
  line-height:1.08;
  letter-spacing:-0.3px;
}
.hero-subtitle{margin:0 0 var(--space-4);color:var(--color-muted);max-width:72ch}
.price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);margin:var(--space-4) 0 var(--space-3)}
.price-now{font-size:2rem;font-weight:800}
.price-old{color:var(--color-muted);text-decoration:line-through}
.hero-perks{margin:0;padding-left:1.2rem;color:var(--color-muted)}
.hero-perks li{margin:0.35rem 0}

.product-figure{
  margin:0;
  padding:var(--space-5);
  background:radial-gradient(700px 420px at 35% 20%, rgba(20,255,236,.20), transparent 60%),rgba(33,33,33,.35);
  border-top:1px solid rgba(255,255,255,.08);
}
.product-frame{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-3);
  align-items:center;
}
.trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  align-items:center;
  justify-content:flex-start;
}
.stars{letter-spacing:1px;color:var(--color-accent)}
.badge{
  padding:0.35rem 0.7rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:var(--color-text);
  font-size:var(--font-size-0);
}

.order-panel{
  position:sticky;
  top:86px;
  background:linear-gradient(180deg, rgba(50,50,50,.88), rgba(50,50,50,.72));
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-3);
  box-shadow:var(--shadow-2);
  padding:var(--space-5);
}
.order-title{margin:0 0 var(--space-3);font-size:var(--font-size-3);line-height:var(--line-compact)}
.form{
  display:grid;
  gap:var(--space-3);
}
.field{
  display:grid;
  gap:0.45rem;
}
.label{font-weight:600}
.control{
  background:rgba(33,33,33,.55);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-2);
  padding:0.85rem 0.95rem;
  color:var(--color-text);
  outline:none;
  transition:border-color .15s ease, transform .15s ease, background .15s ease;
}
.control:focus{
  border-color:rgba(20,255,236,.55);
  box-shadow:var(--focus);
}
.control:hover{background:rgba(33,33,33,.45)}
.help{font-size:var(--font-size-0);color:var(--color-muted)}
.error{font-size:var(--font-size-0);color:var(--color-danger);display:none}
.field[data-invalid="true"] .error{display:block}

.consent{
  display:flex;
  gap:0.7rem;
  align-items:flex-start;
  padding:0.85rem 0.95rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-2);
  background:rgba(255,255,255,.05);
}
.consent input{margin-top:0.2rem;accent-color:var(--color-accent)}
.consent a{
  color:var(--color-accent);
  text-decoration:underline;
  text-underline-offset:3px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.55rem;
  border:0;
  cursor:pointer;
  border-radius:999px;
  padding:0.95rem 1.05rem;
  font-weight:800;
  letter-spacing:.1px;
  transition:transform .15s ease, filter .15s ease, background .15s ease, box-shadow .15s ease;
}
.btn-primary{
  background:linear-gradient(135deg, rgba(20,255,236,.98), rgba(13,115,119,.90));
  color:#002b2c;
  box-shadow:0 12px 24px rgba(13,115,119,.30);
}
.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.02)}
.btn-primary:active{transform:translateY(0)}
.btn-secondary{
  background:rgba(255,255,255,.08);
  color:var(--color-text);
  border:1px solid rgba(255,255,255,.14);
}
.btn-secondary:hover{transform:translateY(-1px);background:rgba(255,255,255,.10)}
.btn:focus{outline:none;box-shadow:var(--focus)}
.btn-block{width:100%}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.card{
  background:rgba(50,50,50,.78);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius-3);
  padding:var(--space-4);
  box-shadow:var(--shadow-1);
}
.card h3{margin:0 0 var(--space-2);font-size:var(--font-size-2);line-height:var(--line-compact)}
.card p{margin:0;color:var(--color-muted)}
.list{margin:0;padding-left:1.2rem;color:var(--color-muted)}
.list li{margin:0.4rem 0}

.details{
  display:grid;
  gap:var(--space-3);
}
.details details{
  background:rgba(50,50,50,.78);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius-3);
  padding:var(--space-3) var(--space-4);
}
.details summary{
  cursor:pointer;
  font-weight:700;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding-right:0.25rem;
}
.details summary::-webkit-details-marker{display:none}
.details summary:focus{outline:none;box-shadow:var(--focus);border-radius:12px}
.details summary::after{
  content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2314FFEC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  flex-shrink:0;
  transition:transform 0.25s ease;
}
.details details[open] summary::after{
  transform:rotate(180deg);
}
.details p{color:var(--color-muted);margin:var(--space-2) 0 0}

.cta-band{
  background:linear-gradient(135deg, rgba(20,255,236,.12), rgba(13,115,119,.30));
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.cta-inner{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:var(--space-5);
  align-items:center;
}
.cta-inner h2{margin:0 0 var(--space-2);font-size:var(--font-size-3);line-height:var(--line-compact)}
.cta-inner p{margin:0;color:var(--color-muted)}

.site-footer{
  border-top:1px solid rgba(255,255,255,.10);
  background:rgba(33,33,33,.75);
}
.footer-inner{
  max-width:var(--container);
  margin:0 auto;
  padding:var(--space-5) var(--space-4);
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:var(--space-5);
}
.footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
}
.footer-links a{
  color:var(--color-muted);
  padding:0.4rem 0.65rem;
  border-radius:999px;
  border:1px solid transparent;
  transition:background .15s ease, border-color .15s ease, transform .15s ease, color .15s ease;
}
.footer-links a:hover{
  color:var(--color-text);
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  transform:translateY(-1px);
}
.footer-meta{color:var(--color-muted);font-size:var(--font-size-0)}
.owner{
  display:grid;
  gap:0.35rem;
  color:var(--color-muted);
  font-size:var(--font-size-0);
}
.owner strong{color:var(--color-text)}

.cookie-banner{
  position:fixed;
  left:var(--space-4);
  right:var(--space-4);
  bottom:var(--space-4);
  z-index:80;
  display:none;
}
.cookie-banner[aria-hidden="false"]{display:block}
.cookie-card{
  max-width:var(--container);
  margin:0 auto;
  background:rgba(50,50,50,.92);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius-3);
  box-shadow:var(--shadow-2);
  padding:var(--space-4);
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:var(--space-4);
  align-items:center;
}
.cookie-card p{margin:0;color:var(--color-muted)}
.cookie-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}

.dialog{
  position:fixed;
  inset:0;
  display:none;
  z-index:90;
  background:rgba(0,0,0,.6);
  padding:var(--space-4);
}
.dialog[aria-hidden="false"]{display:grid;place-items:center}
.dialog-panel{
  width:min(720px,100%);
  background:rgba(50,50,50,.96);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius-3);
  box-shadow:var(--shadow-2);
  padding:var(--space-5);
}
.dialog-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-3);
}
.dialog-head h2{margin:0;font-size:var(--font-size-3);line-height:var(--line-compact)}
.dialog-head p{margin:var(--space-2) 0 0;color:var(--color-muted)}
.switches{display:grid;gap:var(--space-3);margin-top:var(--space-4)}
.switch{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-2);
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
}
.switch strong{display:block}
.switch span{display:block;color:var(--color-muted);font-size:var(--font-size-0);margin-top:0.25rem}
.toggle{
  width:54px;
  height:32px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(33,33,33,.55);
  position:relative;
  flex:0 0 auto;
}
.toggle input{opacity:0;position:absolute;inset:0;margin:0}
.knob{
  position:absolute;
  top:50%;
  left:4px;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(255,255,255,.85);
  transition:left .15s ease, background .15s ease;
}
.toggle input:checked + .knob{
  left:26px;
  background:var(--color-accent);
}
.toggle[data-locked="true"]{opacity:.75}
.dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4)}

.legal{
  padding:var(--space-6) 0;
}
.legal article{
  background:rgba(50,50,50,.75);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius-3);
  box-shadow:var(--shadow-1);
  padding:var(--space-5);
}
.legal h1{margin:0 0 var(--space-3);font-size:var(--font-size-3);line-height:var(--line-compact)}
.legal h2{margin:var(--space-5) 0 var(--space-2);font-size:var(--font-size-2);line-height:var(--line-compact)}
.legal h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-size-1);line-height:var(--line-compact)}
.legal p,.legal li{color:var(--color-muted)}
.legal a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}
.legal ul{margin:0;padding-left:1.2rem}
.legal .meta{display:grid;gap:0.25rem;margin-top:var(--space-3);font-size:var(--font-size-0)}

.success{
  padding:var(--space-6) 0;
}
.success-card{
  max-width:860px;
  margin:0 auto;
  background:linear-gradient(180deg, rgba(50,50,50,.88), rgba(50,50,50,.72));
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-3);
  box-shadow:var(--shadow-2);
  padding:var(--space-6);
}
.success-card h1{margin:0 0 var(--space-2);font-size:var(--font-size-3);line-height:var(--line-compact)}
.steps{display:grid;gap:var(--space-2);margin:var(--space-4) 0 0;color:var(--color-muted)}
.success-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-5)}
.success-box{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius-2);
  padding:var(--space-4);
}
.success-box h2{margin:0 0 var(--space-2);font-size:var(--font-size-2);line-height:var(--line-compact)}
.success-box p{margin:0;color:var(--color-muted)}

@media (max-width:1280px){
  .container{padding:0 var(--space-4)}
  .hero-grid{gap:var(--space-4)}
  .footer-inner{padding:var(--space-4) var(--space-4)}
}
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:var(--space-4)}
  .order-panel{position:relative;top:0}
  .cards{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}
  .cta-inner{grid-template-columns:1fr;gap:var(--space-4)}
  .footer-inner{grid-template-columns:1fr;gap:var(--space-4)}
  .cookie-card{grid-template-columns:1fr;gap:var(--space-3)}
  .cookie-actions{justify-content:flex-start}
  .success-grid{grid-template-columns:1fr;gap:var(--space-4)}
  .grid-2{grid-template-columns:1fr;gap:var(--space-3)}
  .dialog-panel{width:min(90vw,720px);max-height:90vh;overflow-y:auto}
}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:var(--space-4)}
  .order-panel{position:relative;top:0}
  .cards{grid-template-columns:1fr 1fr}
  .cta-inner{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
  .cookie-card{grid-template-columns:1fr}
  .cookie-actions{justify-content:flex-start}
  .success-grid{grid-template-columns:1fr}
}
@media (max-width:1015px){
  .menu-toggle{display:flex}
  .nav-overlay{
    display:none;
    position:fixed;
    inset:0;
    width:100vw;
    height:100vh;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:60;
    background:var(--color-bg);
    align-items:center;
    justify-content:center;
    padding:var(--space-5);
  }
  .nav-overlay.is-open{display:flex}
  .nav-overlay .nav{
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:var(--space-3);
  }
  .nav-overlay .nav a{
    padding:var(--space-3) var(--space-4);
    font-size:var(--font-size-2);
  }
  .header-inner{padding:var(--space-3) var(--space-3);flex-wrap:wrap;gap:var(--space-2)}
  .nav{justify-content:flex-start}
  .section{padding:var(--space-5) 0}
  .hero{padding:var(--space-5) 0}
  .hero-content{padding:var(--space-4)}
  .hero-title{font-size:1.875rem}
  .product-figure{padding:var(--space-4)}
  .order-panel{padding:var(--space-4)}
  .price-now{font-size:1.75rem}
  .cards{grid-template-columns:1fr;gap:var(--space-3)}
  .card{padding:var(--space-3)}
  .cta-inner h2{font-size:var(--font-size-2)}
  .footer-inner{padding:var(--space-4) var(--space-3)}
  .cookie-banner{left:var(--space-3);right:var(--space-3);bottom:var(--space-3)}
  .cookie-card{padding:var(--space-3)}
  .dialog{padding:var(--space-3)}
  .dialog-panel{padding:var(--space-4)}
  .dialog-head{flex-wrap:wrap;gap:var(--space-2)}
  .switch{flex-wrap:wrap}
  .success-card{padding:var(--space-5)}
  .success-box{padding:var(--space-3)}
  .legal article{padding:var(--space-4)}
}
@media (max-width:620px){
  .header-inner{padding:var(--space-3) var(--space-3)}
  .container{padding:0 var(--space-3)}
  .hero-content{padding:var(--space-4)}
  .product-figure{padding:var(--space-4)}
  .order-panel{padding:var(--space-4)}
  .cards{grid-template-columns:1fr}
  .success-card{padding:var(--space-5)}
  .btn{padding:0.85rem 1rem}
  .control{padding:0.75rem 0.85rem}
}
@media (max-width:480px){
  .header-inner{padding:var(--space-2) var(--space-2);gap:var(--space-2)}
  .brand img{width:32px;height:32px}
  .brand-name{font-size:var(--font-size-0);max-width:140px}
  .nav a{padding:0.4rem 0.65rem;font-size:var(--font-size-0)}
  .container{padding:0 var(--space-2)}
  .section{padding:var(--space-4) 0}
  .section-title{font-size:var(--font-size-2)}
  .hero{padding:var(--space-4) 0}
  .hero-content{padding:var(--space-3)}
  .hero-title{font-size:1.5rem}
  .hero-subtitle{font-size:var(--font-size-0)}
  .price-row{gap:var(--space-2);margin:var(--space-3) 0}
  .price-now{font-size:1.5rem}
  .product-figure{padding:var(--space-3)}
  .order-panel{padding:var(--space-3)}
  .order-title{font-size:var(--font-size-2)}
  .form{gap:var(--space-2)}
  .consent{padding:0.65rem 0.75rem;gap:0.5rem}
  .footer-inner{padding:var(--space-3) var(--space-2)}
  .footer-links a{padding:0.35rem 0.5rem;font-size:var(--font-size-0)}
  .cookie-banner{left:var(--space-2);right:var(--space-2);bottom:var(--space-2)}
  .cookie-card{padding:var(--space-3);gap:var(--space-2)}
  .cookie-actions{flex-direction:column;width:100%}
  .cookie-actions .btn{width:100%}
  .dialog{padding:var(--space-2)}
  .dialog-panel{padding:var(--space-3);width:100%;max-height:85vh}
  .dialog-head h2{font-size:var(--font-size-2)}
  .switches{gap:var(--space-2)}
  .switch{padding:var(--space-2);gap:var(--space-2)}
  .toggle{width:48px;height:28px}
  .toggle input:checked + .knob{left:22px}
  .knob{width:20px;height:20px}
  .success-card{padding:var(--space-4)}
  .success-box{padding:var(--space-3)}
  .legal article{padding:var(--space-3)}
  .legal h1{font-size:var(--font-size-2)}
  .legal h2{font-size:var(--font-size-1)}
}
@media (max-width:375px){
  .header-inner{padding:var(--space-2) var(--space-1)}

  .nav{gap:var(--space-1)}
  .nav a{padding:0.35rem 0.5rem;font-size:0.8125rem}
  .container{padding:0 var(--space-1)}
  .hero-content{padding:var(--space-2)}
  .hero-kicker{flex-direction:column;align-items:flex-start}
  .pill{padding:0.3rem 0.55rem;font-size:0.8125rem}
  .badge{font-size:0.8125rem;padding:0.3rem 0.55rem}
  .hero-title{font-size:1.375rem}
  .price-now{font-size:1.375rem}
  .order-panel{padding:var(--space-2)}
  .btn{padding:0.75rem 0.9rem;font-size:var(--font-size-0)}
  .footer-inner{padding:var(--space-2) var(--space-1)}
  .footer-meta{font-size:0.8125rem}
  .owner{font-size:0.8125rem}
  .cookie-banner{left:var(--space-1);right:var(--space-1);bottom:var(--space-1)}
  .cookie-card{padding:var(--space-2)}
  .skip-link:focus{left:var(--space-1)}
}
@media (max-width:320px){
  html{font-size:15px}
  .header-inner{padding:0.5rem 0.5rem;gap:0.5rem}
  .brand{gap:0.4rem}
  .brand img{width:28px;height:28px}
  .brand-name{font-size:0.8125rem}
  .nav{gap:0.35rem}
  .nav a{padding:0.3rem 0.45rem;font-size:0.75rem}
  .container{padding:0 0.5rem}
  .section{padding:var(--space-3) 0}
  .section-title{font-size:1.0625rem;margin-bottom:var(--space-2)}
  .section-lede{font-size:var(--font-size-0)}
  .hero{padding:var(--space-3) 0}
  .hero-content{padding:0.5rem 0.75rem}
  .hero-kicker{gap:0.35rem}
  .hero-title{font-size:1.25rem;margin:var(--space-2) 0}
  .hero-subtitle{font-size:0.8125rem;margin-bottom:var(--space-3)}
  .price-row{gap:0.5rem;margin:var(--space-2) 0;flex-wrap:wrap}
  .price-now{font-size:1.25rem}
  .price-old{font-size:var(--font-size-0)}
  .hero-perks{padding-left:1rem;font-size:var(--font-size-0)}
  .product-figure{padding:0.5rem 0.75rem}
  .product-frame img{max-width:100%}
  .trust-row{gap:0.35rem}
  .order-panel{padding:0.5rem 0.75rem;border-radius:var(--radius-2)}
  .order-title{font-size:1.0625rem;margin-bottom:var(--space-2)}
  .form{gap:0.5rem}
  .field{gap:0.25rem}
  .label{font-size:var(--font-size-0)}
  .control{padding:0.6rem 0.65rem;font-size:var(--font-size-0);border-radius:var(--radius-1)}
  .consent{padding:0.5rem 0.6rem;font-size:var(--font-size-0)}
  .consent label{font-size:var(--font-size-0)}
  .btn{padding:0.65rem 0.75rem;font-size:var(--font-size-0);border-radius:var(--radius-2)}
  .help,.error{font-size:0.8125rem}
  .grid-2{gap:var(--space-2)}
  .cards{gap:var(--space-2)}
  .card{padding:var(--space-2);border-radius:var(--radius-2)}
  .card h3{font-size:var(--font-size-1);margin-bottom:var(--space-1)}
  .card p{font-size:var(--font-size-0)}
  .list{padding-left:1rem;font-size:var(--font-size-0)}
  .cta-inner{gap:var(--space-2)}
  .cta-inner h2{font-size:var(--font-size-1)}
  .cta-inner p{font-size:var(--font-size-0)}
  .footer-inner{padding:0.5rem 0.5rem;gap:var(--space-2)}
  .footer-links{gap:0.35rem}
  .footer-links a{padding:0.3rem 0.45rem;font-size:0.8125rem}
  .footer-meta{font-size:0.75rem}
  .owner{font-size:0.75rem;gap:0.25rem}
  .cookie-banner{left:0.5rem;right:0.5rem;bottom:0.5rem}
  .cookie-card{padding:0.5rem 0.75rem;border-radius:var(--radius-2)}
  .cookie-card p{font-size:var(--font-size-0)}
  .cookie-actions{gap:0.35rem}
  .cookie-actions .btn{padding:0.5rem 0.65rem;font-size:var(--font-size-0)}
  .dialog{padding:0.5rem}
  .dialog-panel{padding:0.5rem 0.75rem;border-radius:var(--radius-2);max-height:80vh}
  .dialog-head h2{font-size:var(--font-size-1)}
  .dialog-head p{font-size:var(--font-size-0)}
  .switches{gap:0.5rem}
  .switch{padding:0.5rem 0.65rem;gap:0.5rem}
  .switch strong{font-size:var(--font-size-0)}
  .switch p{font-size:0.8125rem}
  .toggle{width:44px;height:26px}
  .toggle input:checked + .knob{left:20px}
  .knob{width:20px;height:20px}
  .dialog-actions{gap:0.35rem;margin-top:var(--space-2)}
  .dialog-actions .btn{padding:0.5rem 0.65rem;font-size:var(--font-size-0)}
  .success{padding:var(--space-3) 0}
  .success-card{padding:0.5rem 0.75rem;border-radius:var(--radius-2)}
  .success-card h1{font-size:var(--font-size-2)}
  .steps{font-size:var(--font-size-0);gap:0.35rem}
  .success-grid{gap:var(--space-2);margin-top:var(--space-3)}
  .success-box{padding:var(--space-2);border-radius:var(--radius-1)}
  .success-box h2{font-size:var(--font-size-1)}
  .success-box p{font-size:var(--font-size-0)}
  .legal{padding:var(--space-3) 0}
  .legal article{padding:var(--space-2);border-radius:var(--radius-2)}
  .legal h1{font-size:var(--font-size-2)}
  .legal h2{font-size:var(--font-size-1)}
  .legal h3,.legal p,.legal li{font-size:var(--font-size-0)}
}