:root{
  color-scheme:light;
  --navy:#1a1a1a;
  --navy-2:#242424;
  --navy-3:#2e2e2e;
  --ink:#1a1a1a;
  --slate:#4d4d4d;
  --slate-light:#b8b8b8;
  --blue:#ff4400;
  --blue-deep:#ff4400;
  --sky:#ff8a66;
  --cyan:#ffc4b0;
  --foam:#f5f5f5;
  --white:#ffffff;
  --line:#e6e6e6;
  --green:#ff4400;
  --red:#e35d6a;
  --amber:#ff4400;
  --display:"Poppins",Arial,sans-serif;
  --body:"Montserrat",Arial,sans-serif;
  --radius-sm:12px;
  --radius:20px;
  --radius-lg:30px;
  --shadow-sm:0 8px 28px rgba(26,26,26,.07);
  --shadow-md:0 24px 70px rgba(26,26,26,.13);
  --shadow-blue:0 16px 42px rgba(255,68,0,.28);
}

*{box-sizing:border-box}
html{
  overflow-x:hidden;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{margin:0}
button,input{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit}
svg{display:block}

.shk-page{
  min-width:320px;
  min-height:100vh;
  overflow-x:clip;
  background:var(--white);
  color:var(--ink);
  font-family:var(--body);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

.shk-page h1,
.shk-page h2,
.shk-page h3,
.shk-page p,
.shk-page ul,
.shk-page ol,
.shk-page dl{margin:0}

.shk-page h1,
.shk-page h2,
.shk-page h3{
  color:var(--ink);
  font-family:var(--display);
  font-weight:800;
  letter-spacing:-.045em;
  line-height:1.08;
  text-wrap:balance;
}
.shk-page h3{font-weight:700;letter-spacing:-.03em}

.shk-page a{text-decoration:none}
.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto;min-width:0}
.section{position:relative;padding:140px 0}
section[id],header[id]{scroll-margin-top:96px}

.skip{
  position:fixed;
  top:12px;
  left:12px;
  z-index:1000;
  padding:11px 16px;
  border-radius:999px;
  background:var(--navy);
  color:var(--white);
  font-weight:700;
  transform:translateY(-160%);
}
.skip:focus{transform:none}

.eyebrow,
.kicker{
  color:var(--blue-deep);
  font-size:12px;
  font-weight:700;
  letter-spacing:.025em;
}
.eyebrow{margin-bottom:14px!important}
.eyebrow.light{color:var(--sky)}
.kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  max-width:620px;
  padding:9px 14px;
  border:1px solid rgba(255,68,0,.2);
  border-radius:999px;
  background:rgba(255,255,255,.76);
}
.kicker-dot{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 5px rgba(255,68,0,.14);
}

.section-heading{max-width:720px;margin-bottom:56px}
.section-heading.centered{margin-inline:auto;text-align:center}
.section-heading h2{
  font-size:clamp(34px,5vw,56px);
  max-width:18ch;
}
.section-heading.centered h2{margin-inline:auto}
.section-heading>p:last-child{
  max-width:52ch;
  margin-top:20px;
  color:var(--slate);
  font-size:17px;
  line-height:1.7;
}
.section-heading.centered>p:last-child{margin-inline:auto}

.btn{
  display:inline-flex;
  min-height:52px;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:14px 24px;
  border:0;
  border-radius:999px;
  font-family:var(--body);
  font-size:14.5px;
  font-weight:700;
  line-height:1.25;
  text-align:center;
  cursor:pointer;
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,background .2s;
}
.btn-primary{
  color:var(--white)!important;
  background:var(--blue-deep);
  box-shadow:0 8px 18px rgba(255,68,0,.2);
}
.btn-primary:active{transform:translateY(0) scale(.985)}
.btn-light{color:var(--navy);background:var(--white);box-shadow:0 12px 34px rgba(0,0,0,.15)}
@media (hover:hover) and (pointer:fine){
  .btn-primary:hover{background:#cc3600;transform:translateY(-2px);box-shadow:0 12px 24px rgba(255,68,0,.26)}
  .btn-light:hover{transform:translateY(-2px)}
}
.btn:focus-visible,
.shk-page a:focus-visible,
.shk-page button:focus-visible,
.shk-page input:focus-visible,
.shk-page summary:focus-visible{
  outline:3px solid var(--sky);
  outline-offset:3px;
}

/* Navigation */
.nav{
  position:fixed;
  top:16px;
  left:50%;
  z-index:200;
  display:flex;
  width:min(1180px,calc(100% - 32px));
  min-height:64px;
  align-items:center;
  gap:24px;
  padding:8px 10px 8px 18px;
  border:1px solid rgba(230,230,230,.85);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  box-shadow:0 14px 45px rgba(26,26,26,.11);
  backdrop-filter:blur(18px) saturate(140%);
  transform:translateX(-50%);
}
.logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  font-family:var(--display);
  font-size:17px;
  font-weight:800;
  letter-spacing:-.04em;
}
.logo-mark{
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border-radius:12px;
  background:var(--navy);
  box-shadow:0 8px 20px rgba(26,26,26,.2);
}
.logo-mark svg{width:26px;height:26px}
.logo-mark svg path:first-child{fill:var(--blue)}
.logo-mark .fin-line{fill:none;stroke:var(--white);stroke-width:2;stroke-linecap:round}
.nav-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:4px;
  margin-left:auto;
  min-width:0;
}
.nav-links a{
  padding:9px 11px;
  border-radius:999px;
  color:var(--slate);
  font-size:12.5px;
  font-weight:600;
  transition:color .18s,background .18s;
}
.nav-links a:hover,
.nav-links a.is-active,
.nav-links a[aria-current="page"]{color:var(--navy);background:var(--foam)}
.nav-cta{
  margin-left:auto;
  min-height:44px;
  padding:11px 18px;
  border-radius:999px;
  color:var(--white);
  background:var(--navy);
  font-size:12.5px;
  font-weight:700;
  white-space:nowrap;
  flex:0 0 auto;
  transition:background .18s,transform .18s;
}
.nav-links + .nav-cta{margin-left:0}
@media (hover:hover) and (pointer:fine){
  .nav-cta:hover{background:var(--blue);transform:translateY(-1px)}
}

/* Hero */
.hero{
  position:relative;
  overflow:hidden;
  padding:200px 0 96px;
  background:
    linear-gradient(rgba(255,68,0,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,68,0,.03) 1px,transparent 1px),
    radial-gradient(circle at 74% 34%,rgba(255,68,0,.12),transparent 36%),
    linear-gradient(180deg,#fff 0%,#f5f5f5 100%);
  background-size:72px 72px,72px 72px,auto,auto;
}
.hero::after{
  content:"";
  position:absolute;
  right:-8%;
  bottom:92px;
  width:46vw;
  height:46vw;
  border:1px solid rgba(255,68,0,.09);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(255,68,0,.03),0 0 0 140px rgba(255,68,0,.02);
  pointer-events:none;
}
.hero-orbit{
  position:absolute;
  border:1px solid rgba(255,68,0,.1);
  border-radius:50%;
  pointer-events:none;
}
.orbit-one{top:175px;left:-180px;width:370px;height:370px}
.orbit-two{top:250px;left:-118px;width:240px;height:240px}
.hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(400px,.9fr);
  gap:64px;
  align-items:start;
}
.hero-copy{
  position:relative;
  z-index:2;
  max-width:720px;
  margin-inline:auto;
  padding:24px 0 0;
  text-align:center;
}
.hero-copy h1{
  max-width:16ch;
  margin:22px auto 28px;
  font-size:clamp(36px,4.4vw,54px);
  line-height:1.16;
  text-wrap:pretty;
}
.hero-copy h1 .keep{color:inherit;white-space:nowrap}
.hero-copy h1 .accent{color:var(--blue)}
.hero-sub{
  max-width:42ch;
  margin-inline:auto;
  color:var(--slate);
  font-size:clamp(16px,1.35vw,18px);
  line-height:1.72;
}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:36px}
.hero-cta-note{
  max-width:38ch;
  margin:14px auto 0;
  color:var(--slate);
  font-size:13.5px;
  line-height:1.55;
  text-align:center;
}
.text-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:44px;
  color:var(--navy);
  font-size:14px;
  font-weight:700;
}
.text-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.text-link:hover{color:var(--blue)}
.hero-assurances{
  display:flex;
  flex-wrap:wrap;
  gap:14px 20px;
  margin-top:25px!important;
  padding:0;
  list-style:none;
}
.hero-assurances li{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--slate);
  font-size:12px;
  font-weight:600;
}
.hero-assurances svg{width:15px;height:15px;fill:none;stroke:var(--green);stroke-width:2.3}

.signal-stage{position:relative;perspective:1200px}
.signal-panel{
  position:relative;
  min-height:460px;
  overflow:hidden;
  border:1px solid rgba(255,68,0,.23);
  border-radius:var(--radius-lg);
  background:
    radial-gradient(circle at 50% 45%,rgba(255,68,0,.18),transparent 42%),
    linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 72%);
  box-shadow:0 36px 90px rgba(26,26,26,.24),inset 0 1px 0 rgba(255,255,255,.07);
  transform:rotateY(-3deg) rotateX(1deg);
}
.signal-panel::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:radial-gradient(rgba(255,68,0,.65) .75px,transparent .75px);
  background-size:18px 18px;
  mask-image:linear-gradient(to bottom,#000,transparent 75%);
}
.signal-header{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:24px 25px 0;
  color:var(--white);
}
.signal-header>div{display:grid;gap:3px}
.signal-label{color:var(--sky);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.signal-header strong{font-size:14px}
.live-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid rgba(255,68,0,.22);
  border-radius:999px;
  color:var(--sky);
  background:rgba(255,68,0,.09);
  font-size:10px;
  font-weight:700;
}
.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(255,68,0,.12)}
.radar{position:absolute;inset:58px 0 110px}
.radar>svg{width:100%;height:100%}
.radar-rings{stroke:rgba(255,68,0,.15);stroke-width:1}
.map-line{fill:rgba(255,68,0,.04);stroke:rgba(255,68,0,.32);stroke-width:2;stroke-dasharray:5 7}
.radar-sweep{transform-origin:260px 210px;animation:radar-spin 8s linear infinite}
.radar-core{
  position:absolute;
  top:50%;
  left:50%;
  width:12px;
  height:12px;
  border:2px solid var(--cyan);
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 0 10px rgba(255,68,0,.12),0 0 30px var(--blue);
  transform:translate(-50%,-50%);
}
.radar-point{position:absolute;display:grid;place-items:center}
.radar-point i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(255,68,0,.12)}
.radar-point b{
  position:absolute;
  top:14px;
  padding:3px 7px;
  border:1px solid rgba(255,68,0,.18);
  border-radius:7px;
  color:var(--white);
  background:rgba(26,26,26,.76);
  font-size:9px;
}
.point-a{top:28%;left:31%}
.point-b{top:39%;right:25%}
.point-c{bottom:24%;left:42%}
.signal-card{
  position:absolute;
  z-index:4;
  right:22px;
  bottom:22px;
  left:22px;
  padding:16px 18px;
  border:1px solid rgba(230,230,230,.9);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 22px 55px rgba(0,0,0,.25);
  backdrop-filter:blur(12px);
}
.signal-card-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.new-pill,
.exclusive-pill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 9px;
  border-radius:999px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.03em;
}
.new-pill{color:#ff4400;background:#fff1eb}
.exclusive-pill{color:var(--white);background:var(--navy)}
.signal-card-title{font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:-.035em;line-height:1.1}
.signal-card>p{margin-top:5px;color:var(--slate);font-size:11.5px}
.lead-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.lead-facts span{display:grid;gap:2px;padding:9px 10px;border-radius:10px;background:var(--foam)}
.lead-facts small{color:var(--slate);font-size:8px}
.lead-facts b{font-size:10px}
.signal-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--line);
  font-size:9.5px;
}
.signal-card-foot span{display:flex;align-items:center;gap:6px;color:var(--slate)}
.signal-card-foot span i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.signal-card-foot strong{color:var(--blue-deep)}

.proof-bar{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:80px;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(255,255,255,.94);
  box-shadow:0 -12px 45px rgba(26,26,26,.07);
}
.proof-bar>div{display:grid;gap:8px;padding:32px 28px;border-right:1px solid var(--line)}
.proof-bar>div:last-child{border-right:0}
.proof-bar strong{font-family:var(--display);font-size:15px;letter-spacing:-.025em}
.proof-bar span{color:var(--slate);font-size:10.5px}

/* Process */
.process-section{
  overflow:hidden;
  color:var(--white);
  background:
    radial-gradient(circle at 20% 20%,rgba(255,68,0,.15),transparent 28%),
    var(--navy);
}
.process-section::before{
  content:"";
  position:absolute;
  top:-280px;
  left:50%;
  width:760px;
  height:560px;
  border:1px solid rgba(255,68,0,.11);
  border-radius:50%;
  box-shadow:0 0 0 80px rgba(255,68,0,.025),0 0 0 160px rgba(255,68,0,.015);
  transform:translateX(-50%);
}
.process-section .eyebrow{color:var(--sky)}
.process-section .section-heading h2{color:var(--white)}
.process-section .section-heading>p:last-child{color:var(--slate-light)}
.process-flow{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 54px 1fr 54px 1fr;
  align-items:stretch;
  gap:18px;
}
.process-step{
  position:relative;
  min-height:280px;
  padding:32px 28px 36px;
  overflow:hidden;
  border:1px solid rgba(255,68,0,.15);
  border-radius:var(--radius);
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.process-step::after{
  content:"";
  position:absolute;
  right:-42px;
  bottom:-42px;
  width:130px;
  height:130px;
  border:1px solid rgba(255,68,0,.1);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(255,68,0,.025);
}
.step-number{position:absolute;top:22px;right:22px;color:rgba(255,68,0,.36);font-family:var(--display);font-size:24px;font-weight:800}
.step-icon{
  display:grid;
  width:50px;
  height:50px;
  margin-bottom:48px;
  place-items:center;
  border:1px solid rgba(255,68,0,.18);
  border-radius:15px;
  color:var(--sky);
  background:rgba(255,68,0,.1);
}
.step-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.process-step h3{color:var(--white);font-size:23px}
.process-step p{margin-top:14px;color:var(--slate-light);font-size:14px;line-height:1.65}
.flow-arrow{display:grid;place-items:center}
.flow-arrow svg{width:40px;fill:none;stroke:rgba(255,68,0,.45);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Lead sample */
.sample-section{overflow:hidden;background:var(--foam)}
.sample-section::before{
  content:"";
  position:absolute;
  top:10%;
  right:-180px;
  width:480px;
  height:480px;
  border:1px solid rgba(255,68,0,.11);
  border-radius:50%;
  box-shadow:0 0 0 60px rgba(255,68,0,.025);
}
.sample-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}
.sample-copy h2{font-size:clamp(36px,4.6vw,56px)}
.sample-copy>p:not(.eyebrow){max-width:46ch;margin-top:22px;color:var(--slate);line-height:1.7}
.check-list{display:grid;gap:16px;margin:32px 0 36px!important;padding:0;list-style:none}
.check-list li{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:600}
.check-list li span{
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border:1px solid var(--line);
  border-radius:9px;
  color:var(--blue-deep);
  background:var(--white);
  font-size:9px;
  font-weight:700;
}
.sample-visual{position:relative;padding:42px 18px}
.lead-ticket{
  position:relative;
  z-index:2;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  color:var(--ink);
  background:var(--white);
  box-shadow:var(--shadow-md);
}
.ticket-head{
  display:flex;
  min-height:54px;
  align-items:center;
  justify-content:space-between;
  padding:0 22px;
  border-bottom:1px solid var(--line);
  background:#fafafa;
}
.ticket-brand{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-size:12px;font-weight:800}
.ticket-brand i{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(255,68,0,.12)}
.ticket-id{color:var(--slate);font-size:9px;font-weight:600}
.ticket-title{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:25px 24px}
.ticket-title .new-pill{margin-bottom:10px}
.ticket-title h3{font-size:22px}
.ticket-title p{margin-top:5px;color:var(--slate);font-size:11.5px}
.zone-token{
  display:grid;
  width:48px;
  height:48px;
  flex:0 0 auto;
  place-items:center;
  border-radius:14px;
  color:var(--white);
  background:var(--navy);
  font-family:var(--display);
  font-size:14px;
  font-weight:800;
}
.ticket-data{padding:0 24px 12px}
.ticket-data>div{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}
.ticket-data dt{color:var(--slate)}
.ticket-data dd{color:var(--ink);font-weight:600;text-align:right}
.status-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--green)}
.ticket-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 22px;
  border-top:1px solid var(--line);
  background:#fafafa;
  font-size:9.5px;
}
.ticket-foot span{color:var(--slate)}
.ticket-foot strong{display:inline-flex;align-items:center;gap:5px;color:var(--blue-deep)}
.ticket-foot svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.visual-tag{
  position:absolute;
  z-index:3;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--shadow-sm);
  font-size:9.5px;
  font-weight:700;
  white-space:nowrap;
}
.visual-tag::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--green)}
.tag-context{top:20px;left:-12px}
.tag-zone{top:46%;right:-26px}
.tag-contact{bottom:20px;left:42px}
.sector-strip{
  display:flex;
  align-items:flex-start;
  gap:24px;
  margin-top:88px;
  padding-top:32px;
  border-top:1px solid var(--line);
}
.sector-strip>p{padding-top:7px;color:var(--slate);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.sector-strip>div{display:flex;flex-wrap:wrap;gap:8px}
.sector-strip span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--slate);background:var(--white);font-size:10.5px;font-weight:600}

/* Quality */
.quality-section{background:var(--white)}
.quality-board{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.quality-card{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:24px;
  min-height:0;
  padding:36px 34px;
  border:1px solid var(--line);
  border-radius:24px;
}
.quality-good{background:linear-gradient(145deg,#fff8f5,#fff)}
.quality-neutral{background:linear-gradient(145deg,#f7f7f7,#fff)}
.quality-icon{
  display:grid;
  width:50px;
  height:50px;
  place-items:center;
  border-radius:15px;
}
.quality-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quality-good .quality-icon{color:#ff4400;background:#fff1eb}
.quality-neutral .quality-icon{color:var(--blue-deep);background:#fff1eb}
.quality-card>div>span{display:block;margin:4px 0 9px;color:var(--slate);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.quality-card h3{font-size:24px}
.quality-card ul{display:grid;gap:12px;margin-top:28px!important;padding:0;list-style:none}
.quality-card li{position:relative;padding-left:20px;color:var(--slate);font-size:13px;line-height:1.55}
.quality-card li::before{content:"";position:absolute;top:.65em;left:0;width:7px;height:7px;border-radius:50%;background:var(--green);transform:translateY(-50%)}
.quality-neutral li::before{background:var(--blue)}
.quality-note{max-width:72ch;margin-top:32px!important;color:var(--slate);font-size:13px;line-height:1.7}

/* ROI */
.roi-section{overflow:hidden;background:var(--foam)}
.roi-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}
.roi-copy h2{font-size:clamp(36px,4.8vw,58px)}
.roi-copy>p:not(.eyebrow){margin-top:20px;max-width:42ch;color:var(--slate);line-height:1.7}
.roi-controls{display:grid;gap:32px;margin-top:44px}
.range-field{display:grid;gap:11px}
.range-field>span{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--slate);font-size:12px;font-weight:600}
.range-field output{
  min-width:72px;
  color:var(--ink);
  font-family:var(--display);
  font-size:13px;
  font-weight:800;
  text-align:right;
}
.range-field input{
  width:100%;
  height:44px;
  margin:0;
  outline:none;
  background:transparent;
  appearance:none;
}
.range-field input::-webkit-slider-runnable-track{
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blue) var(--range-progress,30%),#e0e0e0 var(--range-progress,30%));
}
.range-field input::-webkit-slider-thumb{
  width:22px;
  height:22px;
  margin-top:-8px;
  border:4px solid var(--white);
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 3px 12px rgba(255,68,0,.4);
  cursor:grab;
  appearance:none;
}
.range-field input::-moz-range-track{
  height:6px;
  border:0;
  border-radius:999px;
  background:#e0e0e0;
}
.range-field input::-moz-range-progress{
  height:6px;
  border-radius:999px;
  background:var(--blue);
}
.range-field input::-moz-range-thumb{
  width:16px;
  height:16px;
  border:4px solid var(--white);
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 3px 12px rgba(255,68,0,.4);
  cursor:grab;
}
.roi-result{
  position:relative;
  overflow:hidden;
  padding:48px 44px;
  border-radius:28px;
  color:var(--white);
  background:
    radial-gradient(circle at 90% 5%,rgba(255,68,0,.26),transparent 36%),
    var(--navy);
  box-shadow:var(--shadow-md);
}
.roi-rings{position:absolute;top:-60px;right:-60px;width:230px;height:230px;opacity:.35}
.roi-rings i{position:absolute;inset:0;border:1px solid var(--sky);border-radius:50%}
.roi-rings i:nth-child(2){inset:38px}
.roi-rings i:nth-child(3){inset:76px;background:rgba(255,68,0,.2)}
.result-label{position:relative;display:block;color:var(--sky);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.roi-result>strong{
  position:relative;
  display:block;
  margin:10px 0 26px;
  color:var(--white);
  font-family:var(--display);
  font-size:clamp(42px,6vw,64px);
  letter-spacing:-.05em;
  line-height:1;
}
.result-line{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid rgba(255,68,0,.15);font-size:12px}
.result-line span{color:var(--slate-light)}
.result-line b{font-size:13px}
.roi-result>p{position:relative;margin:18px 0!important;color:var(--slate-light);font-size:10px}
.roi-result .btn{position:relative;width:100%}

/* Price */
.pricing-section{background:var(--white)}
.price-card{
  position:relative;
  display:grid;
  grid-template-columns:1.1fr .9fr .8fr;
  gap:48px;
  align-items:center;
  overflow:hidden;
  padding:52px 48px;
  border-radius:30px;
  color:var(--white);
  background:var(--navy);
  box-shadow:var(--shadow-md);
}
.price-card::after{
  content:"";
  position:absolute;
  top:-170px;
  right:-80px;
  width:420px;
  height:420px;
  border:1px solid rgba(255,68,0,.16);
  border-radius:50%;
  box-shadow:0 0 0 60px rgba(255,68,0,.035),0 0 0 120px rgba(255,68,0,.02);
}
.price-card>*{position:relative;z-index:2}
.price-copy h2{color:var(--white);font-size:clamp(28px,3.2vw,40px)}
.price-copy>p:last-child{margin-top:16px;color:var(--slate-light);font-size:13px;line-height:1.6}
.price-benefits{display:grid;gap:16px;padding:0;list-style:none}
.price-benefits li{display:flex;align-items:center;gap:10px;color:#b8b8b8;font-size:12px;font-weight:600}
.price-benefits svg{width:17px;height:17px;fill:none;stroke:var(--green);stroke-width:2.2}
.price-action{display:grid;gap:10px;text-align:center}
.price-action .btn{width:100%}
.price-action span{color:var(--slate-light);font-size:9.5px}

/* FAQ */
.faq-section{background:var(--foam)}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:96px;align-items:start}
.faq-section .section-heading{position:static;margin:0}
.faq-section .section-heading h2{font-size:clamp(34px,4vw,48px)}
.faq-section .section-heading a,.faq-list a{color:var(--blue-deep);font-weight:700}
.faq-list{display:grid;gap:14px}
.faq-list details{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--white);
  transition:border-color .2s,box-shadow .2s;
}
.faq-list details[open]{border-color:#ffc4b0;box-shadow:var(--shadow-sm)}
.faq-list summary{
  display:flex;
  min-height:72px;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 22px;
  font-size:14px;
  font-weight:700;
  list-style:none;
  cursor:pointer;
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{
  position:relative;
  width:30px;
  height:30px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--foam);
}
.faq-list summary span::before,
.faq-list summary span::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:12px;
  height:1.5px;
  border-radius:2px;
  background:var(--blue-deep);
  transform:translate(-50%,-50%);
}
.faq-list summary span::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.faq-list details[open] summary span::after{transform:translate(-50%,-50%) rotate(0)}
.faq-list details>p{padding:0 22px 24px;color:var(--slate);font-size:13.5px;line-height:1.7}

/* Eligibility + form */
.eligibility-section{
  overflow:hidden;
  padding:148px 0;
  color:var(--white);
  background:
    radial-gradient(circle at 15% 25%,rgba(255,68,0,.2),transparent 28%),
    var(--navy);
}
.eligibility-section::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.12;
  background-image:radial-gradient(rgba(255,68,0,.7) .7px,transparent .7px);
  background-size:20px 20px;
  mask-image:linear-gradient(90deg,#000,transparent 65%);
}
.eligibility-orbit{
  position:absolute;
  top:50%;
  left:-160px;
  width:520px;
  height:520px;
  border:1px solid rgba(255,68,0,.12);
  border-radius:50%;
  box-shadow:0 0 0 80px rgba(255,68,0,.025),0 0 0 160px rgba(255,68,0,.015);
  transform:translateY(-50%);
}
.eligibility-grid{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}
.eligibility-copy h2{max-width:10ch;color:var(--white);font-size:clamp(40px,5vw,62px)}
.eligibility-copy>p:not(.eyebrow){max-width:42ch;margin-top:22px;color:var(--slate-light);line-height:1.7}
.eligibility-copy ol{display:grid;gap:18px;margin-top:36px!important;padding:0;list-style:none}
.eligibility-copy li{display:flex;align-items:center;gap:12px;color:#b8b8b8;font-size:12.5px;font-weight:600}
.eligibility-copy li span{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(255,68,0,.18);border-radius:50%;color:var(--sky);font-size:10px}
.qform{
  padding:42px 40px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:26px;
  color:var(--ink);
  background:var(--white);
  box-shadow:0 30px 80px rgba(0,0,0,.25);
}
.form-head{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--slate);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.form-head b{color:var(--blue-deep)}
.progress{height:4px;margin:12px 0 28px;border-radius:999px;background:#e8e8e8}
.progress i{display:block;width:50%;height:100%;border-radius:inherit;background:var(--blue)}
.progress.complete i{width:100%}
.qform h3,.modal-card h3{font-size:28px}
.form-intro,.modal-intro{margin:10px 0 26px!important;color:var(--slate);font-size:13px;line-height:1.6}
.field{display:grid;gap:8px;margin-top:18px}
.field label{font-size:13px;font-weight:700}
.field label span{color:var(--slate);font-size:10px;font-weight:500}
.field input{
  width:100%;
  min-height:51px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  outline:none;
  color:var(--ink);
  background:#fafafa;
  font-size:13px;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.field input::placeholder{color:#8a8a8a}
.field input:focus{border-color:var(--blue);background:var(--white);box-shadow:0 0 0 4px rgba(255,68,0,.1)}
.field .err{display:none;color:#b82d3b;font-size:10.5px;font-weight:600}
.field.invalid input{border-color:var(--red);background:#fff8f8}
.field.invalid .err{display:block}
.qform>.btn{width:100%;margin-top:22px}
.form-trust{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:13px!important;color:var(--slate);font-size:9.5px;text-align:center}
.form-trust svg{width:14px;height:14px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.form-ok{display:none;margin-top:14px!important;padding:12px;border-radius:10px;color:#cc3600;background:#fff1eb;font-size:11px;font-weight:700}

/* Modal */
.modal{
  position:fixed;
  inset:0;
  z-index:500;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.modal.open{display:flex}
.modal-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(26,26,26,.72);
  backdrop-filter:blur(8px);
  cursor:pointer;
}
.modal-card{
  position:relative;
  z-index:2;
  width:min(650px,100%);
  max-height:calc(100vh - 36px);
  overflow:auto;
  padding:32px;
  border:1px solid var(--line);
  border-radius:26px;
  background:var(--white);
  box-shadow:0 36px 110px rgba(0,0,0,.4);
}
.modal-close{
  position:absolute;
  top:15px;
  right:15px;
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:0;
  border-radius:50%;
  color:var(--ink);
  background:var(--foam);
  cursor:pointer;
}
.modal-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.modal-card .form-head{padding-right:48px}
.modal-card fieldset{margin:18px 0 0;padding:0;border:0}
.modal-card legend{margin-bottom:9px;font-size:11.5px;font-weight:700}
.modal-card legend span{color:var(--slate);font-size:10px;font-weight:500}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.checks label{position:relative;cursor:pointer}
.checks input{position:absolute;opacity:0;pointer-events:none}
.checks label span{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  padding:9px 13px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--slate);
  background:#fafafa;
  font-size:11px;
  font-weight:600;
  transition:border-color .18s,color .18s,background .18s,transform .18s;
}
.checks.compact label span{min-width:54px}
.checks input:checked+span{border-color:var(--blue);color:var(--blue-deep);background:#fff1eb;box-shadow:inset 0 0 0 1px var(--blue)}
.checks input:checked+span::before{content:"\2713";margin-right:6px;font-weight:800}
.checks input:focus-visible+span{outline:3px solid var(--sky);outline-offset:2px}
.checks label:hover span{border-color:#ffb199;transform:translateY(-1px)}
.modal-submit{width:100%;margin-top:24px}
.submit-note{margin-top:10px!important;color:var(--slate);font-size:9.5px;text-align:center}

/* Footer */
.shk-footer{padding:64px 0 32px;color:var(--slate-light);background:#1a1a1a}
.footer-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:42px}
.footer-logo{color:var(--white)}
.footer-logo+.shk-page p{font-size:12px}
.footer-grid>div:first-child>p{margin-top:12px;font-size:11px}
.footer-links{display:flex;flex-wrap:wrap;gap:18px}
.footer-links a{font-size:10.5px;font-weight:600}
.footer-links a:hover{color:var(--white)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,68,0,.1)}
.footer-bottom p{font-size:11px}
.wa-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:180;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:52px;
  padding:12px 16px 12px 14px;
  border-radius:999px;
  color:#fff;
  background:#25D366;
  box-shadow:0 10px 28px rgba(18,140,70,.28);
  font-size:14px;
  font-weight:700;
  letter-spacing:.01em;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.wa-float svg{width:22px;height:22px;fill:#fff;flex:none}
.wa-float:hover{background:#1ebe5d;color:#fff;transform:translateY(-2px);box-shadow:0 14px 32px rgba(18,140,70,.34)}
.wa-float:focus-visible{outline:3px solid #b7f5cf;outline-offset:3px}
.sticky-cta{
  display:none;
  transform:translateY(0);
  pointer-events:auto;
}
.sticky-cta.is-hidden{pointer-events:none;transform:translateY(calc(120% + 16px))}

/* Reveal states are added by JavaScript so content stays visible without JS */
.will-reveal{transform:translateY(20px)}
.will-reveal.in{transform:none;transition:transform .65s cubic-bezier(.22,1,.36,1)}

@keyframes radar-spin{to{transform:rotate(360deg)}}
@keyframes point-pulse{0%,100%{box-shadow:0 0 0 7px rgba(255,68,0,.12)}50%{box-shadow:0 0 0 13px rgba(255,68,0,0)}}
.radar-point i{animation:point-pulse 2.4s ease-in-out infinite}
.point-b i{animation-delay:.8s}
.point-c i{animation-delay:1.5s}

@media (max-width:1080px){
  .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(380px,.95fr);gap:48px}
  .hero-copy h1{font-size:clamp(38px,5.2vw,54px)}
  .signal-panel{min-height:420px}
  .sample-grid{gap:56px}
  .price-card{grid-template-columns:1fr 1fr}
  .price-action{grid-column:1/-1;max-width:360px}
}

@media (max-width:900px){
  .wrap{width:min(100% - 40px,720px)}
  .section{padding:104px 0}
  section[id],header[id]{scroll-margin-top:96px}
  .nav{
    top:max(10px,env(safe-area-inset-top));
    width:calc(100% - 24px);
    min-height:58px;
    padding:7px 8px 7px 12px;
  }
  .logo-mark{width:34px;height:34px;border-radius:10px}
  .nav-links a{display:none}
  .nav-links a.nav-essential{display:inline-flex}
  .hero{padding:calc(148px + env(safe-area-inset-top)) 0 64px}
  .hero-grid{grid-template-columns:1fr;gap:36px;min-height:auto}
  .hero-copy{padding:36px 0 12px;text-align:center}
  .hero-copy h1{max-width:18ch;margin:18px auto 20px;font-size:clamp(32px,6.4vw,44px)}
  .hero-copy h1 .keep{white-space:normal}
  .hero-sub{margin-inline:auto}
  .hero-actions,.hero-assurances{justify-content:center}
  .signal-stage{width:min(600px,100%);margin-inline:auto}
  .signal-panel{min-height:0;transform:none!important}
  .proof-bar{grid-template-columns:1fr 1fr;margin-top:44px}
  .proof-bar>div:nth-child(2){border-right:0}
  .proof-bar>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .process-flow{grid-template-columns:1fr;gap:16px}
  .process-step{min-height:0}
  .step-icon{margin-bottom:28px}
  .flow-arrow{height:36px;transform:rotate(90deg)}
  .sample-grid,.roi-grid,.faq-grid,.eligibility-grid{grid-template-columns:1fr;gap:48px}
  .sample-copy{text-align:center}
  .sample-copy>p,.check-list{margin-inline:auto!important}
  .check-list{width:100%;max-width:360px;text-align:left}
  .sample-visual{width:min(620px,100%);margin-inline:auto;padding:0}
  .visual-tag{display:none}
  .quality-board{grid-template-columns:1fr}
  .quality-card{min-height:auto}
  .price-card{grid-template-columns:1fr;padding:36px 28px}
  .price-action{grid-column:auto;max-width:none}
  .faq-grid{gap:36px}
  .faq-section .section-heading{position:static}
  .eligibility-copy{text-align:center}
  .eligibility-copy h2,.eligibility-copy>p{margin-inline:auto}
  .eligibility-copy ol{width:100%;max-width:360px;margin-inline:auto!important;text-align:left}
  .qform{width:min(620px,100%);margin-inline:auto;padding:32px 28px}
  .field input,.modal-card input{font-size:16px}
  .footer-links a{display:inline-flex;min-height:44px;align-items:center;font-size:13px}
}

@media (max-width:680px){
  .wrap{width:min(100% - 28px,680px)}
  .section{padding:80px 0}
  .cite-band{padding:48px 0}
  .cite-band .wrap{width:min(820px,calc(100% - 40px))}
  .section-heading{margin-bottom:36px}
  .section-heading h2{font-size:clamp(28px,8.4vw,40px);max-width:none}
  .section-heading>p:last-child{font-size:15px;line-height:1.6}
  .nav{width:calc(100% - 16px);gap:10px}
  .nav-links a.nav-essential{display:none}
  .nav .logo>span:last-child{font-size:15px}
  .nav-cta{min-height:44px;padding:10px 14px;font-size:12px}
  .hero{
    padding:calc(108px + env(safe-area-inset-top)) 0 8px;
    background-size:36px 36px,36px 36px,auto,auto;
  }
  .hero-copy{padding:28px 0 20px}
  .kicker{max-width:100%;font-size:11px;line-height:1.35;text-wrap:balance}
  .hero-copy h1{max-width:none;margin:16px 0 18px;font-size:clamp(30px,8.2vw,38px);line-height:1.15}
  .hero-sub{font-size:15px;line-height:1.65}
  .hero-actions{flex-direction:column;gap:12px;margin-top:28px}
  .hero-actions .btn{width:100%;min-height:52px}
  .hero-actions .text-link{justify-content:center;width:100%}
  .hero-assurances{justify-content:flex-start;gap:8px 12px}
  .hero-assurances li{font-size:12px}
  .signal-header{padding:16px 16px 0}
  .radar{
    position:relative;
    inset:auto;
    height:168px;
    margin:6px 0 0;
  }
  .radar-point b{display:none}
  .signal-card{position:relative;right:auto;bottom:auto;left:auto;margin:10px 12px 12px;padding:14px}
  .signal-card-title{font-size:17px}
  .lead-facts{gap:6px}
  .lead-facts span{padding:8px 7px}
  .lead-facts b{font-size:11px}
  .proof-bar{width:100%;margin-top:36px;border-radius:0}
  .proof-bar>div{padding:18px 16px;gap:6px}
  .proof-bar strong{font-size:14px}
  .proof-bar span{font-size:12px;line-height:1.45}
  .process-section{padding-top:88px;padding-bottom:88px}
  .process-step{padding:24px 22px}
  .sample-copy h2,.roi-copy h2,.eligibility-copy h2{font-size:clamp(28px,8.6vw,40px);max-width:none}
  .sample-copy .btn{width:100%}
  .ticket-title{padding:18px 16px}
  .ticket-title h3{font-size:18px}
  .ticket-data{padding-inline:16px}
  .ticket-data>div{grid-template-columns:1fr;gap:4px;padding:10px 0}
  .ticket-data dd{text-align:left}
  .ticket-foot{padding-inline:16px}
  .sector-strip{display:grid;gap:14px;margin-top:40px;padding-top:24px}
  .sector-strip>p{white-space:normal}
  .quality-card{grid-template-columns:1fr;padding:24px 20px}
  .quality-card h3{font-size:20px}
  .quality-note{font-size:13px;line-height:1.6}
  .roi-controls{gap:22px;margin-top:28px}
  .range-field>span{font-size:13px}
  .roi-result{padding:28px 22px}
  .roi-result>strong{font-size:clamp(36px,12vw,52px)}
  .price-card{padding:28px 22px;border-radius:24px}
  .price-copy h2{font-size:clamp(26px,7.5vw,36px)}
  .price-benefits li{font-size:14px}
  .faq-list summary{min-height:56px;align-items:flex-start;padding:18px 16px;font-size:15px;line-height:1.4}
  .faq-list summary span{margin-top:2px}
  .faq-list details>p{font-size:14px;line-height:1.6}
  .eligibility-section{padding:80px 0 120px}
  .eligibility-grid{gap:28px}
  .eligibility-copy ol{display:none}
  .qform,.modal-card{padding:26px 18px;border-radius:22px}
  .qform h3,.modal-card h3{font-size:22px;line-height:1.2}
  .qform>.btn,.modal-submit{width:100%;min-height:52px;white-space:normal}
  .modal{align-items:flex-end;padding:0}
  .modal-card{
    width:100%;
    max-height:min(92dvh,calc(100dvh - env(safe-area-inset-top)));
    padding-bottom:calc(22px + env(safe-area-inset-bottom));
    border-radius:24px 24px 0 0;
  }
  .modal-close{top:10px;right:10px;width:44px;height:44px}
  .checks label{flex:1 1 calc(50% - 8px)}
  .checks label span{width:100%;min-height:44px}
  .footer-grid,.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}
  .footer-bottom p{font-size:12px}
  .sticky-cta{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:190;
    display:grid;
    gap:4px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    border-top:1px solid var(--line);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(14px);
    transform:translateY(0);
    pointer-events:auto;
    transition:transform .22s ease;
  }
  .sticky-cta.is-hidden{
    pointer-events:none;
    transform:translateY(calc(100% + 24px));
  }
  .sticky-cta .btn{width:100%;min-height:52px;white-space:normal;line-height:1.25}
  .sticky-cta span{color:var(--slate);font-size:11px;font-weight:600;text-align:center}
  body:has(.sticky-cta) .shk-footer{padding-bottom:calc(118px + env(safe-area-inset-bottom))}
  .wa-float{
    right:14px;
    bottom:calc(108px + env(safe-area-inset-bottom));
    width:52px;
    height:52px;
    min-height:52px;
    padding:0;
    justify-content:center;
  }
  .wa-float span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  body:has(.sticky-cta.is-hidden) .wa-float{bottom:calc(16px + env(safe-area-inset-bottom))}
}

@media (max-width:430px){
  .hero-assurances{flex-direction:column;align-items:flex-start}
  .proof-bar{grid-template-columns:1fr 1fr}
  .lead-facts{grid-template-columns:1fr 1fr 1fr}
}

@media (max-width:390px){
  .logo-mark{width:32px;height:32px}
  .nav-cta{padding-inline:12px}
  .hero-copy h1{font-size:clamp(28px,8vw,34px)}
  .radar{height:168px}
  .signal-card>p{font-size:12px}
  .signal-card-foot{font-size:11px}
  .proof-bar>div{padding:13px 10px}
  .ticket-foot{align-items:flex-start;flex-direction:column}
}

@media (max-width:360px){
  .nav-cta{font-size:11px;padding-inline:10px}
  .kicker{font-size:10px;padding:7px 10px}
  .hero-copy h1{font-size:28px}
  .proof-bar{grid-template-columns:1fr}
  .proof-bar>div{border-right:0;border-bottom:1px solid var(--line)}
  .proof-bar>div:last-child{border-bottom:0}
  .lead-facts{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,
  *::before,
  *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .will-reveal{opacity:1;transform:none}
}

.page-meta{
  margin:32px auto 0;
  padding-bottom:40px;
  color:var(--slate);
  font-size:12.5px;
  text-align:center;
}
.page-meta a{color:var(--blue-deep);font-weight:600;text-decoration:underline;text-underline-offset:2px}

.definition-section{background:var(--foam);padding-top:140px;padding-bottom:140px}
.definition-grid{
  display:grid;
  gap:48px;
}
.definition-grid .section-heading{margin-bottom:0}
.definition-body{
  display:grid;
  gap:28px;
  max-width:62ch;
  color:var(--slate);
  font-size:17px;
  line-height:1.8;
}
.definition-body a{color:var(--blue-deep);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.compare-table{
  width:100%;
  min-width:560px;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--white);
  font-size:14px;
}
.compare-table caption{
  caption-side:bottom;
  padding-top:12px;
  color:var(--slate);
  font-size:12px;
  text-align:left;
}
.compare-table th,
.compare-table td{
  padding:18px 22px;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:top;
  line-height:1.5;
}
.compare-table thead th{
  background:var(--navy);
  color:var(--white);
  font-family:var(--display);
  font-weight:700;
}
.compare-table tbody th{width:18%;color:var(--ink);font-weight:700}
.compare-table tbody tr:last-child th,
.compare-table tbody tr:last-child td{border-bottom:0}

.author-band{
  padding:72px 0;
  border-top:1px solid var(--line);
  background:#f5f5f5;
}
.author-grid{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}
.author-band h2{margin-bottom:14px;font-size:28px}
.author-band p{max-width:62ch;color:var(--slate);font-size:15px;line-height:1.7}

.legal-main{
  padding:calc(120px + env(safe-area-inset-top)) 0 96px;
}
.legal-main .wrap{width:min(760px,calc(100% - 48px))}
.legal-main h1{margin-bottom:12px;font-size:clamp(32px,5vw,48px);max-width:18ch}
.legal-main .legal-meta{margin-bottom:32px;color:var(--slate);font-size:14px}
.legal-main .btn{margin-top:8px;text-decoration:none}
.legal-main h2{margin:32px 0 12px;font-size:22px}
.legal-main h3{margin:22px 0 8px;font-size:17px}
.legal-main p,.legal-main li{color:var(--slate);font-size:15.5px;line-height:1.7}
.legal-main ul,.legal-main ol{margin:0 0 16px;padding-left:20px}
.legal-main table{width:100%;border-collapse:collapse;margin:8px 0 24px}
.legal-main th,.legal-main td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.legal-main th{font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.legal-main td{font-size:14.5px}
.legal-main a{color:var(--blue-deep);font-weight:600;text-decoration:underline;text-underline-offset:2px}

@media (max-width:680px){
  .author-grid{flex-direction:column;align-items:flex-start}
  .definition-section{padding-top:80px;padding-bottom:80px}
  .definition-grid{gap:32px}
  .definition-body{font-size:16px;line-height:1.7}
  .compare-table{font-size:13px}
  .compare-table th,
  .compare-table td{padding:14px 14px}
  .legal-main{padding-top:calc(100px + env(safe-area-inset-top))}
  .legal-main .wrap{width:min(760px,calc(100% - 24px))}
  .page-meta{margin-top:24px;padding-bottom:28px}
}

/* Structure landing : logos, bénéfices, services, preuves, à propos */
.logo-bar{
  background:var(--navy);
  padding:28px 0;
}
.logo-bar-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  text-align:center;
}
.logo-bar-inner>p{
  max-width:none;
  color:var(--slate-light);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.45;
  text-transform:uppercase;
  white-space:normal;
}
.logo-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}
.logo-row span{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  color:var(--white);
  background:rgba(255,255,255,.04);
  font-size:12px;
  font-weight:700;
}

.cite-band{padding:72px 0;background:var(--foam)}
.cite-band .wrap{width:min(820px,calc(100% - 48px))}
.cite-band h2{margin:10px 0 16px;font-size:clamp(28px,3.4vw,40px);line-height:1.15}
.cite-band p:last-child{margin:0;color:var(--slate);font-size:16.5px;line-height:1.7}
.cite-band a{color:var(--blue-deep);font-weight:700}
.problem-section{background:var(--white)}
.benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.benefit-card{
  padding:28px 24px 32px;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--foam);
}
.benefit-visual{
  display:grid;
  width:100%;
  height:120px;
  margin-bottom:22px;
  place-items:center;
  border-radius:18px;
  color:var(--blue);
  background:var(--white);
  box-shadow:inset 0 0 0 1px var(--line);
}
.benefit-visual svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefit-card h3{font-size:22px}
.benefit-card p{margin-top:12px;color:var(--slate);font-size:15px;line-height:1.65}

.services-section{
  overflow:hidden;
  color:var(--white);
  background:
    radial-gradient(circle at 20% 20%,rgba(255,68,0,.14),transparent 28%),
    var(--navy);
}
.services-section .section-heading h2{color:var(--white)}
.services-section .section-heading>p:last-child{color:var(--slate-light)}
.services-board{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:stretch;
}
.service-copy,
.service-price{
  padding:36px 32px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;
  background:rgba(255,255,255,.04);
}
.service-copy h3,
.service-price h3{color:var(--white);font-size:28px;max-width:16ch}
.service-copy>p{margin-top:16px;color:var(--slate-light);line-height:1.7}
.service-note{margin-top:18px!important;color:var(--slate-light);font-size:13px;line-height:1.65}
.service-steps{display:grid;gap:16px;margin:28px 0 0!important;padding:0;list-style:none}
.service-steps li{display:flex;gap:14px;align-items:flex-start;color:#d0d0d0;font-size:15px;line-height:1.5;font-weight:600}
.service-steps span{
  display:grid;
  width:36px;
  height:36px;
  flex:0 0 auto;
  place-items:center;
  border:1px solid rgba(255,68,0,.35);
  border-radius:10px;
  color:var(--blue);
  font-size:11px;
}
.service-price .price-benefits{margin-top:24px}
.services-board .lead-ticket{margin:0}

.proofs-section{background:var(--foam)}
.proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.proof-card{
  padding:28px 24px 26px;
  border-radius:22px;
  color:var(--white);
  background:var(--navy);
}
.proof-avatar{
  display:grid;
  width:44px;
  height:44px;
  margin-bottom:18px;
  place-items:center;
  border-radius:50%;
  color:var(--white);
  background:var(--blue);
  font-size:12px;
  font-weight:800;
}
.proof-card p{color:#d8d8d8;font-size:15px;line-height:1.65}
.proof-card strong{display:block;margin-top:16px;font-size:13px}

.about-section{
  overflow:hidden;
  color:var(--white);
  background:var(--navy);
}
.about-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:64px;
  align-items:center;
}
.about-copy h2{color:var(--white);font-size:clamp(36px,4.6vw,52px)}
.about-copy>p:not(.eyebrow){max-width:46ch;margin:18px 0 28px;color:var(--slate-light);line-height:1.7}
.about-visual{display:grid;place-items:center}
.about-card{
  width:min(100%,380px);
  padding:40px 32px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  background:rgba(255,255,255,.05);
  text-align:center;
}
.about-card .logo-mark{width:64px;height:64px;margin:0 auto 18px;border-radius:18px}
.about-card .logo-mark svg{width:42px;height:42px}
.about-card strong{display:block;color:var(--white);font-size:20px}
.about-card p{margin-top:8px;color:var(--slate-light);font-size:14px}

.faq-stack{max-width:760px;margin-inline:auto}
.faq-stack .section-heading{margin-inline:auto;margin-bottom:36px;text-align:center}
.faq-stack .section-heading h2{margin-inline:auto}

.closing-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:72px;
  align-items:center;
}

@media (max-width:900px){
  .logo-bar-inner{gap:14px}
  .benefit-grid,.proof-grid,.services-board,.about-grid,.closing-grid{grid-template-columns:1fr;gap:20px}
  .hero{padding-bottom:72px}
}

@media (max-width:680px){
  .hero{padding:calc(120px + env(safe-area-inset-top)) 0 56px}
  .benefit-visual{height:96px}
  .benefit-card,.service-copy,.service-price,.proof-card{padding:22px 18px}
  .service-copy h3,.service-price h3{font-size:24px}
  .about-card{width:100%}
}

/* ===== Acquisition 2026 : hero, pricing, flow, comparatif ===== */
.btn-secondary{
  color:var(--navy)!important;
  background:var(--white);
  box-shadow:inset 0 0 0 1px var(--line),0 8px 24px rgba(26,26,26,.06);
}
@media (hover:hover) and (pointer:fine){
  .btn-secondary:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffb199,0 12px 28px rgba(255,68,0,.12)}
}

.section-heading.wide h2{max-width:20ch}
.section-bridge{
  max-width:52ch;
  margin:40px auto 0;
  color:var(--slate);
  font-size:17px;
  line-height:1.7;
  text-align:center;
}
.mid-cta{display:flex;justify-content:center;margin-top:40px}

.hero-stage{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.9fr);
  gap:72px;
  align-items:center;
}
.hero-stage .hero-copy{
  max-width:none;
  margin:0;
  padding:12px 0 0;
  text-align:left;
}
.hero-stage .hero-copy h1{
  max-width:18ch;
  margin:20px 0 22px;
  font-size:clamp(38px,4.6vw,60px);
}
.hero-stage .hero-sub{
  max-width:46ch;
  margin:0;
}
.hero-stage .hero-actions{
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:12px;
  margin-top:32px;
}
.hero-stage .hero-cta-note{
  margin:16px 0 0;
  text-align:left;
  max-width:none;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.01em;
}

.hero-visual{display:grid;gap:16px}
.dash-card{
  padding:28px 26px 22px;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--white);
  box-shadow:var(--shadow-md);
}
.dash-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  font-size:12px;
  font-weight:700;
}
.dash-head i{
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:7px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 0 5px rgba(255,68,0,.12);
}
.dash-card h3{font-size:24px;max-width:18ch}
.dash-card>p{margin-top:8px;color:var(--slate);font-size:14px}
.dash-meta{display:grid;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.dash-meta li{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--ink);
  font-size:13px;
  font-weight:600;
}
.dash-meta li::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--blue);
}
.dash-foot{margin-top:18px!important;color:var(--slate);font-size:11px}
.mini-flow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.mini-flow li{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  padding:6px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--white);
  font-size:11px;
  font-weight:700;
}
.mini-flow li:not(:last-child)::after{
  content:"→";
  margin-left:8px;
  color:var(--blue);
}

.problem-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.problem-grid .benefit-card h3{font-size:20px;max-width:16ch}
.problem-grid .benefit-card p{margin-top:12px;color:var(--slate);font-size:14.5px;line-height:1.65}

.method-section{
  overflow:hidden;
  color:var(--white);
  background:
    radial-gradient(circle at 18% 18%,rgba(255,68,0,.14),transparent 30%),
    var(--navy);
}
.method-section .section-heading h2{color:var(--white)}
.method-section .section-heading>p:last-child{color:var(--slate-light)}
.process-board{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
}
.process-board li{
  padding:28px 22px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:22px;
  background:rgba(255,255,255,.04);
}
.process-board span{
  display:grid;
  width:36px;
  height:36px;
  margin-bottom:18px;
  place-items:center;
  border:1px solid rgba(255,68,0,.35);
  border-radius:10px;
  color:var(--blue);
  font-size:11px;
  font-weight:700;
}
.process-board h3{color:var(--white);font-size:20px}
.process-board p{margin-top:10px;color:#cfcfcf;font-size:13.5px;line-height:1.6}
.client-flow-wrap{
  margin:40px 0 0;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:6px;
}
.client-flow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  margin:0;
  padding:0;
  list-style:none;
}
.client-flow li{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  color:var(--white);
  background:rgba(255,255,255,.05);
  font-size:12.5px;
  font-weight:700;
}
.client-flow li:not(:last-child)::after{
  content:"→";
  margin-left:10px;
  color:var(--blue);
}

.diff-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.diff-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:28px 24px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--foam);
}
.diff-card h3{font-size:22px;text-wrap:balance}
.diff-card p{margin-top:12px;color:var(--slate);font-size:15px;line-height:1.65;text-wrap:pretty}
.shk-page .exclusive-banner{
  margin:32px 0 0;
  padding:18px 24px;
  border:1px solid rgba(255,68,0,.28);
  border-radius:18px;
  color:var(--ink);
  background:#fff1eb;
  font-family:var(--display);
  font-size:clamp(16px,1.7vw,22px);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.3;
  text-align:center;
  text-wrap:balance;
}

.offers-section{background:var(--foam)}
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.plan-card{
  display:flex;
  flex-direction:column;
  padding:32px 28px 28px;
  border:1px solid var(--line);
  border-radius:28px;
  background:var(--white);
  box-shadow:var(--shadow-sm);
}
.plan-badge{
  display:inline-flex;
  width:fit-content;
  min-height:28px;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  background:var(--foam);
  color:var(--slate);
  font-size:11px;
  font-weight:700;
}
.plan-badge.featured{color:var(--white);background:var(--blue)}
.plan-badge.premium{color:var(--white);background:rgba(255,255,255,.12)}
.plan-card h3{margin-top:16px;font-size:28px}
.plan-lead{margin-top:10px;color:var(--slate);font-size:14.5px;line-height:1.6}
.plan-price{
  margin:22px 0 8px;
  font-family:var(--display);
  font-size:36px;
  font-weight:800;
  letter-spacing:-.04em;
}
.plan-price span{color:var(--slate);font-size:14px;font-weight:600}
.plan-include,.plan-note,.plan-targets,.plan-ad{
  color:var(--slate);
  font-size:13px;
  line-height:1.6;
}
.plan-include{margin:8px 0 0;font-weight:700;color:var(--ink)}
.plan-note{margin-top:12px}
.plan-targets{margin-top:10px;font-weight:600}
.plan-list{
  display:grid;
  gap:10px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
  flex:1;
}
.plan-card .plan-lead{
  flex:0 0 auto;
  min-height:4.8em;
}
.plan-card .plan-meta{
  display:grid;
  gap:8px;
  min-height:5.6em;
  margin-top:4px;
}
.plan-card .plan-per,
.plan-card .plan-save,
.plan-card .plan-note{margin:0}
.plan-card .plan-list{
  flex:1 1 auto;
  margin-top:16px;
}
.plan-card .btn{
  width:100%;
  margin-top:auto;
  flex:0 0 auto;
  white-space:normal;
}
.plan-card .plan-list + .btn{
  margin-top:22px;
}
.plan-card .btn + .plan-list,
.plan-card .btn + .plan-note{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
.plan-list li{
  padding-left:18px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ff4400' stroke-width='1.8' d='M2 6.2 4.6 9 10 3'/%3E%3C/svg%3E") no-repeat 0 4px;
  background-size:12px;
  font-size:13.5px;
  line-height:1.45;
}
.plan-ad{margin-top:10px;padding-top:0;border-top:0;font-weight:600}
.plan-card.is-featured{
  border-color:rgba(255,68,0,.45);
  box-shadow:0 28px 70px rgba(255,68,0,.16);
}
.plan-card.is-premium{
  color:var(--white);
  background:var(--navy);
  border-color:rgba(255,255,255,.08);
}
.plan-card.is-premium h3,
.plan-card.is-premium .plan-price{color:var(--white)}
.plan-card.is-premium .plan-lead,
.plan-card.is-premium .plan-note,
.plan-card.is-premium .plan-targets,
.plan-card.is-premium .plan-ad,
.plan-card.is-premium .plan-list li{color:#d8d8d8}
.plan-card.is-premium .plan-ad{border-top-color:rgba(255,255,255,.1)}
.plan-card.is-premium .btn + .plan-list,
.plan-card.is-premium .btn + .plan-note{border-top-color:rgba(255,255,255,.1)}
.plan-card.is-premium .plan-include{color:var(--white)}

.guarantee-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.guarantee-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:28px 24px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--white);
}
.guarantee-kicker{
  margin:0 0 10px;
  color:var(--blue);
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.guarantee-card h3{font-size:22px;text-wrap:balance}
.guarantee-card p{margin-top:12px;color:var(--slate);font-size:15px;line-height:1.65;text-wrap:pretty}
.shk-page .legal-note{
  max-width:58ch;
  margin:28px auto 0;
  color:var(--slate);
  font-size:14px;
  font-weight:500;
  line-height:1.7;
  text-align:center;
  text-wrap:pretty;
}

.plans-table thead th.is-featured{background:var(--blue);color:var(--white)}
.plans-table td.is-featured{background:#fff7f3;font-weight:700}

.bonus-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:22px;
}
.bonus-card{
  padding:32px 28px;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--foam);
}
.bonus-card h3{font-size:26px}
.bonus-card ul{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.bonus-card li{
  padding-left:18px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ff4400' stroke-width='1.8' d='M2 6.2 4.6 9 10 3'/%3E%3C/svg%3E") no-repeat 0 5px;
  background-size:12px;
  font-size:15px;
}
.bonus-card.is-premium{color:var(--white);background:var(--navy);border-color:transparent}
.bonus-card.is-premium h3{color:var(--white)}

.audience-section .section-heading{margin-bottom:28px}
.audience-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.audience-tags span{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  padding:8px 16px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--white);
  font-size:13.5px;
  font-weight:700;
}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.qform.dense .field{margin-top:14px}
.eligibility-copy h2{max-width:18ch}

.compare-hint{
  display:none;
  margin:0 0 12px;
  color:var(--slate);
  font-size:13px;
  font-weight:600;
  text-align:center;
}
.compare-wrap{
  overflow-x:auto;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:4px;
}
.compare-table tbody th{
  background:var(--white);
}

@media (min-width:1081px){
  .dash-card h3{max-width:none}
}

@media (max-width:1240px){
  .process-board{grid-template-columns:repeat(3,minmax(0,1fr))}
  .problem-grid,.diff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1080px){
  .hero-stage{grid-template-columns:1fr;gap:36px}
  .hero-visual{width:min(520px,100%);margin-inline:auto}
  .process-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-grid,.bonus-grid{grid-template-columns:1fr}
  .guarantee-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:900px){
  .hero-stage .hero-copy,
  .hero-stage .hero-cta-note{text-align:center}
  .hero-stage .hero-copy h1,
  .hero-stage .hero-sub{margin-inline:auto}
  .hero-stage .hero-actions{justify-content:center}
  .hero-stage .hero-cta-note{margin-inline:auto}
  .plan-card.is-featured{order:-1}
  .guarantee-grid{grid-template-columns:1fr}
  .compare-hint{display:block}
  .compare-table{min-width:640px}
  .compare-table thead th:first-child,
  .compare-table tbody th{
    position:sticky;
    left:0;
    z-index:1;
  }
  .compare-table thead th:first-child{background:var(--navy)}
  .compare-table tbody th{box-shadow:4px 0 12px rgba(26,26,26,.06)}
  .client-flow-wrap{
    margin-inline:-20px;
    padding-inline:20px;
  }
  .client-flow{
    flex-wrap:nowrap;
    justify-content:flex-start;
    width:max-content;
  }
}

@media (max-width:800px){
  .problem-grid,.diff-grid,.process-board{grid-template-columns:1fr}
}

@media (max-width:680px){
  .form-row{grid-template-columns:1fr}
  .hero{
    padding:calc(124px + env(safe-area-inset-top)) 0 64px;
  }
  .hero-stage{gap:28px}
  .hero-stage .hero-copy{padding:8px 0 0}
  .hero-stage .hero-copy h1{
    max-width:none;
    margin:16px 0 18px;
    font-size:clamp(28px,8vw,36px);
    line-height:1.12;
  }
  .hero-stage .hero-sub{font-size:15px;line-height:1.65}
  .exclusive-banner{padding:16px 16px;font-size:clamp(16px,4.6vw,20px)}
  .plan-card{padding:26px 20px 22px;border-radius:24px}
  .plan-card h3{font-size:24px}
  .plan-price{font-size:30px;margin:18px 0 6px}
  .plan-list{gap:8px}
  .section-bridge{margin-top:28px;font-size:16px}
  .mid-cta{margin-top:32px}
  .mid-cta .btn{width:100%}
  .audience-tags{gap:8px}
  .audience-tags span{min-height:40px;padding:7px 12px;font-size:13px}
  .eligibility-section{padding:88px 0 calc(148px + env(safe-area-inset-bottom))}
  .eligibility-copy h2{max-width:none}
  .closing-grid{gap:32px}
  .qform.dense .field{margin-top:12px}
  .dash-card{padding:22px 18px 18px}
  .dash-card h3{font-size:20px;max-width:none}
  .process-board li{padding:22px 18px}
  .process-board h3{font-size:18px}
  .benefit-card,.diff-card,.guarantee-card,.bonus-card{padding:22px 18px}
  .diff-card h3,.guarantee-card h3{font-size:20px}
  .bonus-card h3{font-size:22px}
  .nav-cta{
    min-height:44px;
    padding:8px 12px;
    font-size:12px;
  }
  .logo-bar{padding:22px 0}
  .logo-row{gap:6px}
  .logo-row span{min-height:34px;padding:6px 10px;font-size:11px}
  .section{padding:88px 0}
  .problem-section,.diff-section,.bonus-section,.audience-section,.faq-section{padding:88px 0}
  .method-section,.offers-section,.guarantees-section,.compare-section{padding:88px 0}
  .client-flow-wrap{
    margin-inline:-14px;
    padding-inline:14px;
  }
  .compare-table th,
  .compare-table td{padding:12px 12px;font-size:12.5px}
  .section.eligibility-section{padding:88px 0 calc(148px + env(safe-area-inset-bottom))}
}

@media (max-width:430px){
  .wrap{width:min(100% - 32px,430px)}
  .nav{
    width:calc(100% - 16px);
    gap:8px;
    padding:6px 6px 6px 10px;
  }
  .hero-stage .hero-actions .btn{width:100%}
  .hero-cta-note{font-size:12px;line-height:1.45}
  .kicker{font-size:11px;padding:8px 12px}
}

@media (max-width:360px){
  .nav-cta{font-size:11.5px;padding:8px 10px}
}

.hero-choice{
  margin-top:18px;
  color:var(--ink);
  font-size:16px;
  font-weight:700;
}
.hero-stage .hero-assurances{justify-content:flex-start;margin-top:22px}
.hero-assurances li::before{
  content:"";
  width:16px;
  height:16px;
  flex:0 0 auto;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ff4400' stroke-width='2' d='M3 8.2 6.2 11.5 13 4.5'/%3E%3C/svg%3E") center/16px no-repeat;
}
.opt{color:var(--slate);font-size:12px;font-weight:600}

.pay-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  width:min(560px,100%);
  margin:0 auto 28px;
  padding:5px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--white);
}
.pay-switch button{
  min-height:48px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--slate);
  font:700 14px/1.2 var(--body);
  cursor:pointer;
  white-space:normal;
  transition:background .25s ease, color .25s ease;
}
.pay-switch button[aria-selected="true"]{
  color:var(--white);
  background:var(--navy);
}
.offers-section .pay-stage{
  position:relative;
  width:100%;
  overflow:hidden;
  transition:height .32s cubic-bezier(.22,1,.36,1);
}
.offers-section .pay-panel{
  width:100%;
  margin:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  position:absolute;
  top:0;
  left:0;
  transform:translateY(12px);
  transition:opacity .28s ease, transform .32s ease, visibility 0s linear .28s;
}
.offers-section .pay-panel.is-on{
  position:relative;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition:opacity .28s ease, transform .32s ease, visibility 0s;
}
.offers-section .pay-panel .will-reveal{transform:none}
@media (prefers-reduced-motion:reduce){
  .offers-section .pay-stage,
  .offers-section .pay-panel,
  .pay-switch button{transition:none}
}
.offer-block{scroll-margin-top:110px}
.offers-section .pay-panel{margin-top:0}
.block-title{
  margin:0 0 8px;
  font-family:var(--display);
  font-size:clamp(26px,3vw,34px);
  font-weight:800;
  letter-spacing:-.04em;
  text-align:center;
}
.offer-intro{
  max-width:62ch;
  margin:0 auto 28px;
  color:var(--slate);
  font-size:15px;
  line-height:1.65;
  text-align:center;
}
.lead-buy{grid-template-columns:repeat(2,minmax(0,1fr))}
.budget-box{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.budget-box.shared{max-width:720px;margin:28px auto 0;padding:20px 22px;border:1px solid var(--line);border-radius:22px;background:var(--white)}
.budget-box>p{font-size:13px;font-weight:700}
.budget-picks{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.budget-picks button{
  min-height:40px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--white);
  font:700 13px/1 var(--body);
  cursor:pointer;
}
.budget-picks button.is-on{color:var(--white);background:var(--navy);border-color:var(--navy)}
.budget-readout{margin-top:12px!important;color:var(--slate);font-size:13px;font-weight:600}
.type-price{margin-top:14px;color:var(--ink);font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.25}
.type-price span{display:block;margin-top:4px;color:var(--slate);font-family:var(--body);font-size:13px;font-weight:600}
.guarantee-badge{
  display:inline-flex;
  margin:0 auto 14px;
  padding:6px 12px;
  border-radius:999px;
  color:var(--blue);
  background:#fff1eb;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.guarantee-six .guarantee-card p{margin-top:8px;color:var(--blue);font-weight:800}
.method-section .section-bridge{color:#d5d5d5}
.method-section .section-bridge a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.rule-board{
  padding:28px;
  border:1px solid var(--line);
  border-radius:28px;
  background:var(--foam);
}
.rule-label{margin-bottom:18px;color:var(--slate);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rule-grid fieldset{margin:0;padding:0;border:0}
.rule-grid legend{margin-bottom:12px;font-family:var(--display);font-size:18px;font-weight:800}
.rule-grid label{display:flex;align-items:center;gap:8px;min-height:36px;font-size:14px;font-weight:600}
.rule-budget{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-weight:700}
.versus{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.versus-card{padding:28px 24px;border:1px solid var(--line);border-radius:24px;background:var(--foam)}
.versus-card h3{font-size:24px}
.versus-card ul{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.versus-card li{padding-left:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23999' stroke-width='1.8' d='M3 3l6 6M9 3 3 9'/%3E%3C/svg%3E") no-repeat 0 6px;background-size:12px;font-size:15px}
.versus-card.is-shark{color:var(--white);background:var(--navy);border-color:transparent}
.versus-card.is-shark h3{color:var(--white)}
.versus-card.is-shark li{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ff4400' stroke-width='1.8' d='M2 6.2 4.6 9 10 3'/%3E%3C/svg%3E")}
.closing-actions{justify-content:flex-start;margin-top:28px}
.eligibility-copy .hero-cta-note{margin-top:14px;color:#d8d8d8}
fieldset.invalid legend{color:var(--red)}
.process-board.steps-4{grid-template-columns:repeat(4,minmax(0,1fr))}

@media (max-width:1240px){
  .process-board.steps-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .hero-stage .hero-assurances,.closing-actions{justify-content:center}
  .eligibility-copy .hero-cta-note{text-align:center;margin-inline:auto}
  .rule-grid,.versus{grid-template-columns:1fr}
  .pay-switch button{font-size:13px;padding-inline:8px}
}
@media (max-width:680px){
  .process-board.steps-4{grid-template-columns:1fr}
  .lead-buy{grid-template-columns:1fr}
  .rule-board{padding:20px 16px}
  .closing-actions .btn{width:100%}
}

/* Offres 2026 : B2C / B2B, Protect, comparaison */
.price-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.price-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.plan-card.is-quiet{background:var(--foam);box-shadow:none}
.plan-per{margin:0;color:var(--ink);font-size:14px;font-weight:700}
.plan-save{margin:8px 0 0;color:var(--blue);font-size:13.5px;font-weight:800;line-height:1.45}
.why{width:min(760px,100%);margin:0 auto 22px;color:var(--slate);font-size:14.5px;line-height:1.6}
.why summary{width:fit-content;margin-inline:auto;color:var(--ink);font-weight:700;cursor:pointer}
.why p{margin:12px 0 0;text-align:center}
.test-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:28px;
  padding:22px 24px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--white);
}
.test-strip h3{margin:6px 0 8px;font-size:22px}
.test-strip p:last-child{margin:0;max-width:68ch;color:var(--slate);font-size:14.5px;line-height:1.6}
.test-strip .btn{flex:0 0 auto}
.save-board,.save-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.save-cols{margin-top:16px}
.save-board article,.save-cols article{
  padding:28px 26px;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--white);
}
.save-board .is-on{border-color:rgba(255,68,0,.45);box-shadow:0 18px 50px rgba(255,68,0,.12)}
.save-board h3{margin-top:12px;font-size:26px}
.save-flag{
  margin:12px 0 0;
  color:var(--blue);
  font-family:var(--display);
  font-size:clamp(22px,2.4vw,30px);
  font-weight:800;
  letter-spacing:-.04em;
}
.save-board .is-on > p:last-child{
  margin:10px 0 0;
  color:var(--slate);
  font-size:14.5px;
  line-height:1.6;
}
.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pillar{
  padding:24px 20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--white);
}
.pillar span{color:var(--blue);font-size:13px;font-weight:800}
.pillar h3{margin-top:12px;font-size:22px}
.pillar p{margin-top:10px;color:var(--slate);font-size:14.5px;line-height:1.6}
.system-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}
.system-grid li{
  padding:22px 18px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(255,255,255,.04);
}
.system-grid span{color:var(--blue);font-size:12px;font-weight:800}
.system-grid h3{margin-top:10px;color:var(--white);font-size:18px}
.protect-list,.kit-grid{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.protect-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.kit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.protect-list li,.kit-grid li{
  padding:18px 16px 18px 40px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ff4400' stroke-width='1.8' d='M2 6.2 4.6 9 10 3'/%3E%3C/svg%3E") no-repeat 16px 20px;
  background-size:12px;
  font-size:14.5px;
  font-weight:700;
  line-height:1.45;
}
.kit-section{background:var(--foam)}
#validation .process-board h3{color:var(--ink)}
#validation .process-board li{border-color:var(--line);background:var(--white)}
@media (max-width:1100px){
  .price-grid,.price-grid.is-three,.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .protect-list,.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .price-grid .plan-card.is-featured{order:0}
}
@media (max-width:720px){
  .price-grid,.price-grid.is-three,.pillar-grid,.save-board,.save-cols,.protect-list,.kit-grid,.system-grid{grid-template-columns:1fr}
  .price-grid .plan-card.is-featured{order:-1}
  .test-strip{flex-direction:column;align-items:stretch}
  .test-strip .btn{width:100%}
}