.tools-page{background:#f7faff}
.tools-page .nav-menu .is-current{color:var(--red)}
.tools-page .brand img{object-fit:contain}
.tools-hero{
  position:relative;
  min-height:650px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:75px 0 86px;
  color:#fff;
  background:
    radial-gradient(circle at 76% 18%,rgba(18,155,232,.34),transparent 30%),
    radial-gradient(circle at 15% 82%,rgba(25,195,255,.17),transparent 28%),
    linear-gradient(135deg,#07172A 0%,#0B1F3A 48%,#173EA5 100%);
}
.tools-hero-grid{
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);
}
.tools-hero-glow{position:absolute;border-radius:50%;filter:blur(10px)}
.glow-blue{width:380px;height:380px;right:-100px;top:30px;background:radial-gradient(circle,rgba(25,195,255,.25),transparent 68%)}
.glow-red{width:310px;height:310px;left:-120px;bottom:-80px;background:radial-gradient(circle,rgba(25,195,255,.18),transparent 68%)}
.tools-hero-inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center;
}
.tools-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  padding:8px 13px;border:1px solid rgba(255,255,255,.15);
  border-radius:999px;background:rgba(255,255,255,.07);
  color:#d9e7ff;font-size:.85rem;font-weight:900;
}
.tools-eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(25,195,255,.14)}
.tools-hero h1{
  max-width:720px;margin:20px 0 18px;
  color:#fff;font-size:clamp(3rem,5.5vw,5.1rem);
  line-height:.98;letter-spacing:-.055em;
}
.tools-hero h1 em{
  display:block;font-style:normal;
  background:linear-gradient(90deg,#4FD2FF,#BFEFFF);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.tools-hero-copy>p{max-width:650px;margin:0;color:#c8d8f4;font-size:1.06rem}
.tools-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.tools-outline-button{color:#fff;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07)}
.tools-outline-button:hover{background:rgba(255,255,255,.13)}
.tools-trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:25px;color:#c8d8f4;font-size:.82rem;font-weight:800}
.tools-trust span{display:flex;align-items:center;gap:7px}
.tools-trust span::first-letter{color:#8ff0b3}
.tools-hero-visual{perspective:1200px}
.preview-dashboard{
  padding:26px;border-radius:30px;
  color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.065));
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 38px 100px rgba(0,0,0,.32);
  backdrop-filter:blur(18px);
  transform:rotateY(-7deg) rotateX(3deg);
  animation:toolsDashboardFloat 6.5s ease-in-out infinite;
}
@keyframes toolsDashboardFloat{50%{transform:rotateY(-4deg) rotateX(1deg) translateY(-10px)}}
.preview-dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}
.preview-dashboard-top>span{display:flex;align-items:center;gap:8px;font-weight:850}
.preview-dashboard-top i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(37,211,102,.14)}
.preview-dashboard-top b{font-size:.6rem;letter-spacing:.13em;color:#BFEFFF}
.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.preview-metrics article{padding:14px;border-radius:16px;background:rgba(3,19,55,.34);border:1px solid rgba(255,255,255,.09)}
.preview-metrics small,.preview-metrics strong,.preview-metrics span{display:block}
.preview-metrics small{color:#aabddd;font-size:.62rem}
.preview-metrics strong{margin:3px 0;color:#fff;font-size:1rem}
.preview-metrics span{color:#90a7ca;font-size:.55rem}
.preview-chart{
  height:180px;display:flex;align-items:flex-end;gap:12px;
  margin-top:13px;padding:20px 19px 0;
  border-radius:18px;background:rgba(3,19,55,.28);
  border:1px solid rgba(255,255,255,.08);
}
.preview-chart span{
  flex:1;height:var(--h);border-radius:10px 10px 3px 3px;
  background:linear-gradient(to top,var(--bright),#8EDFFF);
  box-shadow:0 0 24px rgba(25,195,255,.2);
  animation:previewBar 1.3s ease both;
}
.preview-chart span:nth-child(2n){background:linear-gradient(to top,var(--red),#8BE3FF)}
@keyframes previewBar{from{height:0}}
.preview-status{margin-top:14px;color:#c9d8f1;font-size:.75rem;font-weight:800}
.preview-status span{color:var(--green)}
.tool-jump-wrap{
  position:sticky;top:78px;z-index:45;
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.92);backdrop-filter:blur(14px);
}
.site-header.is-scrolled + main .tool-jump-wrap{top:66px}
.tool-jump{display:flex;gap:8px;overflow:auto;padding:12px 0;scrollbar-width:none}
.tool-jump::-webkit-scrollbar{display:none}
.tool-jump a{
  flex:0 0 auto;display:flex;align-items:center;gap:8px;
  padding:9px 12px;border:1px solid var(--line);border-radius:12px;
  color:var(--navy);background:#fff;font-size:.77rem;font-weight:850;
}
.tool-jump a:hover{border-color:rgba(25,195,255,.4);box-shadow:0 8px 20px rgba(7,27,77,.08)}
.tool-jump span{
  min-width:31px;height:25px;padding:0 6px;display:grid;place-items:center;
  border-radius:8px;background:var(--soft);color:var(--blue);font-size:.57rem;font-weight:950;
}
.tools-intro{padding-bottom:42px}
.tool-jump a.is-priority{border-color:rgba(25,195,255,.32);background:#f4f8ff}
.tool-jump a.view-all-tools{color:#fff;border-color:var(--navy);background:var(--navy)}
.tool-jump a.view-all-tools span{color:#fff;background:rgba(255,255,255,.14)}
.tools-directory{padding:12px 0 76px;scroll-margin-top:150px;background:#f7faff}
.directory-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:38px;align-items:end}
.directory-heading h2{margin:0;color:var(--navy);font-size:clamp(2rem,4vw,3rem);line-height:1.06;letter-spacing:-.04em}
.directory-heading p{max-width:760px;margin:14px 0 0;color:var(--muted)}
.tool-search{display:block;color:var(--navy);font-size:.78rem;font-weight:850}
.tool-search span{display:block;margin-bottom:7px}
.tool-search input{width:100%;padding:14px 16px;border:1px solid #cbd8e8;border-radius:14px;background:#fff;color:var(--ink);outline:none;box-shadow:0 12px 28px rgba(7,27,77,.06)}
.tool-search input:focus{border-color:var(--bright);box-shadow:0 0 0 4px rgba(25,195,255,.1)}
.tool-category-filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.tool-category-filters button{padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font:inherit;font-size:.76rem;font-weight:850;cursor:pointer}
.tool-category-filters button:hover,.tool-category-filters button.is-active{color:#fff;border-color:var(--navy);background:var(--navy)}
.tool-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.tool-directory-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;padding:19px;border:1px solid var(--line);border-radius:19px;background:#fff;color:inherit;box-shadow:0 14px 32px rgba(7,27,77,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.tool-directory-card:hover{transform:translateY(-3px);border-color:rgba(25,195,255,.35);box-shadow:0 20px 40px rgba(7,27,77,.1)}
.tool-directory-card[hidden]{display:none}
.tool-directory-card.is-featured{border-color:rgba(25,195,255,.28);background:linear-gradient(135deg,#fff,#f1f6ff)}
.directory-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,var(--navy),var(--bright));font-size:.61rem;font-weight:950;letter-spacing:.04em;box-shadow:0 11px 24px rgba(23,62,165,.18)}
.tool-directory-card h3{margin:3px 0 0;color:var(--navy);font-size:1rem}
.tool-directory-card p{margin:5px 0 0;color:var(--muted);font-size:.76rem;line-height:1.55}
.tool-directory-card>b{color:var(--blue);font-size:1.2rem}
.tool-badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:.56rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.tool-badge.popular{color:#0b6c36;background:#dcf8e8}
.tool-badge.important{color:#174f9f;background:#e2edff}
.tool-badge.new{color:#9b241d;background:#EAF9FF}
.tool-directory-empty{margin:22px 0 0;padding:18px;border:1px dashed #b8c9dd;border-radius:16px;text-align:center;color:var(--muted);background:#fff}
.tool-section{padding:52px 0 92px;scroll-margin-top:150px}
.tool-section-soft{background:#eef4ff}
.tool-panel{
  display:grid;grid-template-columns:.9fr 1.1fr;
  gap:64px;align-items:center;
}
.tool-panel-reverse .tool-copy{order:2}
.tool-panel-reverse .calculator-card{order:1}
.tool-copy{position:relative}
.tool-number{
  position:absolute;right:0;top:-40px;
  color:rgba(7,27,77,.055);font-size:7rem;font-weight:950;line-height:1;
  pointer-events:none;
}
.tool-copy h2{
  position:relative;margin:0;color:var(--navy);
  font-size:clamp(2rem,4vw,3.2rem);line-height:1.06;letter-spacing:-.04em;
}
.tool-copy>p{position:relative;margin:17px 0 0;color:var(--muted);font-size:1.02rem}
.tool-formula{
  position:relative;margin-top:23px;padding:14px 16px;
  border-left:4px solid var(--red);border-radius:10px;
  color:var(--navy);background:#fff;
  box-shadow:0 10px 28px rgba(7,27,77,.07);
  font-size:.86rem;font-weight:850;
}
.tool-notes{position:relative;margin:19px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.tool-notes li{display:flex;gap:9px;color:var(--muted);font-size:.84rem}
.tool-notes li::before{content:"✓";color:var(--green);font-weight:950}
.calculator-card{
  position:relative;padding:28px;border:1px solid var(--line);
  border-radius:28px;background:#fff;
  box-shadow:0 28px 70px rgba(7,27,77,.13);
}
.calculator-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(25,195,255,.055),transparent 40%,rgba(25,195,255,.04));
}
.calculator-card>*{position:relative}
.calculator-card-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.calculator-card-head>span{
  width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;
  border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--navy),var(--bright));
  box-shadow:0 13px 28px rgba(23,62,165,.2);
  font-size:.65rem;font-weight:950;letter-spacing:.04em;
}
.whatsapp-head>span{background:var(--green);color:#063c1c;box-shadow:0 13px 28px rgba(37,211,102,.22)}
.calculator-card-head h3{margin:0;color:var(--navy);font-size:1.28rem;line-height:1.2}
.calculator-card-head p{margin:3px 0 0;color:var(--muted);font-size:.77rem}
.calculator-card label{display:block;margin-top:15px;color:var(--navy);font-size:.82rem;font-weight:850}
.calculator-card input,.calculator-card textarea{
  width:100%;margin-top:7px;padding:13px 14px;
  border:1px solid #cbd8e8;border-radius:13px;
  background:#fbfdff;color:var(--ink);outline:none;
}
.calculator-card textarea{resize:vertical;min-height:112px}
.calculator-card input:focus,.calculator-card textarea:focus{
  border-color:var(--bright);box-shadow:0 0 0 4px rgba(25,195,255,.1)
}
.input-money,.input-suffix{position:relative}
.input-money>span{
  position:absolute;left:13px;top:50%;translate:0 -38%;z-index:2;
  color:var(--blue);font-size:.72rem;font-weight:950;
}
.input-money input{padding-left:53px}
.input-suffix>span{
  position:absolute;right:14px;top:50%;translate:0 -38%;
  color:var(--muted);font-weight:900;
}
.input-suffix input{padding-right:40px}
.calculator-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.calculator-button{width:100%;margin-top:20px}
.calculator-result,.link-result{
  margin-top:17px;padding:20px;border-radius:18px;
  background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;
  box-shadow:0 18px 38px rgba(7,27,77,.18);
}
.calculator-result small,.calculator-result strong,.calculator-result span{display:block}
.calculator-result small{color:#c2d1eb;font-size:.68rem}
.calculator-result strong{margin:4px 0;font-size:2rem;line-height:1.1}
.calculator-result>span{color:#bbcae4;font-size:.7rem}
.result-multi{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.result-multi>div{padding:12px;border-radius:13px;background:rgba(255,255,255,.08)}
.result-multi>div strong{font-size:1.2rem}
.result-multi>span{grid-column:1/-1}
.range-row{display:flex;align-items:center;gap:15px;margin-top:5px}
.range-row input{padding:0;border:0;box-shadow:none;accent-color:var(--red)}
.range-row output{
  min-width:58px;padding:8px 10px;border-radius:10px;text-align:center;
  color:#fff;background:var(--navy);font-size:.78rem;font-weight:900;
}
.link-result{background:#f4f8ff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.link-result label{margin-top:0}
.link-result input{background:#fff;font-size:.75rem}
.link-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.link-actions .button{flex:1;min-width:140px}
#copyStatus{display:block;min-height:21px;margin-top:8px;color:var(--green);font-size:.76rem;font-weight:800}
.profit-results{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:17px}
.profit-results article{
  padding:15px;border-radius:15px;
  color:#fff;background:linear-gradient(145deg,var(--navy),var(--blue));
  box-shadow:0 13px 27px rgba(7,27,77,.13);
}
.profit-results article:last-child{grid-column:1/-1;background:linear-gradient(145deg,#113c78,#0f9850)}
.profit-results small,.profit-results strong{display:block}
.profit-results small{color:#c3d1e8;font-size:.64rem}
.profit-results strong{margin-top:3px;font-size:1.05rem}
.form-error{
  margin-top:12px;padding:11px 13px;border-radius:10px;
  color:#8f1b16;background:#EFFBFF;font-size:.77rem;font-weight:750;
}
.tools-cta{padding-top:20px;background:#f7faff}
.tools-cta-card{
  display:flex;align-items:center;justify-content:space-between;gap:35px;
  padding:42px;border-radius:30px;
  color:#fff;background:
    radial-gradient(circle at 92% 20%,rgba(18,155,232,.5),transparent 28%),
    linear-gradient(145deg,var(--navy),var(--blue));
  box-shadow:0 30px 80px rgba(7,27,77,.22);
}
.tools-cta-card h2{max-width:760px;margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:1.06;letter-spacing:-.04em}
.tools-cta-card p{max-width:720px;margin:14px 0 0;color:#ccdaf2}
.tools-cta-card>a{flex:0 0 auto}
@media(max-width:980px){
  .directory-heading{grid-template-columns:1fr;align-items:start}
  .tools-hero-inner{grid-template-columns:1fr;gap:42px}
  .tools-hero-copy{text-align:center}
  .tools-hero-copy>p{margin-left:auto;margin-right:auto}
  .tools-hero-actions,.tools-trust{justify-content:center}
  .tools-hero-visual{max-width:700px;margin:auto;width:100%}
  .preview-dashboard{transform:none}
  .tool-panel{grid-template-columns:1fr;gap:34px}
  .tool-panel-reverse .tool-copy,.tool-panel-reverse .calculator-card{order:initial}
  .tools-cta-card{align-items:flex-start;flex-direction:column}
}
@media(max-width:680px){
  .tool-directory-grid{grid-template-columns:1fr}
  .tool-directory-card{padding:16px}
  .tools-hero{min-height:auto;padding:62px 0 70px}
  .tools-hero h1{font-size:clamp(2.7rem,13vw,4rem)}
  .preview-metrics{grid-template-columns:1fr}
  .preview-chart{height:150px}
  .calculator-card{padding:21px;border-radius:22px}
  .calculator-two-columns,.result-multi,.profit-results{grid-template-columns:1fr}
  .result-multi>span,.profit-results article:last-child{grid-column:auto}
  .tool-number{font-size:5.5rem}
  .tools-cta-card{padding:29px}
}
@media(prefers-reduced-motion:reduce){
  .preview-dashboard,.preview-chart span{animation:none!important}
}


/* =========================================================
   REAL-TIME CAMPAIGN ESTIMATOR
   ========================================================= */
.estimator-section{
  padding-top:38px;
  background:
    radial-gradient(circle at 10% 18%,rgba(25,195,255,.09),transparent 26%),
    radial-gradient(circle at 90% 82%,rgba(25,195,255,.08),transparent 30%),
    #f7faff;
}
.estimator-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:35px;
  margin-bottom:28px;
}
.estimator-heading h2{
  max-width:900px;
  margin:0;
  color:var(--navy);
  font-size:clamp(2.2rem,4.4vw,3.8rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
.estimator-heading p{
  max-width:820px;
  margin:15px 0 0;
  color:var(--muted);
}
.estimator-model-note{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:245px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(7,27,77,.08);
}
.live-model-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 7px rgba(37,211,102,.13);
}
.estimator-model-note strong,
.estimator-model-note small{
  display:block;
}
.estimator-model-note strong{
  color:var(--navy);
  font-size:.82rem;
}
.estimator-model-note small{
  margin-top:2px;
  color:var(--muted);
  font-size:.67rem;
}
.estimator-shell{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:22px;
  align-items:stretch;
}
.estimator-form,
.estimator-results{
  position:relative;
  padding:28px;
  border-radius:28px;
}
.estimator-form{
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 24px 60px rgba(7,27,77,.11);
}
.estimator-form-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:19px;
}
.estimator-form-head>span{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  flex:0 0 50px;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(145deg,var(--red),#4FD2FF);
  box-shadow:0 13px 28px rgba(25,195,255,.22);
  font-size:.68rem;
  font-weight:950;
}
.estimator-form-head h3{
  margin:0;
  color:var(--navy);
  font-size:1.25rem;
}
.estimator-form-head p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:.75rem;
}
.estimator-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.estimator-form label{
  display:block;
  color:var(--navy);
  font-size:.78rem;
  font-weight:850;
}
.estimator-form select,
.estimator-form input{
  width:100%;
  min-height:48px;
  margin-top:7px;
  padding:12px 13px;
  border:1px solid #cbd8e8;
  border-radius:13px;
  outline:none;
  color:var(--ink);
  background:#fbfdff;
}
.estimator-form select:focus,
.estimator-form input:focus{
  border-color:var(--bright);
  box-shadow:0 0 0 4px rgba(25,195,255,.1);
}
.estimator-form .input-money>span{
  top:50%;
  translate:0 -35%;
}
.estimator-refresh{
  width:100%;
  margin-top:19px;
}
.estimator-small-print{
  margin:10px 0 0;
  color:var(--muted);
  text-align:center;
  font-size:.67rem;
}
.estimator-results{
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 94% 8%,rgba(122,101,255,.38),transparent 30%),
    radial-gradient(circle at 6% 95%,rgba(25,195,255,.19),transparent 27%),
    linear-gradient(145deg,#061638,#0b2a66 58%,#164a99);
  box-shadow:0 30px 85px rgba(7,27,77,.27);
}
.estimator-results::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);
}
.estimator-results>*{
  position:relative;
  z-index:2;
}
.estimator-results-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.results-live{
  display:flex;
  align-items:center;
  gap:8px;
  color:#bcd1f1;
  font-size:.68rem;
  font-weight:850;
}
.results-live i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 5px rgba(37,211,102,.14);
}
.estimator-results-head h3{
  margin:8px 0 0;
  color:#fff;
  font-size:1.18rem;
}
.fit-badge{
  flex:0 0 auto;
  padding:8px 11px;
  border-radius:999px;
  font-size:.66rem;
  font-weight:950;
}
.fit-strong{
  color:#baf5d0;
  background:rgba(37,211,102,.13);
  border:1px solid rgba(37,211,102,.28);
}
.fit-good{
  color:#c9ddff;
  background:rgba(25,195,255,.16);
  border:1px solid rgba(137,183,255,.24);
}
.fit-test{
  color:#D8F5FF;
  background:rgba(25,195,255,.14);
  border:1px solid rgba(255,123,110,.25);
}
.estimator-primary-results{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:20px;
}
.estimator-primary-results article{
  padding:19px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  background:rgba(3,19,55,.36);
}
.estimator-primary-results small,
.estimator-primary-results strong,
.estimator-primary-results span{
  display:block;
}
.estimator-primary-results small{
  color:#aebfdb;
  font-size:.65rem;
}
.estimator-primary-results strong{
  margin:4px 0;
  color:#fff;
  font-size:clamp(1.45rem,3vw,2.15rem);
  line-height:1;
}
.estimator-primary-results span{
  color:#c1d0e9;
  font-size:.69rem;
}
.estimator-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  margin-top:10px;
}
.estimator-metrics article{
  padding:13px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.075);
}
.estimator-metrics span,
.estimator-metrics strong{
  display:block;
}
.estimator-metrics span{
  color:#aebfdb;
  font-size:.57rem;
}
.estimator-metrics strong{
  margin-top:4px;
  color:#fff;
  font-size:.84rem;
}
.estimator-insight{
  display:flex;
  align-items:flex-start;
  gap:13px;
  margin-top:13px;
  padding:15px;
  border-radius:16px;
  background:rgba(255,255,255,.085);
}
.estimator-insight-icon{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  flex:0 0 35px;
  border-radius:11px;
  color:#fff;
  background:var(--red);
  font-weight:950;
}
.estimator-insight strong{
  display:block;
  color:#fff;
  font-size:.82rem;
}
.estimator-insight p{
  margin:4px 0 0;
  color:#bfd0ea;
  font-size:.7rem;
  line-height:1.5;
}
.estimator-assumptions{
  margin-top:12px;
  padding:13px 15px;
  border-left:3px solid #8EDFFF;
  border-radius:10px;
  background:rgba(3,19,55,.25);
}
.estimator-assumptions strong,
.estimator-assumptions span{
  display:block;
}
.estimator-assumptions strong{
  color:#fff;
  font-size:.7rem;
}
.estimator-assumptions span{
  margin-top:4px;
  color:#afc3e0;
  font-size:.64rem;
  line-height:1.5;
}
.estimator-actions{
  display:flex;
  gap:10px;
  margin-top:14px;
}
.estimator-actions .button{
  flex:1;
}
.estimator-copy-status{
  display:block;
  min-height:20px;
  margin-top:7px;
  color:#9af1bc;
  text-align:center;
  font-size:.68rem;
  font-weight:850;
}
.estimator-disclaimer{
  margin-top:8px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#aebfdb;
  font-size:.6rem;
  line-height:1.5;
}
.estimator-disclaimer strong{
  color:#fff;
}
@media(max-width:1080px){
  .estimator-shell{
    grid-template-columns:1fr;
  }
}
@media(max-width:820px){
  .estimator-heading{
    align-items:flex-start;
    flex-direction:column;
  }
  .estimator-model-note{
    min-width:0;
    width:100%;
  }
  .estimator-metrics{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:580px){
  .estimator-form,
  .estimator-results{
    padding:21px;
    border-radius:22px;
  }
  .estimator-fields,
  .estimator-primary-results{
    grid-template-columns:1fr;
  }
  .estimator-results-head{
    flex-direction:column;
  }
  .estimator-actions{
    flex-direction:column;
  }
}

/* UTM campaign link builder */
.calculator-card select{
  width:100%;margin-top:7px;padding:13px 14px;
  border:1px solid #cbd8e8;border-radius:13px;
  background:#fbfdff;color:var(--ink);outline:none;
}
.calculator-card select:focus{
  border-color:var(--bright);box-shadow:0 0 0 4px rgba(25,195,255,.1)
}
.field-optional{color:var(--muted);font-size:.67rem;font-weight:750}
.utm-settings{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
  margin-top:16px;padding:14px;border:1px solid var(--line);
  border-radius:15px;background:#f8fbff;
}
.utm-settings>label{margin:0;display:flex;align-items:center;gap:9px}
.utm-settings>label:last-child{display:block}
.utm-settings input[type="checkbox"]{
  width:18px;height:18px;margin:0;flex:0 0 18px;accent-color:var(--blue)
}
.utm-settings select{margin-top:6px}
.utm-result textarea{
  min-height:96px;resize:vertical;background:#fff;font-size:.74rem;line-height:1.55
}
.utm-summary{
  margin-top:10px;padding:9px 11px;border-radius:10px;
  color:var(--blue);background:#eaf2ff;font-size:.72rem;font-weight:850;
  overflow-wrap:anywhere;
}
.open-utm-link{color:var(--navy)!important;background:#fff!important;border-color:var(--line)!important}
.utm-copy-status{
  display:block;min-height:21px;margin-top:8px;
  color:#158049;font-size:.76rem;font-weight:800;
}
@media(max-width:680px){
  .utm-settings{grid-template-columns:1fr}
}

/* AI ad copy generator */
.ai-copy-head>span{
  background:linear-gradient(145deg,#129BE8,var(--bright));
  box-shadow:0 13px 28px rgba(18,155,232,.25)
}
.ai-copy-options{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;
  margin-top:16px;padding:14px;border:1px solid var(--line);
  border-radius:15px;background:#f8fbff;
}
.ai-copy-options>label{margin:0;display:flex;align-items:center;gap:9px}
.ai-copy-options>label:last-child{display:block}
.ai-copy-options input[type="checkbox"]{
  width:18px;height:18px;margin:0;flex:0 0 18px;accent-color:var(--blue)
}
.ai-copy-options select{margin-top:6px}
.ai-generator-status{
  margin-top:10px;padding:10px 12px;border-radius:11px;
  color:var(--blue);background:#eaf2ff;font-size:.74rem;font-weight:800;
}
.ai-generator-status.is-working{color:#654f00;background:#fff5c8}
.ai-generator-status.is-ai{color:#116a3a;background:#e7f8ee}
.ai-generator-status.is-template{color:#7a4f00;background:#fff2d8}
.ai-copy-results{display:grid;gap:14px;margin-top:17px}
.ai-variation{
  padding:18px;border:1px solid var(--line);border-radius:18px;background:#f8fbff;
  box-shadow:0 10px 26px rgba(7,27,77,.06)
}
.ai-variation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.ai-variation-head strong{color:var(--navy);font-size:.9rem}
.ai-variation-head button{
  border:0;border-radius:9px;padding:7px 10px;cursor:pointer;
  color:var(--blue);background:#e7f0ff;font-size:.68rem;font-weight:900
}
.ai-output-group{margin-top:12px}
.ai-output-group:first-of-type{margin-top:0}
.ai-output-group small{display:block;margin-bottom:5px;color:var(--muted);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.ai-output-group p{margin:0;color:var(--ink);font-size:.82rem;line-height:1.6;white-space:pre-wrap}
.ai-output-list{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.ai-output-list li{padding:7px 9px;border-radius:9px;color:var(--navy);background:#fff;border:1px solid var(--line);font-size:.72rem;font-weight:800}
.ai-compliance-note{
  padding:12px 13px;border-left:3px solid var(--green);border-radius:10px;
  color:var(--muted);background:#effaf3;font-size:.7rem;line-height:1.5
}
.ai-copy-results[hidden],.ai-copy-actions[hidden]{display:none!important}
.ai-copy-actions{display:flex;gap:10px;margin-top:14px}
.ai-copy-actions .button{flex:1}
.ai-regenerate{color:var(--navy)!important;background:#fff!important;border-color:var(--line)!important}
.ai-copy-status{display:block;min-height:21px;margin-top:8px;color:#158049;font-size:.76rem;font-weight:800}
@media(max-width:760px){
  .ai-copy-options{grid-template-columns:1fr}
  .ai-copy-actions{flex-direction:column}
}


/* AI WhatsApp reply generator */
.whatsapp-reply-head>span{
  background:linear-gradient(145deg,#15a958,#087a40);
  box-shadow:0 13px 28px rgba(21,169,88,.25)
}
.whatsapp-reply-options{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
  margin-top:16px;padding:14px;border:1px solid var(--line);
  border-radius:15px;background:#f4fbf7;
}
.whatsapp-reply-options>label{margin:0;display:flex;align-items:flex-start;gap:9px;line-height:1.45}
.whatsapp-reply-options input[type="checkbox"]{
  width:18px;height:18px;margin:1px 0 0;flex:0 0 18px;accent-color:#159957
}
.whatsapp-reply-results .ai-variation{background:#f7fcf9}
.whatsapp-reply-results .ai-variation:first-child{
  border-color:rgba(21,169,88,.34);box-shadow:0 12px 30px rgba(21,169,88,.09)
}
.wa-reply-open[aria-disabled="true"]{opacity:.55;pointer-events:none}
.wa-reply-context{
  margin-top:12px;padding:11px 12px;border-radius:11px;
  color:#315548;background:#eaf7ef;font-size:.72rem;line-height:1.5
}
@media(max-width:760px){
  .whatsapp-reply-options{grid-template-columns:1fr}
}

.ai-generator-status.is-live{color:#0f7a3c;background:rgba(37,211,102,.08);border-color:rgba(37,211,102,.22)}


/* AI campaign analysis inside the existing campaign estimator */
.estimator-ai-panel{
  margin-top:13px;
  padding:16px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:rgba(255,255,255,.075);
}
.estimator-ai-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.estimator-ai-kicker{
  display:block;
  margin-bottom:4px;
  color:#9BE5FF;
  font-size:.61rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.estimator-ai-head strong,
.estimator-ai-head small{display:block}
.estimator-ai-head strong{color:#fff;font-size:.85rem}
.estimator-ai-head small{margin-top:4px;color:#b8c8df;font-size:.64rem;line-height:1.45}
.estimator-ai-badge{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 38px;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(145deg,#173EA5,#19C3FF);
  box-shadow:0 10px 24px rgba(25,195,255,.22);
  font-size:.68rem;
  font-weight:950;
}
.estimator-ai-button{width:100%;margin-top:13px}
.estimator-ai-panel .ai-generator-status{
  margin-top:9px;
  border:1px solid rgba(255,255,255,.1);
  color:#bfd0ea;
  background:rgba(3,19,55,.28);
}
.estimator-ai-panel .ai-generator-status.is-working{color:#ffe9a3;background:rgba(132,102,0,.24)}
.estimator-ai-panel .ai-generator-status.is-live{color:#a8f4c2;background:rgba(37,211,102,.12)}
.estimator-ai-panel .ai-generator-status.is-template{color:#ffd8a1;background:rgba(255,168,48,.12)}
.campaign-ai-result{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.campaign-ai-result[hidden],
.campaign-ai-actions[hidden]{display:none!important}
.campaign-ai-summary,
.campaign-ai-card{
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:rgba(3,19,55,.30);
}
.campaign-ai-summary strong,
.campaign-ai-card strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:.72rem;
}
.campaign-ai-summary p,
.campaign-ai-card p{
  margin:0;
  color:#c2d1e8;
  font-size:.68rem;
  line-height:1.55;
  white-space:pre-wrap;
}
.campaign-ai-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.campaign-ai-list{
  margin:0;
  padding-left:18px;
  color:#c2d1e8;
  font-size:.67rem;
  line-height:1.55;
}
.campaign-ai-list li+li{margin-top:4px}
.campaign-ai-next{
  border-left:3px solid #8EDFFF;
}
.campaign-ai-review{
  color:#9fb4d3!important;
  font-size:.61rem!important;
}
.campaign-ai-actions{
  display:flex;
  gap:9px;
  margin-top:12px;
}
.campaign-ai-actions .button{flex:1}
@media(max-width:580px){
  .campaign-ai-grid{grid-template-columns:1fr}
  .campaign-ai-actions{flex-direction:column}
}