:root{
  --bg:#000; --panel:#060606; --panel2:#0e0e0e; --text:#fff; --muted:#d8d8d8;
  --gold:#c98723; --gold2:#ffae42; --blue:#00d9ff; --green:#00ffcc; --red:#ff6666;
  --shadow-gold:rgba(201,135,35,.42); --shadow-blue:rgba(0,217,255,.35);
}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:145px} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.6} a{color:inherit}.site-header{width:100%;padding:28px 18px 18px;background:#000;position:sticky;top:0;z-index:1000}.nav-shell{position:relative;max-width:1200px;min-height:92px;margin:0 auto;padding:18px 78px;background:var(--panel);border:2px solid var(--gold);border-radius:24px;box-shadow:0 0 22px var(--shadow-gold);display:flex;align-items:center;justify-content:center}.logo-wrap{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.header-logo{display:block;max-width:260px;width:auto;height:54px;object-fit:contain}.menu-toggle{position:absolute;right:26px;top:50%;transform:translateY(-50%);width:56px;height:56px;border:2px solid var(--gold);border-radius:16px;background:#050505;box-shadow:0 0 14px var(--shadow-gold);cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{width:28px;height:4px;background:#fff;border-radius:99px;display:block;transition:.25s}body.menu-open .menu-toggle span:nth-child(1){transform:translateY(10px) rotate(45deg)}body.menu-open .menu-toggle span:nth-child(2){opacity:0}body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.nav-menu{position:absolute;top:calc(100% + 14px);right:0;width:min(320px,calc(100vw - 36px));padding:16px;background:#050505;border:2px solid var(--gold);border-radius:20px;box-shadow:0 0 22px var(--shadow-gold);display:none;flex-direction:column;gap:10px}body.menu-open .nav-menu{display:flex}.nav-menu a{color:#fff;text-decoration:none;text-align:center;padding:13px 16px;border:1px solid rgba(255,255,255,.35);border-radius:14px;background:#000;transition:.2s}.nav-menu a:hover{border-color:var(--blue);box-shadow:0 0 14px rgba(0,217,255,.55);transform:translateY(-1px)}main{overflow:hidden}.section{max-width:1120px;margin:0 auto;padding:70px 20px}.hero{max-width:1120px;margin:46px auto 20px;padding:76px 24px;text-align:center;border:2px solid var(--blue);border-radius:30px;box-shadow:0 0 34px var(--shadow-blue);background:radial-gradient(circle at top,rgba(0,217,255,.16),transparent 38%),linear-gradient(135deg,#050505,#000)}.eyebrow{color:var(--gold2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.86rem}.hero h1{margin:14px auto 16px;font-size:clamp(2.25rem,7vw,5rem);line-height:1.05;text-shadow:0 0 18px rgba(255,255,255,.32);max-width:900px}.hero p{max-width:760px;margin:0 auto 28px;color:var(--muted);font-size:1.16rem}.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;font-weight:800;padding:13px 22px;border-radius:999px;border:2px solid var(--gold2);background:rgba(255,174,66,.12);box-shadow:0 0 18px rgba(255,174,66,.3)}.btn.secondary{border-color:var(--blue);background:rgba(0,217,255,.08);box-shadow:0 0 18px rgba(0,217,255,.25)}.section h2{text-align:center;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;margin:0 0 18px;text-shadow:0 0 16px rgba(0,217,255,.25)}.lead{max-width:780px;margin:0 auto 32px;text-align:center;color:var(--muted);font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(180deg,#0d0d0d,#050505);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:24px;box-shadow:0 0 18px rgba(255,255,255,.05)}.card h3{margin:0 0 10px;color:var(--gold2);font-size:1.25rem}.card p,.card li{color:var(--muted)}.card ul{padding-left:20px;margin:10px 0 0}.highlight{border:2px solid var(--gold);box-shadow:0 0 24px var(--shadow-gold)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bad h3{color:#ff8888}.good h3{color:var(--green)}.price{font-size:2.3rem;color:#fff;font-weight:900;text-align:center;margin:12px 0}.faq details{background:#080808;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px 18px;margin:12px 0}.faq summary{cursor:pointer;font-weight:800;color:#fff}.faq p{color:var(--muted);margin:12px 0 0}.contact-box{text-align:center;max-width:820px;margin:0 auto;border:2px solid var(--blue);border-radius:28px;padding:34px 22px;box-shadow:0 0 30px var(--shadow-blue);background:#050505}.site-footer{text-align:center;padding:46px 18px;background:#030303;border-top:1px solid rgba(255,255,255,.12)}.footer-logo{max-width:220px;height:auto;margin-bottom:16px}.footer-note{color:var(--muted);font-size:.95rem}.small{font-size:.92rem;color:#bdbdbd}.lang-note{border:1px solid rgba(255,174,66,.4);border-radius:20px;padding:20px;background:rgba(255,174,66,.06)}
@media(max-width:850px){.grid,.grid.two,.compare{grid-template-columns:1fr}.section{padding:54px 16px}.hero{margin:28px 14px;padding:56px 18px}.card{padding:20px}.site-header{padding:18px 12px 12px}.nav-shell{min-height:84px;padding:16px 70px 16px 22px;border-radius:20px}.header-logo{max-width:190px;height:46px}.menu-toggle{right:16px;width:52px;height:52px}.nav-menu{right:0}.cta-row{align-items:center}.btn{width:100%;max-width:310px;text-align:center}}


/* Visual polish: brighter section borders, colored titles, cleaner cards */
.section:not(.hero){
  position:relative;
  margin-top:22px;
  margin-bottom:22px;
  border:1px solid rgba(0,217,255,.22);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,0));
  box-shadow:0 0 22px rgba(0,217,255,.08);
}
.section:nth-of-type(even):not(.hero){
  border-color:rgba(255,174,66,.28);
  box-shadow:0 0 22px rgba(255,174,66,.08);
}
.section h2{
  color:var(--blue);
  text-shadow:0 0 18px rgba(0,217,255,.42);
}
.section:nth-of-type(even) h2{
  color:var(--gold2);
  text-shadow:0 0 18px rgba(255,174,66,.38);
}
.card{
  border:1.5px solid rgba(0,217,255,.30);
  box-shadow:0 0 20px rgba(0,217,255,.09), inset 0 0 18px rgba(255,255,255,.025);
}
.card:nth-child(2n){
  border-color:rgba(255,174,66,.32);
  box-shadow:0 0 20px rgba(255,174,66,.09), inset 0 0 18px rgba(255,255,255,.025);
}
.card:nth-child(3n){
  border-color:rgba(0,255,204,.26);
  box-shadow:0 0 20px rgba(0,255,204,.075), inset 0 0 18px rgba(255,255,255,.025);
}
.card h3{color:var(--gold2)}
.card:nth-child(2n) h3{color:var(--blue)}
.card:nth-child(3n) h3{color:var(--green)}
.highlight{
  border:2px solid var(--gold2);
  box-shadow:0 0 30px rgba(255,174,66,.28), inset 0 0 24px rgba(255,174,66,.04);
}
.contact-box h2{color:var(--blue)}
.footer-contact{
  margin:12px auto 10px;
  color:#fff;
  font-weight:700;
}
.footer-contact a{
  color:var(--gold2);
  text-decoration:none;
}
.footer-contact a:hover{text-decoration:underline}
.footer-logo{display:block;margin:0 auto 16px;max-width:230px;height:auto;object-fit:contain}
@media(max-width:850px){
  .section:not(.hero){margin-left:12px;margin-right:12px;border-radius:22px}
}

/* Case study section */
.case-teaser{
  text-align:center;
  border:2px solid rgba(255,174,66,.46) !important;
  box-shadow:0 0 30px rgba(255,174,66,.16), inset 0 0 26px rgba(255,174,66,.035) !important;
  background:radial-gradient(circle at top,rgba(255,174,66,.12),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,0));
}
.case-teaser .eyebrow, .case-hero .eyebrow{
  color:var(--green);
  margin-bottom:12px;
}
.case-teaser h2{
  color:var(--gold2) !important;
  text-shadow:0 0 20px rgba(255,174,66,.42) !important;
}
.case-hero{
  border-color:var(--gold2);
  box-shadow:0 0 34px rgba(255,174,66,.25);
}
.case-list ul{
  max-width:900px;
  margin:0 auto;
}
.case-list li{
  margin:10px 0;
}
.site-footer a{
  color:var(--gold2);
  text-decoration:none;
}
.site-footer a:hover{text-decoration:underline}

/* FIX HEADER LOGO SIZE */
.header-logo {
  height: 80px;
  width: auto;
  display: block;
}

/* FIX FOOTER LOGO SIZE */
.footer-logo {
  height: 60px;
  width: auto;
}
/* FINAL LOGO + FOOTER FIX */
.logo-wrap{display:flex;align-items:center;justify-content:center;min-width:280px;min-height:58px}.header-logo{display:block!important;width:280px!important;max-width:80vw!important;height:auto!important;object-fit:contain!important}.real-footer{text-align:left;padding:42px 20px;background:#030303;border-top:1px solid rgba(255,255,255,.16)}.footer-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-info h3{margin:0 0 10px;color:#fff;font-size:1.25rem}.footer-info p{margin:7px 0;color:#d6d6d6}.footer-info a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}.footer-brand{display:flex;justify-content:flex-end;align-items:center;min-width:260px}.footer-logo{display:block!important;width:260px!important;max-width:80vw!important;height:auto!important;object-fit:contain!important;margin:0!important}@media(max-width:760px){.logo-wrap{min-width:190px}.header-logo{width:210px!important}.footer-inner{flex-direction:column;align-items:flex-start}.footer-brand{justify-content:flex-start;min-width:0}.footer-logo{width:220px!important}}

/* ===== RESTORED STATICFY SALES SECTIONS ===== */
.hero-subline,.strong-line{color:var(--gold2)!important;font-weight:800;text-align:center}.testimonial{text-align:center}.testimonial-text{font-size:1.25rem;color:#fff;max-width:760px;margin:20px auto;line-height:1.7}.testimonial-author,.founder-name{color:var(--blue);font-weight:800;text-align:center}.small-quote{font-size:1.05rem}.checklist-grid p{margin:10px 0;color:var(--muted)}
.footer-three{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;align-items:center!important}.footer-info{text-align:left}.footer-founder{text-align:center}.founder-img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid var(--blue);box-shadow:0 0 12px var(--blue),0 0 30px rgba(0,217,255,.5)}.footer-brand{justify-content:flex-end}.footer-note{color:var(--muted)}
@media(max-width:760px){.footer-three{grid-template-columns:1fr!important;gap:28px!important}.footer-info,.footer-founder,.footer-brand{text-align:center!important;justify-content:center!important}.founder-img{width:135px;height:135px}.grid{grid-template-columns:1fr!important}}

/* Clickable homepage blog cards */
.blog-card{
  display:block;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.blog-card:hover{
  transform:translateY(-4px);
  border-color:var(--blue);
  box-shadow:0 0 24px rgba(0,217,255,.35);
}
.blog-card:focus-visible{
  outline:3px solid var(--gold2);
  outline-offset:4px;
}
.read-post{
  display:inline-block;
  margin-top:12px;
  padding:9px 14px;
  border:1px solid var(--gold2);
  border-radius:999px;
  color:#fff;
  font-weight:800;
  box-shadow:0 0 14px rgba(255,174,66,.22);
}
.blog-card:hover .read-post{
  border-color:var(--blue);
  box-shadow:0 0 16px rgba(0,217,255,.45);
}

/* Updated testimonial cards */
.testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
.testimonial-card{padding:26px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.035);box-shadow:0 0 24px rgba(0,217,255,.10);text-align:left}
.testimonial-label{display:inline-block;margin-bottom:10px;color:var(--gold2);font-weight:800;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}
.testimonial-card .testimonial-text{font-size:1.18rem;color:#fff;max-width:760px;margin:14px 0;line-height:1.7}
.testimonial-card .testimonial-author{color:var(--blue);font-weight:800;text-align:left}
.testimonial-link{display:inline-block;margin-top:10px;color:var(--gold2);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,174,66,.55)}
.testimonial-link:hover{color:#fff;border-bottom-color:#fff}
@media(max-width:760px){.testimonial-grid{grid-template-columns:1fr}.testimonial-card{text-align:center}.testimonial-card .testimonial-author{text-align:center}}

/* === STATICFY NAV BORDER FIX BY CHATGPT === */
.nav-shell{
  border:0 !important;
  box-shadow:0 0 10px rgba(0,217,255,.5),0 0 20px rgba(255,0,0,.25) !important;
  overflow:visible;
  z-index:1;
}
.nav-shell::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:24px;
  padding:2px;
  background:linear-gradient(270deg,#00d9ff,#000000,#ff0000,#ffff00,#00d9ff);
  background-size:400% 400%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  animation:navShift 14s linear infinite;
  z-index:-1;
  pointer-events:none;
}
@keyframes navShift{
  0%{background-position:0% 50%}
  100%{background-position:400% 50%}
}
@media(max-width:850px){
  .nav-shell::before{border-radius:20px;}
}

/* === HAMBURGER MENU FIX === */
.menu-toggle{
  z-index:20 !important;
  pointer-events:auto !important;
}
.nav-menu{
  z-index:30 !important;
}
.nav-shell::before{
  pointer-events:none !important;
}

/* Shared navigation language divider */
.nav-divider{
  width:100%;
  border:0;
  border-top:1px solid rgba(255,255,255,.25);
  margin:8px 0;
}

/* Hero language buttons */
.hero-language-switch{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto 24px}.hero-language-switch a{color:#fff;text-decoration:none;font-weight:800;padding:10px 18px;border:2px solid rgba(255,255,255,.55);border-radius:999px;background:#000;box-shadow:0 0 14px rgba(255,255,255,.12);transition:.2s ease}.hero-language-switch a:hover{border-color:var(--blue);box-shadow:0 0 18px rgba(0,217,255,.55);transform:translateY(-1px)}


/* === SCROLLING DROPDOWN FIX ===
   Keeps long navigation usable on laptops and phones. */
.nav-menu{
  max-height:calc(100vh - 150px) !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.nav-menu::-webkit-scrollbar{width:8px}
.nav-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.35);border-radius:999px}
@media(max-width:850px){
  .nav-menu{max-height:calc(100vh - 125px) !important;}
}


/* === MONEY-MAKING CTA UPGRADES === */
.hero-phone-line{margin-top:18px;color:#fff;font-weight:800;text-align:center}.hero-phone-line a{color:var(--gold2);text-decoration:none;border-bottom:1px solid rgba(255,174,66,.65)}.qualifier{border:1px solid rgba(255,174,66,.22);border-radius:28px;background:radial-gradient(circle at top,rgba(255,174,66,.08),rgba(255,255,255,.02))}.warning-card{border-color:rgba(255,174,66,.35)!important}.price-justifier{max-width:820px;margin:0 auto 22px;padding:18px 20px;border:1px solid rgba(0,217,255,.45);border-radius:18px;background:rgba(0,217,255,.08);color:#fff;font-size:1.08rem;line-height:1.65;font-weight:800;text-align:center;box-shadow:0 0 22px rgba(0,217,255,.18)}.floating-call-cta{position:fixed;right:18px;bottom:18px;z-index:9999;background:#00e5ff;color:#000;font-weight:900;text-decoration:none;padding:14px 18px;border-radius:999px;box-shadow:0 0 18px rgba(0,229,255,.9);border:2px solid #fff;font-size:15px;letter-spacing:.2px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.floating-call-cta:hover{background:#fff;color:#000;box-shadow:0 0 24px rgba(255,255,255,1);transform:translateY(-2px)}@media(max-width:600px){.floating-call-cta{right:12px;bottom:12px;font-size:14px;padding:12px 15px}.price-justifier{font-size:1rem;padding:16px 14px}}


/* === FINAL COMPARISON SECTION POLISH === */
.comparison-section{max-width:1120px;margin:30px auto;padding:54px 20px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,0));border:1px solid rgba(0,217,255,.22);border-radius:28px;box-shadow:0 0 22px rgba(0,217,255,.08)}
.comparison-section h2{margin:0 0 14px;font-size:clamp(1.7rem,3.4vw,2.45rem);line-height:1.15;color:var(--blue);text-shadow:0 0 18px rgba(0,217,255,.36)}
.comparison-section .lead{max-width:780px;margin-left:auto;margin-right:auto}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;margin-top:26px}
.comparison-card{padding:22px;border-radius:20px;background:linear-gradient(180deg,#0d0d0d,#050505);text-align:left;border:1.5px solid rgba(255,255,255,.18);box-shadow:0 0 18px rgba(255,255,255,.05),inset 0 0 18px rgba(255,255,255,.025)}
.comparison-card h3{margin:0 0 12px;font-size:1.12rem;line-height:1.3}.comparison-card ul{list-style:none;margin:10px 0 0;padding:0}.comparison-card li{margin:9px 0;padding-left:28px;position:relative;font-size:.98rem;line-height:1.52;color:var(--muted)}
.comparison-card.bad{border-color:rgba(255,102,102,.38);box-shadow:0 0 18px rgba(255,102,102,.09),inset 0 0 18px rgba(255,255,255,.025)}.comparison-card.bad h3{color:#ff8888}.comparison-card.bad li::before{content:"✕";position:absolute;left:0;color:#ff6666;font-weight:900}
.comparison-card.good{border-color:rgba(0,255,204,.34);box-shadow:0 0 18px rgba(0,255,204,.10),inset 0 0 18px rgba(255,255,255,.025)}.comparison-card.good h3{color:var(--green)}.comparison-card.good li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.cost-proof{max-width:780px;margin:26px auto 0;padding:22px;border-radius:20px;background:linear-gradient(180deg,#0d0d0d,#050505);border:1.5px solid rgba(0,217,255,.30);box-shadow:0 0 18px rgba(0,217,255,.09),inset 0 0 18px rgba(255,255,255,.025)}
.cost-proof h3{margin:0 0 10px;font-size:1.15rem;line-height:1.3;color:var(--gold2)}.cost-proof p{margin:8px 0;font-size:.98rem;line-height:1.55;color:var(--muted)}.cost-proof strong{color:var(--green);font-size:1.03em}
@media(max-width:850px){.comparison-section{margin:22px 12px;padding:46px 16px;border-radius:22px}.comparison-grid{grid-template-columns:1fr}.comparison-card,.cost-proof{padding:19px}}

/* === MASSAGE THERAPY DEMO === */
.demo-hero{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:110px 20px 72px;background:radial-gradient(circle at top,rgba(0,217,255,.14),rgba(0,0,0,0) 38%),linear-gradient(180deg,#050505,#000)}
.demo-kicker{display:inline-block;margin-bottom:16px;color:var(--gold2);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.88rem}
.demo-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.demo-service-list .card{height:100%}
.demo-band{border:1px solid rgba(0,217,255,.25);border-radius:28px;background:linear-gradient(135deg,rgba(0,217,255,.08),rgba(255,174,66,.06));padding:34px;margin-top:24px;text-align:center}
.demo-price{font-size:clamp(2rem,5vw,3.3rem);font-weight:900;color:var(--green);text-shadow:0 0 18px rgba(0,255,204,.35);margin:10px 0}.demo-note{color:var(--muted);font-size:.95rem}
@media(max-width:850px){.demo-service-list{grid-template-columns:1fr}.demo-hero{min-height:auto;padding-top:96px}.demo-band{padding:26px 18px}}


/* Massage demo image polish */
.image-hero.demo-hero {
  position: relative;
  min-height: 72vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 120px 22px 90px;
  border-bottom: 1px solid rgba(82,255,204,.22);
}
.demo-hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: 0;
}
.demo-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.42), rgba(0,0,0,.68));
  z-index: 1;
}
.demo-hero-content {
  position: relative;
  z-index: 2;
  width: min(760px, 100%);
  text-align: center;
  margin: 0 auto;
}
.demo-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .95fr);
  gap: 26px;
  align-items: center;
  margin-top: 28px;
}
.demo-photo-card {
  margin: 0;
  border: 1px solid rgba(82,255,204,.22);
  border-radius: 22px;
  background: rgba(255,255,255,.04);
  box-shadow: 0 0 24px rgba(0,255,204,.10);
  overflow: hidden;
}
.demo-photo-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 11;
  object-fit: cover;
}
.demo-photo-card.wide img {
  aspect-ratio: 16 / 8.5;
}
.demo-photo-card figcaption {
  padding: 14px 16px 16px;
  color: rgba(255,255,255,.78);
  font-size: .95rem;
  line-height: 1.45;
}
.demo-atmosphere {
  padding-top: 72px;
}
@media (max-width: 820px) {
  .image-hero.demo-hero {
    min-height: 68vh;
    padding: 100px 18px 70px;
  }
  .demo-hero-overlay {
    background: rgba(0,0,0,.56);
  }
  .demo-split {
    grid-template-columns: 1fr;
  }
  .demo-photo-card.wide img,
  .demo-photo-card img {
    aspect-ratio: 4 / 3;
  }
}

/* === Final mobile-safe massage demo image lock === */
.image-hero.demo-hero {
  min-height: 72vh;
  padding: 120px 22px 90px;
  justify-content: flex-start;
}
.demo-hero-img {
  object-fit: cover;
  object-position: 58% center;
}
.demo-hero-overlay {
  background: linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.62) 38%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.55) 100%);
}
.demo-hero-content {
  max-width: 560px;
  margin: 0 auto 0 max(22px, calc((100vw - 1120px) / 2 + 22px));
  padding: 24px 22px;
  text-align: left;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 24px;
  background: rgba(0,0,0,.28);
  backdrop-filter: blur(2px);
  box-shadow: 0 0 28px rgba(0,0,0,.38);
}
.demo-hero-content .lead,
.demo-hero-content .hero-phone-line {
  text-align: left;
}
.demo-hero-content .cta-row {
  justify-content: flex-start;
}
.demo-photo-card img,
.demo-photo-card.wide img {
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center center;
}
@media (max-width: 820px) {
  .image-hero.demo-hero {
    min-height: 620px;
    padding: 94px 16px 54px;
    align-items: flex-end;
    justify-content: center;
  }
  .demo-hero-img {
    object-position: 62% center;
  }
  .demo-hero-overlay {
    background: linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.34) 35%, rgba(0,0,0,.78) 100%);
  }
  .demo-hero-content {
    width: min(100%, 560px);
    margin: 0 auto;
    padding: 18px 16px;
    text-align: center;
  }
  .demo-hero-content .lead,
  .demo-hero-content .hero-phone-line {
    text-align: center;
  }
  .demo-hero-content .cta-row {
    justify-content: center;
  }
  .demo-hero-content h1 {
    font-size: clamp(2rem, 10vw, 3.2rem);
  }
  .demo-photo-card img,
  .demo-photo-card.wide img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 430px) {
  .image-hero.demo-hero {
    min-height: 590px;
  }
  .demo-hero-img {
    object-position: 64% center;
  }
}


/* ===== DEMO ARCHIVE CUSTOM CTA ===== */
.demo-cta{margin-top:60px;padding:40px 25px;border-radius:20px;text-align:center;border:2px solid transparent;background-image:linear-gradient(#000,#000),linear-gradient(120deg,#00c8ff,#00ffcc,#00c8ff);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 25px rgba(0,200,255,.4),0 0 50px rgba(0,255,204,.15)}
.demo-cta h3{font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 16px;color:#00c8ff;text-shadow:0 0 16px rgba(0,200,255,.55)}
.demo-cta p{max-width:820px;margin:0 auto 24px;color:#eafcff;line-height:1.75;font-size:1.05rem}
.demo-cta .btn{margin-top:4px}

/* === STATICFY SMART TARGET HERO — lightweight, no frame, no overlay === */
.hero{
  position:relative !important;
  max-width:none !important;
  width:100% !important;
  min-height:calc(100vh - 120px) !important;
  margin:0 auto 20px !important;
  padding:76px 24px 70px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  text-align:center !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#000 !important;
  isolation:isolate !important;
}
.hero-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  pointer-events:none !important;
}
.hero-bg img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center bottom !important;
  display:block !important;
}
.hero > :not(.hero-bg){
  position:relative !important;
  z-index:2 !important;
}
.hero h1{
  color:#fff !important;
  text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    1px 1px 0 #000,
   -1px -1px 0 #000,
    1px -1px 0 #000,
   -1px 1px 0 #000 !important;
  -webkit-text-stroke:1px #000;
}
.hero p,
.hero .hero-subline,
.hero .hero-phone-line{
  text-shadow:
    1px 0 0 #000,
   -1px 0 0 #000,
    0 1px 0 #000,
    0 -1px 0 #000,
    1px 1px 0 #000 !important;
}
.hero .hero-subline,
.hero .hero-phone-line a{
  -webkit-text-stroke:.35px #000;
}
@media(max-width:768px){
  .hero{
    min-height:calc(100vh - 105px) !important;
    padding:58px 18px 50px !important;
  }
  .hero-bg img{
    object-position:center bottom !important;
  }
  .hero h1{
    font-size:clamp(2rem,12vw,3.4rem) !important;
  }
}


/* Active language button highlight */
.hero-language-switch a.active-lang,
.nav-menu a.active-lang {
  color: #000;
  background: linear-gradient(135deg, #00e5ff, #00ff88);
  border-color: #00e5ff;
  box-shadow: 0 0 18px rgba(0,229,255,.65), 0 0 26px rgba(0,255,136,.35);
  pointer-events: none;
}
.nav-menu a.active-lang::before {
  content: "✓ ";
  font-weight: 900;
}

/* Founder message section */
.founder-message-section {
  padding-top: 72px;
  padding-bottom: 72px;
}

.founder-message-card {
  max-width: 940px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 34px;
  align-items: center;
  padding: 34px;
  border: 1px solid rgba(0, 217, 255, 0.55);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(0, 217, 255, 0.08), rgba(255, 179, 0, 0.05));
  box-shadow: 0 0 18px rgba(0, 217, 255, 0.22);
}

.founder-message-photo {
  display: block !important;
  width: 260px !important;
  height: auto !important;
  max-width: min(260px, 72vw) !important;
  max-height: none !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  border-radius: 24px !important;
}

.founder-message-copy {
  text-align: left;
}

.founder-message-copy h2 {
  margin: 0 0 18px;
  color: #fff;
}

.founder-message-copy p {
  margin: 0 0 14px;
  color: var(--muted);
  line-height: 1.7;
}

.founder-message-copy strong {
  color: #fff;
}

@media (max-width: 760px) {
  .founder-message-card {
    grid-template-columns: 1fr;
    padding: 26px 20px;
    gap: 22px;
    text-align: center;
  }

  .founder-message-copy {
    text-align: center;
  }

  .founder-message-photo {
    width: 220px !important;
    max-width: 72vw !important;
  }
}
/* End founder message section */

/* Conversion copy emphasis added by ChatGPT */
.price-note,.scarcity-note,.final-push{max-width:820px;margin:18px auto;text-align:center;border-radius:18px;padding:16px 18px;line-height:1.65}
.price-note{border:1px solid rgba(255,174,66,.55);background:rgba(255,174,66,.08);color:#ffe2a8}
.scarcity-note{border:1px solid rgba(0,217,255,.45);background:rgba(0,217,255,.07);color:#dff9ff;font-weight:800}
.final-push{border:1px solid rgba(0,255,136,.45);background:rgba(0,255,136,.06);color:#f4fff9;font-weight:900;font-size:1.12rem}
.price-justifier{text-align:center;color:var(--muted);font-size:1.08rem;max-width:800px;margin:0 auto 14px}

/* === Scan-friendly open FAQ section === */
.faq{
  position:relative;
}
.faq h2{
  color:#fff;
  text-shadow:0 0 18px rgba(0,217,255,.45),0 0 30px rgba(255,174,66,.16);
}
.faq > .lead{
  max-width:820px;
  padding:14px 18px;
  border:1px solid rgba(0,217,255,.34);
  border-radius:999px;
  background:rgba(0,217,255,.055);
  box-shadow:0 0 18px rgba(0,217,255,.10);
}
.faq .faq-grid{
  counter-reset:faq;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.faq .faq-item{
  counter-increment:faq;
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(14,14,14,.98),rgba(3,3,3,.98));
  border:1px solid rgba(0,217,255,.42);
  border-radius:22px;
  padding:24px 22px 22px 22px;
  margin:0;
  box-shadow:0 0 20px rgba(0,217,255,.12), inset 0 0 0 1px rgba(255,255,255,.035);
}
.faq .faq-item::before{
  content:"Q" counter(faq);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  height:30px;
  margin:0 0 14px;
  padding:0 10px;
  border-radius:999px;
  color:#000;
  background:linear-gradient(90deg,var(--gold2),var(--blue));
  box-shadow:0 0 16px rgba(0,217,255,.28);
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.06em;
}
.faq .faq-item::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:3px;
  background:linear-gradient(90deg,var(--blue),var(--gold2),var(--green));
  opacity:.85;
}
.faq .faq-item:nth-child(2n){
  border-color:rgba(255,174,66,.48);
  box-shadow:0 0 20px rgba(255,174,66,.11), inset 0 0 0 1px rgba(255,255,255,.035);
}
.faq .faq-item:nth-child(3n){
  border-color:rgba(0,255,136,.42);
  box-shadow:0 0 20px rgba(0,255,136,.10), inset 0 0 0 1px rgba(255,255,255,.035);
}
.faq .faq-item h3{
  margin:0 0 12px;
  color:#fff;
  font-size:1.22rem;
  line-height:1.28;
  letter-spacing:.01em;
}
.faq .faq-item p,
.faq .faq-item li{
  color:#d9d9d9;
  font-size:1rem;
}
.faq .faq-item p{
  margin:10px 0 0;
}
.faq .faq-item ul{
  margin:10px 0 0;
  padding-left:22px;
}
.faq .faq-item:hover{
  transform:translateY(-2px);
  box-shadow:0 0 26px rgba(0,217,255,.18), inset 0 0 0 1px rgba(255,255,255,.06);
}

@media (max-width: 760px){
  .faq > .lead{
    border-radius:18px;
  }
  .faq .faq-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .faq .faq-item{
    padding:22px 18px 20px;
  }
}
.hero-language-switch a.lang-en,
.nav-menu a.lang-en{
  color:#4da6ff;
  border-color:#0b4f9c;
  box-shadow:0 0 14px rgba(77,166,255,.28);
}
.hero-language-switch a.lang-jp,
.nav-menu a.lang-jp{
  color:#ff5a5a;
  border-color:#8b1111;
  box-shadow:0 0 14px rgba(255,90,90,.25);
}
.hero-language-switch a.lang-es,
.nav-menu a.lang-es{
  color:#49d97a;
  border-color:#0f6b31;
  box-shadow:0 0 14px rgba(73,217,122,.25);
}
.hero-language-switch a.lang-en:hover,
.nav-menu a.lang-en:hover,
.hero-language-switch a.lang-en.active-lang,
.nav-menu a.lang-en.active-lang{
  color:#fff !important;
  background:#062a55 !important;
  border-color:#1f7fd6 !important;
  box-shadow:0 0 18px rgba(77,166,255,.75),0 0 28px rgba(77,166,255,.35) !important;
}
.hero-language-switch a.lang-jp:hover,
.nav-menu a.lang-jp:hover,
.hero-language-switch a.lang-jp.active-lang,
.nav-menu a.lang-jp.active-lang{
  color:#fff !important;
  background:#5c0707 !important;
  border-color:#c21f1f !important;
  box-shadow:0 0 18px rgba(255,90,90,.72),0 0 28px rgba(255,90,90,.32) !important;
}
.hero-language-switch a.lang-es:hover,
.nav-menu a.lang-es:hover,
.hero-language-switch a.lang-es.active-lang,
.nav-menu a.lang-es.active-lang{
  color:#fff !important;
  background:#063d1d !important;
  border-color:#18a64b !important;
  box-shadow:0 0 18px rgba(73,217,122,.72),0 0 28px rgba(73,217,122,.32) !important;
}
.hero-language-switch a.active-lang,
.nav-menu a.active-lang{
  pointer-events:none;
}

/* =========================================================
   STATICFY RED + GRAY BRAND SYSTEM
   Added by ChatGPT: matches the new red/gray logo and rich black background.
   ========================================================= */
:root{
  --bg:#040506 !important;
  --panel:#08090b !important;
  --panel2:#101113 !important;
  --text:#f2f2f2 !important;
  --muted:#b9b9b9 !important;
  --brand-red:#ff1f2d !important;
  --brand-red-dark:#9f0012 !important;
  --brand-gray:#b8b8b8 !important;
  --brand-gray-dark:#4a4a4a !important;
  --gold:#ff1f2d !important;
  --gold2:#ff1f2d !important;
  --blue:#ff1f2d !important;
  --green:#b8b8b8 !important;
  --red:#ff1f2d !important;
  --shadow-gold:rgba(255,31,45,.34) !important;
  --shadow-blue:rgba(255,31,45,.26) !important;
}
html,body{
  background:#040506 !important;
  color:#f2f2f2 !important;
}
body,
.site-header,
.site-footer,
.real-footer,
.hero,
.demo-hero,
.card,
.faq details,
.contact-box,
.comparison-section,
.comparison-card,
.cost-proof,
.nav-menu,
.menu-toggle{
  background-color:#040506 !important;
}
.nav-shell,
.card,
.section:not(.hero),
.contact-box,
.comparison-section,
.comparison-card,
.cost-proof,
.testimonial-card,
.demo-cta,
.price-justifier,
.lang-note{
  border-color:rgba(255,31,45,.36) !important;
  box-shadow:0 0 22px rgba(255,31,45,.16), inset 0 0 18px rgba(255,255,255,.025) !important;
}
.nav-shell::before{
  background:linear-gradient(270deg,#ff1f2d,#b8b8b8,#4a4a4a,#ff1f2d) !important;
  background-size:400% 400% !important;
}
h1,h2,h3,
.section h2,
.section:nth-of-type(even) h2,
.comparison-section h2,
.case-teaser h2,
.contact-box h2,
.card h3,
.card:nth-child(2n) h3,
.card:nth-child(3n) h3,
.testimonial-author,
.founder-name{
  color:#e6e6e6 !important;
  text-shadow:0 0 14px rgba(255,31,45,.22) !important;
}
.eyebrow,
.demo-kicker,
.demo-service-list .card h3,
.hero-subline,
.strong-line,
.footer-contact a,
.site-footer a,
.testimonial-label,
.testimonial-link,
.read-post,
.price,
.cost-proof strong,
.good h3,
.comparison-card.good h3,
.comparison-card.good li::before{
  color:#ff1f2d !important;
}
p,.lead,.card p,.card li,.faq p,.footer-note,.small,.comparison-card li,.cost-proof p{
  color:#b9b9b9 !important;
}
.btn,
.demo-btn,
.floating-call-cta,
.rapid-btn{
  background:linear-gradient(135deg,#ff1f2d,#9f0012) !important;
  color:#fff !important;
  border-color:#ff1f2d !important;
  box-shadow:0 0 18px rgba(255,31,45,.42) !important;
}
.btn.secondary,
.rapid-btn.secondary{
  background:rgba(255,255,255,.035) !important;
  color:#f2f2f2 !important;
  border-color:#8f8f8f !important;
  box-shadow:0 0 14px rgba(184,184,184,.18) !important;
}
.nav-menu a,
.hero-language-switch a,
.footer-links a{
  border-color:rgba(184,184,184,.45) !important;
  background:#08090b !important;
  color:#f2f2f2 !important;
}
.nav-menu a:hover,
.hero-language-switch a:hover,
.footer-links a:hover,
.blog-card:hover{
  border-color:#ff1f2d !important;
  box-shadow:0 0 18px rgba(255,31,45,.45) !important;
}
.hero-language-switch a.active-lang,
.nav-menu a.active-lang{
  color:#fff !important;
  background:linear-gradient(135deg,#ff1f2d,#6a6a6a) !important;
  border-color:#ff1f2d !important;
  box-shadow:0 0 18px rgba(255,31,45,.55) !important;
}
.bad h3,
.comparison-card.bad h3,
.comparison-card.bad li::before{
  color:#ff6b6b !important;
}
.founder-img{
  border-color:#ff1f2d !important;
  box-shadow:0 0 14px rgba(255,31,45,.55),0 0 30px rgba(255,31,45,.20) !important;
}

/* =========================================================
   SAFE HERO IMAGE ZOOM-OUT FIX
   Added to make the homepage hero image feel farther away.
   This only changes the hero background image, not the header/nav.
   ========================================================= */
.hero-bg{
  background:#040506 !important;
}
.hero-bg img{
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(.86) !important;
  transform-origin:center center !important;
  filter:brightness(.82) contrast(1.04) !important;
}
@media(max-width:768px){
  .hero-bg img{
    transform:scale(.84) !important;
    object-position:center center !important;
  }
}


/* Free Website Review form / SMS compliance */
.website-review-section {
  background: #000;
  padding-top: 80px;
  padding-bottom: 80px;
}

.website-review-container {
  max-width: 880px;
  margin: 0 auto;
  border: 2px solid #00f0ff;
  border-radius: 22px;
  padding: 42px 30px;
  box-shadow: 0 0 28px rgba(0, 240, 255, 0.35);
  background: rgba(255, 255, 255, 0.025);
}

.website-review-container h2 {
  color: #00f0ff;
  margin-bottom: 18px;
}

.website-review-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 28px;
}

.website-review-form .form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.website-review-form input,
.website-review-form textarea {
  width: 100%;
  padding: 15px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: #111;
  color: #fff;
  font-size: 1rem;
  font-family: inherit;
}

.website-review-form input:focus,
.website-review-form textarea:focus {
  outline: none;
  border-color: #00f0ff;
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.45);
}

.website-review-form textarea {
  resize: vertical;
}

.sms-consent {
  color: #d7d7d7;
  text-align: left;
  font-size: 0.93rem;
  line-height: 1.6;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.sms-consent input {
  width: auto;
  min-width: 18px;
  margin-top: 4px;
}

.form-privacy-note {
  color: #bbb;
  font-size: 0.9rem;
  line-height: 1.5;
}

.form-privacy-note a {
  color: #00f0ff;
}

.form-honeypot {
  display: none !important;
}

@media (max-width: 720px) {
  .website-review-container {
    padding: 32px 20px;
  }

  .website-review-form .form-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   Staticfy blog growth layer: share buttons, related posts,
   and reusable bottom CTA for modern SEO/internal linking.
   ========================================================= */
.blog-growth-layer{
  margin:34px auto 0;
  padding:0 22px 30px;
}
.blog-growth-layer h2{
  margin:0 0 10px;
  color:#00eaff !important;
  font-size:clamp(1.35rem,2.4vw,2rem);
  line-height:1.2;
  text-shadow:0 0 14px rgba(0,234,255,.24);
}
.blog-growth-layer p{
  margin:0;
  color:#d7d7d7 !important;
}
.blog-share-panel,
.related-posts-panel,
.article-bottom-cta{
  margin-top:22px;
  border:1px solid rgba(0,234,255,.28);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(0,234,255,.035));
  box-shadow:0 0 24px rgba(0,234,255,.13);
}
.blog-share-panel{
  display:flex;
  gap:18px;
  align-items:center;
  justify-content:space-between;
  padding:24px;
}
.share-buttons,
.article-bottom-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.share-buttons a,
.copy-link-button,
.related-card,
.cta-secondary{
  font:inherit;
  text-decoration:none;
}
.share-buttons a,
.copy-link-button{
  cursor:pointer;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:10px 14px;
  background:#08090b;
  color:#fff !important;
  box-shadow:0 0 14px rgba(255,255,255,.09);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.share-buttons a:hover,
.copy-link-button:hover,
.related-card:hover{
  transform:translateY(-2px);
  border-color:#00eaff;
  box-shadow:0 0 18px rgba(0,234,255,.34);
}
.related-posts-panel{
  padding:24px;
}
.related-heading{
  max-width:720px;
  margin-bottom:18px;
}
.related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.related-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:140px;
  padding:18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(0,0,0,.32);
  color:#f4f4f4 !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.related-card strong{
  color:#fff !important;
  line-height:1.28;
}
.related-card span:last-child{
  color:#cfcfcf !important;
  font-size:.94rem;
  line-height:1.55;
}
.related-kicker{
  color:#00eaff !important;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.article-bottom-cta{
  padding:28px;
  text-align:center;
}
.article-bottom-cta p{
  max-width:720px;
  margin:0 auto 18px;
}
.article-bottom-actions{
  justify-content:center;
}
.cta-secondary{
  background:rgba(255,255,255,.035) !important;
  color:#f2f2f2 !important;
  border-color:rgba(255,255,255,.28) !important;
  box-shadow:0 0 14px rgba(255,255,255,.12) !important;
}
@media(max-width:760px){
  .blog-growth-layer{padding:0 16px 24px;}
  .blog-share-panel{align-items:flex-start;flex-direction:column;}
  .related-grid{grid-template-columns:1fr;}
  .share-buttons a,.copy-link-button{width:100%;text-align:center;}
}


/* Modern SEO Blog Enhancements */
.related-articles-section,
.share-section,
.blog-cta-section {
  margin-top: 60px;
  padding: 30px;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 18px;
  background: rgba(255,255,255,0.03);
}

.related-articles-grid {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}

.related-article-card {
  display: block;
  padding: 20px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  text-decoration: none;
}

.related-article-card h3 {
  margin-bottom: 10px;
}

.share-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.share-btn,
.cta-button {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 12px;
  text-decoration: none;
  cursor: pointer;
}


/* Blog archive / homepage blog teaser */
.blog-home-feature {
  max-width: 760px;
  margin: 28px auto 0;
  text-align: center;
}

.archive-hero {
  padding-top: 120px;
}

.archive-grid {
  align-items: stretch;
}



/* Staticfy archive topic navigation */
html {
  scroll-behavior: smooth;
}

.topics-on-page {
  padding-top: 28px;
  padding-bottom: 18px;
}

.topics-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px;
  border: 1px solid rgba(0, 229, 255, 0.35);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(0, 229, 255, 0.08), rgba(255, 184, 77, 0.06));
  box-shadow: 0 0 28px rgba(0, 229, 255, 0.12);
}

.topics-inner h2 {
  margin: 0 0 8px;
  font-size: clamp(1.5rem, 3vw, 2.1rem);
}

.topics-intro {
  margin: 0 0 18px;
  color: rgba(255, 255, 255, 0.78);
  max-width: 780px;
}

.topic-chip-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.topic-chip {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 184, 77, 0.65);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.42);
  color: #fff;
  text-decoration: none;
  font-size: 0.94rem;
  line-height: 1.25;
  box-shadow: 0 0 14px rgba(255, 184, 77, 0.12);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.topic-chip:hover,
.topic-chip:focus {
  transform: translateY(-2px);
  border-color: rgba(0, 229, 255, 0.95);
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.28);
  outline: none;
}

.blog-card[id] {
  scroll-margin-top: 110px;
}

@media (max-width: 640px) {
  .topics-inner {
    padding: 20px;
    border-radius: 20px;
  }

  .topic-chip-nav {
    gap: 8px;
  }

  .topic-chip {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}



/* Staticfy archive step 2 refinement */
.archive-mission-message {
  max-width: 860px;
  margin: 20px auto 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: clamp(1.02rem, 2vw, 1.22rem);
  line-height: 1.75;
}

.archive-grid-refined {
  row-gap: 28px;
  column-gap: 24px;
}

.archive-grid-refined .blog-card,
.archive-grid-refined .card {
  min-height: 230px;
  padding: 24px;
}

.archive-grid-refined .blog-card h3,
.archive-grid-refined .card h3 {
  line-height: 1.25;
}

.archive-grid-refined .blog-card p,
.archive-grid-refined .card p {
  line-height: 1.62;
}

@media (max-width: 760px) {
  .archive-mission-message {
    margin-top: 16px;
    font-size: 1rem;
    line-height: 1.65;
  }

  .archive-grid-refined {
    gap: 18px;
  }

  .archive-grid-refined .blog-card,
  .archive-grid-refined .card {
    min-height: auto;
    padding: 20px;
  }
}



/* Staticfy archive hero and image panel final fix */
.archive-hero,
.blog-archive-hero {
  text-align: center;
}

.archive-hero h1,
.blog-archive-hero h1,
.archive-hero p,
.blog-archive-hero p {
  margin-left: auto;
  margin-right: auto;
}

.archive-mission-message {
  margin-top: 42px !important;
  margin-bottom: 40px !important;
  max-width: 980px;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 1.85;
}

.archive-image-card {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  background: #000;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 0 26px rgba(0,229,255,0.14);
  min-height: 260px;
}

.archive-image-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 28px;
}

@media (max-width: 760px) {
  .archive-mission-message {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    line-height: 1.7;
  }

  .archive-image-card {
    min-height: auto;
  }
}



/* Staticfy final archive template refinements */
.topic-chip-nav {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 18px !important;
  align-items: stretch;
  justify-items: center;
  margin-top: 24px;
}

.topic-chip {
  width: 100%;
  max-width: 310px;
  min-height: 52px;
  justify-content: center;
  text-align: center;
  line-height: 1.35;
  padding: 12px 16px !important;
  white-space: normal;
}

.topics-inner {
  padding: 32px 28px !important;
}

.topics-intro {
  margin-bottom: 24px !important;
  line-height: 1.7;
}

.floating-top-button {
  position: fixed;
  right: 22px;
  bottom: 96px;
  z-index: 9999;
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(0, 229, 255, 0.85);
  background: rgba(0, 0, 0, 0.72);
  color: #ffffff;
  text-decoration: none;
  font-size: 1.65rem;
  line-height: 1;
  box-shadow: 0 0 22px rgba(0, 229, 255, 0.28), inset 0 0 12px rgba(0, 229, 255, 0.08);
  backdrop-filter: blur(8px);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.floating-top-button:hover,
.floating-top-button:focus {
  transform: translateY(-3px);
  border-color: rgba(255, 184, 77, 0.95);
  box-shadow: 0 0 26px rgba(255, 184, 77, 0.36), inset 0 0 12px rgba(255, 184, 77, 0.10);
  outline: none;
}

@media (max-width: 900px) {
  .topic-chip-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topic-chip {
    max-width: none;
  }
}

@media (max-width: 640px) {
  .topic-chip-nav {
    grid-template-columns: 1fr;
    gap: 12px !important;
  }

  .topics-inner {
    padding: 24px 18px !important;
  }

  .floating-top-button {
    width: 48px;
    height: 48px;
    right: 16px;
    bottom: 16px;
    font-size: 1.45rem;
  }
}


/* Staticfy sitewide SMS + back-to-top buttons — Package 64 */
.floating-call-cta,
.staticfy-text-bubble {
  position: fixed !important;
  right: 18px !important;
  bottom: 22px !important;
  z-index: 10000 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: 2px solid #ff1f1f !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.2px !important;
  text-decoration: none !important;
  box-shadow: 0 0 16px rgba(255, 31, 31, 0.68), inset 0 0 10px rgba(255, 31, 31, 0.08) !important;
  backdrop-filter: blur(8px) !important;
}

.floating-call-cta:hover,
.floating-call-cta:focus,
.staticfy-text-bubble:hover,
.staticfy-text-bubble:focus {
  transform: translateY(-2px) !important;
  background: #080808 !important;
  color: #ffffff !important;
  border-color: #ff4d4d !important;
  box-shadow: 0 0 24px rgba(255, 31, 31, 0.88), inset 0 0 12px rgba(255, 31, 31, 0.12) !important;
  outline: none !important;
}

.staticfy-back-top {
  position: fixed !important;
  right: 24px !important;
  bottom: 84px !important;
  z-index: 10000 !important;
  width: 46px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: 2px solid #ff1f1f !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 0 16px rgba(255, 31, 31, 0.68), inset 0 0 10px rgba(255, 31, 31, 0.08) !important;
  backdrop-filter: blur(8px) !important;
}

.staticfy-back-top:hover,
.staticfy-back-top:focus {
  transform: translateY(-2px) !important;
  border-color: #ff4d4d !important;
  box-shadow: 0 0 24px rgba(255, 31, 31, 0.88), inset 0 0 12px rgba(255, 31, 31, 0.12) !important;
  outline: none !important;
}

@media (max-width: 640px) {
  .floating-call-cta,
  .staticfy-text-bubble {
    right: 14px !important;
    bottom: 18px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
  }

  .staticfy-back-top {
    right: 18px !important;
    bottom: 78px !important;
    width: 44px !important;
    height: 44px !important;
    font-size: 22px !important;
  }
}

/* Payment trust line under pricing */
.payment-trust-line {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 760px;
  margin: 10px auto 18px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.34);
  color: #f7f7f7;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  box-shadow: 0 0 18px rgba(255, 31, 31, 0.18);
}

@media (max-width: 640px) {
  .payment-trust-line {
    border-radius: 18px;
    font-size: 0.88rem;
    padding: 10px 12px;
  }
}