/* Premium Modern 2026 visual system */
:root{
  --pm-night:#061321;
  --pm-night-2:#0b2138;
  --pm-ink:#102438;
  --pm-cream:#f8f5ef;
  --pm-paper:#fffdf9;
  --pm-blue:#2776ff;
  --pm-cyan:#53d6e4;
  --pm-gold:#c9a45a;
  --pm-line:rgba(16,36,56,.12);
  --pm-shadow:0 24px 70px rgba(6,19,33,.12);
  --pm-shadow-hover:0 32px 90px rgba(6,19,33,.19);
  --radius:24px;
  --radius-sm:16px;
  --maxw:1220px;
}

html{scroll-padding-top:90px}
body{
  background:
    radial-gradient(circle at 8% 18%,rgba(83,214,228,.06),transparent 26rem),
    radial-gradient(circle at 92% 62%,rgba(201,164,90,.07),transparent 30rem),
    var(--pm-cream);
  color:#2b4053;
}
body::selection{background:rgba(83,214,228,.32);color:var(--pm-night)}
h1,h2,h3,h4{color:var(--pm-ink);letter-spacing:-.035em}
h1{font-weight:600;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98}
h2{font-size:clamp(2.1rem,4vw,3.65rem);line-height:1.03}
h3{line-height:1.15}
p{color:#68798a}
.container{padding-inline:clamp(20px,4vw,36px)}
.section{padding:clamp(76px,9vw,128px) 0}
.section--tight{padding:clamp(54px,6vw,82px) 0}
.alt-bg{
  background:
    linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,253,249,.92)),
    var(--pm-paper);
  border-block:1px solid rgba(16,36,56,.06)
}
.eyebrow{color:#96743c;letter-spacing:.22em;font-size:.7rem}
.eyebrow::before,.eyebrow.two::after{background:linear-gradient(90deg,transparent,var(--pm-gold))}
.eyebrow.two::after{background:linear-gradient(90deg,var(--pm-gold),transparent)}
.gt{
  background:linear-gradient(110deg,#1d8fff 0%,#5cdae5 45%,#bea15c 100%);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.gg{background:linear-gradient(115deg,#d9bc78,#aa8035);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Dark glass navigation */
.site-header{
  background:rgba(6,19,33,.91);
  border-bottom:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(22px) saturate(140%);
  box-shadow:0 10px 34px rgba(0,0,0,.11)
}
.site-header.scrolled{background:rgba(6,19,33,.97);border-color:rgba(255,255,255,.1);box-shadow:0 18px 55px rgba(0,0,0,.22)}
.nav{height:88px}
.site-header.scrolled .nav{height:72px}
.brand{color:#fff;font-size:1.05rem;letter-spacing:-.02em}
.brand .logo{width:48px;height:48px;border-radius:14px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}
.brand small{color:#d8bc7c;letter-spacing:.17em;font-size:.59rem}
.nav-links{gap:2px}
.nav-links>li>a{color:rgba(255,255,255,.78);font-size:.88rem;padding:11px 14px}
.nav-links>li>a:hover,.nav-links a.active:not(.btn){color:#fff}
.nav-links>li>a:not(.btn)::after{background:linear-gradient(90deg,var(--pm-cyan),var(--pm-gold));bottom:4px}
.nav-links .btn{color:#071829;background:linear-gradient(135deg,#fff,#dffafd);box-shadow:0 12px 28px rgba(83,214,228,.15)}
.nav-toggle{color:#fff;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.nav-toggle:hover{background:rgba(255,255,255,.12)}

/* Refined controls */
.btn{
  min-height:52px;padding:14px 27px;border-radius:14px;
  font-size:.91rem;letter-spacing:.015em;
  box-shadow:none;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease
}
.btn:hover{transform:translateY(-3px);filter:saturate(1.05)}
.btn--grad{background:linear-gradient(135deg,#1575f6,#2955dc);box-shadow:0 15px 35px rgba(39,118,255,.27)}
.btn--gold{background:linear-gradient(135deg,#d8bb75,#a77b31);box-shadow:0 15px 35px rgba(169,125,49,.24)}
.btn--wa{box-shadow:0 15px 35px rgba(23,165,82,.24)}
.btn--ghost{background:rgba(255,255,255,.82);border:1px solid rgba(16,36,56,.12);box-shadow:0 8px 24px rgba(6,19,33,.06)}

/* Editorial hero */
.hero{
  background:
    linear-gradient(115deg,rgba(6,19,33,.98) 0%,rgba(9,31,52,.96) 53%,rgba(11,35,57,.88) 100%),
    radial-gradient(circle at 80% 20%,rgba(83,214,228,.32),transparent 38%);
  isolation:isolate
}
.hero::before{
  width:620px;height:620px;right:-160px;top:-260px;
  background:radial-gradient(circle,rgba(83,214,228,.27),rgba(39,118,255,.08) 45%,transparent 72%);
  filter:blur(18px);opacity:1
}
.hero::after{
  width:560px;height:560px;left:-230px;bottom:-340px;
  background:radial-gradient(circle,rgba(201,164,90,.18),transparent 70%);
  filter:blur(10px);opacity:1
}
.hero-grid{min-height:690px;padding:clamp(70px,9vw,118px) 0;gap:clamp(48px,7vw,94px)}
.hero h1{color:#fff;max-width:12ch;text-shadow:0 20px 55px rgba(0,0,0,.2)}
.hero .subtitle,.hero .lead{color:rgba(224,236,245,.72)}
.ribbon{
  color:#f1d89c;background:rgba(255,255,255,.07);
  border-color:rgba(216,188,124,.28);box-shadow:none;backdrop-filter:blur(12px)
}
.hero .chip{
  color:#dceaf3;background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.11);backdrop-filter:blur(10px)
}
.hero-trust .stat b{color:#fff;font-size:2.1rem}
.hero-trust .stat span{color:rgba(219,232,241,.58)}
.hero-video{
  padding:12px;border-radius:32px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 42px 100px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.13);
  backdrop-filter:blur(18px)
}
.hero-video video{border-radius:22px}
.hero-video::after{content:"";position:absolute;inset:-1px;border-radius:32px;padding:1px;background:linear-gradient(145deg,rgba(83,214,228,.7),transparent 34%,rgba(201,164,90,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.hero-video .tag{background:rgba(5,18,31,.84);color:#fff;border-color:rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.26)}

.marquee{background:#020b13;border-block:1px solid rgba(255,255,255,.05);padding:17px 0}
.marquee span{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.74)}
.marquee span::before{color:var(--pm-cyan)}

/* Premium surfaces */
.card,.testi,.form-wrap,.result{
  background:rgba(255,253,249,.9);
  border:1px solid rgba(16,36,56,.1);
  box-shadow:0 12px 40px rgba(6,19,33,.07);
  backdrop-filter:blur(12px)
}
.card{padding:34px;overflow:hidden}
.card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--pm-cyan),var(--pm-blue),var(--pm-gold));opacity:.65}
.card:hover,.testi:hover{transform:translateY(-8px);box-shadow:var(--pm-shadow-hover);border-color:rgba(39,118,255,.18)}
.card .icon,.info-list .ic{
  background:linear-gradient(145deg,#0d263f,#061321);
  border-color:rgba(83,214,228,.25);
  box-shadow:0 16px 36px rgba(6,19,33,.22),inset 0 1px 0 rgba(255,255,255,.1)
}
.card .icon{width:62px;height:62px;border-radius:18px}
.testi{border-radius:24px;padding:34px;transition:transform .25s ease,box-shadow .25s ease}
.testi .who .d{background:linear-gradient(145deg,#0e2944,#071624);box-shadow:0 10px 24px rgba(6,19,33,.2)}
.openrow{border-radius:24px;background:rgba(255,253,249,.84);box-shadow:0 16px 50px rgba(6,19,33,.08)}

.stats-band{
  border-radius:34px;padding:64px 50px;
  background:
    radial-gradient(circle at 18% 0%,rgba(83,214,228,.18),transparent 36%),
    radial-gradient(circle at 90% 110%,rgba(201,164,90,.18),transparent 38%),
    linear-gradient(135deg,#061321,#0b2742);
  box-shadow:0 38px 95px rgba(6,19,33,.27);border-color:rgba(255,255,255,.1)
}
.stat-box b .g{background:linear-gradient(120deg,#fff,#78e4eb 48%,#e0c788);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Treatment pages */
.treatment-hero{
  padding:clamp(72px,8vw,112px) 0 clamp(64px,8vw,104px);
  background:
    radial-gradient(circle at 80% 8%,rgba(83,214,228,.2),transparent 28%),
    radial-gradient(circle at 7% 90%,rgba(201,164,90,.15),transparent 32%),
    linear-gradient(135deg,#061321,#0c2945)
}
.treatment-hero-grid{gap:clamp(46px,7vw,86px)}
.treatment-hero h1{color:#fff;max-width:14ch}
.treatment-hero .subtitle{color:rgba(222,235,244,.72)}
.crumbs{color:rgba(223,235,243,.5)}
.crumbs a{color:#d8bc7c}
.language-pill{color:#f2d89c;background:rgba(255,255,255,.06);border-color:rgba(216,188,124,.28)}
.trust-list li{color:#dfebf3;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);box-shadow:none;backdrop-filter:blur(10px)}
.treatment-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.17);border-radius:30px;padding:38px;
  box-shadow:0 35px 85px rgba(0,0,0,.28);backdrop-filter:blur(20px)
}
.treatment-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(83,214,228,.08),transparent 40%,rgba(201,164,90,.08));pointer-events:none}
.treatment-card,.hub-card,.related-card,.check-list li{
  background:var(--pm-paper);border-color:rgba(16,36,56,.1);box-shadow:0 12px 40px rgba(6,19,33,.07)
}
.treatment-card{border-radius:22px;padding:30px;transition:transform .25s ease,box-shadow .25s ease}
.treatment-card:hover{transform:translateY(-6px);box-shadow:var(--pm-shadow)}
.treatment-card .step{background:linear-gradient(145deg,#0d2b47,#061321);border-radius:13px;box-shadow:0 10px 25px rgba(6,19,33,.2)}
.ad-copy{background:#fff8e8;border-left-color:var(--pm-gold);border-radius:0 16px 16px 0}
.hub-card{border-radius:24px;min-height:250px;padding:30px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden;position:relative}
.hub-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--pm-cyan),var(--pm-blue),var(--pm-gold));opacity:.65}
.hub-card:hover{transform:translateY(-7px);box-shadow:var(--pm-shadow-hover);border-color:rgba(39,118,255,.2)}
.hub-card .learn{color:#1f69d8}
.related-card{border-radius:18px;padding:25px}
.notice{background:#eef7fb;border-color:#d5eaf1;border-radius:16px}

/* Treatment visuals and final Q&A */
.procedure-section{padding:clamp(80px,9vw,128px) 0;background:transparent}
.procedure-heading{margin-bottom:44px}
.procedure-figure{
  border-radius:34px;background:#fff;border:1px solid rgba(16,36,56,.1);
  box-shadow:0 34px 90px rgba(6,19,33,.15)
}
.procedure-figure img{background:#eaf2f5}
.procedure-caption{padding:30px 34px 34px;background:linear-gradient(180deg,#fffdf9,#f8f5ef)}
.procedure-stages{gap:24px}
.procedure-stages .stage-no{background:linear-gradient(145deg,#0d2c49,#061321);box-shadow:0 10px 26px rgba(6,19,33,.22)}
.final-qa{padding-top:clamp(84px,9vw,120px);padding-bottom:clamp(92px,10vw,138px);background:linear-gradient(180deg,rgba(255,253,249,.9),#f8f5ef)}
.faq-item{background:rgba(255,253,249,.92);border-color:rgba(16,36,56,.1);border-radius:18px;box-shadow:0 10px 34px rgba(6,19,33,.055)}
.faq-q{padding:23px 25px}

/* Forms, content and CTA */
.field input,.field select,.field textarea{background:#f7f6f2;border-color:rgba(16,36,56,.12);border-radius:14px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pm-blue);box-shadow:0 0 0 4px rgba(39,118,255,.1)}
.field label{color:#8f6b31}
.cta-band{
  border-radius:34px;padding:clamp(52px,7vw,82px);
  background:
    radial-gradient(circle at 18% -10%,rgba(83,214,228,.24),transparent 36%),
    radial-gradient(circle at 100% 120%,rgba(201,164,90,.25),transparent 40%),
    linear-gradient(135deg,#061321,#0b2b48);
  box-shadow:0 36px 90px rgba(6,19,33,.25)
}
.cta-band::after{background:linear-gradient(145deg,rgba(255,255,255,.12),transparent);filter:blur(1px)}
.cta-band h2{font-size:clamp(2.2rem,5vw,4rem)}

/* Footer and floating actions */
.site-footer{background:#020b13;margin-top:0;border-top:1px solid rgba(255,255,255,.07)}
.footer-grid{padding:78px 0 50px;gap:48px}
.site-footer p,.footer-links a,.footer-links span{color:rgba(224,235,243,.62)}
.site-footer h4{letter-spacing:.02em}
.footer-bottom{border-top-color:rgba(255,255,255,.09);padding:26px 0;color:rgba(224,235,243,.48)}
.fab-wa{left:auto;right:24px;bottom:24px;border:1px solid rgba(255,255,255,.32);box-shadow:0 18px 42px rgba(18,168,86,.32)}
.to-top{right:24px;bottom:88px;background:#0b2238;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 35px rgba(6,19,33,.24)}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(83,214,228,.78);outline-offset:4px
}

@media(max-width:920px){
  .nav-links{background:rgba(6,19,33,.98);border-bottom-color:rgba(255,255,255,.1);padding:18px 22px 24px;box-shadow:0 28px 55px rgba(0,0,0,.3)}
  .nav-links>li>a{padding:14px 16px}
  .hero-grid{min-height:auto;text-align:center;padding:72px 0 82px}
  .hero h1{margin-inline:auto}
  .hero-video{order:initial;max-width:650px;margin-inline:auto}
  .treatment-hero{text-align:left}
  .treatment-hero h1{margin-left:0}
  .treatment-hero .hero-actions,.treatment-hero .trust-list{justify-content:flex-start}
}

@media(max-width:620px){
  h1{font-size:clamp(2.55rem,13vw,3.8rem)}
  h2{font-size:clamp(2rem,10vw,2.8rem)}
  .container{padding-inline:20px}
  .nav{height:76px}.site-header.scrolled .nav{height:68px}
  .brand{font-size:.92rem}.brand small{font-size:.51rem}.brand .logo{width:42px;height:42px}
  .hero-grid{padding:60px 0 68px;gap:40px}
  .hero-actions .btn{width:100%}
  .hero-trust{gap:22px}.hero-trust .stat{flex:1 1 28%}
  .card,.form-wrap,.testi{padding:26px}
  .treatment-panel{padding:27px}
  .treatment-hero h1{font-size:clamp(2.45rem,13vw,3.65rem)}
  .procedure-figure{border-radius:23px}
  .procedure-caption{padding:22px}
  .stats-band{border-radius:26px;padding:34px 22px}
  .cta-band{border-radius:26px;padding:44px 24px}
  .fab-wa{right:17px;bottom:17px}.to-top{right:17px;bottom:78px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .card,.testi,.hub-card,.treatment-card,.related-card,.btn{transition:none!important}
}