@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Sora:wght@500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{
  --bg:#f7fbff; --bg2:#ffffff; --text:#06142b; --muted:#64748b; --line:rgba(14,165,233,.18);
  --panel:rgba(255,255,255,.72); --panel2:rgba(255,255,255,.88); --nav:rgba(255,255,255,.76);
  --blue:#0ea5e9; --blue2:#2563eb; --sky:#7dd3fc; --navy:#020817; --shadow:0 28px 80px rgba(15,23,42,.10);
  --footer:#020817; --grid:rgba(14,165,233,.075); --glow:rgba(14,165,233,.18);
}
body.dark{
  --bg:#020817; --bg2:#071426; --text:#f8fbff; --muted:#a8b5c9; --line:rgba(125,211,252,.18);
  --panel:rgba(5,18,42,.66); --panel2:rgba(8,24,52,.78); --nav:rgba(3,12,28,.70);
  --shadow:0 30px 90px rgba(0,0,0,.38); --footer:#010512; --grid:rgba(125,211,252,.055); --glow:rgba(14,165,233,.24);
}
*{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;transition:background .35s,color .35s} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.section{padding:110px 0}.center{text-align:center}.muted{color:var(--muted)}
body::before{content:"";position:fixed;inset:0;z-index:-6;background:radial-gradient(circle at 85% 20%,var(--glow),transparent 36%),radial-gradient(circle at 8% 78%,rgba(37,99,235,.13),transparent 35%),linear-gradient(180deg,var(--bg),var(--bg2));pointer-events:none}body::after{content:"";position:fixed;inset:0;z-index:-5;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(circle at 50% 28%,black 0,transparent 70%);animation:gridMove 28s linear infinite;pointer-events:none}@keyframes gridMove{to{background-position:76px 76px}}
#techCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-4;opacity:.42;pointer-events:none}.aurora{position:fixed;inset:auto -20% -30% -20%;height:430px;background:radial-gradient(circle at 25% 30%,rgba(14,165,233,.22),transparent 42%),radial-gradient(circle at 75% 60%,rgba(37,99,235,.18),transparent 45%);filter:blur(70px);z-index:-3;animation:aurora 18s ease-in-out infinite alternate;pointer-events:none}@keyframes aurora{to{transform:translateY(-70px) scale(1.1)}}
.page-transition{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle,#0ea5e9 0,#071426 42%,#020817 100%);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.34s ease}.page-transition.active{opacity:1;visibility:visible}.page-transition img{width:120px;filter:drop-shadow(0 0 40px rgba(125,211,252,.85));animation:pop .55s cubic-bezier(.2,.9,.2,1)}@keyframes pop{from{transform:scale(.4);filter:blur(10px);opacity:.2}to{transform:scale(1);filter:blur(0) drop-shadow(0 0 40px rgba(125,211,252,.85));opacity:1}}
.site-header{position:sticky;top:18px;z-index:100;width:min(1180px,92%);margin:18px auto 0;min-height:76px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--nav);backdrop-filter:blur(24px);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(14,165,233,.38));animation:logoBreathe 5s ease-in-out infinite}.brand-text{line-height:.92;text-transform:uppercase}.brand-text b{display:block;font-family:'Space Grotesk';font-size:17px;letter-spacing:.05em;color:var(--text)}.brand-text small{display:block;font-size:10px;font-weight:900;letter-spacing:.38em;color:var(--blue);margin-top:6px}.dark .brand-text b{color:#fff;text-shadow:0 0 18px rgba(125,211,252,.25)}@keyframes logoBreathe{50%{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 0 34px rgba(14,165,233,.56))}}
.nav-menu{position:relative;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px;background:rgba(14,165,233,.055)}.nav-menu a{position:relative;z-index:2;padding:11px 16px;border-radius:999px;font-size:14px;font-weight:850;color:var(--muted);transition:.25s}.nav-menu a:hover,.nav-menu a.active{color:var(--text);transform:translateY(-1px)}.nav-pill{position:absolute;top:7px;left:7px;height:40px;border-radius:999px;background:linear-gradient(135deg,rgba(14,165,233,.25),rgba(125,211,252,.13));box-shadow:0 14px 34px rgba(14,165,233,.20),inset 0 1px rgba(255,255,255,.32);transition:.38s cubic-bezier(.2,.9,.2,1)}.actions{display:flex;align-items:center;gap:10px}.theme-toggle,.hamburger{display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;cursor:pointer}.theme-toggle{width:50px;height:42px}.hamburger{display:none;width:46px;height:46px}.hamburger span{width:20px;height:2px;background:var(--text);margin:3px 0;display:block;transition:.25s}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;background:linear-gradient(135deg,var(--blue2),var(--blue));color:white;font-weight:900;border:1px solid rgba(125,211,252,.22);box-shadow:0 18px 52px rgba(14,165,233,.26);transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 28px 76px rgba(14,165,233,.38)}.btn.ghost{background:var(--panel);color:var(--text);box-shadow:none}.btn.small{min-height:44px;padding:0 19px;font-size:14px}
.hero{padding:120px 0 90px;min-height:calc(100vh - 110px);display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;margin-bottom:22px;background:rgba(14,165,233,.07);color:var(--blue);font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 18px var(--blue)}h1,h2,h3{font-family:'Space Grotesk',Inter,sans-serif}.hero-title{font-size:clamp(48px,7.5vw,92px);line-height:.92;letter-spacing:-.07em;margin-bottom:24px}.hero-title span{display:block;opacity:0;transform:translateY(36px);animation:titleUp .75s cubic-bezier(.2,.9,.2,1) forwards}.hero-title span:nth-child(2){animation-delay:.12s}.hero-title span:nth-child(3){animation-delay:.24s}.gradient-text{background:linear-gradient(135deg,#38bdf8,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:660px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.proof-row{display:flex;gap:14px;flex-wrap:wrap}.proof-row div{min-width:128px;padding:16px 18px;border:1px solid var(--line);border-radius:22px;background:var(--panel);backdrop-filter:blur(16px)}.proof-row strong{display:block;font-size:27px;color:var(--blue)}.proof-row span{font-size:12px;color:var(--muted);font-weight:850}@keyframes titleUp{to{opacity:1;transform:translateY(0)}}
.system-map{position:relative;height:590px;min-width:590px;display:grid;place-items:center}.map-glass{position:absolute;width:78%;height:78%;border-radius:46px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(14,165,233,.05));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.orbit-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.draw-line{fill:none;stroke:url(#grad);stroke-width:1.5;stroke-dasharray:8 10;opacity:.75;animation:dash 9s linear infinite}.orbit-ring{fill:none;stroke:rgba(14,165,233,.22);stroke-dasharray:3 7;animation:rotateRing 26s linear infinite;transform-origin:50% 50%}.orbit-ring.two{animation-duration:36s;animation-direction:reverse}.center-logo{position:relative;z-index:3;width:170px;height:170px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(125,211,252,.16));box-shadow:0 22px 82px rgba(14,165,233,.24),0 0 0 1px var(--line);animation:centerFloat 5s ease-in-out infinite}.center-logo img{width:128px;filter:drop-shadow(0 0 28px rgba(14,165,233,.45))}.service-pin{position:absolute;z-index:4;width:185px;padding:20px;border:1px solid var(--line);border-radius:26px;background:var(--panel2);backdrop-filter:blur(20px);box-shadow:var(--shadow);animation:pinFloat 7s ease-in-out infinite}.service-pin i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(14,165,233,.12);font-style:normal;font-size:23px;margin-bottom:14px}.service-pin b{display:block;font-size:17px}.service-pin small{color:var(--muted);font-weight:700;line-height:1.4}.pin-a{top:6%;left:9%}.pin-b{top:14%;right:3%;animation-delay:.5s}.pin-c{right:1%;bottom:13%;animation-delay:1s}.pin-d{bottom:5%;left:24%;animation-delay:1.5s}.pin-e{left:4%;bottom:19%;animation-delay:2s}@keyframes dash{to{stroke-dashoffset:-180}}@keyframes rotateRing{to{transform:rotate(360deg)}}@keyframes centerFloat{50%{transform:translateY(-16px) scale(1.02)}}@keyframes pinFloat{50%{transform:translateY(-12px)}}
.strip{padding:27px 0;border-block:1px solid var(--line);background:rgba(14,165,233,.04);overflow:hidden}.strip .container{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.strip span{font-weight:950;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.section-heading{max-width:850px;margin:0 auto 50px;text-align:center}.section-heading h2{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.055em;margin-bottom:18px}.section-heading p{font-size:18px;color:var(--muted);line-height:1.75}.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.problem-list{display:grid;gap:16px}.problem-list article{padding:24px;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);display:grid;grid-template-columns:70px 1fr;gap:6px 18px}.problem-list i{grid-row:1/3;font-style:normal;font-weight:950;color:var(--blue);font-size:22px}.problem-list b{font-size:23px;font-family:'Space Grotesk'}.problem-list p{color:var(--muted);line-height:1.65}.flow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:34px;border:1px solid var(--line);border-radius:38px;background:var(--panel);box-shadow:var(--shadow)}.flow-node{min-width:130px;min-height:120px;border:1px solid var(--line);border-radius:28px;display:grid;place-items:center;text-align:center;background:rgba(14,165,233,.05)}.flow-node i{font-style:normal;font-size:30px}.flow-node b{display:block}.flow-line{height:2px;flex:1;background:linear-gradient(90deg,transparent,var(--blue),transparent);position:relative;overflow:hidden}.flow-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff,transparent);animation:flowLine 2.7s infinite}.flow-node.active{box-shadow:0 0 0 1px rgba(14,165,233,.25),0 20px 70px rgba(14,165,233,.18)}@keyframes flowLine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{position:relative;min-height:265px;padding:30px;border:1px solid var(--line);border-radius:32px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden;transition:.32s}.card::before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(14,165,233,.20),transparent 35%,rgba(37,99,235,.14));opacity:0;transition:.32s}.card:hover{transform:translateY(-8px)}.card:hover::before{opacity:1}.card>*{position:relative}.icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:rgba(14,165,233,.12);font-size:30px;margin-bottom:24px;transition:.32s}.card:hover .icon{transform:rotate(-8deg) translateY(-4px);box-shadow:0 16px 40px rgba(14,165,233,.22)}.card h3{font-size:25px;margin-bottom:12px}.card p{color:var(--muted);line-height:1.68}.founder-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.founder-card{padding:22px;border:1px solid var(--line);border-radius:30px;background:var(--panel);box-shadow:var(--shadow);text-align:center;transition:.32s}.founder-card:hover{transform:translateY(-8px)}.founder-card img{width:100px;height:100px;border-radius:50%;margin:0 auto 16px;box-shadow:0 0 0 6px rgba(14,165,233,.08)}.founder-card h3{font-size:22px}.founder-card span{display:block;color:var(--blue);font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 12px}.founder-card p{color:var(--muted);font-size:14px;line-height:1.55}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.case{padding:26px;border:1px solid var(--line);border-radius:32px;background:var(--panel);box-shadow:var(--shadow)}.case-visual{height:220px;border-radius:24px;background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(125,211,252,.06));display:grid;place-items:center;font-size:62px;margin-bottom:22px}.case h3{font-size:27px}.case p{color:var(--muted);line-height:1.65}.case span{display:inline-block;margin-top:16px;color:var(--blue);font-weight:950}.cta{position:relative;overflow:hidden;text-align:center;border-radius:44px;padding:76px 30px;background:linear-gradient(135deg,#0369a1,#0ea5e9);box-shadow:0 30px 90px rgba(14,165,233,.30);color:#fff}.cta img{position:absolute;right:8%;top:16%;width:140px;opacity:.16}.cta h2{font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-.05em;margin-bottom:18px}.cta p{max-width:720px;margin:0 auto 28px;color:#e8f8ff;line-height:1.7}.page-hero{padding:130px 0 85px;text-align:center}.page-hero h1{font-size:clamp(44px,6vw,82px);line-height:.96;letter-spacing:-.06em;max-width:930px;margin:0 auto 22px}.page-hero p{font-size:18px;line-height:1.76;color:var(--muted);max-width:760px;margin:auto}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.step{padding:26px;border:1px solid var(--line);border-radius:30px;background:var(--panel);box-shadow:var(--shadow)}.step strong{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--blue2),var(--blue));color:white;margin-bottom:18px}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.contact-form,.contact-panel{padding:30px;border:1px solid var(--line);border-radius:34px;background:var(--panel);box-shadow:var(--shadow)}input,textarea{width:100%;padding:16px 18px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.45);color:var(--text);font:inherit}.dark input,.dark textarea{background:rgba(255,255,255,.05)}textarea{min-height:150px}.contact-panel img{width:135px;filter:drop-shadow(0 0 24px rgba(14,165,233,.38))}.contact-panel h3{font-size:34px;margin:18px 0}.contact-panel p{color:var(--muted);line-height:1.7;margin-bottom:14px}
.footer{position:relative;background:var(--footer);color:white;padding:78px 0 28px;overflow:hidden}.footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 12%,rgba(14,165,233,.24),transparent 34%)}.footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr;gap:42px}.footer-brand img{width:88px;filter:drop-shadow(0 0 34px rgba(125,211,252,.55));margin-bottom:16px}.footer h3{font-size:27px}.footer h4{color:#e0f2fe;margin-bottom:15px}.footer p,.footer a{display:block;color:#a8b8cf;line-height:1.8;margin-top:8px}.footer-bottom{position:relative;z-index:2;margin-top:46px;padding-top:24px;border-top:1px solid rgba(255,255,255,.09);color:#8ea1bd;font-size:14px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s cubic-bezier(.2,.9,.2,1)}.reveal.show{opacity:1;transform:none}.stagger>*{opacity:0;transform:translateY(25px);transition:.75s cubic-bezier(.2,.9,.2,1)}.stagger.show>*{opacity:1;transform:none}.stagger.show>*:nth-child(2){transition-delay:.08s}.stagger.show>*:nth-child(3){transition-delay:.16s}.stagger.show>*:nth-child(4){transition-delay:.24s}.stagger.show>*:nth-child(5){transition-delay:.32s}.stagger.show>*:nth-child(6){transition-delay:.40s}
@media(max-width:980px){.site-header{top:10px;border-radius:32px}.hamburger{display:grid}.nav-menu{position:fixed;top:92px;left:4%;right:4%;display:grid;gap:6px;border-radius:28px;padding:14px;background:var(--nav);backdrop-filter:blur(24px);opacity:0;pointer-events:none;transform:translateY(-16px);transition:.25s}.nav-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-pill{display:none}.actions .btn.small{display:none}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.system-map{min-width:0;width:100%;height:560px}.service-grid,.founder-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.flow{flex-direction:column}.flow-line{width:2px;height:52px}.portfolio-grid,.footer-grid{grid-template-columns:1fr}.brand{min-width:auto}.brand-text{display:none}}
@media(max-width:620px){.hero{padding-top:80px}.hero-title,.page-hero h1{font-size:42px}.section{padding:78px 0}.service-grid,.founder-grid,.process-grid{grid-template-columns:1fr}.proof-row{display:grid;grid-template-columns:1fr 1fr}.system-map{height:520px}.service-pin{width:148px;padding:14px}.pin-a{top:4%;left:0}.pin-b{top:8%;right:0}.pin-c{right:0;bottom:12%}.pin-d{left:28%;bottom:0}.pin-e{left:0;bottom:18%}.center-logo{width:140px;height:140px}.center-logo img{width:105px}.strip .container{justify-content:center}.footer-grid{gap:28px}.page-hero{padding-top:100px}}


/* === Founder Portrait Upgrade === */
.founder-grid{
  align-items:stretch;
}
.founder-card{
  position:relative;
  overflow:hidden;
  text-align:left;
  padding:0;
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.72));
}
.dark .founder-card,
body.dark .founder-card,
[data-theme="dark"] .founder-card{
  background:linear-gradient(180deg,rgba(8,24,52,.94),rgba(3,12,30,.86));
}
.founder-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:48%;
  background:linear-gradient(180deg,transparent,rgba(2,8,23,.90));
  opacity:.88;
  pointer-events:none;
}
.founder-card img{
  display:block;
  width:100%;
  height:310px;
  object-fit:cover;
  object-position:center top;
  border-radius:0;
  margin:0;
  box-shadow:none;
  transition:transform .65s cubic-bezier(.18,.9,.2,1), filter .65s ease;
}
.founder-card:hover img{
  transform:scale(1.055);
  filter:saturate(1.08) contrast(1.03);
}
.founder-card h3,
.founder-card span,
.founder-card p{
  position:relative;
  z-index:2;
  padding-inline:22px;
}
.founder-card h3{
  margin-top:-104px;
  color:#fff;
  font-size:25px;
  letter-spacing:-.03em;
}
.founder-card span{
  color:#7dd3fc;
  text-shadow:0 0 18px rgba(14,165,233,.4);
}
.founder-card p{
  color:#dbeafe;
  padding-bottom:24px;
  min-height:78px;
}
.founder-card:hover{
  transform:translateY(-10px);
  box-shadow:0 28px 80px rgba(14,165,233,.22);
}
@media(max-width:980px){
  .founder-card img{height:360px;}
}
@media(max-width:620px){
  .founder-card img{height:420px;}
}


/* =========================================================
   Founder Section Premium Fix V2
   - clean light mode cards
   - cinematic dark mode cards
   - mouse-follow color glow
   - better image crop for real founder portraits
   ========================================================= */

.founder-grid{
  align-items:stretch;
  gap:22px;
}

.founder-card{
  --mx:50%;
  --my:50%;
  position:relative;
  overflow:hidden;
  padding:0 !important;
  text-align:left;
  border-radius:34px;
  border:1px solid rgba(14,165,233,.18);
  background:
    radial-gradient(460px circle at var(--mx) var(--my), rgba(14,165,233,.18), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.86));
  box-shadow:0 24px 70px rgba(15,23,42,.10);
  transform-style:preserve-3d;
  transition:
    transform .42s cubic-bezier(.18,.9,.2,1),
    box-shadow .42s ease,
    border-color .42s ease,
    background .42s ease;
}

.founder-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(360px circle at var(--mx) var(--my),
      rgba(14,165,233,.32),
      rgba(125,211,252,.12) 22%,
      transparent 55%);
  opacity:0;
  transition:opacity .35s ease;
  mix-blend-mode:multiply;
}

.founder-card::after{
  display:none !important;
}

.founder-card:hover{
  transform:translateY(-10px);
  border-color:rgba(14,165,233,.38);
  box-shadow:0 34px 95px rgba(14,165,233,.18), 0 12px 35px rgba(15,23,42,.10);
}

.founder-card:hover::before{
  opacity:1;
}

.founder-card img{
  display:block;
  width:100%;
  height:350px;
  object-fit:cover;
  object-position:center top;
  border-radius:34px 34px 0 0;
  margin:0;
  box-shadow:none;
  filter:saturate(.98) contrast(1.02);
  transform:translateZ(0);
  transition:
    transform .72s cubic-bezier(.18,.9,.2,1),
    filter .72s ease;
}

.founder-card:hover img{
  transform:scale(1.055);
  filter:saturate(1.14) contrast(1.06);
}

.founder-card h3,
.founder-card span,
.founder-card p{
  position:relative;
  z-index:3;
  padding-inline:24px;
}

.founder-card h3{
  margin-top:22px !important;
  color:var(--text) !important;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:26px;
  line-height:1;
  letter-spacing:-.04em;
}

.founder-card span{
  display:block;
  margin:8px 0 14px;
  color:var(--blue) !important;
  font-size:12px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  text-shadow:none !important;
}

.founder-card p{
  color:var(--muted) !important;
  line-height:1.65;
  font-size:14px;
  padding-bottom:26px;
  min-height:96px;
}

/* Dark mode version: still clean, but with premium cinematic glow */
body.dark .founder-card{
  border-color:rgba(125,211,252,.18);
  background:
    radial-gradient(460px circle at var(--mx) var(--my), rgba(14,165,233,.24), transparent 44%),
    linear-gradient(180deg, rgba(8,24,52,.92), rgba(3,12,30,.86));
  box-shadow:0 26px 82px rgba(0,0,0,.34);
}

body.dark .founder-card::before{
  mix-blend-mode:screen;
  background:
    radial-gradient(380px circle at var(--mx) var(--my),
      rgba(56,189,248,.34),
      rgba(14,165,233,.15) 28%,
      transparent 58%);
}

body.dark .founder-card h3{
  color:#f8fbff !important;
}

body.dark .founder-card span{
  color:#7dd3fc !important;
  text-shadow:0 0 18px rgba(125,211,252,.35) !important;
}

body.dark .founder-card p{
  color:#cfe3ff !important;
}

@media(max-width:980px){
  .founder-card img{height:390px;}
  .founder-card p{min-height:auto;}
}

@media(max-width:620px){
  .founder-card img{height:460px;}
  .founder-card h3{font-size:28px;}
}

/* =========================================================
   Founder Photo Cinematic Reveal V3
   - black & white by default
   - cursor-follow color reveal on hover
   - premium shine sweep
   - cleaner light/dark mode presentation
   ========================================================= */
.founder-grid{
  gap:24px !important;
}
.founder-card{
  --mx:50%;
  --my:32%;
  --founder-img:none;
  isolation:isolate;
  border-radius:34px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,251,255,.90)) !important;
  border:1px solid rgba(14,165,233,.20) !important;
  box-shadow:0 26px 70px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.75) !important;
}
.founder-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:350px !important;
  border-radius:34px 34px 0 0 !important;
  background-image:var(--founder-img) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  opacity:0;
  z-index:2 !important;
  pointer-events:none;
  mix-blend-mode:normal !important;
  -webkit-mask-image:radial-gradient(190px circle at var(--mx) var(--my), #000 0 38%, rgba(0,0,0,.72) 52%, transparent 74%);
          mask-image:radial-gradient(190px circle at var(--mx) var(--my), #000 0 38%, rgba(0,0,0,.72) 52%, transparent 74%);
  transition:opacity .32s ease, -webkit-mask-size .32s ease;
}
.founder-card::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  left:-120% !important;
  width:70% !important;
  height:350px !important;
  z-index:3 !important;
  pointer-events:none !important;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.16) 38%,rgba(125,211,252,.32) 50%,rgba(255,255,255,.14) 62%,transparent 100%) !important;
  transform:skewX(-18deg) translateX(0) !important;
  opacity:0;
  transition:transform .95s cubic-bezier(.18,.9,.2,1), opacity .35s ease !important;
}
.founder-card:hover::before{
  opacity:1 !important;
}
.founder-card:hover::after{
  opacity:1 !important;
  transform:skewX(-18deg) translateX(330%) !important;
}
.founder-card img{
  position:relative;
  z-index:1;
  height:350px !important;
  filter:grayscale(100%) saturate(.08) contrast(1.10) brightness(.88) !important;
  transition:transform .82s cubic-bezier(.18,.9,.2,1), filter .82s ease !important;
}
.founder-card:hover img{
  transform:scale(1.055) !important;
  filter:grayscale(18%) saturate(.72) contrast(1.05) brightness(.96) !important;
}
.founder-card h3,
.founder-card span,
.founder-card p{
  position:relative !important;
  z-index:5 !important;
}
.founder-card h3{
  margin-top:24px !important;
}
.founder-card span{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  padding:7px 10px !important;
  border-radius:999px;
  background:rgba(14,165,233,.08);
  border:1px solid rgba(14,165,233,.12);
  width:max-content;
  max-width:calc(100% - 48px);
}
.founder-card span::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 16px rgba(14,165,233,.85);
}
.founder-card:hover{
  transform:translateY(-10px) !important;
  border-color:rgba(14,165,233,.42) !important;
  box-shadow:0 36px 95px rgba(14,165,233,.18),0 18px 40px rgba(15,23,42,.12) !important;
}
body.dark .founder-card{
  background:linear-gradient(180deg,rgba(9,25,53,.94),rgba(2,8,23,.88)) !important;
  border-color:rgba(125,211,252,.18) !important;
  box-shadow:0 30px 95px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.dark .founder-card::before{
  -webkit-mask-image:radial-gradient(200px circle at var(--mx) var(--my), #000 0 40%, rgba(0,0,0,.75) 54%, transparent 76%);
          mask-image:radial-gradient(200px circle at var(--mx) var(--my), #000 0 40%, rgba(0,0,0,.75) 54%, transparent 76%);
}
body.dark .founder-card span{
  background:rgba(14,165,233,.10);
  border-color:rgba(125,211,252,.16);
}
@media(max-width:980px){
  .founder-card::before,.founder-card::after,.founder-card img{height:390px !important;}
}
@media(max-width:620px){
  .founder-card::before,.founder-card::after,.founder-card img{height:460px !important;}
}


/* =========================================================
   Mary Digi V4.2 Premium Polish Patch
   Goal: cleaner hero objects + richer founder color reveal
   ========================================================= */

/* More polished title hierarchy */
.hero-title,
.page-hero h1,
.section-heading h2{
  font-family:'Space Grotesk', Inter, system-ui, sans-serif !important;
  letter-spacing:-.065em;
}
.title-gradient,
.hero-title .gradient-text{
  background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 45%,#2563eb 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
  text-shadow:0 18px 52px rgba(14,165,233,.16);
}

/* Header logo: one clean brand mark + readable text */
.site-header .brand{
  min-width:190px;
  gap:10px;
}
.site-header .brand img{
  width:54px !important;
  height:54px !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 16px rgba(14,165,233,.42)) !important;
}
.site-header .brand-text b{
  font-size:16px !important;
  color:var(--text) !important;
}
body.dark .site-header .brand-text b{
  color:#f8fbff !important;
  text-shadow:0 0 22px rgba(125,211,252,.36);
}
.site-header .brand-text small{
  color:#0ea5e9 !important;
}
body.dark .site-header .brand-text small{
  color:#7dd3fc !important;
  text-shadow:0 0 18px rgba(125,211,252,.38);
}

/* Clean hero visual object spacing */
.hero-visual{
  overflow:visible !important;
}
.system-map{
  width:min(620px,92vw) !important;
  min-width:0 !important;
  height:590px !important;
  margin-inline:auto;
  transform:translateZ(0);
}
.map-glass{
  width:68% !important;
  height:68% !important;
  border-radius:42px !important;
  opacity:.74 !important;
  background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(14,165,233,.055)) !important;
  box-shadow:0 28px 80px rgba(14,165,233,.13), inset 0 1px 0 rgba(255,255,255,.54) !important;
}
body.dark .map-glass{
  background:linear-gradient(145deg,rgba(8,24,52,.72),rgba(14,165,233,.04)) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.30),0 0 70px rgba(14,165,233,.08) !important;
}
.center-logo{
  width:150px !important;
  height:150px !important;
  border-radius:34px !important;
}
.center-logo img{
  width:112px !important;
}
.service-pin{
  width:168px !important;
  padding:16px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 18px 48px rgba(15,23,42,.08) !important;
  border-color:rgba(14,165,233,.16) !important;
  transform:translateZ(0);
  will-change:transform;
}
body.dark .service-pin{
  background:rgba(8,24,52,.82) !important;
  box-shadow:0 22px 58px rgba(0,0,0,.26),0 0 30px rgba(14,165,233,.06) !important;
  border-color:rgba(125,211,252,.16) !important;
}
.service-pin i{
  width:40px !important;
  height:40px !important;
  border-radius:14px !important;
  margin-bottom:12px !important;
}
.service-pin b{
  font-size:16px !important;
  line-height:1.2 !important;
}
.service-pin small{
  font-size:13px !important;
  line-height:1.45 !important;
}
.pin-a{top:5% !important;left:8% !important;}
.pin-b{top:10% !important;right:5% !important;}
.pin-c{right:4% !important;bottom:18% !important;}
.pin-d{bottom:3% !important;left:38% !important;}
.pin-e{left:3% !important;bottom:19% !important;}
.draw-line{
  opacity:.55 !important;
  stroke-width:1.25 !important;
}
.orbit-ring{
  opacity:.48 !important;
}
@keyframes pinFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-8px,0)}
}

/* Founder section: cleaner high-end layout */
.founder-grid{
  align-items:stretch !important;
  gap:26px !important;
}
.founder-card{
  --mx:50%;
  --my:34%;
  --founder-img:none;
  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;
  padding:0 0 24px !important;
  border-radius:34px !important;
  text-align:left !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.88)) !important;
  border:1px solid rgba(14,165,233,.18) !important;
  box-shadow:0 24px 72px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.82) !important;
  transform-style:preserve-3d;
}
body.dark .founder-card{
  background:linear-gradient(180deg,rgba(8,24,52,.88),rgba(2,8,23,.92)) !important;
  border-color:rgba(125,211,252,.18) !important;
  box-shadow:0 32px 95px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.founder-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:372px !important;
  border-radius:34px 34px 0 0 !important;
  background-image:var(--founder-img) !important;
  background-size:112% auto !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  opacity:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  mix-blend-mode:normal !important;
  -webkit-mask-image:radial-gradient(245px circle at var(--mx) var(--my), #000 0 42%, rgba(0,0,0,.84) 58%, transparent 78%) !important;
          mask-image:radial-gradient(245px circle at var(--mx) var(--my), #000 0 42%, rgba(0,0,0,.84) 58%, transparent 78%) !important;
  transition:opacity .30s ease, background-size .82s cubic-bezier(.18,.9,.2,1) !important;
}
.founder-card:hover::before{
  opacity:1 !important;
  background-size:120% auto !important;
}
.founder-card::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:-120% !important;
  width:64% !important;
  height:372px !important;
  border-radius:34px 0 0 0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.08) 35%,rgba(125,211,252,.42) 50%,rgba(255,255,255,.10) 65%,transparent 100%) !important;
  transform:skewX(-18deg) translateX(0) !important;
  opacity:0 !important;
  transition:transform .95s cubic-bezier(.18,.9,.2,1), opacity .28s ease !important;
}
.founder-card:hover::after{
  opacity:1 !important;
  transform:skewX(-18deg) translateX(360%) !important;
}
.founder-card img{
  width:100% !important;
  height:372px !important;
  object-fit:cover !important;
  object-position:center top !important;
  border-radius:34px 34px 0 0 !important;
  margin:0 0 0 !important;
  position:relative !important;
  z-index:1 !important;
  filter:grayscale(100%) saturate(.04) contrast(1.12) brightness(.82) !important;
  transform:scale(1.01) !important;
  transition:transform .85s cubic-bezier(.18,.9,.2,1), filter .85s ease !important;
  box-shadow:none !important;
}
.founder-card:hover img{
  filter:grayscale(0%) saturate(1.26) contrast(1.08) brightness(1.03) !important;
  transform:scale(1.10) !important;
}
.founder-card h3,
.founder-card span,
.founder-card p{
  position:relative !important;
  z-index:5 !important;
}
.founder-card h3{
  margin:22px 22px 4px !important;
  font-size:28px !important;
  line-height:1 !important;
  color:var(--text) !important;
}
body.dark .founder-card h3{
  color:#f8fbff !important;
}
.founder-card span{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:max-content !important;
  max-width:calc(100% - 44px) !important;
  margin:4px 22px 14px !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  color:#0369a1 !important;
  background:rgba(14,165,233,.09) !important;
  border:1px solid rgba(14,165,233,.14) !important;
  font-size:11px !important;
  letter-spacing:.08em !important;
}
body.dark .founder-card span{
  color:#7dd3fc !important;
  background:rgba(14,165,233,.11) !important;
  border-color:rgba(125,211,252,.17) !important;
}
.founder-card span::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#0ea5e9;
  box-shadow:0 0 16px rgba(14,165,233,.85);
}
.founder-card p{
  margin:0 22px !important;
  color:var(--muted) !important;
  font-size:14.5px !important;
  line-height:1.62 !important;
}
body.dark .founder-card p{
  color:#cfe3ff !important;
}
.founder-card:hover{
  border-color:rgba(14,165,233,.40) !important;
  box-shadow:0 40px 110px rgba(14,165,233,.20),0 20px 44px rgba(15,23,42,.12) !important;
}
body.dark .founder-card:hover{
  box-shadow:0 42px 120px rgba(0,0,0,.42),0 0 70px rgba(14,165,233,.16) !important;
}

/* Make founder section breathe in light mode */
.founders-section,
section:has(.founder-grid){
  position:relative;
}
section:has(.founder-grid)::before{
  content:"";
  position:absolute;
  inset:12% 0 auto 0;
  height:360px;
  background:radial-gradient(circle at 50% 20%,rgba(14,165,233,.10),transparent 58%);
  pointer-events:none;
  z-index:-1;
}

/* Responsive founder cards */
@media(max-width:980px){
  .system-map{height:540px !important;}
  .service-pin{width:150px !important;padding:14px !important;}
  .pin-a{left:3% !important;}
  .pin-b{right:1% !important;}
  .pin-c{right:2% !important;}
  .pin-d{left:34% !important;}
  .pin-e{left:2% !important;}
  .founder-card::before,
  .founder-card::after,
  .founder-card img{height:430px !important;}
}
@media(max-width:620px){
  .system-map{height:560px !important;width:100% !important;}
  .map-glass{width:74% !important;height:62% !important;}
  .center-logo{width:126px !important;height:126px !important;}
  .center-logo img{width:94px !important;}
  .service-pin{width:138px !important;padding:12px !important;border-radius:20px !important;}
  .service-pin small{font-size:12px !important;}
  .pin-a{top:1% !important;left:0 !important;}
  .pin-b{top:7% !important;right:0 !important;}
  .pin-c{right:0 !important;bottom:16% !important;}
  .pin-d{left:28% !important;bottom:1% !important;}
  .pin-e{left:0 !important;bottom:18% !important;}
  .founder-card::before,
  .founder-card::after,
  .founder-card img{height:500px !important;}
}

/* ==========================================================
   Mary Digi V4.3 — High-end Founder & Motion Polish
   Focus: cleaner founder photos, stronger B&W-to-color reveal,
   better visual hierarchy, and smoother cinematic motion.
   ========================================================== */

/* Cleaner headline emphasis */
.title-gradient,
.gradient-text{
  background:linear-gradient(135deg,#16c7ff 0%,#0ea5e9 42%,#2563eb 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  text-shadow:0 18px 60px rgba(14,165,233,.18);
}

/* Premium service cards with subtle infographics */
.card{
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,250,255,.72)) !important;
  border-color:rgba(14,165,233,.14) !important;
}
body.dark .card{
  background:
    linear-gradient(180deg,rgba(8,24,52,.86),rgba(2,8,23,.86)) !important;
  border-color:rgba(125,211,252,.14) !important;
}
.card::after{
  content:"";
  position:absolute;
  right:20px;
  bottom:18px;
  width:98px;
  height:46px;
  opacity:.18;
  background:
    linear-gradient(90deg,transparent 0 16%,rgba(14,165,233,.65) 16% 18%,transparent 18% 38%,rgba(14,165,233,.65) 38% 40%,transparent 40% 62%,rgba(14,165,233,.65) 62% 64%,transparent 64%),
    linear-gradient(135deg,transparent 0 49%,rgba(14,165,233,.85) 50% 54%,transparent 55%);
  border-radius:18px;
  transition:.45s ease;
  z-index:-1;
}
.card:hover::after{opacity:.34;transform:translateY(-4px) scale(1.04)}

/* Hero object: less clutter, more premium spacing */
.system-map{filter:drop-shadow(0 40px 90px rgba(14,165,233,.12));}
.map-glass{
  border-radius:48px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.50),rgba(14,165,233,.06)) !important;
}
body.dark .map-glass{
  background:linear-gradient(145deg,rgba(8,24,52,.72),rgba(14,165,233,.04)) !important;
}
.center-logo{
  animation:mdCoreBreath 6.5s ease-in-out infinite !important;
  box-shadow:0 28px 90px rgba(14,165,233,.23),0 0 0 1px rgba(14,165,233,.16) !important;
}
@keyframes mdCoreBreath{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-10px) scale(1.035)}
}
.service-pin{
  animation:mdPinFloat 7s ease-in-out infinite !important;
}
.pin-b{animation-delay:.9s !important}.pin-c{animation-delay:1.8s !important}.pin-d{animation-delay:2.5s !important}.pin-e{animation-delay:3.2s !important}
@keyframes mdPinFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-9px,0)}
}

/* Founder layout: 3 cards top + 2 centered below for premium spacing */
.founder-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:30px !important;
  align-items:stretch !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.founder-card{
  --mx:50%;
  --my:34%;
  grid-column:span 4 !important;
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  padding:0 0 26px !important;
  border-radius:38px !important;
  text-align:left !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,251,255,.92)) !important;
  border:1px solid rgba(14,165,233,.16) !important;
  box-shadow:0 26px 80px rgba(15,23,42,.09),inset 0 1px 0 rgba(255,255,255,.88) !important;
  transform-style:preserve-3d !important;
  transition:transform .7s cubic-bezier(.18,.9,.2,1),box-shadow .7s cubic-bezier(.18,.9,.2,1),border-color .45s ease !important;
}
.founder-card:nth-child(4){grid-column:3 / span 4 !important;}
.founder-card:nth-child(5){grid-column:7 / span 4 !important;}
body.dark .founder-card{
  background:linear-gradient(180deg,rgba(7,20,42,.92),rgba(2,8,23,.94)) !important;
  border-color:rgba(125,211,252,.16) !important;
  box-shadow:0 34px 110px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* remove old duplicated image reveal layer; make it a clean cursor aura instead */
.founder-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  height:auto !important;
  border-radius:inherit !important;
  background:
    radial-gradient(440px circle at var(--mx) var(--my),rgba(14,165,233,.20),transparent 48%),
    linear-gradient(135deg,rgba(125,211,252,.13),transparent 38%,rgba(14,165,233,.08)) !important;
  opacity:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  mix-blend-mode:normal !important;
  transition:opacity .45s ease !important;
}
.founder-card:hover::before{opacity:1 !important;}

/* elegant light sweep only over the portrait */
.founder-card::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:-70% !important;
  width:42% !important;
  height:430px !important;
  border-radius:38px 0 0 0 !important;
  z-index:4 !important;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.05) 24%,rgba(125,211,252,.38) 50%,rgba(255,255,255,.10) 70%,transparent 100%) !important;
  opacity:0 !important;
  transform:skewX(-18deg) translateX(0) !important;
  pointer-events:none !important;
  transition:transform 1.05s cubic-bezier(.18,.9,.2,1),opacity .32s ease !important;
}
.founder-card:hover::after{opacity:1 !important;transform:skewX(-18deg) translateX(420%) !important;}

/* bigger, cleaner photos */
.founder-card img{
  display:block !important;
  width:100% !important;
  height:430px !important;
  margin:0 !important;
  border-radius:38px 38px 0 0 !important;
  object-fit:cover !important;
  object-position:center 14% !important;
  box-shadow:none !important;
  position:relative !important;
  z-index:1 !important;
  filter:grayscale(100%) saturate(.15) contrast(1.12) brightness(.86) !important;
  transform:scale(1.01) translateZ(0) !important;
  transition:filter .95s ease,transform .95s cubic-bezier(.18,.9,.2,1),object-position .95s ease !important;
}
.founder-card:nth-child(3) img{object-position:center 9% !important;}
.founder-card:nth-child(5) img{object-position:center 10% !important;}
.founder-card:hover img{
  filter:grayscale(0%) saturate(1.46) contrast(1.08) brightness(1.06) !important;
  transform:scale(1.095) translateZ(0) !important;
  object-position:center 10% !important;
}

/* clean information block */
.founder-card h3,
.founder-card span,
.founder-card p{position:relative !important;z-index:6 !important;}
.founder-card h3{
  margin:24px 26px 7px !important;
  font-size:30px !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  color:#07162e !important;
}
body.dark .founder-card h3{color:#f8fbff !important;}
.founder-card span{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:max-content !important;
  max-width:calc(100% - 52px) !important;
  margin:0 26px 16px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  color:#0369a1 !important;
  background:linear-gradient(180deg,rgba(224,242,254,.98),rgba(240,249,255,.72)) !important;
  border:1px solid rgba(14,165,233,.18) !important;
  box-shadow:0 10px 25px rgba(14,165,233,.10) !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
body.dark .founder-card span{
  color:#7dd3fc !important;
  background:rgba(14,165,233,.11) !important;
  border-color:rgba(125,211,252,.18) !important;
  box-shadow:0 12px 28px rgba(14,165,233,.08) !important;
}
.founder-card span::before{
  content:"" !important;
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:#0ea5e9 !important;
  box-shadow:0 0 16px rgba(14,165,233,.9) !important;
}
.founder-card p{
  margin:0 26px !important;
  max-width:290px !important;
  color:#617089 !important;
  font-size:15px !important;
  line-height:1.68 !important;
}
body.dark .founder-card p{color:#c7d7ec !important;}
.founder-card:hover{
  transform:translateY(-12px) !important;
  border-color:rgba(14,165,233,.42) !important;
  box-shadow:0 44px 120px rgba(14,165,233,.20),0 24px 50px rgba(15,23,42,.10) !important;
}
body.dark .founder-card:hover{box-shadow:0 44px 130px rgba(0,0,0,.44),0 0 85px rgba(14,165,233,.17) !important;}

/* Founder section background should feel high-end, not crowded */
section:has(.founder-grid)::before{
  height:520px !important;
  inset:8% 0 auto 0 !important;
  background:
    radial-gradient(circle at 50% 18%,rgba(14,165,233,.12),transparent 56%),
    linear-gradient(180deg,transparent,rgba(14,165,233,.035),transparent) !important;
}

/* Responsive founder layout */
@media(max-width:1100px){
  .founder-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .founder-card,.founder-card:nth-child(4),.founder-card:nth-child(5){grid-column:auto !important;}
  .founder-card img,.founder-card::after{height:460px !important;}
}
@media(max-width:620px){
  .founder-grid{grid-template-columns:1fr !important;gap:24px !important;}
  .founder-card{border-radius:32px !important;}
  .founder-card img,.founder-card::after{height:520px !important;border-radius:32px 32px 0 0 !important;}
  .founder-card h3{font-size:32px !important;}
  .founder-card p{max-width:none !important;}
}


/* =========================================================
   Mary Digi V4.4 — High-end Founder Showcase + Clean Infographics
   Final override: designed to replace old generic founder cards.
   ========================================================= */
.founder-showcase{
  position:relative;
  overflow:hidden;
  padding-top:120px;
  background:
    radial-gradient(circle at 18% 12%,rgba(14,165,233,.16),transparent 34%),
    radial-gradient(circle at 82% 18%,rgba(125,211,252,.11),transparent 32%),
    linear-gradient(180deg,rgba(14,165,233,.035),transparent 26%,rgba(14,165,233,.045));
}
.founder-showcase::before{
  content:"MEET THE TEAM";
  position:absolute;
  top:54px;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  text-align:center;
  font-family:'Space Grotesk',Inter,sans-serif;
  font-size:clamp(70px,12vw,180px);
  line-height:1;
  letter-spacing:-.08em;
  font-weight:900;
  color:rgba(14,165,233,.055);
  pointer-events:none;
  white-space:nowrap;
}
body.dark .founder-showcase::before{color:rgba(125,211,252,.045)}
.founder-showcase .section-heading{position:relative;z-index:2;max-width:820px;margin-inline:auto;margin-bottom:54px}
.founder-layout{
  position:relative;
  z-index:2;
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}
.founder-profile{
  --mx:50%;
  --my:28%;
  grid-column:span 3;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:560px;
  padding:0 !important;
  border-radius:36px;
  border:1px solid rgba(14,165,233,.20);
  background:
    radial-gradient(520px circle at var(--mx) var(--my),rgba(14,165,233,.18),transparent 45%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.78));
  box-shadow:0 26px 90px rgba(15,23,42,.11);
  transform-style:preserve-3d;
  transition:transform .65s cubic-bezier(.18,.9,.2,1),box-shadow .65s ease,border-color .65s ease;
}
.founder-main{grid-column:span 4;min-height:620px}
.founder-profile:nth-child(4){grid-column:3 / span 3}
.founder-profile:nth-child(5){grid-column:6 / span 4}
.founder-profile::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(360px circle at var(--mx) var(--my),rgba(56,189,248,.34),rgba(14,165,233,.13) 24%,transparent 58%);
  opacity:0;
  mix-blend-mode:multiply;
  transition:opacity .42s ease;
}
.founder-profile::after{
  content:"";
  position:absolute;
  left:-70%;top:0;
  width:46%;height:100%;
  z-index:5;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.07) 24%,rgba(125,211,252,.42) 50%,rgba(255,255,255,.12) 70%,transparent 100%);
  transform:skewX(-18deg) translateX(0);
  transition:transform 1.08s cubic-bezier(.18,.9,.2,1),opacity .35s ease;
}
.founder-profile:hover{
  transform:translateY(-14px) scale(1.012);
  border-color:rgba(14,165,233,.45);
  box-shadow:0 48px 130px rgba(14,165,233,.22),0 18px 45px rgba(15,23,42,.12);
}
.founder-profile:hover::before{opacity:1}
.founder-profile:hover::after{opacity:1;transform:skewX(-18deg) translateX(430%)}
.founder-photo{
  position:relative;
  height:390px;
  overflow:hidden;
  border-radius:36px 36px 0 0;
  background:#06142b;
}
.founder-main .founder-photo{height:450px}
.founder-photo::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:42%;
  background:linear-gradient(180deg,transparent,rgba(2,8,23,.82));
  z-index:2;
  pointer-events:none;
}
.founder-photo img{
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  border-radius:0 !important;
  object-fit:cover !important;
  object-position:center 12% !important;
  filter:grayscale(100%) saturate(.12) contrast(1.13) brightness(.82) !important;
  transform:scale(1.02) translateZ(0) !important;
  transition:filter .95s ease,transform .95s cubic-bezier(.18,.9,.2,1),object-position .95s ease !important;
}
.founder-profile:nth-child(3) .founder-photo img{object-position:center 9% !important}
.founder-profile:nth-child(5) .founder-photo img{object-position:center 10% !important}
.founder-profile:hover .founder-photo img{
  filter:grayscale(0%) saturate(1.62) contrast(1.08) brightness(1.07) !important;
  transform:scale(1.13) translateZ(0) !important;
  object-position:center 9% !important;
}
.founder-info{
  position:relative;
  z-index:6;
  padding:24px 26px 28px;
}
.founder-info h3{
  margin:12px 0 8px !important;
  padding:0 !important;
  font-size:clamp(28px,2.2vw,40px) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  color:var(--text) !important;
}
.role-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(14,165,233,.22) !important;
  background:linear-gradient(180deg,rgba(224,242,254,.96),rgba(240,249,255,.68)) !important;
  color:#0369a1 !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  box-shadow:0 12px 28px rgba(14,165,233,.11) !important;
}
.role-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#0ea5e9;box-shadow:0 0 16px rgba(14,165,233,.85)}
.founder-info p{
  margin:0 !important;
  padding:0 !important;
  color:var(--muted) !important;
  font-size:15px !important;
  line-height:1.68 !important;
  min-height:76px !important;
}
.skill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.skill-row span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(14,165,233,.16);
  background:rgba(14,165,233,.075);
  color:#0369a1;
  font-size:11px;
  font-weight:900;
}
body.dark .founder-profile{
  border-color:rgba(125,211,252,.18);
  background:
    radial-gradient(520px circle at var(--mx) var(--my),rgba(14,165,233,.25),transparent 46%),
    linear-gradient(180deg,rgba(8,24,52,.94),rgba(3,12,30,.88));
  box-shadow:0 30px 95px rgba(0,0,0,.36);
}
body.dark .founder-profile::before{mix-blend-mode:screen;background:radial-gradient(380px circle at var(--mx) var(--my),rgba(56,189,248,.36),rgba(14,165,233,.16) 28%,transparent 60%)}
body.dark .founder-info h3{color:#f8fbff !important}
body.dark .role-pill{color:#7dd3fc !important;background:rgba(14,165,233,.11) !important;border-color:rgba(125,211,252,.20) !important;box-shadow:0 12px 28px rgba(14,165,233,.10) !important}
body.dark .founder-info p{color:#cfe3ff !important}
body.dark .skill-row span{color:#b9e9ff;background:rgba(125,211,252,.08);border-color:rgba(125,211,252,.16)}
.founder-infographic{
  position:relative;
  z-index:2;
  margin:34px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.founder-infographic div{
  position:relative;
  overflow:hidden;
  min-height:124px;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(14,165,233,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(248,251,255,.62));
  box-shadow:0 18px 55px rgba(15,23,42,.08);
  transition:transform .45s cubic-bezier(.18,.9,.2,1),box-shadow .45s ease,border-color .45s ease;
}
.founder-infographic div::after{content:"";position:absolute;inset:auto 18px 18px 18px;height:3px;border-radius:99px;background:linear-gradient(90deg,#38bdf8,#2563eb);transform:scaleX(.18);transform-origin:left;transition:.45s ease}
.founder-infographic div:hover{transform:translateY(-7px);border-color:rgba(14,165,233,.38);box-shadow:0 28px 80px rgba(14,165,233,.16)}
.founder-infographic div:hover::after{transform:scaleX(1)}
.founder-infographic i{font-style:normal;font-size:28px;display:block;margin-bottom:12px}
.founder-infographic b{display:block;font-family:'Space Grotesk';font-size:20px;letter-spacing:-.03em;color:var(--text)}
.founder-infographic span{display:block;margin-top:5px;color:var(--muted);font-size:13px;font-weight:700}
body.dark .founder-infographic div{background:linear-gradient(180deg,rgba(8,24,52,.72),rgba(3,12,30,.62));border-color:rgba(125,211,252,.16);box-shadow:0 22px 70px rgba(0,0,0,.28)}
body.dark .founder-infographic b{color:#f8fbff}
@media(max-width:1100px){
  .founder-layout{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .founder-profile,.founder-main,.founder-profile:nth-child(4),.founder-profile:nth-child(5){grid-column:auto !important}
  .founder-photo,.founder-main .founder-photo{height:460px}
  .founder-infographic{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .founder-showcase{padding-top:84px}
  .founder-layout,.founder-infographic{grid-template-columns:1fr !important;gap:24px !important}
  .founder-photo,.founder-main .founder-photo{height:520px}
  .founder-info{padding:22px 22px 26px}
}


/* =========================================================
   V4.5 Founder Row + Light Default Polish
   - Premium one-row founder layout on desktop
   - Cleaner light mode founder cards
   - Stronger B&W to color hover reveal
   - Keeps responsive stacking on tablets/mobile
========================================================= */
.founder-showcase{
  position:relative !important;
  overflow:hidden !important;
  padding-top:110px !important;
  padding-bottom:110px !important;
}
.founder-showcase .section-heading{
  max-width:900px !important;
  margin:0 auto 52px !important;
}
.founder-layout{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.founder-profile,
.founder-profile.founder-main,
.founder-profile:nth-child(4),
.founder-profile:nth-child(5){
  grid-column:auto !important;
  min-height:560px !important;
  border-radius:34px !important;
  overflow:hidden !important;
  background:
    radial-gradient(420px circle at var(--mx,50%) var(--my,28%), rgba(14,165,233,.13), transparent 47%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,251,255,.82)) !important;
  border:1px solid rgba(14,165,233,.18) !important;
  box-shadow:0 22px 70px rgba(15,23,42,.08) !important;
  transition:transform .75s cubic-bezier(.18,.9,.2,1), box-shadow .75s ease, border-color .75s ease !important;
}
.founder-profile:hover{
  transform:translateY(-12px) scale(1.012) !important;
  border-color:rgba(14,165,233,.42) !important;
  box-shadow:0 38px 105px rgba(14,165,233,.18), 0 18px 40px rgba(15,23,42,.10) !important;
}
.founder-photo,
.founder-main .founder-photo{
  height:330px !important;
  border-radius:34px 34px 0 0 !important;
  background:#06142b !important;
  overflow:hidden !important;
}
.founder-photo::after{
  height:48% !important;
  background:linear-gradient(180deg, transparent 0%, rgba(2,8,23,.18) 38%, rgba(2,8,23,.74) 100%) !important;
}
.founder-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 13% !important;
  filter:grayscale(100%) saturate(.08) contrast(1.16) brightness(.78) !important;
  transform:scale(1.015) !important;
  transition:filter 1s ease, transform 1s cubic-bezier(.18,.9,.2,1), object-position 1s ease !important;
}
.founder-profile:hover .founder-photo img{
  filter:grayscale(0%) saturate(1.7) contrast(1.08) brightness(1.08) !important;
  transform:scale(1.14) !important;
  object-position:center 10% !important;
}
.founder-profile::before{
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,28%), rgba(56,189,248,.30), rgba(14,165,233,.12) 28%, transparent 62%) !important;
  mix-blend-mode:multiply !important;
}
.founder-info{
  padding:22px 20px 24px !important;
}
.founder-info h3{
  font-size:clamp(26px,2vw,34px) !important;
  line-height:.95 !important;
  margin:12px 0 9px !important;
  letter-spacing:-.055em !important;
}
.role-pill{
  font-size:10px !important;
  padding:7px 10px !important;
  letter-spacing:.07em !important;
  white-space:normal !important;
  text-align:left !important;
}
.founder-info p{
  font-size:14px !important;
  line-height:1.56 !important;
  min-height:88px !important;
}
.skill-row{
  margin-top:16px !important;
  gap:6px !important;
}
.skill-row span{
  font-size:10px !important;
  min-height:28px !important;
  padding:0 9px !important;
}
body.dark .founder-profile{
  background:
    radial-gradient(420px circle at var(--mx,50%) var(--my,28%), rgba(14,165,233,.22), transparent 48%),
    linear-gradient(180deg, rgba(8,24,52,.92), rgba(3,12,30,.86)) !important;
  border-color:rgba(125,211,252,.18) !important;
  box-shadow:0 28px 95px rgba(0,0,0,.34) !important;
}
body.dark .founder-profile:hover{
  border-color:rgba(125,211,252,.38) !important;
  box-shadow:0 42px 120px rgba(14,165,233,.20), 0 24px 80px rgba(0,0,0,.34) !important;
}
body.dark .founder-profile::before{
  mix-blend-mode:screen !important;
}
.founder-infographic{
  margin-top:36px !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.founder-infographic div{
  background:
    radial-gradient(240px circle at 20% 10%, rgba(14,165,233,.11), transparent 45%),
    rgba(255,255,255,.78) !important;
  backdrop-filter:blur(18px) !important;
}
@media(max-width:1180px){
  .founder-layout{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .founder-profile,.founder-profile.founder-main{min-height:560px !important;}
}
@media(max-width:820px){
  .founder-layout{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .founder-infographic{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:620px){
  .founder-layout,.founder-infographic{grid-template-columns:1fr !important;}
  .founder-photo,.founder-main .founder-photo{height:520px !important;}
  .founder-info p{min-height:auto !important;}
}


/* =========================================================
   V4.6 High-End Visual Polish
   - Fix dark-mode white infographic bug
   - Founder cards: bigger cinematic portraits, premium name panel
   - Stronger B&W to vivid color hover
   - Cleaner high-end glass / icon styling across website
========================================================= */

/* Make premium dark mode cards consistent */
body.dark .founder-infographic div,
body.dark .glass-card,
body.dark .problem-list article,
body.dark .process-step,
body.dark .case-card,
body.dark .contact-form,
body.dark .contact-panel{
  background:
    radial-gradient(420px circle at 20% 0%, rgba(14,165,233,.18), transparent 48%),
    linear-gradient(180deg, rgba(9,26,56,.92), rgba(2,10,26,.92)) !important;
  border-color:rgba(125,211,252,.18) !important;
  color:#f8fbff !important;
  box-shadow:0 26px 85px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
body.dark .founder-infographic span,
body.dark .glass-card p,
body.dark .problem-list p,
body.dark .process-step p,
body.dark .case-card p,
body.dark .contact-panel p{
  color:#a9b8cf !important;
}

/* Premium infographic cards */
.founder-infographic{
  margin-top:54px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}
.founder-infographic div{
  position:relative !important;
  min-height:150px !important;
  padding:28px 28px 24px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:
    radial-gradient(320px circle at 18% 0%, rgba(14,165,233,.15), transparent 52%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,251,255,.86)) !important;
  border:1px solid rgba(14,165,233,.18) !important;
  box-shadow:0 24px 70px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.75) !important;
  transition:transform .55s cubic-bezier(.18,.9,.2,1), box-shadow .55s ease, border-color .55s ease !important;
}
.founder-infographic div::before{
  content:"" !important;
  position:absolute !important;
  inset:auto 24px 18px 24px !important;
  height:3px !important;
  border-radius:99px !important;
  background:linear-gradient(90deg,#0ea5e9,#7dd3fc,#2563eb) !important;
  transform:scaleX(.28) !important;
  transform-origin:left !important;
  transition:transform .55s cubic-bezier(.18,.9,.2,1) !important;
}
.founder-infographic div::after{
  content:"" !important;
  position:absolute !important;
  width:120px !important;
  height:120px !important;
  right:-50px !important;
  top:-50px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(14,165,233,.22), transparent 62%) !important;
  opacity:.7 !important;
}
.founder-infographic div:hover{
  transform:translateY(-8px) !important;
  border-color:rgba(14,165,233,.36) !important;
  box-shadow:0 34px 95px rgba(14,165,233,.14), 0 18px 50px rgba(15,23,42,.08) !important;
}
.founder-infographic div:hover::before{
  transform:scaleX(1) !important;
}
.founder-infographic i{
  display:grid !important;
  place-items:center !important;
  width:54px !important;
  height:54px !important;
  border-radius:18px !important;
  margin-bottom:18px !important;
  background:linear-gradient(135deg, rgba(14,165,233,.16), rgba(125,211,252,.10)) !important;
  border:1px solid rgba(14,165,233,.16) !important;
  box-shadow:0 14px 30px rgba(14,165,233,.10) !important;
  font-size:25px !important;
  font-style:normal !important;
}
.founder-infographic b{
  display:block !important;
  font-size:22px !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
  margin-bottom:6px !important;
}
.founder-infographic span{
  display:block !important;
  color:#617089 !important;
  font-weight:800 !important;
}

/* Founder section high-end layout */
.founder-showcase{
  isolation:isolate !important;
}
.founder-showcase::before{
  content:"FOUNDERS" !important;
  position:absolute !important;
  left:50% !important;
  top:48px !important;
  transform:translateX(-50%) !important;
  font-family:"Space Grotesk",Inter,sans-serif !important;
  font-size:clamp(84px,12vw,190px) !important;
  font-weight:900 !important;
  letter-spacing:-.08em !important;
  color:rgba(14,165,233,.045) !important;
  z-index:-1 !important;
  pointer-events:none !important;
  white-space:nowrap !important;
}
body.dark .founder-showcase::before{
  color:rgba(125,211,252,.045) !important;
}
.founder-layout{
  gap:22px !important;
}
.founder-profile,
.founder-profile.founder-main{
  position:relative !important;
  min-height:690px !important;
  border-radius:36px !important;
  overflow:hidden !important;
  background:
    radial-gradient(520px circle at var(--mx,50%) var(--my,20%), rgba(14,165,233,.14), transparent 52%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,250,255,.88)) !important;
  border:1px solid rgba(14,165,233,.20) !important;
  box-shadow:
    0 34px 100px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}
body.dark .founder-profile,
body.dark .founder-profile.founder-main{
  background:
    radial-gradient(520px circle at var(--mx,50%) var(--my,20%), rgba(14,165,233,.28), transparent 52%),
    linear-gradient(180deg, rgba(8,26,58,.96), rgba(2,10,26,.92)) !important;
  border-color:rgba(125,211,252,.20) !important;
  box-shadow:0 38px 115px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.founder-profile::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(115deg, transparent 0%, transparent 38%, rgba(255,255,255,.22) 50%, transparent 62%, transparent 100%) !important;
  transform:translateX(-135%) !important;
  transition:transform 1s cubic-bezier(.18,.9,.2,1) !important;
  pointer-events:none !important;
  z-index:5 !important;
}
.founder-profile:hover::after{
  transform:translateX(135%) !important;
}
.founder-profile:hover{
  transform:translateY(-14px) scale(1.018) !important;
  border-color:rgba(14,165,233,.48) !important;
  box-shadow:0 46px 135px rgba(14,165,233,.22), 0 22px 58px rgba(15,23,42,.12) !important;
}
body.dark .founder-profile:hover{
  border-color:rgba(125,211,252,.46) !important;
  box-shadow:0 46px 135px rgba(14,165,233,.22), 0 26px 90px rgba(0,0,0,.44) !important;
}

/* Bigger images with premium crop */
.founder-photo,
.founder-main .founder-photo{
  height:430px !important;
  border-radius:36px 36px 0 0 !important;
  background:#06142b !important;
  position:relative !important;
}
.founder-photo::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  opacity:.85 !important;
  background:
    radial-gradient(500px circle at var(--mx,50%) var(--my,36%), transparent 0 22%, rgba(14,165,233,.13) 36%, transparent 58%),
    linear-gradient(180deg, transparent 0%, transparent 46%, rgba(2,8,23,.82) 100%) !important;
  pointer-events:none !important;
  transition:opacity .6s ease !important;
}
.founder-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 12% !important;
  filter:grayscale(100%) saturate(.02) contrast(1.24) brightness(.74) !important;
  transform:scale(1.045) !important;
  transition:
    filter 1s cubic-bezier(.18,.9,.2,1),
    transform 1s cubic-bezier(.18,.9,.2,1),
    object-position 1s cubic-bezier(.18,.9,.2,1) !important;
}
.founder-profile:hover .founder-photo img{
  filter:grayscale(0%) saturate(1.95) contrast(1.10) brightness(1.10) !important;
  transform:scale(1.18) !important;
  object-position:center 8% !important;
}

/* Premium name panel */
.founder-info{
  position:relative !important;
  z-index:6 !important;
  margin:-56px 16px 16px !important;
  padding:22px 20px 24px !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.84) !important;
  border:1px solid rgba(14,165,233,.18) !important;
  backdrop-filter:blur(22px) saturate(140%) !important;
  box-shadow:0 24px 70px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.78) !important;
  min-height:238px !important;
}
body.dark .founder-info{
  background:rgba(3,15,38,.78) !important;
  border-color:rgba(125,211,252,.18) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.founder-info h3{
  font-size:clamp(32px,2.45vw,44px) !important;
  line-height:.86 !important;
  margin:8px 0 13px !important;
  letter-spacing:-.07em !important;
  background:linear-gradient(135deg,#07162e 10%,#0ea5e9 54%,#0369a1 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  text-shadow:none !important;
}
body.dark .founder-info h3{
  background:linear-gradient(135deg,#ffffff 10%,#7dd3fc 52%,#0ea5e9 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}
.role-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  width:auto !important;
  max-width:100% !important;
  font-size:10px !important;
  line-height:1 !important;
  padding:9px 12px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, rgba(14,165,233,.16), rgba(125,211,252,.12)) !important;
  border:1px solid rgba(14,165,233,.22) !important;
  color:#0369a1 !important;
  box-shadow:0 12px 24px rgba(14,165,233,.08) !important;
}
.role-pill::before{
  content:"" !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:#0ea5e9 !important;
  box-shadow:0 0 16px #0ea5e9 !important;
}
body.dark .role-pill{
  color:#7dd3fc !important;
  background:linear-gradient(135deg, rgba(14,165,233,.18), rgba(125,211,252,.10)) !important;
  border-color:rgba(125,211,252,.24) !important;
}
.founder-info p{
  font-size:14px !important;
  line-height:1.65 !important;
  color:#617089 !important;
  min-height:92px !important;
}
body.dark .founder-info p{
  color:#a9b8cf !important;
}
.skill-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-top:15px !important;
}
.skill-row span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(14,165,233,.08) !important;
  border:1px solid rgba(14,165,233,.14) !important;
  color:#0369a1 !important;
  font-weight:900 !important;
  font-size:10px !important;
  letter-spacing:.03em !important;
}
body.dark .skill-row span{
  background:rgba(125,211,252,.08) !important;
  border-color:rgba(125,211,252,.14) !important;
  color:#7dd3fc !important;
}

/* Website-wide extra premium pop */
.section-heading h2,
.hero-title,
.page-hero h1{
  text-wrap:balance !important;
}
.glass-card i,
.problem-list i,
.flow-node i,
.case-visual{
  filter:drop-shadow(0 12px 18px rgba(14,165,233,.16)) !important;
}
.glass-card:hover{
  transform:translateY(-10px) !important;
  border-color:rgba(14,165,233,.38) !important;
}

/* Responsive tuning */
@media(max-width:1280px){
  .founder-layout{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:820px){
  .founder-layout{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .founder-infographic{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:620px){
  .founder-layout,.founder-infographic{
    grid-template-columns:1fr !important;
  }
  .founder-profile,
  .founder-profile.founder-main{
    min-height:auto !important;
  }
  .founder-photo,
  .founder-main .founder-photo{
    height:560px !important;
  }
  .founder-info{
    min-height:auto !important;
  }
  .founder-info p{
    min-height:auto !important;
  }
}

/* ==========================================================
   Mary Digi V4.7 — refined founder color + cinematic text motion
   ========================================================== */

/* Softer founder color reveal: still premium, less oversaturated */
.founder-profile .founder-photo img,
.founder-card img{
  filter:grayscale(100%) saturate(.18) contrast(1.08) brightness(.88) !important;
  transform:scale(1.01) !important;
  transition:filter .9s ease, transform 1s cubic-bezier(.18,.9,.2,1), opacity .9s ease !important;
}
.founder-profile:hover .founder-photo img,
.founder-card:hover img{
  filter:grayscale(0%) saturate(.94) contrast(1.04) brightness(1) !important;
  transform:scale(1.065) !important;
}
.founder-profile::before,
.founder-card::before{
  filter:saturate(.92) contrast(1.02) brightness(1) !important;
}
.founder-profile:hover::before,
.founder-card:hover::before{
  opacity:.92 !important;
}
.founder-profile::after,
.founder-card::after{
  opacity:.55 !important;
}
.founder-profile:hover,
.founder-card:hover{
  box-shadow:0 30px 90px rgba(14,165,233,.16),0 16px 44px rgba(15,23,42,.10) !important;
}
body.dark .founder-profile:hover,
body.dark .founder-card:hover{
  box-shadow:0 34px 100px rgba(0,0,0,.42),0 0 58px rgba(14,165,233,.13) !important;
}

/* Cinematic text animation system */
.hero-title > span{
  display:block !important;
  opacity:0;
  transform:translateY(34px) scale(.985);
  filter:blur(10px);
  animation:mdTitleLineIn .92s cubic-bezier(.18,.9,.2,1) forwards;
}
.hero-title > span:nth-child(1){animation-delay:.08s}
.hero-title > span:nth-child(2){animation-delay:.20s}
.hero-title > span:nth-child(3){animation-delay:.32s}
.hero-lead,
.page-hero p,
.section-heading p{
  opacity:0;
  transform:translateY(18px);
  filter:blur(7px);
}
.hero-lead{animation:mdParagraphIn .9s cubic-bezier(.18,.9,.2,1) .52s forwards}

.md-motion-title .md-word{
  display:inline-block;
  opacity:0;
  transform:translateY(24px) rotateX(42deg);
  filter:blur(9px);
  transform-origin:left bottom;
}
.md-motion-title.md-text-visible .md-word{
  animation:mdWordIn .78s cubic-bezier(.18,.9,.2,1) forwards;
  animation-delay:calc(var(--d, 0) * 36ms);
}
.md-motion-title .md-accent{
  background:linear-gradient(135deg,#18c8ff 0%,#0ea5e9 42%,#2563eb 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 16px 42px rgba(14,165,233,.16);
}
.md-text-fade.md-text-visible,
.reveal.show .md-text-fade,
.show .md-text-fade{
  animation:mdParagraphIn .86s cubic-bezier(.18,.9,.2,1) forwards;
  animation-delay:.12s;
}
.section-heading.show p,
.page-hero.show p,
.reveal.show .section-heading p,
.reveal.show p{
  animation:mdParagraphIn .86s cubic-bezier(.18,.9,.2,1) forwards;
  animation-delay:.14s;
}

/* Better micro motion for sections without making the site messy */
.card,.case,.process-step,.step,.flow-node,.founder-profile,.founder-card,.founder-infographic div{
  will-change:transform, filter, box-shadow;
}
.card:hover .icon,
.flow-node:hover i,
.founder-infographic div:hover i{
  animation:mdIconPop .7s cubic-bezier(.18,.9,.2,1) both;
}

@keyframes mdTitleLineIn{
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes mdWordIn{
  to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}
}
@keyframes mdParagraphIn{
  to{opacity:1;transform:translateY(0);filter:blur(0)}
}
@keyframes mdIconPop{
  0%{transform:scale(1)}
  45%{transform:scale(1.12) rotate(-5deg)}
  100%{transform:scale(1) rotate(0)}
}

@media (prefers-reduced-motion: reduce){
  .hero-title > span,
  .md-motion-title .md-word,
  .hero-lead,
  .page-hero p,
  .section-heading p{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    animation:none !important;
  }
}

/* ==========================================================
   Mary Digi V4.7 Stable Polish — founder poster cards + clean motion
   Base: V47. This section only overrides small bugs/design issues.
   ========================================================== */

/* Default theme should be light. Dark mode still works via body.dark. */
body:not(.dark) .site-header{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(14,165,233,.18) !important;
}
body:not(.dark) .nav-menu{
  background:rgba(255,255,255,.62) !important;
  border-color:rgba(14,165,233,.16) !important;
}

/* Make large animated titles readable and elegant. */
.md-motion-title{
  line-height:1.05 !important;
  letter-spacing:-.055em !important;
  text-wrap:balance !important;
}
.md-motion-title .md-word{
  display:inline-block !important;
  margin-right:.14em !important;
  white-space:normal !important;
}
.hero-title > span{
  line-height:.98 !important;
}
.hero-lead,
.section-heading p,
.page-hero p{
  max-width:760px !important;
  text-wrap:pretty !important;
}

/* Cleaner founder section background */
.founder-showcase{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.founder-showcase::before{
  content:"FOUNDERS";
  position:absolute;
  left:50%;
  top:70px;
  transform:translateX(-50%);
  font-size:clamp(82px,13vw,190px);
  line-height:1;
  font-weight:950;
  letter-spacing:-.08em;
  color:rgba(14,165,233,.045);
  pointer-events:none;
  z-index:-1;
}
body.dark .founder-showcase::before{
  color:rgba(125,211,252,.045);
}

/* Premium founder poster cards: one clean row on desktop */
.founder-layout{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
  margin-top:54px !important;
}
.founder-profile,
.founder-profile.founder-main{
  position:relative !important;
  display:block !important;
  height:560px !important;
  min-height:560px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:34px !important;
  border:1px solid rgba(14,165,233,.20) !important;
  background:#061225 !important;
  box-shadow:0 24px 70px rgba(14,165,233,.12), 0 20px 55px rgba(15,23,42,.10) !important;
  transform:translateZ(0) !important;
}
.founder-profile::before,
.founder-profile::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:2 !important;
}
/* Soft cursor glow */
.founder-profile::before{
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,28%), rgba(14,165,233,.18), transparent 46%) !important;
  opacity:.25 !important;
  transition:opacity .45s ease !important;
}
/* Bottom readability overlay */
.founder-profile::after{
  background:linear-gradient(180deg, transparent 26%, rgba(2,8,23,.10) 48%, rgba(2,8,23,.72) 76%, rgba(2,8,23,.96) 100%) !important;
  opacity:1 !important;
}
.founder-profile:hover{
  transform:translateY(-12px) !important;
  border-color:rgba(56,189,248,.46) !important;
  box-shadow:0 34px 95px rgba(14,165,233,.22), 0 22px 60px rgba(15,23,42,.22) !important;
}
.founder-profile:hover::before{
  opacity:1 !important;
}
.founder-photo,
.founder-main .founder-photo{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border-radius:inherit !important;
  overflow:hidden !important;
  z-index:1 !important;
}
.founder-photo img,
.founder-main .founder-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  display:block !important;
  filter:grayscale(100%) saturate(.20) contrast(1.08) brightness(.72) !important;
  transform:scale(1.01) !important;
  transition:filter .85s ease, transform 1s cubic-bezier(.18,.9,.2,1) !important;
}
.founder-profile:hover .founder-photo img{
  filter:grayscale(0%) saturate(.86) contrast(1.03) brightness(.98) !important;
  transform:scale(1.075) !important;
}
.founder-info,
.founder-main .founder-info{
  position:absolute !important;
  left:16px !important;
  right:16px !important;
  bottom:16px !important;
  z-index:4 !important;
  min-height:220px !important;
  padding:20px 20px 18px !important;
  border-radius:26px !important;
  background:rgba(3,18,47,.76) !important;
  border:1px solid rgba(125,211,252,.16) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.06), 0 16px 40px rgba(0,0,0,.25) !important;
  backdrop-filter:blur(18px) saturate(130%) !important;
  color:#fff !important;
  transform:translateY(0) !important;
  transition:transform .45s cubic-bezier(.18,.9,.2,1), border-color .35s ease, background .35s ease !important;
}
.founder-profile:hover .founder-info{
  transform:translateY(-6px) !important;
  border-color:rgba(125,211,252,.34) !important;
  background:rgba(3,18,47,.84) !important;
}
.founder-info h3{
  margin:10px 0 12px !important;
  font-size:clamp(32px,2.7vw,44px) !important;
  line-height:.92 !important;
  letter-spacing:-.065em !important;
  color:#fff !important;
  text-shadow:0 18px 42px rgba(0,0,0,.35) !important;
}
.role-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  max-width:100% !important;
  min-height:30px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  color:#7dd3fc !important;
  background:rgba(14,165,233,.14) !important;
  border:1px solid rgba(125,211,252,.22) !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
.role-pill::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:#0ea5e9;
  box-shadow:0 0 18px #0ea5e9;
}
.founder-info p{
  min-height:92px !important;
  margin:0 !important;
  color:#b8c7dc !important;
  font-size:14.5px !important;
  line-height:1.62 !important;
}
.skill-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:14px !important;
}
.skill-row span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(125,211,252,.10) !important;
  border:1px solid rgba(125,211,252,.16) !important;
  color:#7dd3fc !important;
  font-weight:900 !important;
  font-size:10px !important;
}

/* Founder infographic: clean in both light and dark mode */
.founder-infographic{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:28px !important;
}
.founder-infographic div{
  position:relative !important;
  overflow:hidden !important;
  min-height:128px !important;
  padding:24px !important;
  border-radius:30px !important;
  border:1px solid rgba(14,165,233,.18) !important;
  background:linear-gradient(135deg, rgba(255,255,255,.82), rgba(236,248,255,.62)) !important;
  box-shadow:0 20px 55px rgba(15,23,42,.08) !important;
  backdrop-filter:blur(18px) !important;
}
.founder-infographic div::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(300px circle at var(--mx,50%) var(--my,22%), rgba(14,165,233,.16), transparent 48%) !important;
  opacity:0 !important;
  transition:.35s ease !important;
}
.founder-infographic div:hover::before{opacity:1 !important}
.founder-infographic i,
.founder-infographic b,
.founder-infographic span{position:relative;z-index:2}
.founder-infographic i{display:block !important;font-style:normal !important;font-size:26px !important;margin-bottom:14px !important}
.founder-infographic b{display:block !important;font-size:22px !important;color:#07162e !important;letter-spacing:-.03em !important}
.founder-infographic span{display:block !important;color:#617089 !important;font-weight:800 !important;margin-top:5px !important}
body.dark .founder-infographic div{
  background:linear-gradient(135deg, rgba(8,24,52,.82), rgba(3,18,47,.62)) !important;
  border-color:rgba(125,211,252,.18) !important;
  box-shadow:0 24px 75px rgba(0,0,0,.24) !important;
}
body.dark .founder-infographic b{color:#fff !important}
body.dark .founder-infographic span{color:#a9b8cf !important}

/* Subtle premium marquee, safe and not distracting */
.md-marquee{
  overflow:hidden;
  border-block:1px solid rgba(14,165,233,.14);
  background:rgba(14,165,233,.045);
  padding:16px 0;
}
.md-marquee-track{
  display:flex;
  gap:38px;
  width:max-content;
  animation:mdMarquee 28s linear infinite;
}
.md-marquee span{
  white-space:nowrap;
  font-size:13px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
}
.md-marquee span::before{
  content:"✦";
  margin-right:18px;
  color:#0ea5e9;
}
@keyframes mdMarquee{to{transform:translateX(-50%)}}

@media(max-width:1260px){
  .founder-layout{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:860px){
  .founder-layout{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .founder-infographic{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:620px){
  .founder-layout,.founder-infographic{grid-template-columns:1fr !important}
  .founder-profile,.founder-profile.founder-main{height:620px !important;min-height:620px !important}
  .founder-info,.founder-main .founder-info{min-height:auto !important}
  .founder-info p{min-height:auto !important}
}

/* ==========================================================
   FINAL STABLE PATCH — Founder cards + readable title motion
   Keeps V47 base, fixes the overlay/card alignment issue.
========================================================== */

/* Clean cinematic heading animation without breaking readability */
.section-heading h2,
.page-hero h1{
  position:relative !important;
}
.section-heading h2::after,
.page-hero h1::after{
  content:"";
  display:block;
  width:72px;
  height:3px;
  margin:18px auto 0;
  border-radius:99px;
  background:linear-gradient(90deg,#38bdf8,#0ea5e9,#2563eb);
  transform:scaleX(.2);
  transform-origin:center;
  opacity:.4;
  transition:transform .85s cubic-bezier(.18,.9,.2,1), opacity .85s ease;
}
.section-heading.show h2::after,
.reveal.show .section-heading h2::after,
.page-hero .reveal.show h1::after,
.reveal.show h1::after{
  transform:scaleX(1);
  opacity:1;
}
.section-heading[style*="text-align:left"] h2::after{
  margin-left:0;
  margin-right:auto;
}
.md-motion-title .md-word{
  will-change:transform,opacity,filter;
}

/* Subtle motion for subtitles and important card headings */
.stagger.show .card h3,
.stagger.show .case h3,
.stagger.show .founder-info h3,
.reveal.show .flow-node b{
  animation:mdCleanRise .72s cubic-bezier(.18,.9,.2,1) both;
}
.stagger.show .card:nth-child(2) h3,
.stagger.show .case:nth-child(2) h3,
.stagger.show .founder-profile:nth-child(2) .founder-info h3{animation-delay:.06s}
.stagger.show .card:nth-child(3) h3,
.stagger.show .case:nth-child(3) h3,
.stagger.show .founder-profile:nth-child(3) .founder-info h3{animation-delay:.12s}
.stagger.show .card:nth-child(4) h3,
.stagger.show .case:nth-child(4) h3,
.stagger.show .founder-profile:nth-child(4) .founder-info h3{animation-delay:.18s}
.stagger.show .card:nth-child(5) h3,
.stagger.show .founder-profile:nth-child(5) .founder-info h3{animation-delay:.24s}
@keyframes mdCleanRise{
  from{opacity:0;transform:translateY(18px);filter:blur(7px)}
  to{opacity:1;transform:translateY(0);filter:blur(0)}
}

/* Professional founder showcase: image on top, details below — no overlay on faces */
.founder-showcase{
  padding-top:110px !important;
  padding-bottom:110px !important;
  background:
    radial-gradient(circle at 14% 10%,rgba(14,165,233,.12),transparent 34%),
    radial-gradient(circle at 86% 14%,rgba(125,211,252,.10),transparent 34%),
    linear-gradient(180deg,rgba(14,165,233,.035),transparent 30%,rgba(14,165,233,.04)) !important;
}
body.dark .founder-showcase{
  background:
    radial-gradient(circle at 14% 10%,rgba(14,165,233,.18),transparent 34%),
    radial-gradient(circle at 86% 14%,rgba(37,99,235,.14),transparent 34%),
    linear-gradient(180deg,rgba(14,165,233,.035),transparent 30%,rgba(14,165,233,.04)) !important;
}
.founder-showcase::before{
  content:"FOUNDERS" !important;
  top:58px !important;
  opacity:1 !important;
  color:rgba(14,165,233,.050) !important;
}
body.dark .founder-showcase::before{color:rgba(125,211,252,.050) !important;}

.founder-layout{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
  margin-top:54px !important;
}
.founder-profile,
.founder-profile.founder-main,
.founder-profile:nth-child(4),
.founder-profile:nth-child(5){
  grid-column:auto !important;
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  padding:0 !important;
  border-radius:34px !important;
  background:
    radial-gradient(420px circle at var(--mx,50%) var(--my,20%),rgba(14,165,233,.12),transparent 45%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.90)) !important;
  border:1px solid rgba(14,165,233,.18) !important;
  box-shadow:0 22px 70px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.86) !important;
  transition:transform .55s cubic-bezier(.18,.9,.2,1), box-shadow .55s ease, border-color .55s ease !important;
}
body.dark .founder-profile,
body.dark .founder-profile.founder-main{
  background:
    radial-gradient(420px circle at var(--mx,50%) var(--my,20%),rgba(14,165,233,.18),transparent 46%),
    linear-gradient(180deg,rgba(8,24,52,.92),rgba(3,12,30,.88)) !important;
  border-color:rgba(125,211,252,.18) !important;
  box-shadow:0 26px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.founder-profile:hover{
  transform:translateY(-10px) !important;
  border-color:rgba(14,165,233,.42) !important;
  box-shadow:0 36px 105px rgba(14,165,233,.18),0 18px 46px rgba(15,23,42,.10) !important;
}
body.dark .founder-profile:hover{
  border-color:rgba(125,211,252,.38) !important;
  box-shadow:0 36px 110px rgba(0,0,0,.42),0 0 68px rgba(14,165,233,.14) !important;
}

/* Remove previous full-card overlays. Keep only a very soft hover aura. */
.founder-profile::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,24%),rgba(14,165,233,.16),transparent 50%) !important;
  opacity:0 !important;
  mix-blend-mode:normal !important;
  transition:opacity .35s ease !important;
}
.founder-profile:hover::before{opacity:1 !important;}
.founder-profile::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:-90% !important;
  width:48% !important;
  height:370px !important;
  z-index:4 !important;
  pointer-events:none !important;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.05) 24%,rgba(125,211,252,.28) 50%,rgba(255,255,255,.08) 70%,transparent 100%) !important;
  opacity:0 !important;
  transform:skewX(-18deg) translateX(0) !important;
  transition:transform .95s cubic-bezier(.18,.9,.2,1), opacity .28s ease !important;
}
.founder-profile:hover::after{
  opacity:1 !important;
  transform:skewX(-18deg) translateX(380%) !important;
}

.founder-photo,
.founder-main .founder-photo{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:365px !important;
  flex:0 0 365px !important;
  border-radius:34px 34px 0 0 !important;
  overflow:hidden !important;
  background:#06142b !important;
  z-index:1 !important;
}
.founder-photo::before{display:none !important;}
.founder-photo::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:28% !important;
  background:linear-gradient(180deg,transparent,rgba(2,8,23,.28)) !important;
  opacity:.72 !important;
  z-index:2 !important;
  pointer-events:none !important;
}
.founder-photo img,
.founder-main .founder-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  display:block !important;
  border-radius:0 !important;
  filter:grayscale(100%) saturate(.14) contrast(1.08) brightness(.88) !important;
  transform:scale(1.015) !important;
  transition:filter .82s ease, transform .92s cubic-bezier(.18,.9,.2,1), object-position .92s ease !important;
}
.founder-profile:hover .founder-photo img{
  filter:grayscale(0%) saturate(.96) contrast(1.04) brightness(1) !important;
  transform:scale(1.075) !important;
}
.founder-profile:nth-child(3) .founder-photo img,
.founder-profile:nth-child(5) .founder-photo img{object-position:center top !important;}

.founder-info,
.founder-main .founder-info{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  z-index:5 !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:255px !important;
  margin:0 !important;
  padding:24px 22px 24px !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  color:var(--text) !important;
  transform:none !important;
}
body.dark .founder-info{color:#f8fbff !important;}
.founder-profile:hover .founder-info{transform:none !important;background:transparent !important;border-color:transparent !important;}

.role-pill{
  order:1;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:30px !important;
  margin:0 0 14px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,rgba(224,242,254,.95),rgba(240,249,255,.72)) !important;
  border:1px solid rgba(14,165,233,.18) !important;
  color:#0369a1 !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
  box-shadow:0 10px 24px rgba(14,165,233,.08) !important;
}
body.dark .role-pill{
  color:#7dd3fc !important;
  background:rgba(14,165,233,.10) !important;
  border-color:rgba(125,211,252,.18) !important;
  box-shadow:none !important;
}
.role-pill::before{
  content:"" !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:#0ea5e9 !important;
  box-shadow:0 0 16px rgba(14,165,233,.9) !important;
}
.founder-info h3{
  order:2;
  margin:0 0 14px !important;
  padding:0 !important;
  font-size:clamp(30px,2.4vw,42px) !important;
  line-height:.94 !important;
  letter-spacing:-.065em !important;
  color:var(--text) !important;
  background:none !important;
  text-shadow:none !important;
}
body.dark .founder-info h3{color:#f8fbff !important;}
.founder-info p{
  order:3;
  margin:0 !important;
  padding:0 !important;
  min-height:95px !important;
  color:var(--muted) !important;
  font-size:14.5px !important;
  line-height:1.62 !important;
}
body.dark .founder-info p{color:#b7c8df !important;}
.skill-row{
  order:4;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:auto !important;
  padding-top:18px !important;
}
.skill-row span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(14,165,233,.075) !important;
  border:1px solid rgba(14,165,233,.14) !important;
  color:#0369a1 !important;
  font-size:10px !important;
  font-weight:900 !important;
}
body.dark .skill-row span{
  background:rgba(125,211,252,.08) !important;
  border-color:rgba(125,211,252,.14) !important;
  color:#7dd3fc !important;
}

/* Clean infographic cards in both modes */
.founder-infographic{
  margin-top:34px !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}
.founder-infographic div{
  background:
    radial-gradient(260px circle at var(--mx,50%) var(--my,20%),rgba(14,165,233,.11),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.90),rgba(247,251,255,.72)) !important;
  border:1px solid rgba(14,165,233,.18) !important;
  box-shadow:0 20px 58px rgba(15,23,42,.08) !important;
  color:var(--text) !important;
}
body.dark .founder-infographic div{
  background:
    radial-gradient(260px circle at var(--mx,50%) var(--my,20%),rgba(14,165,233,.18),transparent 48%),
    linear-gradient(180deg,rgba(8,24,52,.86),rgba(3,12,30,.78)) !important;
  border-color:rgba(125,211,252,.18) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.28) !important;
}
body.dark .founder-infographic b{color:#f8fbff !important;}
body.dark .founder-infographic span{color:#a9b8cf !important;}

@media(max-width:1260px){
  .founder-layout{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:860px){
  .founder-layout{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .founder-infographic{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:620px){
  .founder-layout,.founder-infographic{grid-template-columns:1fr !important;}
  .founder-photo,.founder-main .founder-photo{height:520px !important;flex-basis:520px !important;}
  .founder-profile,.founder-profile.founder-main{height:auto !important;min-height:0 !important;}
  .founder-info,.founder-main .founder-info{min-height:0 !important;}
  .founder-info p{min-height:0 !important;}
}



/* =========================================================
   Mary Digi V47.1 — premium title system + final polish
   Keep V47 layout, improve typography, motion, and GHL-ready polish
   ========================================================= */

:root{
  --title-font:'Sora','Space Grotesk',Inter,system-ui,sans-serif;
  --body-font:'Inter',system-ui,-apple-system,Segoe UI,Arial,sans-serif;
}

body{font-family:var(--body-font)}
h1,h2,h3,.brand-copy b,.nav-menu a,.btn{font-family:var(--title-font)}

/* Premium heading system */
.hero-title,
.page-hero h1,
.section-heading h2,
.cta h2{
  font-family:var(--title-font) !important;
  font-weight:800 !important;
  letter-spacing:-.072em;
  text-wrap:balance;
}

.section-heading h2,
.page-hero h1{
  position:relative;
  display:inline-block;
  max-width:980px;
}

.section-heading.center h2::after,
.page-hero h1::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-18px;
  width:min(190px,42%);
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#38bdf8,#2563eb,transparent);
  transform:translateX(-50%) scaleX(.55);
  transform-origin:center;
  opacity:.75;
  animation:mdLineBreathe 3.8s ease-in-out infinite;
}

.section-heading[style*="text-align:left"] h2::after,
.two-col .section-heading h2::after{
  left:0;
  transform:scaleX(.55);
  background:linear-gradient(90deg,#38bdf8,#2563eb,transparent);
}

@keyframes mdLineBreathe{
  0%,100%{transform:translateX(-50%) scaleX(.55);opacity:.45}
  50%{transform:translateX(-50%) scaleX(1);opacity:.9}
}

.two-col .section-heading h2::after{
  animation:mdLineBreatheLeft 3.8s ease-in-out infinite;
}
@keyframes mdLineBreatheLeft{
  0%,100%{transform:scaleX(.55);opacity:.45}
  50%{transform:scaleX(1);opacity:.9}
}

.gradient-text{
  background:linear-gradient(135deg,#21d4ff 0%,#0ea5e9 36%,#2563eb 78%,#7dd3fc 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  filter:drop-shadow(0 18px 32px rgba(14,165,233,.13));
}

/* Safer cinematic title animation: readable even before JS finishes */
.md-motion-title .md-word{
  display:inline-block;
  opacity:1;
  transform:translateY(0);
  filter:none;
  will-change:transform,opacity,filter;
}
.md-motion-title:not(.md-text-visible) .md-word{
  opacity:.001;
  transform:translateY(28px) rotateX(35deg);
  filter:blur(8px);
}
.md-motion-title.md-text-visible .md-word{
  animation:mdWordInPremium .72s cubic-bezier(.18,.9,.2,1) both;
  animation-delay:calc(var(--d,0) * 42ms);
}
@keyframes mdWordInPremium{
  0%{opacity:0;transform:translateY(30px) rotateX(40deg);filter:blur(10px)}
  100%{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}
}

.md-text-fade{
  opacity:1;
  transform:none;
  filter:none;
}
.md-text-fade:not(.md-text-visible){
  opacity:.001;
  transform:translateY(18px);
  filter:blur(7px);
}
.md-text-fade.md-text-visible{
  animation:mdParagraphPremium .72s cubic-bezier(.18,.9,.2,1) both;
}
@keyframes mdParagraphPremium{
  from{opacity:0;transform:translateY(18px);filter:blur(7px)}
  to{opacity:1;transform:translateY(0);filter:blur(0)}
}

/* Premium infinite marquee */
.premium-marquee{
  position:relative;
  overflow:hidden;
  border-block:1px solid var(--line);
  background:
    linear-gradient(90deg,rgba(14,165,233,.06),rgba(125,211,252,.12),rgba(14,165,233,.06));
  padding:16px 0;
}
body.dark .premium-marquee{
  background:
    linear-gradient(90deg,rgba(14,165,233,.08),rgba(125,211,252,.07),rgba(14,165,233,.08));
}
.premium-marquee::before,
.premium-marquee::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:160px;
  z-index:2;
  pointer-events:none;
}
.premium-marquee::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.premium-marquee::after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
.marquee-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:34px;
  animation:mdMarquee 28s linear infinite;
  white-space:nowrap;
}
.marquee-track span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--title-font);
  font-size:13px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--muted);
}
.marquee-track span::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,#38bdf8,#2563eb);
  box-shadow:0 0 16px rgba(14,165,233,.7);
}
@keyframes mdMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Impact metric strip */
.impact-strip{
  padding:24px 0 0;
}
.impact-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.impact-card{
  position:relative;
  overflow:hidden;
  padding:22px 24px;
  border-radius:28px;
  border:1px solid var(--line);
  background:var(--panel);
  box-shadow:var(--shadow);
}
.impact-card::after{
  content:"";
  position:absolute;
  inset:auto 20px 18px 20px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,#38bdf8,#2563eb,transparent);
  transform:scaleX(.22);
  transform-origin:left;
  transition:.45s ease;
}
.impact-card:hover::after{transform:scaleX(1)}
.impact-card strong{
  display:block;
  font-family:var(--title-font);
  font-size:clamp(28px,3vw,42px);
  line-height:1;
  letter-spacing:-.06em;
  color:var(--text);
  margin-bottom:8px;
}
.impact-card span{
  display:block;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

/* Make founder section stable but premium */
.founder-showcase .section-heading h2{
  max-width:1050px;
}
.founder-profile{
  backface-visibility:hidden;
}
.founder-photo img{
  filter:grayscale(100%) saturate(.78) contrast(1.02) brightness(.86) !important;
}
.founder-profile:hover .founder-photo img{
  filter:grayscale(0%) saturate(1.02) contrast(1.04) brightness(.98) !important;
}
.founder-info h3{
  font-family:var(--title-font) !important;
  letter-spacing:-.07em;
}
.role-pill{
  font-family:var(--title-font);
}

/* Dark mode fixes for infographic cards */
body.dark .founder-infographic div,
[data-theme="dark"] .founder-infographic div{
  background:
    radial-gradient(420px circle at var(--mx,50%) var(--my,30%),rgba(14,165,233,.16),transparent 45%),
    linear-gradient(180deg,rgba(7,20,45,.92),rgba(2,8,23,.84)) !important;
  color:#f8fbff !important;
  border-color:rgba(125,211,252,.22) !important;
  box-shadow:0 20px 70px rgba(0,0,0,.30) !important;
}
body.dark .founder-infographic span,
[data-theme="dark"] .founder-infographic span{
  color:#a9c5df !important;
}
body.dark .founder-infographic b,
[data-theme="dark"] .founder-infographic b{
  color:#ffffff !important;
}

/* Hero / service icon micro motion */
.card .icon,
.problem-list i,
.flow-node i,
.founder-infographic i{
  transition:transform .38s cubic-bezier(.18,.9,.2,1),filter .38s ease;
}
.card:hover .icon,
.problem-list article:hover i,
.flow-node:hover i,
.founder-infographic div:hover i{
  transform:translateY(-4px) scale(1.08) rotate(-4deg);
  filter:drop-shadow(0 0 18px rgba(14,165,233,.35));
}

/* Better paragraph rhythm */
.hero-lead,
.section-heading p,
.page-hero p,
.card p,
.problem-list p,
.founder-info p{
  line-height:1.78;
}

/* Responsive polish */
@media(max-width:980px){
  .impact-grid{grid-template-columns:repeat(2,1fr)}
  .premium-marquee::before,.premium-marquee::after{width:74px}
}
@media(max-width:620px){
  .impact-grid{grid-template-columns:1fr}
  .section-heading h2::after,.page-hero h1::after{bottom:-12px}
  .marquee-track span{font-size:12px}
}

/* GHL safety: prevent animated titles from staying invisible */
.no-js .md-motion-title .md-word,
.no-js .md-text-fade{opacity:1!important;transform:none!important;filter:none!important}


/* ===== V47 balanced capability section fix ===== */
.capability-showcase{
  position:relative;
  padding:76px 0 86px;
  overflow:hidden;
  border-block:1px solid var(--line);
  background:
    radial-gradient(circle at 18% 20%,rgba(14,165,233,.12),transparent 32%),
    radial-gradient(circle at 82% 70%,rgba(125,211,252,.12),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.52),rgba(246,251,255,.72));
}
body.dark .capability-showcase{
  background:
    radial-gradient(circle at 18% 20%,rgba(14,165,233,.16),transparent 32%),
    radial-gradient(circle at 82% 70%,rgba(125,211,252,.08),transparent 34%),
    linear-gradient(180deg,rgba(2,8,23,.78),rgba(3,18,47,.86));
}
.capability-heading{
  max-width:760px;
  margin:0 auto 42px;
  text-align:center;
}
.capability-heading h2{
  font-family:var(--display-font, 'Space Grotesk'), Inter, sans-serif;
  font-size:clamp(32px,4.6vw,56px);
  line-height:1;
  letter-spacing:-.055em;
  margin-bottom:16px;
}
.capability-heading p{
  color:var(--muted);
  font-size:17px;
  line-height:1.75;
  margin:0 auto;
  max-width:680px;
}
.capability-orbit{
  position:relative;
  width:min(780px,100%);
  min-height:240px;
  margin:0 auto 34px;
  border:1px solid var(--line);
  border-radius:42px;
  background:rgba(255,255,255,.42);
  box-shadow:0 26px 80px rgba(14,165,233,.10);
  backdrop-filter:blur(20px);
  overflow:hidden;
}
body.dark .capability-orbit{
  background:rgba(5,18,42,.62);
  box-shadow:0 26px 95px rgba(0,0,0,.30);
}
.capability-orbit::before{
  content:"";
  position:absolute;
  inset:28px 70px;
  border:1px dashed rgba(14,165,233,.28);
  border-radius:999px;
  animation:capOrbit 18s linear infinite;
}
.capability-orbit::after{
  content:"";
  position:absolute;
  inset:-80px;
  background:conic-gradient(from 0deg,transparent,rgba(14,165,233,.18),transparent,rgba(125,211,252,.16),transparent);
  filter:blur(34px);
  opacity:.45;
  animation:capOrbit 22s linear infinite reverse;
}
.capability-core{
  position:absolute;
  top:50%;left:50%;
  z-index:2;
  width:112px;height:112px;
  transform:translate(-50%,-50%);
  display:grid;place-items:center;
  border-radius:32px;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(125,211,252,.18));
  box-shadow:0 24px 70px rgba(14,165,233,.22), inset 0 1px rgba(255,255,255,.75);
}
.capability-core img{width:78px;filter:drop-shadow(0 0 18px rgba(14,165,233,.38));}
.cap-pill{
  position:absolute;
  z-index:3;
  display:flex;align-items:center;gap:10px;
  padding:13px 17px;
  border-radius:999px;
  border:1px solid rgba(14,165,233,.20);
  background:rgba(255,255,255,.74);
  color:var(--text);
  font-weight:900;
  box-shadow:0 18px 44px rgba(15,23,42,.10);
  transition:transform .35s ease, box-shadow .35s ease, background .35s ease;
}
body.dark .cap-pill{
  background:rgba(6,22,50,.82);
  border-color:rgba(125,211,252,.20);
  box-shadow:0 18px 48px rgba(0,0,0,.25);
}
.cap-pill i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(14,165,233,.12)}
.cap-pill:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 25px 65px rgba(14,165,233,.18)}
.cap-1{top:36px;left:48px}.cap-2{top:38px;right:62px}.cap-3{bottom:34px;left:72px}.cap-4{bottom:36px;right:88px}.cap-5{left:50%;bottom:20px;transform:translateX(-50%)}
.cap-5:hover{transform:translateX(-50%) translateY(-5px) scale(1.025)}
.clean-impact{margin-top:28px;grid-template-columns:repeat(4,1fr)}
.clean-impact .impact-card{
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 18px 54px rgba(14,165,233,.10);
}
@keyframes capOrbit{to{transform:rotate(360deg)}}
@media(max-width:860px){
  .capability-orbit{min-height:410px;border-radius:34px}
  .capability-orbit::before{inset:40px 36px;border-radius:42px}
  .cap-pill{left:50%!important;right:auto!important;transform:translateX(-50%);white-space:nowrap}
  .cap-pill:hover{transform:translateX(-50%) translateY(-5px) scale(1.025)}
  .cap-1{top:28px}.cap-2{top:96px}.cap-3{bottom:96px}.cap-4{bottom:28px}.cap-5{top:164px;bottom:auto}
  .clean-impact{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.clean-impact{grid-template-columns:1fr}.capability-heading{text-align:left}.capability-core{width:96px;height:96px}.capability-core img{width:66px}}


/* =========================================================
   MARY DIGI V48 FINAL FOUNDER HIERARCHY + TITLE POLISH
   Stable patch built on V47 balanced growth stack.
   ========================================================= */

/* Keep large headings readable, premium, and animated without breaking lines */
.section-heading h2,
.page-hero h1,
.cta h2{
  font-family:var(--title-font, 'Sora','Space Grotesk',Inter,system-ui,sans-serif) !important;
  letter-spacing:-.065em;
  text-wrap:balance;
}

.reveal.show .section-heading h2,
.section-heading.show h2,
.reveal.show h2,
.reveal.show h1{
  animation:mdTitleLift .86s cubic-bezier(.18,.9,.2,1) both;
}

.section-heading p,
.page-hero p{
  text-wrap:balance;
  max-width:780px;
}

.reveal.show .section-heading p,
.reveal.show p{
  animation:mdParagraphFloat .9s cubic-bezier(.18,.9,.2,1) .08s both;
}

@keyframes mdTitleLift{
  from{opacity:.35;filter:blur(8px);transform:translateY(28px)}
  to{opacity:1;filter:blur(0);transform:translateY(0)}
}
@keyframes mdParagraphFloat{
  from{opacity:.35;filter:blur(7px);transform:translateY(18px)}
  to{opacity:1;filter:blur(0);transform:translateY(0)}
}

/* Founder section: CEO spotlight + balanced supporting founders */
.founder-showcase.founder-hierarchy{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding-top:120px;
  padding-bottom:120px;
}

.founder-showcase.founder-hierarchy::before{
  content:"MEET THE TEAM";
  position:absolute;
  left:50%;
  top:3%;
  transform:translateX(-50%);
  width:100%;
  text-align:center;
  font-family:var(--title-font, 'Sora','Space Grotesk',Inter,sans-serif);
  font-size:clamp(62px,13vw,172px);
  font-weight:950;
  letter-spacing:-.09em;
  color:rgba(14,165,233,.055);
  z-index:-1;
  pointer-events:none;
  white-space:nowrap;
}

body.dark .founder-showcase.founder-hierarchy::before{color:rgba(125,211,252,.045)}

.founder-showcase.founder-hierarchy::after{
  content:"";
  position:absolute;
  inset:12% 7% 8%;
  border-radius:64px;
  background:
    radial-gradient(circle at 50% 12%,rgba(14,165,233,.12),transparent 34%),
    radial-gradient(circle at 10% 78%,rgba(125,211,252,.11),transparent 28%),
    radial-gradient(circle at 88% 72%,rgba(3,105,161,.10),transparent 28%);
  filter:blur(10px);
  z-index:-2;
  pointer-events:none;
}

.founder-heading{margin-bottom:58px !important}

.founder-hierarchy-grid{
  position:relative;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
  align-items:stretch;
  max-width:1120px;
  margin:0 auto;
}

.founder-hierarchy-grid::before{
  content:"";
  position:absolute;
  inset:140px 12% 170px;
  background:
    linear-gradient(90deg,transparent,rgba(14,165,233,.28),transparent) 50% 0/62% 1px no-repeat,
    linear-gradient(rgba(14,165,233,.23),rgba(14,165,233,.05)) 50% 0/1px 100% no-repeat;
  opacity:.45;
  pointer-events:none;
  z-index:0;
}

body.dark .founder-hierarchy-grid::before{opacity:.32}

.founder-hierarchy-grid .founder-profile{
  position:relative;
  z-index:1;
  overflow:hidden;
  min-height:0;
  border-radius:36px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,251,255,.82));
  border:1px solid rgba(14,165,233,.18);
  box-shadow:0 28px 82px rgba(15,23,42,.12);
  display:flex;
  flex-direction:column;
  transition:transform .55s cubic-bezier(.18,.9,.2,1),box-shadow .55s ease,border-color .45s ease;
  --mx:50%;
  --my:24%;
}

body.dark .founder-hierarchy-grid .founder-profile{
  background:linear-gradient(180deg,rgba(7,20,46,.92),rgba(2,8,23,.86));
  border-color:rgba(125,211,252,.20);
  box-shadow:0 34px 96px rgba(0,0,0,.42);
}

.founder-hierarchy-grid .founder-profile::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(440px circle at var(--mx) var(--my),rgba(14,165,233,.24),transparent 45%);
  opacity:0;
  transition:opacity .45s ease;
  pointer-events:none;
  z-index:3;
}

.founder-hierarchy-grid .founder-profile::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.28),transparent 42%);
  transform:translateX(-120%);
  transition:transform .9s cubic-bezier(.18,.9,.2,1);
  pointer-events:none;
  z-index:4;
}

.founder-hierarchy-grid .founder-profile:hover{
  transform:translateY(-12px) scale(1.018);
  border-color:rgba(14,165,233,.38);
  box-shadow:0 38px 105px rgba(14,165,233,.20);
}
body.dark .founder-hierarchy-grid .founder-profile:hover{box-shadow:0 40px 120px rgba(14,165,233,.20)}
.founder-hierarchy-grid .founder-profile:hover::before{opacity:1}
.founder-hierarchy-grid .founder-profile:hover::after{transform:translateX(120%)}

.founder-hierarchy-grid .founder-photo{
  position:relative;
  width:100%;
  height:360px;
  overflow:hidden;
  border-radius:0;
  background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(125,211,252,.06));
}

.founder-hierarchy-grid .founder-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
  filter:grayscale(100%) saturate(.76) contrast(1.03) brightness(.84);
  transform:scale(1.01);
  transition:filter .72s ease,transform .78s cubic-bezier(.18,.9,.2,1),opacity .5s ease;
}

.founder-hierarchy-grid .founder-profile:hover .founder-photo img{
  filter:grayscale(0%) saturate(1.04) contrast(1.04) brightness(1.01);
  transform:scale(1.085);
}

.founder-hierarchy-grid .founder-info{
  position:relative;
  z-index:5;
  padding:24px 24px 26px;
  display:flex;
  flex-direction:column;
  flex:1;
}

.founder-hierarchy-grid .role-pill{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(14,165,233,.10);
  border:1px solid rgba(14,165,233,.16);
  color:var(--blue);
  font-size:11px;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.founder-hierarchy-grid .role-pill::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 16px rgba(14,165,233,.85);
}

.founder-hierarchy-grid .founder-info h3{
  font-family:var(--title-font, 'Sora','Space Grotesk',Inter,sans-serif);
  font-size:clamp(30px,3.8vw,48px);
  line-height:.92;
  letter-spacing:-.065em;
  margin-bottom:13px;
  color:var(--text);
}

body.dark .founder-hierarchy-grid .founder-info h3{color:#f8fbff}

.founder-hierarchy-grid .founder-info p{
  color:var(--muted);
  line-height:1.65;
  font-size:15px;
  margin-bottom:18px;
}

.founder-hierarchy-grid .skill-row{
  margin-top:auto;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.founder-hierarchy-grid .skill-row span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(14,165,233,.075);
  border:1px solid rgba(14,165,233,.12);
  color:var(--muted);
  font-size:11px;
  font-weight:900;
}

/* Exact final founder hierarchy */
.founder-hierarchy-grid .founder-mary{
  grid-column:2 / span 2;
  min-height:640px;
  transform:translateY(0);
}
.founder-hierarchy-grid .founder-mary .founder-photo{height:410px}
.founder-hierarchy-grid .founder-mary::before{opacity:.18}
.founder-hierarchy-grid .founder-mary .role-pill{
  background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(125,211,252,.10));
  color:var(--blue);
}
.founder-hierarchy-grid .founder-marvin{grid-column:1 / span 2}
.founder-hierarchy-grid .founder-mariane{grid-column:3 / span 2}
.founder-hierarchy-grid .founder-bless{grid-column:1 / span 2}
.founder-hierarchy-grid .founder-jeff{grid-column:3 / span 2}

.founder-system-map{
  margin-top:42px;
  position:relative;
  overflow:hidden;
  border-radius:34px;
}
.founder-system-map div{
  position:relative;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.founder-system-map div:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 58px rgba(14,165,233,.16);
  border-color:rgba(14,165,233,.30);
}
.founder-system-map i{
  display:inline-grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:16px;
  background:rgba(14,165,233,.10);
  margin-bottom:10px;
}

@media(max-width:1060px){
  .founder-hierarchy-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
  .founder-hierarchy-grid .founder-mary,
  .founder-hierarchy-grid .founder-marvin,
  .founder-hierarchy-grid .founder-mariane,
  .founder-hierarchy-grid .founder-bless,
  .founder-hierarchy-grid .founder-jeff{grid-column:auto;min-height:0}
  .founder-hierarchy-grid .founder-mary{grid-column:1 / -1;max-width:560px;margin-inline:auto;width:100%}
  .founder-hierarchy-grid .founder-photo{height:390px}
  .founder-hierarchy-grid .founder-mary .founder-photo{height:430px}
}

@media(max-width:640px){
  .founder-showcase.founder-hierarchy{padding-top:86px;padding-bottom:86px}
  .founder-hierarchy-grid{grid-template-columns:1fr;gap:24px}
  .founder-hierarchy-grid::before{display:none}
  .founder-hierarchy-grid .founder-mary{max-width:none}
  .founder-hierarchy-grid .founder-photo,
  .founder-hierarchy-grid .founder-mary .founder-photo{height:470px}
  .founder-hierarchy-grid .founder-info{padding:22px}
  .founder-hierarchy-grid .founder-info h3{font-size:36px}
}

@media(max-width:460px){
  .founder-hierarchy-grid .founder-photo,
  .founder-hierarchy-grid .founder-mary .founder-photo{height:390px}
}


/* === Meeting Revision Patch: Services, Pricing CTA, Learn More, Appointment Flow === */
.service-pricing{
  margin:28px auto 40px;
  max-width:920px;
  padding:22px 26px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(135deg, rgba(14,165,233,.12), rgba(255,255,255,.70));
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.dark .service-pricing{background:linear-gradient(135deg, rgba(14,165,233,.18), rgba(3,18,47,.68));}
.service-pricing span{font-weight:900;font-size:20px;color:var(--text)}
.service-pricing strong{font-size:30px;color:var(--blue);letter-spacing:-.03em}
.service-pricing p{color:var(--muted);line-height:1.6;max-width:420px;margin:0}
.service-card{display:flex;flex-direction:column;align-items:flex-start}
.service-card .learn-more{
  margin-top:auto;
  border:1px solid rgba(14,165,233,.28);
  background:rgba(14,165,233,.08);
  color:var(--text);
  border-radius:999px;
  padding:11px 16px;
  font-weight:900;
  cursor:pointer;
  transition:.25s ease;
}
.service-card .learn-more:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--blue),#2563eb);color:#fff;box-shadow:0 16px 34px rgba(14,165,233,.25)}
.md-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}
.md-modal.open{display:flex}
.md-modal-backdrop{position:absolute;inset:0;background:rgba(2,8,23,.68);backdrop-filter:blur(10px)}
.md-modal-panel{position:relative;width:min(620px,100%);border:1px solid rgba(125,211,252,.22);border-radius:32px;padding:34px;background:var(--surface);box-shadow:0 34px 120px rgba(0,0,0,.32);overflow:hidden}
.md-modal-panel::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% 0%,rgba(14,165,233,.20),transparent 35%);pointer-events:none}
.md-modal-panel>*{position:relative;z-index:2}
.md-modal-panel h3{font-size:clamp(28px,4vw,44px);line-height:1;letter-spacing:-.05em;margin:8px 0 14px}
.md-modal-panel p{color:var(--muted);line-height:1.7;margin-bottom:22px}
.md-modal-close{position:absolute;right:18px;top:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.20);color:var(--text);font-size:25px;cursor:pointer;z-index:3}
.appointment-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.appointment-card{padding:22px;border:1px solid var(--line);border-radius:24px;background:rgba(14,165,233,.07);transition:.25s ease;color:var(--text)}
.appointment-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(14,165,233,.18);border-color:rgba(14,165,233,.35)}
.appointment-card i{display:block;font-style:normal;font-size:30px;margin-bottom:12px}.appointment-card b{display:block;font-size:18px;margin-bottom:8px}.appointment-card span{display:block;color:var(--muted);font-size:14px;line-height:1.5}
.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.actions .btn.small{border:0;font-family:inherit;cursor:pointer}
@media(max-width:680px){.appointment-options{grid-template-columns:1fr}.service-pricing{align-items:flex-start}.md-modal-panel{padding:28px 22px}}


.social-links{display:flex;gap:12px;flex-wrap:wrap}
.social-links a{color:inherit;text-decoration:none;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px}
.social-links a:hover{transform:translateY(-2px)}


/* === V51 CEO Polish: Social Footer + CTA Upgrade === */
.btn-large{font-size:16px;padding:16px 24px;border-radius:18px;box-shadow:0 18px 45px rgba(14,165,233,.28)}
.btn.glass{background:rgba(255,255,255,.12);color:var(--text);border:1px solid rgba(14,165,233,.24);backdrop-filter:blur(16px)}
.dark .btn.glass{color:#eaf6ff;background:rgba(255,255,255,.08);border-color:rgba(125,211,252,.24)}
.btn.glass:hover,.btn-large:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(14,165,233,.32)}
.hero-cta-panel{margin-top:26px;padding:22px;border:1px solid rgba(14,165,233,.18);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,255,255,.44));box-shadow:0 24px 70px rgba(15,23,42,.1);backdrop-filter:blur(18px)}
.dark .hero-cta-panel{background:linear-gradient(135deg,rgba(7,18,42,.82),rgba(3,10,24,.58));border-color:rgba(125,211,252,.18)}
.hero-cta-panel p{margin:12px 0 18px;color:var(--muted);max-width:520px}.price-badge{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:9px 14px;border-radius:999px;background:linear-gradient(135deg,rgba(14,165,233,.14),rgba(37,99,235,.12));border:1px solid rgba(14,165,233,.24);color:#0369a1;font-weight:900;font-size:13px;letter-spacing:.02em}.dark .price-badge{color:#b9ecff;background:rgba(14,165,233,.12);border-color:rgba(125,211,252,.22)}
.cta-upgraded{position:relative;overflow:hidden}.cta-upgraded::after{content:"";position:absolute;inset:auto -20% -45% 25%;height:160px;background:radial-gradient(circle,rgba(14,165,233,.24),transparent 62%);pointer-events:none}.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.footer-premium{padding-top:88px}.footer-premium .footer-orb{position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-120px;background:radial-gradient(circle,rgba(14,165,233,.30),transparent 66%);filter:blur(4px)}
.footer-contact-lines{margin-top:16px}.footer-contact-lines a{font-weight:700;color:#dff7ff!important}.footer-social-col p{max-width:250px}.social-icons{display:flex;gap:12px;margin:18px 0 22px}.social-icon{width:46px;height:46px;border-radius:16px;display:grid!important;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(125,211,252,.18);color:#dff7ff!important;transition:.28s ease}.social-icon svg{width:21px;height:21px;fill:currentColor}.social-icon:hover{transform:translateY(-5px) scale(1.04);background:linear-gradient(135deg,#0A84FF,#2563EB);border-color:rgba(255,255,255,.28);box-shadow:0 18px 40px rgba(14,165,233,.36)}.footer-appointment{margin-top:4px;width:100%;justify-content:center}.footer-premium .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}
.md-modal-panel{box-shadow:0 30px 100px rgba(2,8,23,.34)}.appointment-options{gap:16px}.appointment-card{position:relative;overflow:hidden}.appointment-card::after{content:"";position:absolute;inset:auto -30% -65% 20%;height:120px;background:radial-gradient(circle,rgba(14,165,233,.18),transparent 60%);transition:.35s}.appointment-card:hover::after{bottom:-35%}.appointment-card:hover{transform:translateY(-4px);border-color:rgba(14,165,233,.34)}
.calendar-section{padding-top:0}.calendar-card{padding:38px;border-radius:34px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center}.calendar-placeholder{margin:22px auto;padding:34px;border-radius:24px;border:1px dashed rgba(14,165,233,.42);background:rgba(14,165,233,.06);max-width:740px;display:grid;gap:8px;color:var(--muted)}.calendar-placeholder b{font-size:22px;color:var(--text)}
@media(max-width:620px){.hero-cta-panel{padding:18px}.hero-actions,.cta-actions{display:grid;grid-template-columns:1fr}.btn-large,.btn.glass{width:100%;justify-content:center}.social-icons{justify-content:flex-start}.footer-appointment{width:auto}.footer-premium .footer-bottom{display:block}}


/* === V52 Portfolio, Testimonials, and CTA polish === */
.portfolio-feature{position:relative;overflow:hidden}.portfolio-feature::before{content:"";position:absolute;inset:8% auto auto -18%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.16),transparent 65%);filter:blur(8px);pointer-events:none}.portfolio-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 auto 30px}.portfolio-tabs span{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(14,165,233,.07);color:var(--muted);font-weight:800;font-size:13px}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px;margin-inline:auto}.work-card{border:1px solid var(--line);background:var(--card);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);transition:.35s ease;display:flex;flex-direction:column}.work-card:hover{transform:translateY(-8px);box-shadow:0 28px 80px rgba(14,165,233,.16);border-color:rgba(14,165,233,.30)}.work-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#031B4E,#081C3D)}.work-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.05);transition:.5s ease}.work-card:hover .work-thumb img{transform:scale(1.06);filter:saturate(1.08) contrast(1.08)}.loom-preview{height:100%;display:grid;place-items:center;text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,rgba(14,165,233,.45),transparent 35%),linear-gradient(135deg,#031B4E,#081C3D)}.loom-preview span{font-weight:1000;letter-spacing:.18em;font-size:12px;color:#9ee8ff}.loom-preview b{display:block;font-size:22px;margin-top:8px}.work-source{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(2,8,23,.62);backdrop-filter:blur(12px);color:#fff;font-size:11px;font-weight:900;letter-spacing:.05em}.play-btn{position:absolute;right:14px;bottom:14px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.18);backdrop-filter:blur(12px);color:#fff;display:grid;place-items:center;font-weight:900;cursor:pointer;transition:.25s}.work-card:hover .play-btn{transform:scale(1.08);background:linear-gradient(135deg,#0A84FF,#2563EB)}.work-copy{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}.work-copy span{font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.10em;color:var(--blue)}.work-copy h3{font-size:22px;letter-spacing:-.04em;line-height:1.1}.work-copy p{color:var(--muted);line-height:1.65;font-size:14px}.work-copy .learn-more{margin-top:auto;align-self:flex-start}.center-actions{display:flex;justify-content:center;margin-top:28px}.testimonials-section{position:relative}.testimonial-fader{position:relative;max-width:840px;margin:0 auto;min-height:235px}.testimonial-card{position:absolute;inset:0;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .7s ease, transform .7s ease;padding:34px;border-radius:34px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.testimonial-card.active{opacity:1;transform:translateY(0) scale(1)}.testimonial-card span{display:inline-flex;margin-bottom:18px;padding:8px 12px;border-radius:999px;border:1px solid rgba(14,165,233,.24);color:var(--blue);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.testimonial-card p{font-size:clamp(22px,3vw,34px);line-height:1.22;letter-spacing:-.04em;color:var(--text);max-width:720px;margin:0 auto 20px}.testimonial-card b{color:var(--muted)}.video-modal-panel{position:relative;width:min(980px,100%);padding:28px;border-radius:34px;background:var(--surface);border:1px solid rgba(125,211,252,.22);box-shadow:0 40px 140px rgba(0,0,0,.38);z-index:2}.video-modal-panel h3{font-size:clamp(28px,4vw,46px);line-height:1;margin:8px 48px 20px 0;letter-spacing:-.05em}.video-frame{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#020617;border:1px solid rgba(125,211,252,.18)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.hero-actions button.btn.glass,.cta-actions button.btn.glass,.service-pricing button.btn.glass{font-family:inherit;cursor:pointer}.portfolio-feature.alt{padding-top:0}
@media(max-width:1100px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.work-grid,.work-grid.two{grid-template-columns:1fr}.testimonial-fader{min-height:300px}.testimonial-card{padding:26px 20px}.video-modal-panel{padding:20px;border-radius:26px}.work-copy h3{font-size:20px}}


/* === V53 Clean CTA + stable portfolio modal fixes === */
.hero-cta-panel{
  margin-top:30px;
  padding:26px;
  max-width:560px;
  border-radius:30px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.46)),
    radial-gradient(circle at 20% 0%, rgba(14,165,233,.18), transparent 42%);
  border:1px solid rgba(14,165,233,.22);
  box-shadow:0 26px 90px rgba(15,23,42,.13);
}
.dark .hero-cta-panel{
  background:
    linear-gradient(145deg, rgba(5,18,42,.92), rgba(3,10,24,.72)),
    radial-gradient(circle at 20% 0%, rgba(14,165,233,.20), transparent 45%);
  border-color:rgba(125,211,252,.24);
  box-shadow:0 28px 90px rgba(0,0,0,.32);
}
.hero-cta-panel p{
  font-size:17px;
  line-height:1.55;
  margin:16px 0 22px;
  max-width:490px;
}
.price-badge{
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(14,165,233,.20), rgba(37,99,235,.14));
  border:1px solid rgba(14,165,233,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 10px 26px rgba(14,165,233,.14);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
}
.hero-actions .btn{
  min-height:58px;
  padding:0 26px;
  border-radius:18px;
  font-size:16px;
}
.hero-actions .btn.btn-large,
.cta-actions .btn.btn-large{
  background:linear-gradient(135deg,#2563EB,#0EA5E9);
  box-shadow:0 18px 45px rgba(14,165,233,.30);
}
.hero-actions .btn.glass,
.cta-actions .btn.glass{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(125,211,252,.30);
  backdrop-filter:blur(16px);
}
.dark .hero-actions .btn.glass,
.dark .cta-actions .btn.glass{
  color:#eefaff;
  background:rgba(255,255,255,.07);
}

/* Make the hero CTA breathe better on desktop and avoid visual clutter */
.proof-row{
  margin-top:20px;
  gap:14px;
}
.proof-row div{
  backdrop-filter:blur(14px);
}

/* Stable portfolio preview: no broken YouTube iframe */
.video-link-preview{
  display:grid;
  place-items:center;
  min-height:360px;
  background:
    radial-gradient(circle at 50% 30%, rgba(14,165,233,.20), transparent 35%),
    linear-gradient(145deg, #06142c, #020617);
}
.video-preview-content{
  text-align:center;
  max-width:520px;
  padding:34px;
}
.video-preview-icon{
  width:76px;
  height:76px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  margin-bottom:18px;
  background:linear-gradient(135deg,#2563EB,#0EA5E9);
  color:#fff;
  font-size:26px;
  box-shadow:0 20px 50px rgba(14,165,233,.35);
}
.video-preview-content p{
  color:#c9d8ec;
  margin:0 auto 22px;
  line-height:1.55;
}
.work-card .play-btn,
.work-card .video-open{
  cursor:pointer;
}
@media(max-width:640px){
  .hero-cta-panel{padding:22px;border-radius:24px}
  .hero-actions .btn{width:100%;justify-content:center}
  .video-link-preview{min-height:260px}
}


/* === V54 Clean Hero CTA Redesign === */
.hero-cta-panel{
  margin-top:28px !important;
  padding:0 !important;
  max-width:560px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.hero-cta-panel::before,
.hero-cta-panel::after{
  display:none !important;
}

.hero-cta-panel .price-badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:max-content !important;
  padding:10px 16px !important;
  margin-bottom:16px !important;
  border-radius:999px !important;
  background:rgba(14,165,233,.12) !important;
  border:1px solid rgba(56,189,248,.32) !important;
  color:#7dd3fc !important;
  box-shadow:0 10px 32px rgba(14,165,233,.12) !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.hero-cta-panel .price-badge::before{
  content:"✦";
  color:#38bdf8;
  font-size:12px;
}

.hero-cta-panel p{
  max-width:520px !important;
  margin:0 0 22px !important;
  color:var(--muted) !important;
  font-size:17px !important;
  line-height:1.55 !important;
}

.hero-actions{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}

.hero-actions .btn{
  min-height:56px !important;
  padding:0 28px !important;
  border-radius:999px !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
}

.hero-actions .btn.btn-large{
  min-width:230px !important;
  background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 100%) !important;
  color:#fff !important;
  border:1px solid rgba(125,211,252,.35) !important;
  box-shadow:0 18px 46px rgba(14,165,233,.28), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

.hero-actions .btn.glass{
  min-width:180px !important;
  background:rgba(255,255,255,.06) !important;
  color:#eaf6ff !important;
  border:1px solid rgba(148,163,184,.26) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.hero-actions .btn:hover{
  transform:translateY(-3px) !important;
}

.proof-row{
  margin-top:34px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  max-width:520px !important;
}

.proof-row div{
  border-radius:20px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(125,211,252,.16) !important;
  box-shadow:none !important;
  padding:18px 18px !important;
}

.proof-row strong{
  display:block !important;
  margin-bottom:4px !important;
  font-size:30px !important;
  line-height:1 !important;
  color:#0ea5e9 !important;
}

.proof-row span{
  font-size:12px !important;
  line-height:1.2 !important;
  color:rgba(226,232,240,.74) !important;
}

@media(max-width:760px){
  .hero-actions .btn,
  .hero-actions .btn.btn-large,
  .hero-actions .btn.glass{
    width:100% !important;
    min-width:0 !important;
    justify-content:center !important;
  }
  .proof-row{
    grid-template-columns:1fr !important;
    max-width:none !important;
  }
}

/* V96 dark glass border polish */
.ghl-inquiry-embed{
  border:0 !important;
  background:#07182f !important;
  box-shadow:none !important;
}

.ghl-inquiry-embed iframe{
  width:min(100%,800px) !important;
  margin:0 auto !important;
  border:0 !important;
  background:#07182f !important;
}

.hero2-dashboard,
.hero2-flow,
.hero2-panel,
.hero2-kpis span{
  border-color:rgba(56,189,248,.18) !important;
}

.hero2-dashboard{
  box-shadow:
    inset 0 1px 0 rgba(125,211,252,.05),
    0 28px 80px rgba(0,0,0,.28) !important;
}

.hero2-panel,
.hero2-kpis span{
  box-shadow:inset 0 1px 0 rgba(125,211,252,.04) !important;
}

@media(max-width:760px){
  .hero2-dashboard,
  .hero2-flow,
  .hero2-panel,
  .hero2-kpis span{
    border-color:rgba(56,189,248,.16) !important;
  }

  .hero2-dashboard{
    box-shadow:
      inset 0 1px 0 rgba(125,211,252,.04),
      0 18px 46px rgba(0,0,0,.24) !important;
  }
}


/* === V55 Light Mode Modal Visibility + Social Brand Hover Polish === */

/* Light mode consultation modal cleanup */
body:not(.dark) .md-modal-backdrop{
  background:rgba(15,23,42,.42) !important;
  backdrop-filter:blur(8px) !important;
}

body:not(.dark) .md-modal-panel{
  background:
    radial-gradient(circle at 15% 0%, rgba(14,165,233,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,248,255,.96)) !important;
  border:1px solid rgba(14,165,233,.22) !important;
  box-shadow:0 34px 100px rgba(15,23,42,.22) !important;
  color:#071833 !important;
}

body:not(.dark) .md-modal-panel h3,
body:not(.dark) .md-modal-panel h2{
  color:#06162f !important;
}

body:not(.dark) .md-modal-panel p{
  color:#52657d !important;
}

body:not(.dark) .md-modal-close{
  background:#e8f3ff !important;
  border:1px solid rgba(14,165,233,.24) !important;
  color:#06162f !important;
  box-shadow:0 10px 24px rgba(15,23,42,.12) !important;
}

body:not(.dark) .appointment-card{
  background:#ffffff !important;
  border:1px solid rgba(14,165,233,.24) !important;
  box-shadow:0 18px 42px rgba(15,23,42,.08) !important;
  color:#06162f !important;
}

body:not(.dark) .appointment-card b{
  color:#071833 !important;
}

body:not(.dark) .appointment-card span{
  color:#64748b !important;
}

body:not(.dark) .appointment-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(14,165,233,.48) !important;
  box-shadow:0 24px 60px rgba(14,165,233,.16) !important;
}

body:not(.dark) .md-modal-panel .eyebrow{
  color:#0284c7 !important;
  background:rgba(14,165,233,.10) !important;
  border-color:rgba(14,165,233,.24) !important;
}

/* Footer social icon brand-color hover */
.footer-socials a,
.social-links a,
.footer-social a{
  position:relative;
  transition:transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease, color .25s ease !important;
}

.footer-socials a:hover,
.social-links a:hover,
.footer-social a:hover{
  transform:translateY(-4px) scale(1.04) !important;
}

/* Detect labels/aria-labels/hrefs for brand colors */
.footer-socials a[href*="facebook"]:hover,
.footer-socials a[aria-label*="Facebook"]:hover,
.social-links a[href*="facebook"]:hover,
.social-links a[aria-label*="Facebook"]:hover,
.footer-social a[href*="facebook"]:hover,
.footer-social a[aria-label*="Facebook"]:hover{
  background:#1877F2 !important;
  border-color:#1877F2 !important;
  color:#ffffff !important;
  box-shadow:0 18px 44px rgba(24,119,242,.35) !important;
}

.footer-socials a[href*="instagram"]:hover,
.footer-socials a[aria-label*="Instagram"]:hover,
.social-links a[href*="instagram"]:hover,
.social-links a[aria-label*="Instagram"]:hover,
.footer-social a[href*="instagram"]:hover,
.footer-social a[aria-label*="Instagram"]:hover{
  background:linear-gradient(135deg,#833AB4,#E1306C,#F77737) !important;
  border-color:#E1306C !important;
  color:#ffffff !important;
  box-shadow:0 18px 44px rgba(225,48,108,.35) !important;
}

.footer-socials a[href*="linkedin"]:hover,
.footer-socials a[aria-label*="LinkedIn"]:hover,
.social-links a[href*="linkedin"]:hover,
.social-links a[aria-label*="LinkedIn"]:hover,
.footer-social a[href*="linkedin"]:hover,
.footer-social a[aria-label*="LinkedIn"]:hover{
  background:#0A66C2 !important;
  border-color:#0A66C2 !important;
  color:#ffffff !important;
  box-shadow:0 18px 44px rgba(10,102,194,.35) !important;
}

/* General footer spacing polish */
.site-footer,
.footer{
  position:relative;
}

.footer-socials,
.social-links,
.footer-social{
  gap:12px !important;
}

.footer-socials a,
.social-links a,
.footer-social a{
  min-width:44px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
}

/* Light mode footer readability */
body:not(.dark) .site-footer,
body:not(.dark) .footer{
  background:linear-gradient(180deg,#f8fbff,#eef7ff) !important;
  border-top:1px solid rgba(14,165,233,.16) !important;
}

body:not(.dark) .site-footer p,
body:not(.dark) .footer p,
body:not(.dark) .site-footer a,
body:not(.dark) .footer a{
  color:#334155;
}

@media(max-width:640px){
  .md-modal-panel{padding:26px 20px !important;border-radius:26px !important;}
  .appointment-options{grid-template-columns:1fr !important;}
}


/* === V56 Premium Visual Footer Redesign === */
.footer-ultra{
  position:relative;
  overflow:hidden;
  padding:86px 0 0 !important;
  background:
    radial-gradient(circle at 8% 16%, rgba(14,165,233,.14), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(37,99,235,.14), transparent 30%),
    linear-gradient(180deg,#f7fbff 0%,#eef8ff 55%,#eaf6ff 100%) !important;
  border-top:1px solid rgba(14,165,233,.18) !important;
  color:#0b1f3f !important;
}
.dark .footer-ultra{
  background:
    radial-gradient(circle at 10% 15%, rgba(14,165,233,.13), transparent 26%),
    radial-gradient(circle at 90% 5%, rgba(37,99,235,.15), transparent 28%),
    linear-gradient(180deg,#06162f 0%,#031126 62%,#020817 100%) !important;
  color:#eef8ff !important;
  border-top-color:rgba(125,211,252,.18) !important;
}
.footer-pattern{
  position:absolute;
  pointer-events:none;
  opacity:.35;
}
.footer-pattern-left{
  left:-110px;
  bottom:164px;
  width:420px;
  height:220px;
  border:1px solid rgba(14,165,233,.16);
  border-radius:50%;
  box-shadow:28px 0 0 rgba(14,165,233,.04),56px 0 0 rgba(14,165,233,.035),84px 0 0 rgba(14,165,233,.03),112px 0 0 rgba(14,165,233,.025);
}
.footer-pattern-right{
  right:0;
  top:0;
  width:220px;
  height:220px;
  background-image:radial-gradient(rgba(14,165,233,.28) 1.4px, transparent 1.4px);
  background-size:14px 14px;
  mask-image:radial-gradient(circle,#000 0%,transparent 70%);
}
.footer-ultra-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.35fr .8fr .95fr 1.1fr;
  gap:46px;
  align-items:start;
  padding-bottom:72px;
}
.footer-ultra-brand{
  padding-right:26px;
  border-right:1px solid rgba(14,165,233,.12);
}
.footer-logo-line{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:26px;
}
.footer-logo-line img{
  width:112px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(14,165,233,.18));
}
.footer-logo-line h3{
  margin:0;
  color:#061b4d;
  font-size:28px;
  letter-spacing:-.04em;
  line-height:1;
}
.dark .footer-logo-line h3{color:#ffffff}
.footer-logo-line span{
  display:block;
  margin-top:8px;
  color:#2563eb;
  font-size:11px;
  font-weight:900;
  letter-spacing:.38em;
  text-transform:uppercase;
}
.footer-tagline{
  max-width:360px;
  margin:0;
  color:#344761 !important;
  font-size:18px;
  line-height:1.65;
  font-weight:600;
}
.dark .footer-tagline{color:#cde0f4 !important}
.footer-mini-line{
  width:54px;
  height:3px;
  margin:28px 0;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#0ea5e9);
}
.footer-contact-list{
  display:grid;
  gap:14px;
}
.footer-contact-list a{
  display:flex;
  align-items:center;
  gap:14px;
  color:#29415d !important;
  font-weight:700;
}
.dark .footer-contact-list a{color:#d9eaff !important}
.footer-contact-list span{
  width:42px;
  height:42px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(14,165,233,.14);
  color:#2563eb;
  box-shadow:0 12px 30px rgba(14,165,233,.10);
}
.dark .footer-contact-list span{
  background:rgba(255,255,255,.06);
  border-color:rgba(125,211,252,.18);
}
.footer-ultra-col,
.footer-ultra-social{
  padding-left:22px;
  border-left:1px solid rgba(14,165,233,.12);
}
.footer-col-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
}
.footer-col-head > span{
  width:50px;
  height:50px;
  display:inline-grid;
  place-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.70);
  color:#2563eb;
  border:1px solid rgba(14,165,233,.14);
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.dark .footer-col-head > span{
  background:rgba(255,255,255,.06);
  border-color:rgba(125,211,252,.16);
}
.footer-col-head h4{
  margin:0;
  font-size:22px;
  color:#061b4d;
  letter-spacing:-.02em;
}
.dark .footer-col-head h4{color:#ffffff}
.footer-col-head h4::after{
  content:"";
  display:block;
  width:48px;
  height:3px;
  margin-top:13px;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#0ea5e9);
}
.footer-ultra-col a{
  display:flex !important;
  align-items:center;
  gap:14px;
  padding:12px 0;
  color:#293c56 !important;
  font-size:16px;
  font-weight:700;
  transition:.25s ease;
}
.dark .footer-ultra-col a{color:#d7e7fb !important}
.footer-ultra-col a::before{
  content:"›";
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  color:#2563eb;
  font-size:26px;
  line-height:1;
}
.footer-ultra-col a:hover{
  transform:translateX(6px);
  color:#0ea5e9 !important;
}
.footer-ultra-social p{
  margin:0 0 24px;
  color:#344761 !important;
  font-size:17px;
  line-height:1.55;
}
.dark .footer-ultra-social p{color:#cde0f4 !important}
.brand-socials{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:28px;
}
.brand-socials .social-icon{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  border-radius:14px !important;
  border:0 !important;
  display:inline-grid !important;
  place-items:center !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(15,23,42,.15);
}
.brand-socials .social-icon svg{
  width:25px;
  height:25px;
  fill:currentColor;
}
.brand-socials .facebook{background:#1877F2 !important}
.brand-socials .instagram{background:linear-gradient(135deg,#833AB4,#E1306C,#F77737) !important}
.brand-socials .linkedin{background:#0A66C2 !important}
.brand-socials .social-icon:hover{
  transform:translateY(-5px) scale(1.06) !important;
  filter:saturate(1.1);
}
.footer-cta-card{
  position:relative;
  padding:26px;
  border-radius:22px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(14,165,233,.16);
  box-shadow:0 26px 70px rgba(37,99,235,.13);
  overflow:hidden;
}
.dark .footer-cta-card{
  background:rgba(255,255,255,.06);
  border-color:rgba(125,211,252,.16);
}
.footer-cta-card::after{
  content:"";
  position:absolute;
  right:-35px;
  bottom:-55px;
  width:130px;
  height:130px;
  background-image:radial-gradient(rgba(14,165,233,.28) 1.3px, transparent 1.3px);
  background-size:12px 12px;
  opacity:.65;
}
.footer-cta-card h4{
  position:relative;
  z-index:2;
  margin:0 0 10px;
  font-size:20px;
  color:#061b4d;
}
.dark .footer-cta-card h4{color:#fff}
.footer-cta-card p{
  position:relative;
  z-index:2;
  margin:0 0 20px;
  font-size:15px;
}
.footer-appointment{
  position:relative;
  z-index:2;
  width:100%;
  justify-content:center;
  min-height:56px;
  border-radius:999px !important;
  box-shadow:0 18px 45px rgba(37,99,235,.25);
}
.footer-appointment span{margin-right:8px}
.footer-deep{
  position:relative;
  z-index:2;
  background:
    radial-gradient(circle at 76% 0%, rgba(14,165,233,.24), transparent 30%),
    linear-gradient(135deg,#031b4e,#061a3a 52%,#020817);
  color:#eaf6ff;
  padding:28px 0;
  overflow:hidden;
}
.footer-deep::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(130deg,transparent 0 58%,rgba(14,165,233,.18) 59%,transparent 60%),
                   radial-gradient(rgba(14,165,233,.55) 1px, transparent 1px);
  background-size:260px 160px, 46px 46px;
  opacity:.22;
}
.footer-deep-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.1fr 1fr .85fr;
  gap:28px;
  align-items:center;
}
.footer-mission{
  display:flex;
  align-items:center;
  gap:18px;
}
.shield-icon{
  width:58px;
  height:58px;
  display:inline-grid;
  place-items:center;
  border-radius:18px;
  border:2px solid rgba(226,242,255,.70);
  font-size:26px;
  color:#dff3ff;
}
.footer-mission p,
.footer-deep-inner p{
  margin:0;
  color:#eaf6ff !important;
  line-height:1.5;
}
.footer-mission strong,
.footer-deep-inner strong{color:#0ea5e9}
.footer-policy{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:22px;
}
.footer-policy a{
  color:#fff !important;
  font-weight:700;
}
.footer-policy span{
  width:1px;
  height:22px;
  background:rgba(255,255,255,.26);
}
@media(max-width:1100px){
  .footer-ultra-grid{
    grid-template-columns:1fr 1fr;
  }
  .footer-ultra-brand{border-right:0}
  .footer-deep-inner{
    grid-template-columns:1fr;
    text-align:center;
  }
  .footer-mission,.footer-policy{justify-content:center}
}
@media(max-width:680px){
  .footer-ultra{padding-top:58px !important}
  .footer-ultra-grid{
    grid-template-columns:1fr;
    gap:34px;
    padding-bottom:50px;
  }
  .footer-ultra-col,
  .footer-ultra-social,
  .footer-ultra-brand{
    padding-left:0;
    padding-right:0;
    border-left:0;
    border-right:0;
  }
  .footer-logo-line{align-items:flex-start}
  .footer-logo-line img{width:82px}
  .footer-logo-line h3{font-size:24px}
  .footer-policy{flex-wrap:wrap}
}


/* === V57 Premium Portfolio Project Buttons === */
.work-copy .project-btn,
.work-copy .learn-more.video-open{
  margin-top:18px;
  width:max-content;
  min-height:44px;
  padding:0 16px 0 18px;
  border:1px solid rgba(125,211,252,.28);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(37,99,235,.92),rgba(14,165,233,.88));
  color:#fff;
  font-family:inherit;
  font-size:13px;
  font-weight:950;
  letter-spacing:.01em;
  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(14,165,233,.22), inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.work-copy .project-btn b{
  width:24px;
  height:24px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  line-height:1;
  font-size:15px;
}

.work-copy .project-btn:hover,
.work-copy .learn-more.video-open:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.42);
  box-shadow:0 20px 48px rgba(14,165,233,.34), inset 0 1px 0 rgba(255,255,255,.25);
}

.work-card:hover .project-btn{
  background:linear-gradient(135deg,#0ea5e9,#2563eb);
}

/* Optional animated preview feeling without autoplaying external videos */
.work-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.12) 45%,transparent 60%);
  transform:translateX(-120%);
  transition:transform .7s ease;
  pointer-events:none;
}

.work-card:hover .work-thumb::after{
  transform:translateX(120%);
}

.work-card:hover .play-btn{
  transform:translateY(-50%) scale(1.08);
  box-shadow:0 18px 42px rgba(14,165,233,.35);
}

@media(max-width:640px){
  .work-copy .project-btn,
  .work-copy .learn-more.video-open{
    width:100%;
    justify-content:center;
  }
}


/* === V58 Portfolio Card Alignment + Button Visibility Fix === */
.work-grid{
  align-items:stretch !important;
}

.work-card{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}

.work-thumb{
  flex:0 0 auto !important;
}

.work-copy{
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:285px !important;
  padding:26px 24px 24px !important;
}

.work-copy span{
  color:#0284c7 !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
}

.work-copy h3{
  min-height:58px !important;
  margin-bottom:14px !important;
  color:#06162f !important;
}

.dark .work-copy h3{
  color:#ffffff !important;
}

.work-copy p{
  flex:1 !important;
  color:#53677f !important;
  line-height:1.65 !important;
  margin-bottom:22px !important;
}

.dark .work-copy p{
  color:#b7c6da !important;
}

.work-copy .project-btn,
.work-copy .learn-more.video-open{
  margin-top:auto !important;
  width:100% !important;
  justify-content:space-between !important;
  min-height:48px !important;
  padding:0 14px 0 20px !important;
  color:#ffffff !important;
  background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
  border:1px solid rgba(14,165,233,.45) !important;
  box-shadow:0 16px 38px rgba(14,165,233,.28) !important;
  opacity:1 !important;
  filter:none !important;
}

.work-copy .project-btn span,
.work-copy .learn-more.video-open span{
  color:#ffffff !important;
  opacity:1 !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
}

.work-copy .project-btn b,
.work-copy .learn-more.video-open b{
  flex:0 0 auto !important;
  background:rgba(255,255,255,.22) !important;
  color:#ffffff !important;
}

body:not(.dark) .work-card{
  background:rgba(255,255,255,.82) !important;
  border-color:rgba(14,165,233,.20) !important;
  box-shadow:0 22px 60px rgba(15,23,42,.08) !important;
}

body:not(.dark) .work-card:hover{
  box-shadow:0 26px 70px rgba(14,165,233,.18) !important;
}

@media(max-width:1100px){
  .work-copy{
    min-height:260px !important;
  }
}

@media(max-width:640px){
  .work-copy{
    min-height:auto !important;
  }
}


/* === V59 Mobile Light Mode Readability Fix === */
@media (max-width: 760px){
  body:not(.dark){
    color:#071833 !important;
    background:#f7fbff !important;
  }

  body:not(.dark) .hero-lead,
  body:not(.dark) .section-heading p,
  body:not(.dark) .hero-cta-panel p,
  body:not(.dark) .cta-upgraded p,
  body:not(.dark) .proof-row span,
  body:not(.dark) .service-card p,
  body:not(.dark) .work-copy p{
    color:#42536b !important;
    opacity:1 !important;
  }

  body:not(.dark) .hero-title,
  body:not(.dark) .section-heading h2,
  body:not(.dark) .cta-upgraded h2,
  body:not(.dark) .service-card h3,
  body:not(.dark) .work-copy h3{
    color:#06162f !important;
    opacity:1 !important;
  }

  body:not(.dark) .site-header{
    background:rgba(255,255,255,.94) !important;
    border:1px solid rgba(14,165,233,.20) !important;
    box-shadow:0 16px 44px rgba(15,23,42,.10) !important;
  }

  body:not(.dark) .theme-toggle,
  body:not(.dark) .hamburger{
    background:#ffffff !important;
    border-color:rgba(14,165,233,.22) !important;
    color:#06162f !important;
  }

  body:not(.dark) .hamburger span{
    background:#06162f !important;
  }

  body:not(.dark) .hero-cta-panel .price-badge{
    background:rgba(14,165,233,.14) !important;
    border:1px solid rgba(14,165,233,.34) !important;
    color:#0369a1 !important;
    opacity:1 !important;
  }

  body:not(.dark) .hero-actions .btn.glass,
  body:not(.dark) .cta-actions .btn.glass{
    background:#ffffff !important;
    color:#06162f !important;
    border:1px solid rgba(14,165,233,.28) !important;
    box-shadow:0 14px 36px rgba(15,23,42,.08) !important;
    opacity:1 !important;
  }

  body:not(.dark) .hero-actions .btn.glass:hover,
  body:not(.dark) .cta-actions .btn.glass:hover{
    color:#ffffff !important;
    background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
  }

  body:not(.dark) .proof-row div{
    background:rgba(255,255,255,.88) !important;
    border-color:rgba(14,165,233,.20) !important;
    box-shadow:0 18px 46px rgba(15,23,42,.07) !important;
  }

  body:not(.dark) .proof-row strong{
    color:#0284c7 !important;
  }

  body:not(.dark) .proof-row span{
    color:#475569 !important;
    font-weight:850 !important;
  }

  body:not(.dark) .system-card,
  body:not(.dark) .floating-card,
  body:not(.dark) .service-card,
  body:not(.dark) .work-card{
    background:rgba(255,255,255,.92) !important;
    border-color:rgba(14,165,233,.18) !important;
    box-shadow:0 18px 46px rgba(15,23,42,.08) !important;
  }

  body:not(.dark) .system-card h3,
  body:not(.dark) .system-card strong,
  body:not(.dark) .floating-card h3,
  body:not(.dark) .service-card h3{
    color:#06162f !important;
  }

  body:not(.dark) .system-card p,
  body:not(.dark) .floating-card p,
  body:not(.dark) .service-card p{
    color:#475569 !important;
    opacity:1 !important;
  }

  body:not(.dark) .cta-upgraded{
    background:linear-gradient(145deg,#0284c7,#0ea5e9) !important;
    color:#ffffff !important;
  }

  body:not(.dark) .cta-upgraded .price-badge{
    color:#ffffff !important;
    background:rgba(255,255,255,.16) !important;
    border-color:rgba(255,255,255,.28) !important;
    opacity:1 !important;
  }

  body:not(.dark) .cta-upgraded h2,
  body:not(.dark) .cta-upgraded p{
    color:#ffffff !important;
    opacity:1 !important;
  }

  body:not(.dark) .cta-upgraded .btn.glass{
    color:#ffffff !important;
    background:rgba(255,255,255,.14) !important;
    border:1px solid rgba(255,255,255,.30) !important;
  }

  body:not(.dark) .cta-upgraded .btn.glass:hover{
    background:#ffffff !important;
    color:#0369a1 !important;
  }
}

@media (max-width: 430px){
  body:not(.dark) .hero-title{
    font-size:clamp(52px, 15vw, 74px) !important;
    line-height:.95 !important;
  }

  body:not(.dark) .hero-lead{
    font-size:21px !important;
    line-height:1.55 !important;
    color:#4b5f78 !important;
  }

  body:not(.dark) .hero-actions .btn{
    color:#ffffff !important;
  }

  body:not(.dark) .hero-actions .btn.glass{
    color:#06162f !important;
  }
}


/* === V60 Desktop + Tablet Light Mode Full Readability & Layout Optimization === */
body:not(.dark){
  color:#071833 !important;
}

body:not(.dark) p,
body:not(.dark) .hero-lead,
body:not(.dark) .section-heading p,
body:not(.dark) .hero-cta-panel p,
body:not(.dark) .cta-upgraded p,
body:not(.dark) .proof-row span,
body:not(.dark) .service-card p,
body:not(.dark) .work-copy p,
body:not(.dark) .footer-tagline,
body:not(.dark) .footer-ultra-social p{
  color:#42536b !important;
  opacity:1 !important;
}

body:not(.dark) h1,
body:not(.dark) h2,
body:not(.dark) h3,
body:not(.dark) h4,
body:not(.dark) .hero-title,
body:not(.dark) .section-heading h2,
body:not(.dark) .service-card h3,
body:not(.dark) .work-copy h3,
body:not(.dark) .footer-logo-line h3,
body:not(.dark) .footer-col-head h4{
  color:#06162f !important;
  opacity:1 !important;
}

body:not(.dark) .site-header{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(14,165,233,.20) !important;
  box-shadow:0 18px 50px rgba(15,23,42,.10) !important;
}

body:not(.dark) .nav-menu{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(14,165,233,.16) !important;
}

body:not(.dark) .nav-menu a{
  color:#334155 !important;
}

body:not(.dark) .nav-menu a.active,
body:not(.dark) .nav-menu a:hover{
  color:#06162f !important;
}

body:not(.dark) .theme-toggle,
body:not(.dark) .hamburger{
  background:#ffffff !important;
  border-color:rgba(14,165,233,.24) !important;
  color:#06162f !important;
}

body:not(.dark) .hamburger span{
  background:#06162f !important;
}

body:not(.dark) .hero-cta-panel .price-badge,
body:not(.dark) .price-badge{
  background:rgba(14,165,233,.14) !important;
  border:1px solid rgba(14,165,233,.34) !important;
  color:#0369a1 !important;
  opacity:1 !important;
}

body:not(.dark) .hero-actions .btn.glass,
body:not(.dark) .cta-actions .btn.glass{
  background:#ffffff !important;
  color:#06162f !important;
  border:1px solid rgba(14,165,233,.28) !important;
  box-shadow:0 14px 36px rgba(15,23,42,.08) !important;
  opacity:1 !important;
}

body:not(.dark) .proof-row div,
body:not(.dark) .system-card,
body:not(.dark) .floating-card,
body:not(.dark) .service-card,
body:not(.dark) .work-card,
body:not(.dark) .feature-card,
body:not(.dark) .value-card,
body:not(.dark) .process-card,
body:not(.dark) .founder-profile{
  background:rgba(255,255,255,.90) !important;
  border-color:rgba(14,165,233,.18) !important;
  box-shadow:0 18px 46px rgba(15,23,42,.08) !important;
}

body:not(.dark) .proof-row strong{
  color:#0284c7 !important;
}

body:not(.dark) .proof-row span{
  color:#475569 !important;
  font-weight:850 !important;
}

body:not(.dark) .system-card h3,
body:not(.dark) .system-card strong,
body:not(.dark) .floating-card h3{
  color:#06162f !important;
}

body:not(.dark) .system-card p,
body:not(.dark) .floating-card p{
  color:#475569 !important;
  opacity:1 !important;
}

body:not(.dark) .cta-upgraded{
  background:linear-gradient(145deg,#0284c7,#0ea5e9) !important;
  color:#ffffff !important;
}

body:not(.dark) .cta-upgraded .price-badge{
  color:#ffffff !important;
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.30) !important;
}

body:not(.dark) .cta-upgraded h2,
body:not(.dark) .cta-upgraded p{
  color:#ffffff !important;
}

/* Tablet layout optimization */
@media (min-width: 761px) and (max-width: 1180px){
  .container{
    width:min(100% - 44px, 1040px) !important;
  }

  .site-header{
    width:calc(100% - 44px) !important;
    left:22px !important;
    right:22px !important;
    transform:none !important;
    padding:12px 16px !important;
    gap:14px !important;
  }

  .brand img{
    width:54px !important;
  }

  .brand-text b{
    font-size:15px !important;
  }

  .brand-text small{
    font-size:10px !important;
  }

  .nav-menu{
    gap:4px !important;
    padding:6px !important;
  }

  .nav-menu a{
    padding:10px 12px !important;
    font-size:13px !important;
  }

  .actions .btn.small{
    padding:12px 16px !important;
    font-size:13px !important;
  }

  .hero{
    padding-top:150px !important;
  }

  .hero-grid{
    grid-template-columns:1fr !important;
    gap:46px !important;
  }

  .hero-copy{
    max-width:760px !important;
    margin-inline:auto !important;
    text-align:center !important;
  }

  .hero-title{
    font-size:clamp(58px, 8vw, 92px) !important;
    line-height:.95 !important;
  }

  .hero-lead{
    max-width:720px !important;
    margin-inline:auto !important;
  }

  .hero-cta-panel{
    margin-inline:auto !important;
  }

  .hero-actions{
    justify-content:center !important;
  }

  .proof-row{
    margin-inline:auto !important;
  }

  .hero-visual{
    max-width:760px !important;
    margin-inline:auto !important;
    transform:scale(.95);
    transform-origin:top center;
  }

  .services-grid,
  .work-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .work-grid.two{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .footer-ultra-grid{
    grid-template-columns:1fr 1fr !important;
    gap:38px !important;
  }

  .footer-ultra-brand{
    border-right:0 !important;
  }

  .footer-deep-inner{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }

  .footer-mission,
  .footer-policy{
    justify-content:center !important;
  }
}

@media (min-width: 1181px){
  .hero-cta-panel{
    max-width:580px !important;
  }

  .hero-actions .btn.btn-large{
    min-width:235px !important;
  }

  .hero-actions .btn.glass{
    min-width:190px !important;
  }
}


/* === V62 Embedded GHL Calendar Section === */
.calendar-section{
  position:relative;
  overflow:hidden;
  padding-top:92px;
  padding-bottom:110px;
}

.calendar-section::before{
  content:"";
  position:absolute;
  inset:8% auto auto 50%;
  width:760px;
  height:760px;
  transform:translateX(-50%);
  background:radial-gradient(circle, rgba(14,165,233,.12), transparent 62%);
  pointer-events:none;
}

.calendar-wrapper{
  position:relative;
  z-index:2;
  max-width:1180px;
  margin:0 auto;
  padding:34px;
  border-radius:38px;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.48));
  border:1px solid rgba(14,165,233,.18);
  box-shadow:0 30px 100px rgba(15,23,42,.10);
  backdrop-filter:blur(18px);
}

.dark .calendar-wrapper{
  background:linear-gradient(145deg,rgba(7,18,42,.82),rgba(3,10,24,.62));
  border-color:rgba(125,211,252,.18);
  box-shadow:0 34px 110px rgba(0,0,0,.30);
}

.calendar-header{
  text-align:center;
  max-width:820px;
  margin:0 auto 26px;
}

.calendar-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border-radius:999px;
  background:rgba(14,165,233,.12);
  border:1px solid rgba(14,165,233,.26);
  color:#0284c7;
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dark .calendar-badge{
  color:#7dd3fc;
  background:rgba(14,165,233,.10);
  border-color:rgba(125,211,252,.22);
}

.calendar-header h2{
  margin:20px 0 14px;
  font-size:clamp(38px,5vw,68px);
  line-height:.98;
  letter-spacing:-.055em;
  color:#06162f;
}

.dark .calendar-header h2{
  color:#fff;
}

.calendar-header p{
  margin:0 auto;
  color:#42536b;
  font-size:18px;
  line-height:1.65;
}

.dark .calendar-header p{
  color:#b7c6da;
}

.calendar-features{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:26px auto 26px;
  max-width:880px;
}

.calendar-features div{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(14,165,233,.16);
  color:#06162f;
  font-weight:850;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}

.dark .calendar-features div{
  background:rgba(255,255,255,.055);
  border-color:rgba(125,211,252,.14);
  color:#eaf6ff;
}

.calendar-embed-container{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:#ffffff;
  border:1px solid rgba(14,165,233,.22);
  box-shadow:0 28px 80px rgba(15,23,42,.14);
  padding:10px;
}

.dark .calendar-embed-container{
  background:#06142c;
  border-color:rgba(125,211,252,.18);
  box-shadow:0 28px 80px rgba(0,0,0,.30);
}

.calendar-embed-container iframe{
  display:block;
  width:100%;
  min-height:760px;
  border:0;
  border-radius:20px;
  background:#fff;
}

.calendar-support{
  margin:22px 0 0;
  text-align:center;
  color:#42536b;
  font-size:15px;
}

.calendar-support a{
  color:#0284c7;
  font-weight:900;
}

.dark .calendar-support{
  color:#b7c6da;
}

.dark .calendar-support a{
  color:#7dd3fc;
}

/* Tablet calendar optimization */
@media(min-width:761px) and (max-width:1180px){
  .calendar-section{
    padding-top:76px;
    padding-bottom:88px;
  }

  .calendar-wrapper{
    padding:28px;
    border-radius:32px;
  }

  .calendar-features{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:680px;
  }

  .calendar-embed-container iframe{
    min-height:820px;
  }
}

/* Mobile calendar optimization */
@media(max-width:760px){
  .calendar-section{
    padding:64px 0 78px;
  }

  .calendar-wrapper{
    padding:20px;
    border-radius:28px;
    margin:0 auto;
  }

  .calendar-header h2{
    font-size:clamp(38px,12vw,56px);
  }

  .calendar-header p{
    font-size:16px;
    line-height:1.6;
  }

  .calendar-badge{
    font-size:11px;
    padding:9px 14px;
  }

  .calendar-features{
    grid-template-columns:1fr;
    gap:10px;
    margin:22px 0;
  }

  .calendar-features div{
    justify-content:flex-start;
    min-height:50px;
  }

  .calendar-embed-container{
    padding:6px;
    border-radius:22px;
  }

  .calendar-embed-container iframe{
    min-height:900px;
    border-radius:16px;
  }

  .calendar-support{
    font-size:14px;
    line-height:1.55;
  }
}

@media(max-width:430px){
  .calendar-wrapper{
    padding:16px;
    border-radius:24px;
  }

  .calendar-embed-container iframe{
    min-height:960px;
  }
}


/* === V63 Calendar Email Option === */
.calendar-email-option{
  max-width:760px;
  margin:26px auto 0;
  padding:22px 24px;
  display:flex;
  align-items:center;
  gap:18px;
  border-radius:22px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(14,165,233,.18);
  box-shadow:0 18px 46px rgba(15,23,42,.08);
}

.dark .calendar-email-option{
  background:rgba(255,255,255,.055);
  border-color:rgba(125,211,252,.16);
  box-shadow:0 18px 46px rgba(0,0,0,.22);
}

.calendar-email-icon{
  width:56px;
  height:56px;
  flex:0 0 56px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
  color:#fff;
  font-size:24px;
  box-shadow:0 16px 38px rgba(14,165,233,.25);
}

.calendar-email-option h3{
  margin:0 0 6px;
  color:#06162f;
  font-size:20px;
  letter-spacing:-.02em;
}

.dark .calendar-email-option h3{
  color:#fff;
}

.calendar-email-option p{
  margin:0 0 8px;
  color:#42536b;
  line-height:1.55;
  font-size:15px;
}

.dark .calendar-email-option p{
  color:#b7c6da;
}

.calendar-email-option a{
  color:#0284c7;
  font-weight:950;
  word-break:break-word;
}

.dark .calendar-email-option a{
  color:#7dd3fc;
}

.calendar-email-option:hover{
  transform:translateY(-2px);
  border-color:rgba(14,165,233,.32);
  box-shadow:0 24px 58px rgba(14,165,233,.14);
}

@media(max-width:640px){
  .calendar-email-option{
    align-items:flex-start;
    padding:20px;
    border-radius:20px;
  }

  .calendar-email-icon{
    width:48px;
    height:48px;
    flex-basis:48px;
    border-radius:16px;
    font-size:20px;
  }

  .calendar-email-option h3{
    font-size:18px;
  }

  .calendar-email-option p{
    font-size:14px;
  }
}


/* === V64 Contact page layout: restore inquiry + call cards, calendar below === */
.contact-grid,
.contact-layout{
  align-items:stretch !important;
}

.contact-card,
.contact-info-card{
  height:100%;
}

.contact-info-card .btn,
.contact-card .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 24px;
  border-radius:999px;
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
  color:#fff !important;
  font-weight:950;
  text-decoration:none;
  box-shadow:0 16px 38px rgba(14,165,233,.25);
}

.contact-info-card .btn:hover,
.contact-card .btn:hover{
  transform:translateY(-3px);
}

/* Make the calendar feel like the continuation of the contact section */
#calendar.calendar-section{
  padding-top:72px !important;
  margin-top:-24px;
}

#calendar .calendar-wrapper{
  max-width:1120px;
}

#calendar .calendar-header{
  margin-bottom:22px;
}

#calendar .calendar-header h2{
  font-size:clamp(34px,4.5vw,58px);
}

#calendar .calendar-header p{
  max-width:760px;
}

/* Cleaner dark page transition */
.dark #calendar.calendar-section,
#calendar.calendar-section{
  border-top:1px solid rgba(14,165,233,.10);
}

/* Hide duplicate support if contact form is already above */
#calendar .calendar-email-option{
  display:none !important;
}

@media(max-width:760px){
  #calendar.calendar-section{
    padding-top:58px !important;
    margin-top:0;
  }
}


/* === V65 Contact Flow Fix === */
.contact-flow-note{
  margin:14px 0 0;
  color:#b7c6da;
  font-size:14px;
  line-height:1.5;
}

body:not(.dark) .contact-flow-note{
  color:#52657d;
}

html{
  scroll-behavior:smooth;
}

/* Add a little breathing room when jumping to calendar anchor */
#calendar{
  scroll-margin-top:120px;
}


/* === V66 Proper Contact + Calendar Layout Repair === */
.contact-hero{
  padding-bottom:54px !important;
}

.contact-hero .container{
  max-width:980px;
  text-align:center;
}

.contact-hero h1{
  max-width:900px;
  margin-inline:auto;
}

.contact-hero p{
  max-width:760px;
  margin-inline:auto;
}

.contact-main-section{
  padding-top:28px !important;
  padding-bottom:58px !important;
}

.contact-layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.85fr);
  gap:32px;
  align-items:stretch;
}

.contact-form-card,
.strategy-card{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:34px;
  background:linear-gradient(145deg,rgba(7,18,42,.82),rgba(3,10,24,.68));
  border:1px solid rgba(125,211,252,.18);
  box-shadow:0 30px 90px rgba(0,0,0,.22);
}

body:not(.dark) .contact-form-card,
body:not(.dark) .strategy-card{
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(240,248,255,.86)) !important;
  border-color:rgba(14,165,233,.20) !important;
  box-shadow:0 26px 70px rgba(15,23,42,.10) !important;
}

.contact-form-card h2,
.strategy-card h2{
  margin:14px 0 12px;
  color:#fff;
  font-size:clamp(30px,3vw,46px);
  line-height:1.05;
  letter-spacing:-.045em;
}

body:not(.dark) .contact-form-card h2,
body:not(.dark) .strategy-card h2{
  color:#06162f !important;
}

.contact-form-card p,
.strategy-card p{
  color:#b7c6da;
  line-height:1.65;
}

body:not(.dark) .contact-form-card p,
body:not(.dark) .strategy-card p{
  color:#42536b !important;
}

.contact-form{
  display:grid;
  gap:14px;
  margin-top:24px;
}

.contact-form input,
.contact-form textarea{
  width:100%;
  border:1px solid rgba(125,211,252,.18);
  background:rgba(255,255,255,.055);
  color:#fff;
  border-radius:20px;
  padding:18px 20px;
  font:inherit;
  outline:none;
}

.contact-form textarea{
  min-height:150px;
  resize:vertical;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color:rgba(203,213,225,.70);
}

body:not(.dark) .contact-form input,
body:not(.dark) .contact-form textarea{
  background:#fff !important;
  color:#06162f !important;
  border-color:rgba(14,165,233,.22) !important;
}

body:not(.dark) .contact-form input::placeholder,
body:not(.dark) .contact-form textarea::placeholder{
  color:#64748b !important;
}

.strategy-card img{
  width:124px;
  height:auto;
  margin-bottom:20px;
  filter:drop-shadow(0 18px 28px rgba(14,165,233,.18));
}

.strategy-details{
  display:grid;
  gap:12px;
  margin:24px 0;
}

.strategy-details p{
  margin:0;
}

.strategy-details a{
  color:#7dd3fc;
  font-weight:900;
}

body:not(.dark) .strategy-details a{
  color:#0284c7 !important;
}

.strategy-card .btn,
.contact-form .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:54px;
  padding:0 26px;
  border-radius:999px;
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
  color:#fff !important;
  font-weight:950;
  text-decoration:none;
  border:0;
  cursor:pointer;
  box-shadow:0 16px 40px rgba(14,165,233,.25);
}

.contact-flow-note{
  margin:16px 0 0 !important;
  font-size:14px;
  color:#b7c6da !important;
}

body:not(.dark) .contact-flow-note{
  color:#52657d !important;
}

#calendar{
  scroll-margin-top:120px;
}

#calendar.calendar-section{
  padding-top:64px !important;
  margin-top:0 !important;
}

#calendar .calendar-wrapper{
  max-width:1160px;
}

#calendar .calendar-header h2{
  font-size:clamp(36px,4.5vw,62px);
}

@media(min-width:761px) and (max-width:1180px){
  .contact-layout{
    grid-template-columns:1fr;
    max-width:820px;
    margin-inline:auto;
  }

  .strategy-card img{
    width:100px;
  }
}

@media(max-width:760px){
  .contact-main-section{
    padding-top:20px !important;
  }

  .contact-layout{
    grid-template-columns:1fr;
    gap:22px;
  }

  .contact-form-card,
  .strategy-card{
    padding:24px;
    border-radius:28px;
  }

  .strategy-card img{
    width:88px;
  }

  .strategy-card .btn,
  .contact-form .btn{
    width:100%;
  }

  #calendar.calendar-section{
    padding-top:46px !important;
  }
}


/* === V67 Services Redesign: Client Conversion Cards === */
.services-offer-banner{
  max-width:1080px;
  margin:0 auto 34px;
  padding:26px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-radius:28px;
  background:radial-gradient(circle at 12% 0%, rgba(14,165,233,.18), transparent 36%), linear-gradient(145deg,rgba(7,18,42,.88),rgba(3,10,24,.70));
  border:1px solid rgba(125,211,252,.18);
  box-shadow:0 28px 80px rgba(0,0,0,.22);
}
body:not(.dark) .services-offer-banner{
  background:radial-gradient(circle at 12% 0%, rgba(14,165,233,.16), transparent 36%), linear-gradient(145deg,rgba(255,255,255,.94),rgba(241,248,255,.88)) !important;
  border-color:rgba(14,165,233,.20) !important;
  box-shadow:0 24px 70px rgba(15,23,42,.10) !important;
}
.services-offer-banner span{
  display:inline-flex;
  width:max-content;
  padding:9px 15px;
  margin-bottom:12px;
  border-radius:999px;
  color:#7dd3fc;
  background:rgba(14,165,233,.10);
  border:1px solid rgba(125,211,252,.22);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
body:not(.dark) .services-offer-banner span{
  color:#0369a1 !important;
  background:rgba(14,165,233,.12) !important;
  border-color:rgba(14,165,233,.24) !important;
}
.services-offer-banner h3{margin:0 0 6px;color:#fff;font-size:28px;letter-spacing:-.035em;}
body:not(.dark) .services-offer-banner h3{color:#06162f !important;}
.services-offer-banner p{margin:0;color:#b7c6da;line-height:1.55;}
body:not(.dark) .services-offer-banner p{color:#42536b !important;}

.services-grid-redesign{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}
.service-offer{
  min-height:390px;
  display:flex !important;
  flex-direction:column !important;
  padding:28px !important;
  border-radius:30px !important;
  background:linear-gradient(145deg,rgba(7,18,42,.88),rgba(3,10,24,.74)) !important;
  border:1px solid rgba(125,211,252,.16) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.18) !important;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
body:not(.dark) .service-offer{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,248,255,.86)) !important;
  border-color:rgba(14,165,233,.18) !important;
  box-shadow:0 22px 60px rgba(15,23,42,.08) !important;
}
.service-offer:hover{
  transform:translateY(-8px);
  border-color:rgba(14,165,233,.44) !important;
  box-shadow:0 30px 90px rgba(14,165,233,.16) !important;
}
.service-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px;}
.service-icon{
  width:58px;height:58px;display:grid;place-items:center;border-radius:18px;
  background:rgba(14,165,233,.12);color:#7dd3fc;font-size:26px;border:1px solid rgba(125,211,252,.14);
}
body:not(.dark) .service-icon{background:rgba(14,165,233,.12) !important;color:#0284c7 !important;border-color:rgba(14,165,233,.16) !important;}
.service-topline span{
  max-width:124px;padding:8px 10px;border-radius:999px;color:#7dd3fc;background:rgba(14,165,233,.08);
  border:1px solid rgba(125,211,252,.12);font-size:10px;font-weight:950;letter-spacing:.06em;text-align:center;text-transform:uppercase;
}
body:not(.dark) .service-topline span{color:#0369a1 !important;background:rgba(14,165,233,.10) !important;border-color:rgba(14,165,233,.14) !important;}
.service-offer h3{margin:0 0 12px !important;color:#fff !important;font-size:27px !important;line-height:1.05 !important;letter-spacing:-.04em !important;}
body:not(.dark) .service-offer h3{color:#06162f !important;}
.service-offer p{margin:0 0 18px !important;color:#b7c6da !important;line-height:1.55 !important;}
body:not(.dark) .service-offer p{color:#42536b !important;}
.service-offer ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px;}
.service-offer li{position:relative;padding-left:24px;color:#d9e8f8;font-size:14px;line-height:1.35;font-weight:700;}
body:not(.dark) .service-offer li{color:#334155 !important;}
.service-offer li::before{content:"✓";position:absolute;left:0;top:0;color:#0ea5e9;font-weight:950;}
.service-learn{
  margin-top:auto !important;width:100% !important;min-height:50px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;
  padding:0 16px 0 20px !important;border-radius:999px !important;border:1px solid rgba(125,211,252,.26) !important;
  background:rgba(255,255,255,.06) !important;color:#fff !important;font-weight:950 !important;cursor:pointer !important;
}
body:not(.dark) .service-learn{background:#fff !important;color:#06162f !important;border-color:rgba(14,165,233,.26) !important;}
.service-learn b{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;}
.service-learn:hover{background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;color:#fff !important;transform:translateY(-2px);}

@media(max-width:1280px){.services-grid-redesign{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media(min-width:761px) and (max-width:1050px){
  .services-grid-redesign{grid-template-columns:repeat(2,minmax(0,1fr)) !important;max-width:820px;margin-inline:auto;}
  .services-offer-banner{max-width:820px;flex-direction:column;align-items:flex-start;}
}
@media(max-width:760px){
  .services-grid-redesign{grid-template-columns:1fr !important;}
  .services-offer-banner{flex-direction:column;align-items:stretch;padding:24px;border-radius:26px;}
  .services-offer-banner .btn{width:100%;justify-content:center;}
  .service-offer{min-height:auto;padding:24px !important;}
}


/* === V70 CEO Revision: dark default, hero video, stronger CTA, 9 services === */
body.dark{
  color-scheme:dark;
}

.hero-video-upgrade{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.hero-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-4;
  opacity:.52;
  filter:saturate(1.05) contrast(1.08);
}

.hero-video-overlay{
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at 18% 28%, rgba(14,165,233,.24), transparent 32%),
    linear-gradient(90deg, rgba(2,8,23,.92) 0%, rgba(2,8,23,.78) 46%, rgba(2,8,23,.88) 100%);
}

.hero-tech-frame{
  position:absolute;
  inset:110px 36px 48px;
  z-index:-2;
  pointer-events:none;
  border:1px solid rgba(125,211,252,.12);
  border-radius:34px;
  box-shadow:inset 0 0 60px rgba(14,165,233,.07);
}

.hero-tech-frame::before,
.hero-tech-frame::after{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  border-color:rgba(14,165,233,.46);
  border-style:solid;
}

.hero-tech-frame::before{
  top:-1px;
  left:-1px;
  border-width:2px 0 0 2px;
  border-radius:34px 0 0 0;
}

.hero-tech-frame::after{
  right:-1px;
  bottom:-1px;
  border-width:0 2px 2px 0;
  border-radius:0 0 34px 0;
}

.v70-price-banner{
  position:relative;
  overflow:hidden;
  max-width:1180px;
  margin:0 auto 42px;
  padding:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border-radius:36px;
  background:
    radial-gradient(circle at 18% 20%, rgba(14,165,233,.26), transparent 32%),
    linear-gradient(135deg,#04152f,#06235a 54%,#020817);
  border:1px solid rgba(125,211,252,.24);
  box-shadow:0 32px 100px rgba(0,0,0,.32), 0 0 70px rgba(14,165,233,.12);
}

.v70-price-banner::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(115deg, transparent 0 45%, rgba(255,255,255,.08) 50%, transparent 56%);
  transform:translateX(-120%);
  animation:v70Shine 5.5s ease-in-out infinite;
}

.v70-price-copy{
  position:relative;
  z-index:2;
}

.v70-price-copy span{
  display:block;
  color:#7dd3fc;
  font-weight:950;
  font-size:13px;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.v70-price-copy strong{
  display:block;
  color:#fff;
  font-size:clamp(58px,7vw,104px);
  line-height:.9;
  letter-spacing:-.07em;
  text-shadow:0 18px 48px rgba(14,165,233,.22);
}

.v70-price-copy p{
  margin:14px 0 0;
  color:#d9e8f8;
  font-size:18px;
  font-weight:750;
}

.v70-price-banner .btn{
  position:relative;
  z-index:2;
  min-width:250px;
}

.v70-services-grid{
  max-width:1220px;
  margin:0 auto;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch;
}

.v70-service-card{
  position:relative;
  min-height:430px;
  padding:30px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:34px;
  background:
    radial-gradient(circle at 20% 0%, rgba(14,165,233,.14), transparent 34%),
    linear-gradient(145deg, rgba(8,22,50,.92), rgba(3,10,24,.76));
  border:1px solid rgba(125,211,252,.17);
  box-shadow:0 26px 78px rgba(0,0,0,.20);
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.v70-service-card:hover{
  transform:translateY(-8px);
  border-color:rgba(14,165,233,.45);
  box-shadow:0 34px 100px rgba(14,165,233,.16);
}

.v70-service-icon{
  width:108px;
  height:108px;
  display:grid;
  place-items:center;
  border-radius:32px;
  margin-bottom:24px;
  background:
    radial-gradient(circle at 35% 22%, rgba(125,211,252,.30), transparent 35%),
    linear-gradient(145deg, rgba(14,165,233,.18), rgba(37,99,235,.12));
  border:1px solid rgba(125,211,252,.24);
  box-shadow:0 22px 54px rgba(14,165,233,.16), inset 0 1px 0 rgba(255,255,255,.10);
}

.v70-service-icon svg{
  width:78px;
  height:78px;
  fill:none;
  stroke:#7dd3fc;
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
  animation:v70IconFloat 3.4s ease-in-out infinite;
}

.v70-service-kicker{
  color:#7dd3fc;
  font-size:13px;
  font-weight:950;
  line-height:1.35;
  margin-bottom:10px;
}

.v70-service-card h3{
  color:#fff;
  font-size:32px;
  line-height:1.02;
  letter-spacing:-.05em;
  margin:0 0 12px;
}

.v70-service-card p{
  color:#b7c6da;
  line-height:1.58;
  margin:0 0 20px;
}

.v70-service-card ul{
  list-style:none;
  padding:0;
  margin:0 0 24px;
  display:grid;
  gap:10px;
}

.v70-service-card li{
  color:#d9e8f8;
  font-size:14px;
  font-weight:750;
  padding-left:24px;
  position:relative;
}

.v70-service-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#0ea5e9;
  font-weight:950;
}

.v70-service-btn{
  margin-top:auto;
  width:100%;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px 0 22px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.28);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-weight:950;
  cursor:pointer;
}

.v70-service-btn b{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
}

.v70-service-btn:hover{
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
}

.legal-content{
  max-width:900px;
  padding:34px;
  border-radius:30px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(125,211,252,.16);
}

.legal-content h2{
  color:#fff;
  margin-top:28px;
}

.legal-content h2:first-child{
  margin-top:0;
}

.legal-content p,
.legal-content a{
  color:#b7c6da;
  line-height:1.75;
}

.legal-content a{
  color:#7dd3fc;
  font-weight:900;
}

@keyframes v70IconFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}

@keyframes v70Shine{
  0%,70%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}

@media(min-width:761px) and (max-width:1180px){
  .v70-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-width:860px;
  }

  .v70-price-banner{
    max-width:860px;
    flex-direction:column;
    align-items:flex-start;
  }

  .hero-tech-frame{
    inset:108px 22px 42px;
  }
}

@media(max-width:760px){
  .hero-bg-video{
    opacity:.38;
  }

  .hero-tech-frame{
    display:none;
  }

  .v70-price-banner{
    flex-direction:column;
    align-items:stretch;
    padding:26px;
    border-radius:28px;
  }

  .v70-price-banner .btn{
    width:100%;
    min-width:0;
    justify-content:center;
  }

  .v70-services-grid{
    grid-template-columns:1fr !important;
  }

  .v70-service-card{
    min-height:auto;
    padding:26px;
  }

  .v70-service-icon{
    width:92px;
    height:92px;
    border-radius:28px;
  }

  .v70-service-icon svg{
    width:68px;
    height:68px;
  }
}


/* === V72 Enterprise Beams Hero === */
.v71-lamp-wrap,
.v71-hero-noise,
.v71-hero-glow{
  display:none !important;
}

.v72-hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  padding-top:140px;
  padding-bottom:72px;
  background:#020817;
}

.v72-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-6;
  opacity:.23;
  filter:saturate(1.15) contrast(1.05) blur(.2px);
}

.v72-hero-overlay{
  position:absolute;
  inset:0;
  z-index:-5;
  background:
    radial-gradient(circle at 68% 36%, rgba(14,165,233,.22), transparent 34%),
    radial-gradient(circle at 30% 16%, rgba(37,99,235,.18), transparent 30%),
    linear-gradient(90deg, rgba(2,8,23,.94), rgba(2,8,23,.78) 48%, rgba(2,8,23,.94));
}

.v72-beams{
  position:absolute;
  inset:-10% -10% 0;
  z-index:-4;
  pointer-events:none;
  overflow:hidden;
}

.v72-beams .beam{
  position:absolute;
  height:2px;
  width:58vw;
  background:linear-gradient(90deg, transparent, rgba(103,232,249,.88), rgba(14,165,233,.40), transparent);
  box-shadow:0 0 24px rgba(34,211,238,.54), 0 0 80px rgba(14,165,233,.18);
  filter:blur(.15px);
  opacity:.55;
  transform-origin:center;
  animation:v72BeamDrift 13s ease-in-out infinite alternate;
}

.v72-beams .beam-a{top:24%;left:-6%;transform:rotate(-10deg)}
.v72-beams .beam-b{top:37%;right:-12%;transform:rotate(12deg);animation-delay:-4s}
.v72-beams .beam-c{top:60%;left:8%;width:34vw;opacity:.34;transform:rotate(7deg);animation-delay:-7s}
.v72-beams .beam-d{top:15%;right:12%;width:28vw;opacity:.25;transform:rotate(-18deg);animation-delay:-2s}

.v72-paths{
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  opacity:.34;
}

.v72-paths svg{
  width:100%;
  height:100%;
}

.v72-paths path{
  fill:none;
  stroke:rgba(125,211,252,.22);
  stroke-width:1.2;
  stroke-dasharray:10 18;
  animation:v72PathMove 24s linear infinite;
}

.v72-paths path:nth-child(2){
  animation-duration:30s;
  opacity:.64;
}

.v72-paths path:nth-child(3){
  animation-duration:20s;
  opacity:.44;
}

.v72-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:72px;
  align-items:center;
}

.v72-hero-copy{
  max-width:760px;
}

.v72-title{
  margin:22px 0 24px;
  color:#fff;
  font-size:clamp(58px,7vw,116px);
  line-height:.84;
  letter-spacing:-.085em;
  text-shadow:0 18px 70px rgba(0,0,0,.44);
}

.v72-title span{
  display:block;
}

.v72-lead{
  max-width:720px;
  color:#c4d3e6;
  font-size:clamp(18px,1.35vw,22px);
  line-height:1.72;
  margin:0 0 30px;
}

.v72-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
  margin-bottom:22px;
}

.v72-price-strip{
  width:min(100%,710px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding:18px 22px;
  border-radius:24px;
  background:
    linear-gradient(135deg, rgba(14,165,233,.18), rgba(37,99,235,.08)),
    rgba(255,255,255,.055);
  border:1px solid rgba(125,211,252,.24);
  box-shadow:0 22px 70px rgba(14,165,233,.12);
}

.v72-price-strip span,
.v72-price-strip small{
  color:#9cc9e9;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:12px;
}

.v72-price-strip strong{
  color:#fff;
  font-size:clamp(28px,3.3vw,48px);
  line-height:1;
  letter-spacing:-.06em;
  text-align:center;
}

.v72-proof-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  max-width:630px;
  margin-top:26px;
}

.v72-proof-row div{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(125,211,252,.16);
}

.v72-proof-row strong{
  display:block;
  color:#38bdf8;
  font-size:34px;
  line-height:1;
}

.v72-proof-row span{
  display:block;
  margin-top:8px;
  color:#d8e7f7;
  font-size:13px;
  font-weight:850;
}

.v72-hero-system{
  position:relative;
  min-height:650px;
}

.v72-dashboard-shell{
  position:absolute;
  inset:9% 6% auto auto;
  width:min(100%,620px);
  min-height:430px;
  border-radius:36px;
  overflow:hidden;
  background:
    linear-gradient(145deg, rgba(7,18,42,.82), rgba(3,10,24,.68)),
    rgba(255,255,255,.04);
  border:1px solid rgba(125,211,252,.22);
  box-shadow:
    0 40px 140px rgba(0,0,0,.38),
    0 0 90px rgba(14,165,233,.16),
    inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(18px);
  animation:v72Float 6s ease-in-out infinite;
}

.v72-dashboard-top{
  height:62px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 22px;
  border-bottom:1px solid rgba(125,211,252,.16);
  background:rgba(255,255,255,.035);
}

.v72-dashboard-top span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#38bdf8;
  box-shadow:0 0 18px rgba(56,189,248,.8);
}

.v72-dashboard-top b{
  margin-left:10px;
  color:#e9f7ff;
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.v72-dashboard-grid{
  padding:22px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:16px;
}

.v72-panel,
.v72-workflow{
  border-radius:24px;
  padding:20px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(125,211,252,.16);
}

.v72-panel.large{
  grid-row:span 2;
}

.v72-panel small{
  display:block;
  color:#7dd3fc;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:12px;
}

.v72-panel strong{
  display:block;
  color:#fff;
  font-size:42px;
  line-height:1;
  letter-spacing:-.06em;
}

.v72-panel span{
  color:#c9d8ea;
  font-size:13px;
  font-weight:800;
}

.v72-bars{
  display:flex;
  align-items:end;
  gap:9px;
  height:120px;
  margin-top:24px;
}

.v72-bars i{
  flex:1;
  border-radius:999px 999px 8px 8px;
  background:linear-gradient(180deg,#67e8f9,#2563eb);
  box-shadow:0 0 22px rgba(14,165,233,.28);
  animation:v72Bar 2.8s ease-in-out infinite;
}

.v72-bars i:nth-child(1){height:48%;animation-delay:-.4s}
.v72-bars i:nth-child(2){height:72%;animation-delay:-1s}
.v72-bars i:nth-child(3){height:58%;animation-delay:-1.7s}
.v72-bars i:nth-child(4){height:88%;animation-delay:-2.2s}
.v72-bars i:nth-child(5){height:64%;animation-delay:-2.8s}

.v72-workflow{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.v72-workflow span{
  padding:10px 14px;
  border-radius:999px;
  color:#e9f7ff;
  font-size:12px;
  font-weight:950;
  background:rgba(14,165,233,.12);
  border:1px solid rgba(125,211,252,.18);
}

.v72-workflow i{
  flex:1;
  min-width:32px;
  height:2px;
  background:linear-gradient(90deg,rgba(14,165,233,.08),#38bdf8,rgba(14,165,233,.08));
  box-shadow:0 0 18px rgba(56,189,248,.35);
}

.v72-float-card{
  position:absolute;
  width:210px;
  padding:18px;
  border-radius:24px;
  color:#fff;
  background:rgba(3,10,24,.72);
  border:1px solid rgba(125,211,252,.24);
  box-shadow:0 26px 80px rgba(0,0,0,.28),0 0 44px rgba(14,165,233,.10);
  backdrop-filter:blur(16px);
  animation:v72FloatCard 5.6s ease-in-out infinite;
}

.v72-float-card b{
  display:block;
  color:#fff;
  font-size:16px;
  line-height:1.1;
}

.v72-float-card span{
  display:block;
  color:#a9bad0;
  font-size:12px;
  font-weight:800;
  margin-top:7px;
}

.v72-float-card::before{
  content:"";
  display:block;
  width:34px;
  height:34px;
  border-radius:12px;
  margin-bottom:12px;
  background:radial-gradient(circle at 35% 25%,#67e8f9,transparent 34%),linear-gradient(135deg,#2563eb,#0ea5e9);
  box-shadow:0 0 26px rgba(14,165,233,.35);
}

.card-one{left:1%;top:8%;animation-delay:-.6s}
.card-two{right:0;top:22%;animation-delay:-1.6s}
.card-three{left:-2%;bottom:20%;animation-delay:-2.4s}
.card-four{right:3%;bottom:8%;animation-delay:-3.2s}

@keyframes v72BeamDrift{
  0%{opacity:.22;transform:translate3d(-20px,0,0) rotate(var(--r,0deg))}
  100%{opacity:.64;transform:translate3d(28px,18px,0) rotate(var(--r,0deg))}
}

@keyframes v72PathMove{
  to{stroke-dashoffset:-240}
}

@keyframes v72Float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-18px)}
}

@keyframes v72FloatCard{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-14px)}
}

@keyframes v72Bar{
  0%,100%{transform:scaleY(.82);opacity:.72}
  50%{transform:scaleY(1.05);opacity:1}
}

/* V72: light mode compatibility */
body:not(.dark) .v72-hero{
  background:#041225;
}

body:not(.dark) .v72-title,
body:not(.dark) .v72-panel strong,
body:not(.dark) .v72-float-card b,
body:not(.dark) .v72-price-strip strong{
  color:#fff !important;
}

body:not(.dark) .v72-lead,
body:not(.dark) .v72-proof-row span,
body:not(.dark) .v72-float-card span{
  color:#d5e6f8 !important;
}

/* readable V70 service cards in both themes */
.v70-service-card,
body:not(.dark) .v70-service-card{
  background:
    radial-gradient(circle at 20% 0%, rgba(14,165,233,.18), transparent 34%),
    linear-gradient(145deg, rgba(8,22,50,.96), rgba(3,10,24,.88)) !important;
  color:#fff !important;
  border-color:rgba(125,211,252,.22) !important;
}

.v70-service-card h3,
body:not(.dark) .v70-service-card h3{
  color:#fff !important;
}

.v70-service-card p,
body:not(.dark) .v70-service-card p{
  color:#c9d8ea !important;
}

.v70-service-card li,
body:not(.dark) .v70-service-card li{
  color:#f1f7ff !important;
}

.v70-service-kicker,
body:not(.dark) .v70-service-kicker{
  color:#7dd3fc !important;
}

.v70-service-btn,
body:not(.dark) .v70-service-btn{
  color:#fff !important;
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(125,211,252,.32) !important;
}

@media(max-width:1180px){
  .v72-hero-grid{
    grid-template-columns:1fr;
    gap:46px;
  }

  .v72-hero-copy{
    max-width:900px;
  }

  .v72-hero-system{
    min-height:560px;
  }

  .v72-dashboard-shell{
    position:relative;
    inset:auto;
    margin:0 auto;
  }

  .card-one{left:3%;top:4%}
  .card-two{right:3%;top:10%}
  .card-three{left:4%;bottom:8%}
  .card-four{right:4%;bottom:2%}
}

@media(max-width:760px){
  .v72-hero{
    padding-top:124px;
    padding-bottom:54px;
  }

  .v72-hero-video{
    opacity:.18;
  }

  .v72-title{
    font-size:clamp(48px,15vw,72px);
  }

  .v72-lead{
    font-size:17px;
  }

  .v72-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .v72-actions .btn{
    width:100%;
    justify-content:center;
  }

  .v72-price-strip{
    grid-template-columns:1fr;
    text-align:center;
  }

  .v72-proof-row{
    grid-template-columns:1fr;
  }

  .v72-hero-system{
    min-height:auto;
  }

  .v72-dashboard-shell{
    width:100%;
    min-height:auto;
  }

  .v72-dashboard-grid{
    grid-template-columns:1fr;
  }

  .v72-panel.large{
    grid-row:auto;
  }

  .v72-workflow{
    display:grid;
  }

  .v72-workflow i{
    width:2px;
    min-height:22px;
    margin:auto;
  }

  .v72-float-card{
    display:none;
  }
}


/* === V73 Dashboard Hero + Learn More Fix === */
.v72-hero,
.v71-lamp-wrap,
.v71-hero-noise,
.v71-hero-glow{
  display:none !important;
}

.v73-hero{
  position:relative;
  min-height:100vh;
  padding:150px 0 90px;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:#020817;
}

.v73-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-7;
  opacity:.18;
  filter:saturate(1.1) contrast(1.08) blur(.4px);
}

.v73-overlay{
  position:absolute;
  inset:0;
  z-index:-6;
  background:
    radial-gradient(circle at 72% 40%, rgba(14,165,233,.28), transparent 36%),
    radial-gradient(circle at 25% 18%, rgba(37,99,235,.18), transparent 35%),
    linear-gradient(90deg, rgba(2,8,23,.96), rgba(2,8,23,.84) 48%, rgba(2,8,23,.98));
}

.v73-grid-bg{
  position:absolute;
  inset:0;
  z-index:-5;
  opacity:.20;
  background-image:
    linear-gradient(rgba(125,211,252,.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.18) 1px, transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(to bottom, transparent, black 18%, black 78%, transparent);
}

.v73-orb{
  position:absolute;
  z-index:-4;
  border-radius:999px;
  pointer-events:none;
  filter:blur(60px);
}

.v73-orb.orb-a{
  width:420px;
  height:420px;
  right:14%;
  top:20%;
  background:rgba(14,165,233,.18);
  animation:v73Orb 7s ease-in-out infinite;
}

.v73-orb.orb-b{
  width:300px;
  height:300px;
  left:10%;
  bottom:12%;
  background:rgba(37,99,235,.14);
  animation:v73Orb 8s ease-in-out infinite reverse;
}

.v73-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:80px;
  align-items:center;
}

.v73-copy{
  max-width:760px;
}

.v73-title{
  margin:20px 0 24px;
  color:#fff;
  font-size:clamp(64px,7.4vw,124px);
  line-height:.82;
  letter-spacing:-.09em;
  text-shadow:0 24px 90px rgba(0,0,0,.54);
}

.v73-title span{
  display:block;
}

.v73-lead{
  color:#c7d8ea;
  font-size:clamp(18px,1.35vw,22px);
  line-height:1.72;
  max-width:720px;
  margin:0 0 30px;
}

.v73-actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:24px;
}

.v73-price-banner-mini{
  width:min(100%,700px);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:20px;
  align-items:center;
  padding:20px 24px;
  border-radius:28px;
  background:
    linear-gradient(135deg, rgba(14,165,233,.18), rgba(37,99,235,.08)),
    rgba(255,255,255,.06);
  border:1px solid rgba(125,211,252,.24);
  box-shadow:0 24px 80px rgba(14,165,233,.12);
}

.v73-price-banner-mini span{
  display:block;
  color:#7dd3fc;
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.v73-price-banner-mini strong{
  color:#fff;
  display:block;
  font-size:clamp(30px,3.2vw,52px);
  line-height:1;
  letter-spacing:-.06em;
}

.v73-price-banner-mini small{
  color:#dceeff;
  font-weight:800;
  line-height:1.45;
}

.v73-product-visual{
  position:relative;
  min-height:660px;
  perspective:1200px;
}

.v73-dashboard{
  position:absolute;
  inset:5% 0 auto auto;
  width:min(100%,760px);
  min-height:520px;
  border-radius:38px;
  overflow:hidden;
  transform:rotateY(-8deg) rotateX(4deg);
  transform-origin:center;
  background:
    linear-gradient(145deg, rgba(8,20,45,.92), rgba(3,10,24,.78)),
    rgba(255,255,255,.04);
  border:1px solid rgba(125,211,252,.24);
  box-shadow:
    0 46px 160px rgba(0,0,0,.46),
    0 0 120px rgba(14,165,233,.18),
    inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(18px);
  animation:v73DashboardFloat 6s ease-in-out infinite;
}

.v73-dash-header{
  height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 24px;
  border-bottom:1px solid rgba(125,211,252,.16);
  background:rgba(255,255,255,.04);
}

.v73-dots{
  display:flex;
  gap:8px;
}

.v73-dots i{
  width:11px;
  height:11px;
  border-radius:999px;
  background:#38bdf8;
  box-shadow:0 0 18px rgba(56,189,248,.8);
}

.v73-dash-header b{
  margin-right:auto;
  color:#eaf8ff;
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.v73-dash-header span{
  color:#67e8f9;
  font-size:12px;
  font-weight:950;
  letter-spacing:.16em;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(14,165,233,.12);
  border:1px solid rgba(125,211,252,.22);
}

.v73-dash-content{
  padding:24px;
  display:grid;
  grid-template-columns:1.28fr .72fr;
  gap:18px;
}

.v73-main-panel,
.v73-status-card,
.v73-workflow-panel{
  border-radius:28px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(125,211,252,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.v73-main-panel{
  padding:24px;
  min-height:310px;
}

.v73-panel-title{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}

.v73-panel-title span,
.v73-status-card small,
.v73-floating-card small{
  color:#7dd3fc;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.v73-panel-title strong{
  color:#fff;
  font-size:38px;
  line-height:1;
  letter-spacing:-.05em;
}

.v73-chart{
  height:210px;
  display:flex;
  align-items:end;
  gap:12px;
  margin-top:28px;
}

.v73-chart i{
  flex:1;
  display:block;
  border-radius:999px 999px 10px 10px;
  background:linear-gradient(180deg,#67e8f9,#2563eb);
  box-shadow:0 0 34px rgba(14,165,233,.30);
  transform-origin:bottom;
  animation:v73ChartPulse 2.8s ease-in-out infinite;
}

.v73-chart i:nth-child(2){animation-delay:-.3s}
.v73-chart i:nth-child(3){animation-delay:-.7s}
.v73-chart i:nth-child(4){animation-delay:-1.1s}
.v73-chart i:nth-child(5){animation-delay:-1.5s}
.v73-chart i:nth-child(6){animation-delay:-1.9s}
.v73-chart i:nth-child(7){animation-delay:-2.3s}

.v73-side-panels{
  display:grid;
  gap:18px;
}

.v73-status-card{
  padding:22px;
}

.v73-status-card strong{
  display:block;
  color:#fff;
  font-size:36px;
  line-height:1;
  margin:14px 0 8px;
  letter-spacing:-.06em;
}

.v73-status-card span{
  color:#cbdcf0;
  font-size:13px;
  font-weight:800;
}

.v73-workflow-panel{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:10px;
  padding:18px;
  margin-top:2px;
}

.v73-workflow-panel span{
  color:#eaf8ff;
  font-size:12px;
  font-weight:950;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(14,165,233,.12);
  border:1px solid rgba(125,211,252,.18);
}

.v73-workflow-panel i{
  flex:1;
  min-width:26px;
  height:2px;
  background:linear-gradient(90deg, transparent, #38bdf8, transparent);
  box-shadow:0 0 18px rgba(56,189,248,.36);
}

.v73-floating-card{
  position:absolute;
  width:240px;
  padding:20px;
  border-radius:26px;
  background:rgba(3,10,24,.82);
  border:1px solid rgba(125,211,252,.25);
  box-shadow:0 30px 90px rgba(0,0,0,.38),0 0 70px rgba(14,165,233,.14);
  backdrop-filter:blur(18px);
  animation:v73FloatCard 5.6s ease-in-out infinite;
}

.v73-floating-card b{
  color:#fff;
  display:block;
  font-size:18px;
  line-height:1.12;
  margin:8px 0 6px;
}

.v73-floating-card span{
  color:#b8c9dc;
  font-size:13px;
  font-weight:800;
}

.float-1{top:2%;left:-5%;animation-delay:-.6s}
.float-2{top:34%;right:-8%;animation-delay:-1.8s}
.float-3{bottom:3%;left:7%;animation-delay:-2.9s}

.v73-service-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(2,8,23,.72);
  backdrop-filter:blur(14px);
}

.v73-service-modal-card{
  width:min(100%,680px);
  position:relative;
  padding:36px;
  border-radius:34px;
  background:
    radial-gradient(circle at 18% 0%, rgba(14,165,233,.16), transparent 32%),
    linear-gradient(145deg,#07142f,#020817);
  border:1px solid rgba(125,211,252,.22);
  box-shadow:0 40px 140px rgba(0,0,0,.46);
}

.v73-service-modal-card h3{
  color:#fff;
  font-size:38px;
  line-height:1.05;
  margin:14px 0;
}

.v73-service-modal-card p{
  color:#cbdcf0;
  line-height:1.75;
  margin-bottom:24px;
}

.v73-service-modal-close{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.24);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:26px;
  cursor:pointer;
}

/* Fix button click layers */
.v70-service-card,
.service-card,
.v70-service-btn,
.learn-more{
  pointer-events:auto !important;
  position:relative;
  z-index:5;
}

.v70-service-card::before,
.v70-service-card::after{
  pointer-events:none !important;
}

/* Light mode service readability */
body:not(.dark) .v70-service-card,
.v70-service-card{
  background:
    radial-gradient(circle at 20% 0%, rgba(14,165,233,.18), transparent 34%),
    linear-gradient(145deg, rgba(8,22,50,.96), rgba(3,10,24,.88)) !important;
  color:#fff !important;
}

body:not(.dark) .v70-service-card h3,
.v70-service-card h3{
  color:#fff !important;
}

body:not(.dark) .v70-service-card p,
.v70-service-card p{
  color:#c9d8ea !important;
}

body:not(.dark) .v70-service-card li,
.v70-service-card li{
  color:#f1f7ff !important;
}

body:not(.dark) .v70-service-kicker,
.v70-service-kicker{
  color:#7dd3fc !important;
}

@keyframes v73Orb{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(22px,-18px,0) scale(1.08)}
}

@keyframes v73DashboardFloat{
  0%,100%{transform:rotateY(-8deg) rotateX(4deg) translateY(0)}
  50%{transform:rotateY(-8deg) rotateX(4deg) translateY(-18px)}
}

@keyframes v73FloatCard{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-16px)}
}

@keyframes v73ChartPulse{
  0%,100%{transform:scaleY(.86);opacity:.76}
  50%{transform:scaleY(1.06);opacity:1}
}

@media(max-width:1180px){
  .v73-hero-grid{
    grid-template-columns:1fr;
    gap:54px;
  }

  .v73-product-visual{
    min-height:620px;
  }

  .v73-dashboard{
    position:relative;
    inset:auto;
    width:100%;
    transform:none;
  }

  .v73-dashboard{
    animation:v73FloatCard 6s ease-in-out infinite;
  }

  .float-1{left:3%;top:-3%}
  .float-2{right:3%;top:25%}
  .float-3{left:6%;bottom:0}
}

@media(max-width:760px){
  .v73-hero{
    padding-top:126px;
    padding-bottom:54px;
  }

  .v73-title{
    font-size:clamp(50px,15vw,76px);
  }

  .v73-lead{
    font-size:17px;
  }

  .v73-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .v73-actions .btn{
    width:100%;
    justify-content:center;
  }

  .v73-price-banner-mini{
    grid-template-columns:1fr;
    text-align:center;
  }

  .v73-product-visual{
    min-height:auto;
  }

  .v73-dashboard{
    min-height:auto;
    border-radius:28px;
  }

  .v73-dash-content{
    grid-template-columns:1fr;
    padding:18px;
  }

  .v73-panel-title{
    display:block;
  }

  .v73-chart{
    height:160px;
  }

  .v73-workflow-panel{
    display:grid;
  }

  .v73-workflow-panel i{
    width:2px;
    min-height:22px;
    margin:auto;
  }

  .v73-floating-card{
    display:none;
  }
}


/* === V74 Force Dark + Hero Wow Polish + Clean Modal === */
body.dark{
  background:#020817 !important;
}

body.dark{
  --bg:#020817;
  --surface:#07142f;
  --text:#f8fbff;
  --muted:#b7c9dd;
  --border:rgba(125,211,252,.18);
}

.site-header{
  background:rgba(3,10,24,.74) !important;
  border-color:rgba(125,211,252,.18) !important;
  backdrop-filter:blur(22px) saturate(1.1);
}

.brand,
.nav-menu,
.actions{
  color:#fff !important;
}

.nav-menu a{
  color:#cbdcf0 !important;
}

.nav-menu a.active,
.nav-menu a:hover{
  color:#fff !important;
  background:rgba(14,165,233,.16) !important;
}

.v73-hero{
  background:#020817 !important;
}

.v73-bg-video{
  opacity:.11 !important;
  filter:saturate(1.15) contrast(1.1) blur(1px) !important;
}

.v73-overlay{
  background:
    radial-gradient(circle at 70% 42%, rgba(14,165,233,.34), transparent 34%),
    radial-gradient(circle at 26% 18%, rgba(37,99,235,.22), transparent 32%),
    linear-gradient(90deg, rgba(2,8,23,.99), rgba(2,8,23,.89) 48%, rgba(2,8,23,.98)) !important;
}

.v73-title{
  color:#fff !important;
  opacity:1 !important;
  text-shadow:
    0 0 1px rgba(255,255,255,.85),
    0 18px 70px rgba(0,0,0,.65),
    0 0 52px rgba(14,165,233,.10) !important;
}

.v73-title span:not(.gradient-text){
  color:#fff !important;
  opacity:1 !important;
}

.v73-lead{
  color:#d7e7f7 !important;
  opacity:1 !important;
  font-weight:650;
}

.v73-copy{
  z-index:5;
}

.v74-energy-ring{
  position:absolute;
  right:7%;
  top:24%;
  width:min(46vw,760px);
  aspect-ratio:1;
  z-index:-3;
  border-radius:999px;
  background:
    radial-gradient(circle, transparent 45%, rgba(14,165,233,.10) 46%, transparent 48%),
    conic-gradient(from 0deg, transparent, rgba(56,189,248,.38), transparent 28%, transparent 62%, rgba(37,99,235,.28), transparent);
  opacity:.64;
  animation:v74RingSpin 18s linear infinite;
  mask-image:radial-gradient(circle, transparent 38%, black 44%, black 56%, transparent 68%);
}

.v74-data-rain{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  overflow:hidden;
}

.v74-data-rain span{
  position:absolute;
  top:-20%;
  width:1px;
  height:220px;
  background:linear-gradient(to bottom, transparent, rgba(103,232,249,.55), transparent);
  opacity:.32;
  animation:v74Rain 8s linear infinite;
}

.v74-data-rain span:nth-child(1){left:18%;animation-delay:-1s}
.v74-data-rain span:nth-child(2){left:36%;animation-delay:-4s;height:280px}
.v74-data-rain span:nth-child(3){left:58%;animation-delay:-2s}
.v74-data-rain span:nth-child(4){left:74%;animation-delay:-6s;height:260px}
.v74-data-rain span:nth-child(5){left:88%;animation-delay:-3s}

.v74-scanline{
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  z-index:-1;
  background:linear-gradient(90deg, transparent, rgba(103,232,249,.60), transparent);
  box-shadow:0 0 26px rgba(56,189,248,.45);
  opacity:.45;
  animation:v74Scan 7s ease-in-out infinite;
}

.v73-dashboard{
  box-shadow:
    0 55px 180px rgba(0,0,0,.58),
    0 0 140px rgba(14,165,233,.30),
    inset 0 1px 0 rgba(255,255,255,.13) !important;
  border-color:rgba(125,211,252,.32) !important;
}

.v73-dashboard::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 0 38%, rgba(255,255,255,.09) 48%, transparent 58%);
  transform:translateX(-130%);
  animation:v74DashboardShine 6.5s ease-in-out infinite;
}

.v73-floating-card{
  border-color:rgba(125,211,252,.36) !important;
  box-shadow:0 34px 110px rgba(0,0,0,.42),0 0 90px rgba(14,165,233,.22) !important;
}

.v73-chart i{
  animation:v73ChartPulse 2.5s ease-in-out infinite, v74BarGlow 3.8s ease-in-out infinite;
}

.v73-workflow-panel i{
  position:relative;
  overflow:hidden;
}

.v73-workflow-panel i::after{
  content:"";
  position:absolute;
  inset:0;
  width:45%;
  background:linear-gradient(90deg, transparent, #fff, transparent);
  animation:v74WorkflowPulse 2.4s linear infinite;
}

.v73-service-modal{
  display:none !important;
}

.v74-service-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(2,8,23,.78);
  backdrop-filter:blur(16px);
}

.v74-service-modal-card{
  width:min(100%,720px);
  position:relative;
  padding:38px;
  border-radius:34px;
  background:
    radial-gradient(circle at 18% 0%, rgba(14,165,233,.18), transparent 34%),
    linear-gradient(145deg,#07142f,#020817);
  border:1px solid rgba(125,211,252,.26);
  box-shadow:0 45px 150px rgba(0,0,0,.55),0 0 120px rgba(14,165,233,.18);
  color:#fff;
}

.v74-service-modal-card h3{
  color:#fff;
  font-size:clamp(34px,4vw,54px);
  line-height:.98;
  letter-spacing:-.055em;
  margin:14px 0;
}

.v74-service-modal-card p{
  color:#cbdcf0;
  line-height:1.75;
  font-size:17px;
  margin-bottom:22px;
}

.v74-service-modal-card ul{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  list-style:none;
  padding:0;
  margin:0 0 24px;
}

.v74-service-modal-card li{
  padding:12px 14px;
  border-radius:16px;
  color:#dff5ff;
  background:rgba(14,165,233,.10);
  border:1px solid rgba(125,211,252,.16);
  font-weight:850;
  font-size:13px;
}

.v74-modal-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.v74-service-modal-close{
  position:absolute;
  top:18px;
  right:18px;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.24);
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:28px;
  cursor:pointer;
}

.v70-service-card,
.service-card{
  position:relative;
  z-index:1;
}

.v70-service-card *,
.service-card *{
  pointer-events:auto;
}

.v70-service-card::before,
.v70-service-card::after,
.service-card::before,
.service-card::after{
  pointer-events:none !important;
}

.v70-service-btn,
.learn-more{
  position:relative;
  z-index:20 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

.v70-service-card,
body:not(.dark) .v70-service-card{
  background:
    radial-gradient(circle at 20% 0%, rgba(14,165,233,.20), transparent 34%),
    linear-gradient(145deg, rgba(8,22,50,.98), rgba(3,10,24,.90)) !important;
  color:#fff !important;
  border-color:rgba(125,211,252,.24) !important;
}

.v70-service-card h3,
.v70-service-card p,
.v70-service-card li,
body:not(.dark) .v70-service-card h3,
body:not(.dark) .v70-service-card p,
body:not(.dark) .v70-service-card li{
  opacity:1 !important;
}

.v70-service-card h3,
body:not(.dark) .v70-service-card h3{
  color:#fff !important;
}

.v70-service-card p,
body:not(.dark) .v70-service-card p{
  color:#c9d8ea !important;
}

.v70-service-card li,
body:not(.dark) .v70-service-card li{
  color:#f1f7ff !important;
}

@keyframes v74RingSpin{
  to{transform:rotate(360deg)}
}

@keyframes v74Rain{
  0%{transform:translateY(-25vh);opacity:0}
  12%{opacity:.35}
  100%{transform:translateY(125vh);opacity:0}
}

@keyframes v74Scan{
  0%,100%{transform:translateY(8vh);opacity:0}
  18%,75%{opacity:.45}
  50%{transform:translateY(86vh)}
}

@keyframes v74DashboardShine{
  0%,70%{transform:translateX(-130%)}
  100%{transform:translateX(130%)}
}

@keyframes v74BarGlow{
  0%,100%{box-shadow:0 0 24px rgba(14,165,233,.24)}
  50%{box-shadow:0 0 48px rgba(103,232,249,.52)}
}

@keyframes v74WorkflowPulse{
  from{transform:translateX(-120%)}
  to{transform:translateX(260%)}
}

@media(max-width:760px){
  .v74-energy-ring{
    width:92vw;
    right:-24%;
    top:48%;
    opacity:.34;
  }

  .v74-service-modal-card{
    padding:30px 22px;
  }

  .v74-service-modal-card ul{
    grid-template-columns:1fr;
  }
}

/* === V75 Premium Tech Redesign Layer === */
:root{
  --premium-cyan:#67e8f9;
  --premium-blue:#0ea5e9;
  --premium-ink:#020817;
  --premium-card:rgba(6,18,42,.78);
}

body.dark{
  background:
    radial-gradient(circle at 20% 0%, rgba(14,165,233,.16), transparent 28%),
    radial-gradient(circle at 80% 12%, rgba(103,232,249,.10), transparent 30%),
    #020817;
}

.site-header{
  border-color:rgba(125,211,252,.22);
  box-shadow:0 24px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
}

.v73-hero{
  min-height:104vh;
  background:
    radial-gradient(circle at 70% 36%, rgba(14,165,233,.18), transparent 28%),
    linear-gradient(135deg,#020817 0%,#061326 48%,#020817 100%) !important;
}

.v73-overlay{
  background:
    linear-gradient(90deg,rgba(2,8,23,.92),rgba(2,8,23,.62) 48%,rgba(2,8,23,.88)),
    radial-gradient(circle at 70% 40%,rgba(14,165,233,.18),transparent 38%) !important;
}

.v73-copy{
  max-width:680px;
}

.v73-title{
  font-size:clamp(54px,6.8vw,96px) !important;
  letter-spacing:-.075em;
  text-wrap:balance;
}

.v73-lead{
  max-width:640px;
  color:#c8d6e8 !important;
  font-size:clamp(17px,1.45vw,20px);
}

.exec-proof-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}

.exec-proof-row span{
  min-height:72px;
  padding:14px;
  border:1px solid rgba(125,211,252,.20);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(7,20,46,.76),rgba(2,8,23,.54));
  color:#dbeafe;
  font-size:12px;
  font-weight:850;
  line-height:1.35;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.exec-proof-row b{
  display:block;
  color:var(--premium-cyan);
  font-size:13px;
  letter-spacing:.12em;
  margin-bottom:6px;
}

.v73-dashboard{
  transform:perspective(1200px) rotateY(-8deg) rotateX(4deg) translateZ(0);
  background:
    linear-gradient(145deg,rgba(8,24,52,.92),rgba(2,8,23,.94)),
    radial-gradient(circle at 20% 10%,rgba(103,232,249,.18),transparent 28%) !important;
}

.v73-product-visual{
  transform:translate3d(var(--hero-x,0),var(--hero-y,0),0);
  transition:transform .22s ease-out;
}

.v73-dash-header{
  border-bottom-color:rgba(125,211,252,.18) !important;
}

.v73-main-panel,
.v73-status-card,
.v73-workflow-panel,
.command-kpi-grid div{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
  border-color:rgba(125,211,252,.18) !important;
}

.command-kpi-grid{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.command-kpi-grid div{
  padding:16px;
  border:1px solid;
  border-radius:20px;
}

.command-kpi-grid small{
  display:block;
  color:#8eb7d2;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.command-kpi-grid strong{
  display:block;
  margin-top:7px;
  color:#f8fbff;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:22px;
  letter-spacing:-.04em;
}

.capability-showcase{
  padding:110px 0 !important;
  background:
    radial-gradient(circle at 12% 18%,rgba(14,165,233,.16),transparent 32%),
    linear-gradient(180deg,rgba(2,8,23,.92),rgba(4,16,36,.95)) !important;
}

.capability-orbit{
  min-height:320px;
  background:
    linear-gradient(145deg,rgba(8,24,52,.82),rgba(2,8,23,.72)),
    radial-gradient(circle at 50% 50%,rgba(14,165,233,.16),transparent 40%) !important;
  border-color:rgba(125,211,252,.23) !important;
  box-shadow:0 45px 140px rgba(0,0,0,.42),0 0 110px rgba(14,165,233,.12) !important;
}

.capability-orbit::before{
  border-color:rgba(103,232,249,.30) !important;
  box-shadow:0 0 60px rgba(14,165,233,.10);
}

.cap-pill{
  border-color:rgba(125,211,252,.24) !important;
  background:rgba(5,18,42,.84) !important;
  box-shadow:0 18px 58px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08);
}

.impact-card{
  border-radius:24px !important;
  background:
    linear-gradient(145deg,rgba(8,24,52,.72),rgba(2,8,23,.70)) !important;
  border-color:rgba(125,211,252,.18) !important;
}

.premium-intelligence{
  position:relative;
  overflow:hidden;
  padding:120px 0;
  background:
    linear-gradient(180deg,rgba(2,8,23,.96),rgba(4,16,36,.90)),
    radial-gradient(circle at 80% 20%,rgba(14,165,233,.18),transparent 34%);
}

.premium-intelligence::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(125,211,252,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,211,252,.05) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
  pointer-events:none;
}

.intelligence-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:56px;
  align-items:center;
}

.premium-intelligence .section-heading{
  text-align:left;
  margin:0;
}

.premium-intelligence .section-heading h2{
  max-width:640px;
}

.intelligence-board{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:16px;
  padding:18px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:34px;
  background:rgba(3,12,28,.72);
  box-shadow:0 44px 130px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
}

.intel-card{
  position:relative;
  overflow:hidden;
  min-height:150px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(125,211,252,.16);
  background:
    radial-gradient(circle at 18% 0%,rgba(14,165,233,.16),transparent 36%),
    linear-gradient(145deg,rgba(8,24,52,.80),rgba(2,8,23,.72));
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.intel-card::before,
.v70-service-card::before,
.impact-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,18%),rgba(103,232,249,.18),transparent 44%);
  opacity:0;
  transition:opacity .35s ease;
}

.intel-card:hover::before,
.v70-service-card:hover::before,
.impact-card:hover::before{
  opacity:1;
}

.intel-card:hover{
  transform:translateY(-7px);
  border-color:rgba(103,232,249,.38);
  box-shadow:0 24px 80px rgba(14,165,233,.16);
}

.intel-primary{
  grid-row:span 2;
  min-height:318px;
}

.intel-card span{
  display:block;
  color:#67e8f9;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:16px;
}

.intel-card strong{
  display:block;
  color:#f8fbff;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(24px,2.8vw,38px);
  line-height:1.02;
  letter-spacing:-.055em;
}

.intel-pipeline{
  display:grid;
  gap:14px;
  margin:34px 0 40px;
}

.intel-pipeline i{
  display:block;
  width:var(--w);
  height:14px;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#67e8f9);
  box-shadow:0 0 28px rgba(14,165,233,.28);
  animation:intelPulse 3.2s ease-in-out infinite;
}

.intel-pipeline i:nth-child(2){animation-delay:-.6s}
.intel-pipeline i:nth-child(3){animation-delay:-1.2s}

.problem-list article,
.flow,
.work-card,
.testimonial-card,
.cta-upgraded{
  border-color:rgba(125,211,252,.18) !important;
  background:linear-gradient(145deg,rgba(8,24,52,.72),rgba(2,8,23,.68)) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.30) !important;
}

.flow-node{
  border-color:rgba(125,211,252,.22) !important;
  background:rgba(6,18,42,.84) !important;
}

.flow-node i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(14,165,233,.12);
  color:#67e8f9;
  font-size:13px !important;
  font-weight:950;
  letter-spacing:.08em;
}

.v70-service-card{
  border-radius:26px !important;
  min-height:410px;
  transition:transform .38s cubic-bezier(.2,.9,.2,1), border-color .38s ease, box-shadow .38s ease;
}

.v70-service-card:hover{
  transform:translateY(-10px) scale(1.01);
  box-shadow:0 38px 120px rgba(14,165,233,.18),0 18px 60px rgba(0,0,0,.28) !important;
}

.v70-service-icon{
  width:92px !important;
  height:92px !important;
  border-radius:24px !important;
}

@keyframes intelPulse{
  0%,100%{filter:saturate(1);opacity:.72}
  50%{filter:saturate(1.25);opacity:1;transform:translateX(6px)}
}

@media(max-width:1020px){
  .intelligence-grid,
  .v73-hero-grid{
    grid-template-columns:1fr !important;
  }

  .premium-intelligence .section-heading{
    text-align:center;
    margin:0 auto;
  }

  .v73-dashboard{
    transform:none;
  }
}

@media(max-width:720px){
  .exec-proof-row,
  .command-kpi-grid,
  .intelligence-board{
    grid-template-columns:1fr;
  }

  .intel-primary{
    grid-row:auto;
    min-height:240px;
  }

  .premium-intelligence,
  .capability-showcase{
    padding:82px 0 !important;
  }

  .v73-title{
    font-size:clamp(46px,13vw,68px) !important;
  }
}

/* === Phase 2 Enterprise Credibility Layer === */
.enterprise-proof-section,
.implementation-section,
.credibility-section,
.delivery-expectations,
.operational-transparency,
.why-choose-section,
.portfolio-proof-section,
.next-steps-section{
  position:relative;
  overflow:hidden;
}

.enterprise-proof-section::before,
.credibility-section::before,
.delivery-expectations::before,
.operational-transparency::before,
.why-choose-section::before,
.portfolio-proof-section::before,
.next-steps-section::before{
  content:"";
  position:absolute;
  inset:10% -10% auto auto;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(14,165,233,.13),transparent 68%);
  pointer-events:none;
}

.enterprise-grid,
.credibility-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.credibility-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.enterprise-card{
  --mx:50%;
  --my:18%;
  position:relative;
  min-height:250px;
  overflow:hidden;
  padding:26px;
  border-radius:26px;
  border:1px solid rgba(125,211,252,.18);
  background:
    radial-gradient(420px circle at var(--mx) var(--my),rgba(103,232,249,.12),transparent 42%),
    linear-gradient(145deg,rgba(8,24,52,.76),rgba(2,8,23,.70));
  box-shadow:0 28px 90px rgba(0,0,0,.28);
  transition:transform .34s ease,border-color .34s ease,box-shadow .34s ease;
}

.enterprise-card:hover{
  transform:translateY(-8px);
  border-color:rgba(103,232,249,.34);
  box-shadow:0 34px 110px rgba(14,165,233,.15),0 22px 70px rgba(0,0,0,.24);
}

.enterprise-card span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 11px;
  margin-bottom:22px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.20);
  background:rgba(14,165,233,.08);
  color:#67e8f9;
  font-size:11px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.enterprise-card h3{
  color:#f8fbff;
  font-size:clamp(24px,2.1vw,32px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin-bottom:14px;
}

.enterprise-card p{
  color:#b9c8dc;
  line-height:1.68;
  font-size:15px;
}

.implementation-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.implementation-timeline article{
  position:relative;
  overflow:hidden;
  min-height:210px;
  padding:26px;
  border-radius:26px;
  border:1px solid rgba(125,211,252,.18);
  background:linear-gradient(145deg,rgba(8,24,52,.70),rgba(2,8,23,.66));
  box-shadow:0 26px 82px rgba(0,0,0,.26);
}

.implementation-timeline article::before{
  content:"";
  position:absolute;
  left:26px;
  right:26px;
  top:68px;
  height:1px;
  background:linear-gradient(90deg,#0ea5e9,transparent);
  opacity:.55;
}

.implementation-timeline b{
  display:block;
  color:#f8fbff;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:26px;
  letter-spacing:-.04em;
  margin-bottom:42px;
}

.implementation-timeline span{
  display:block;
  color:#b9c8dc;
  line-height:1.65;
  font-size:15px;
}

.credibility-section .section-heading p,
.delivery-expectations .section-heading p,
.operational-transparency .section-heading p,
.why-choose-section .section-heading p,
.portfolio-proof-section .section-heading p,
.next-steps-section .section-heading p{
  max-width:760px;
  margin-inline:auto;
}

@media(max-width:1080px){
  .enterprise-grid,
  .implementation-timeline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .credibility-grid{
    grid-template-columns:1fr;
    max-width:760px;
    margin-inline:auto;
  }
}

@media(max-width:680px){
  .enterprise-grid,
  .implementation-timeline{
    grid-template-columns:1fr;
  }

  .enterprise-card,
  .implementation-timeline article{
    min-height:auto;
    padding:22px;
  }
}


/* === V75 clean core fixes === */
body.dark{
  background:#020817 !important;
  color:#f8fbff !important;
  color-scheme:dark !important;
}

.site-header{
  background:rgba(3,10,24,.78) !important;
  border-color:rgba(125,211,252,.18) !important;
  backdrop-filter:blur(22px) saturate(1.12) !important;
}

.site-header,
.site-header a,
.nav-menu a,
.brand,
.brand-text,
.actions{
  color:#fff !important;
}

.nav-menu a{
  color:#cbdcf0 !important;
}

.nav-menu a.active,
.nav-menu a:hover{
  background:rgba(14,165,233,.16) !important;
  color:#fff !important;
}

/* Keep hero readable */
.v73-title,
.v73-title span:not(.gradient-text){
  color:#fff !important;
  opacity:1 !important;
}

.v73-lead{
  color:#d7e7f7 !important;
  opacity:1 !important;
}

/* Modal cleanup */
.v73-service-modal,
.v74-service-modal{
  display:none !important;
}

.v75-service-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(2,8,23,.80);
  backdrop-filter:blur(16px);
}

.v75-service-modal-card{
  width:min(100%,720px);
  position:relative;
  padding:38px;
  border-radius:34px;
  background:
    radial-gradient(circle at 18% 0%, rgba(14,165,233,.20), transparent 34%),
    linear-gradient(145deg,#07142f,#020817);
  border:1px solid rgba(125,211,252,.28);
  box-shadow:0 45px 150px rgba(0,0,0,.56),0 0 120px rgba(14,165,233,.20);
  color:#fff;
}

.v75-service-modal-card h3{
  color:#fff;
  font-size:clamp(34px,4vw,54px);
  line-height:.98;
  letter-spacing:-.055em;
  margin:14px 0;
}

.v75-service-modal-card p{
  color:#cbdcf0;
  line-height:1.75;
  font-size:17px;
  margin-bottom:22px;
}

.v75-service-modal-card ul{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  list-style:none;
  padding:0;
  margin:0 0 24px;
}

.v75-service-modal-card li{
  padding:12px 14px;
  border-radius:16px;
  color:#dff5ff;
  background:rgba(14,165,233,.10);
  border:1px solid rgba(125,211,252,.16);
  font-weight:850;
  font-size:13px;
}

.v75-modal-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.v75-service-modal-close{
  position:absolute;
  top:18px;
  right:18px;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.24);
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:28px;
  cursor:pointer;
}

/* Stop overlay click bugs */
.v70-service-card,
.service-card{
  position:relative;
  z-index:1;
}

.v70-service-card::before,
.v70-service-card::after,
.service-card::before,
.service-card::after{
  pointer-events:none !important;
}

.v70-service-btn,
.learn-more{
  position:relative;
  z-index:20 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

/* Force service cards readable */
.v70-service-card,
body:not(.dark) .v70-service-card{
  background:
    radial-gradient(circle at 20% 0%, rgba(14,165,233,.20), transparent 34%),
    linear-gradient(145deg, rgba(8,22,50,.98), rgba(3,10,24,.90)) !important;
  color:#fff !important;
  border-color:rgba(125,211,252,.24) !important;
}

.v70-service-card h3,
.v70-service-card p,
.v70-service-card li,
body:not(.dark) .v70-service-card h3,
body:not(.dark) .v70-service-card p,
body:not(.dark) .v70-service-card li{
  opacity:1 !important;
}

.v70-service-card h3,
body:not(.dark) .v70-service-card h3{
  color:#fff !important;
}

.v70-service-card p,
body:not(.dark) .v70-service-card p{
  color:#c9d8ea !important;
}

.v70-service-card li,
body:not(.dark) .v70-service-card li{
  color:#f1f7ff !important;
}

.form-status{
  display:none;
  margin-top:14px;
  color:#bdeeff;
  font-weight:800;
  line-height:1.5;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(14,165,233,.10);
  border:1px solid rgba(125,211,252,.18);
}

.form-status.show{
  display:block;
}

@media(max-width:760px){
  .v75-service-modal-card{
    padding:30px 22px;
  }

  .v75-service-modal-card ul{
    grid-template-columns:1fr;
  }
}

/* === V75 theme toggle restore === */
body:not(.dark){
  background:var(--bg) !important;
  color:var(--text) !important;
  color-scheme:light;
}

body:not(.dark) .site-header{
  background:var(--nav) !important;
  border-color:var(--line) !important;
  box-shadow:var(--shadow) !important;
}

body:not(.dark) .site-header,
body:not(.dark) .site-header a,
body:not(.dark) .brand,
body:not(.dark) .brand-text,
body:not(.dark) .actions{
  color:var(--text) !important;
}

body:not(.dark) .nav-menu a{
  color:var(--muted) !important;
  background:transparent !important;
}

body:not(.dark) .nav-menu a.active,
body:not(.dark) .nav-menu a:hover{
  color:var(--text) !important;
  background:rgba(14,165,233,.10) !important;
}

body:not(.dark) .v73-hero{
  background:linear-gradient(180deg,var(--bg),var(--bg2)) !important;
}

body:not(.dark) .v73-overlay{
  background:radial-gradient(circle at 70% 40%,rgba(14,165,233,.10),transparent 38%) !important;
}

body:not(.dark) .v73-title,
body:not(.dark) .v73-title span:not(.gradient-text){
  color:var(--text) !important;
  text-shadow:none !important;
}

body:not(.dark) .v73-lead{
  color:var(--muted) !important;
}

body:not(.dark) .v70-service-card{
  background:var(--panel) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}

body:not(.dark) .v70-service-card h3,
body:not(.dark) .v70-service-card li{
  color:var(--text) !important;
}

body:not(.dark) .v70-service-card p{
  color:var(--muted) !important;
}


/* === V76 stable functional patch === */

/* Unlock theme toggle again */
.theme-toggle{
  pointer-events:auto !important;
  cursor:pointer !important;
  opacity:1 !important;
}

/* Hide older dynamically-created modal variants to prevent double popup */
.v73-service-modal,
.v74-service-modal,
.v75-service-modal{
  display:none !important;
}

.v76-service-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(2,8,23,.80);
  backdrop-filter:blur(16px);
}

.v76-service-modal-card{
  width:min(100%,720px);
  position:relative;
  padding:38px;
  border-radius:34px;
  background:
    radial-gradient(circle at 18% 0%, rgba(14,165,233,.20), transparent 34%),
    linear-gradient(145deg,#07142f,#020817);
  border:1px solid rgba(125,211,252,.28);
  box-shadow:0 45px 150px rgba(0,0,0,.56),0 0 120px rgba(14,165,233,.20);
  color:#fff;
}

.v76-service-modal-card h3{
  color:#fff;
  font-size:clamp(34px,4vw,54px);
  line-height:.98;
  letter-spacing:-.055em;
  margin:14px 0;
}

.v76-service-modal-card p{
  color:#cbdcf0;
  line-height:1.75;
  font-size:17px;
  margin-bottom:22px;
}

.v76-service-modal-card ul{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  list-style:none;
  padding:0;
  margin:0 0 24px;
}

.v76-service-modal-card li{
  padding:12px 14px;
  border-radius:16px;
  color:#dff5ff;
  background:rgba(14,165,233,.10);
  border:1px solid rgba(125,211,252,.16);
  font-weight:850;
  font-size:13px;
}

.v76-modal-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.v76-service-modal-close{
  position:absolute;
  top:18px;
  right:18px;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.24);
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:28px;
  cursor:pointer;
}

/* Click layer fixes */
.v70-service-card,
.service-card{
  position:relative;
  z-index:1;
}

.v70-service-card::before,
.v70-service-card::after,
.service-card::before,
.service-card::after{
  pointer-events:none !important;
}

.v70-service-btn,
.learn-more{
  position:relative;
  z-index:20 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

/* Safer light mode: keep dark card surfaces readable instead of half-light broken cards */
body:not(.dark){
  background:#f6fbff !important;
  color:#07152d !important;
}

body:not(.dark) .site-header{
  background:rgba(255,255,255,.82) !important;
  border-color:rgba(14,165,233,.18) !important;
}

body:not(.dark) .nav-menu a,
body:not(.dark) .brand,
body:not(.dark) .brand-text{
  color:#07152d !important;
}

body:not(.dark) .nav-menu a.active,
body:not(.dark) .nav-menu a:hover{
  background:rgba(14,165,233,.12) !important;
  color:#07152d !important;
}

/* Keep premium dark sections readable even while light mode is active */
body:not(.dark) .v73-hero,
body:not(.dark) .v70-service-card,
body:not(.dark) .service-card,
body:not(.dark) .v73-dashboard,
body:not(.dark) .v73-floating-card,
body:not(.dark) .v70-price-banner,
body:not(.dark) .footer,
body:not(.dark) .calendar-card,
body:not(.dark) .cta-upgraded{
  color:#fff !important;
}

body:not(.dark) .v73-title,
body:not(.dark) .v73-title span:not(.gradient-text),
body:not(.dark) .v70-service-card h3,
body:not(.dark) .service-card h3,
body:not(.dark) .v73-dashboard strong,
body:not(.dark) .v73-floating-card b,
body:not(.dark) .cta-upgraded h2{
  color:#fff !important;
  opacity:1 !important;
}

body:not(.dark) .v73-lead,
body:not(.dark) .v70-service-card p,
body:not(.dark) .service-card p,
body:not(.dark) .v70-service-card li,
body:not(.dark) .service-card li,
body:not(.dark) .v73-floating-card span,
body:not(.dark) .cta-upgraded p{
  color:#d7e7f7 !important;
  opacity:1 !important;
}

body:not(.dark) .v70-service-card,
body:not(.dark) .service-card{
  background:
    radial-gradient(circle at 20% 0%, rgba(14,165,233,.20), transparent 34%),
    linear-gradient(145deg, rgba(8,22,50,.98), rgba(3,10,24,.90)) !important;
  border-color:rgba(125,211,252,.24) !important;
}

/* Light sections cards readability */
body:not(.dark) .impact-card,
body:not(.dark) .enterprise-card,
body:not(.dark) .contact-form-card,
body:not(.dark) .strategy-card,
body:not(.dark) .legal-content{
  background:rgba(255,255,255,.88) !important;
  color:#07152d !important;
  border-color:rgba(14,165,233,.18) !important;
}

body:not(.dark) .impact-card h3,
body:not(.dark) .enterprise-card h3,
body:not(.dark) .contact-form-card h2,
body:not(.dark) .strategy-card h2,
body:not(.dark) .legal-content h2{
  color:#07152d !important;
}

body:not(.dark) .impact-card p,
body:not(.dark) .enterprise-card p,
body:not(.dark) .contact-form-card p,
body:not(.dark) .strategy-card p,
body:not(.dark) .legal-content p{
  color:#40516a !important;
}

@media(max-width:760px){
  .v76-service-modal-card{
    padding:30px 22px;
  }

  .v76-service-modal-card ul{
    grid-template-columns:1fr;
  }
}


/* === V77 Dark Mode Only === */
html,
body,
body.dark,
body:not(.dark){
  background:#020817 !important;
  color:#f8fbff !important;
  color-scheme:dark !important;
}

.theme-toggle{
  display:none !important;
  pointer-events:none !important;
  visibility:hidden !important;
}

.site-header{
  background:rgba(3,10,24,.78) !important;
  border-color:rgba(125,211,252,.18) !important;
  backdrop-filter:blur(22px) saturate(1.12) !important;
}

.site-header,
.site-header a,
.nav-menu a,
.brand,
.brand-text,
.actions{
  color:#fff !important;
}

.nav-menu a{
  color:#cbdcf0 !important;
}

.nav-menu a.active,
.nav-menu a:hover{
  background:rgba(14,165,233,.16) !important;
  color:#fff !important;
}

/* Remove all light-mode visual conflicts by forcing premium dark surfaces */
body:not(.dark) .v73-hero,
body:not(.dark) .v70-service-card,
body:not(.dark) .service-card,
body:not(.dark) .v73-dashboard,
body:not(.dark) .v73-floating-card,
body:not(.dark) .v70-price-banner,
body:not(.dark) .footer,
body:not(.dark) .calendar-card,
body:not(.dark) .cta-upgraded,
body:not(.dark) .impact-card,
body:not(.dark) .enterprise-card,
body:not(.dark) .contact-form-card,
body:not(.dark) .strategy-card,
body:not(.dark) .legal-content,
body:not(.dark) .portfolio-card,
body:not(.dark) .founder-card{
  color:#fff !important;
}

body:not(.dark) .v73-title,
body:not(.dark) .v73-title span:not(.gradient-text),
body:not(.dark) h1,
body:not(.dark) h2,
body:not(.dark) h3{
  color:#fff !important;
}

body:not(.dark) p,
body:not(.dark) li,
body:not(.dark) span{
  color:inherit;
}

/* Dark premium inputs */
input,
textarea,
select{
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(125,211,252,.18) !important;
  color:#fff !important;
}

input::placeholder,
textarea::placeholder{
  color:rgba(215,231,247,.56) !important;
}


/* === V78 Services Premium Transformation === */
.v78-services-section{
  position:relative;
  overflow:hidden;
}

.v78-services-section::before{
  content:"";
  position:absolute;
  inset:4% -12% auto auto;
  width:520px;
  height:520px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(14,165,233,.16), transparent 62%);
  filter:blur(30px);
  pointer-events:none;
}

.v78-services-section::after{
  content:"";
  position:absolute;
  inset:auto auto 8% -10%;
  width:420px;
  height:420px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(37,99,235,.14), transparent 64%);
  filter:blur(30px);
  pointer-events:none;
}

.v78-services-grid{
  position:relative;
  z-index:1;
  max-width:1240px;
  margin:0 auto;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:26px !important;
  align-items:stretch;
}

.v78-service-card{
  position:relative;
  isolation:isolate;
  min-height:545px;
  display:flex;
  flex-direction:column;
  padding:28px;
  overflow:hidden;
  border-radius:34px;
  color:#fff;
  background:
    linear-gradient(145deg, rgba(8,22,50,.96), rgba(3,10,24,.88));
  border:1px solid rgba(125,211,252,.18);
  box-shadow:0 28px 90px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.v78-service-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(125,211,252,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.07) 1px, transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom, black, transparent 78%);
  opacity:.42;
  pointer-events:none;
}

.v78-service-card::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:34px;
  padding:1px;
  background:linear-gradient(120deg, transparent, rgba(103,232,249,.56), transparent, rgba(37,99,235,.44), transparent);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  transition:opacity .28s ease;
  pointer-events:none;
}

.v78-service-card:hover{
  transform:translateY(-10px);
  border-color:rgba(125,211,252,.36);
  box-shadow:0 40px 130px rgba(14,165,233,.18), inset 0 1px 0 rgba(255,255,255,.10);
}

.v78-service-card:hover::after{
  opacity:1;
}

.v78-card-glow{
  position:absolute;
  right:-70px;
  top:-70px;
  width:210px;
  height:210px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(14,165,233,.24), transparent 64%);
  filter:blur(8px);
  z-index:-1;
  transition:transform .35s ease, opacity .35s ease;
  opacity:.72;
  pointer-events:none;
}

.v78-service-card:hover .v78-card-glow{
  transform:scale(1.35);
  opacity:1;
}

.v78-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}

.v78-icon{
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  border-radius:28px;
  background:
    radial-gradient(circle at 35% 22%, rgba(125,211,252,.30), transparent 34%),
    linear-gradient(145deg, rgba(14,165,233,.18), rgba(37,99,235,.12));
  border:1px solid rgba(125,211,252,.24);
  box-shadow:0 22px 54px rgba(14,165,233,.16), inset 0 1px 0 rgba(255,255,255,.10);
}

.v78-icon svg{
  width:68px;
  height:68px;
  fill:none;
  stroke:#7dd3fc;
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 18px rgba(14,165,233,.34));
  animation:v78IconFloat 3.8s ease-in-out infinite;
}

.v78-metric{
  min-width:120px;
  padding:14px 16px;
  border-radius:22px;
  text-align:right;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(125,211,252,.16);
}

.v78-metric strong{
  display:block;
  color:#fff;
  font-size:30px;
  line-height:1;
  letter-spacing:-.05em;
}

.v78-metric span{
  display:block;
  color:#9cc9e9;
  font-size:10px;
  font-weight:950;
  margin-top:7px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.v78-kicker{
  display:block;
  width:max-content;
  max-width:100%;
  color:#7dd3fc;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.11em;
  margin-bottom:11px;
}

.v78-service-card h3{
  color:#fff !important;
  font-size:clamp(28px,2.6vw,40px);
  line-height:.98;
  letter-spacing:-.06em;
  margin:0 0 14px;
}

.v78-service-card p{
  color:#c9d8ea !important;
  line-height:1.58;
  margin:0 0 22px;
}

.v78-flow{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:15px;
  border-radius:22px;
  background:rgba(14,165,233,.075);
  border:1px solid rgba(125,211,252,.14);
  margin:0 0 22px;
}

.v78-flow span{
  color:#eaf8ff;
  font-size:11px;
  font-weight:950;
  padding:9px 10px;
  border-radius:999px;
  background:rgba(14,165,233,.12);
  border:1px solid rgba(125,211,252,.16);
  white-space:nowrap;
}

.v78-flow i{
  flex:1;
  min-width:18px;
  height:2px;
  background:linear-gradient(90deg, transparent, #38bdf8, transparent);
  box-shadow:0 0 18px rgba(56,189,248,.32);
  position:relative;
  overflow:hidden;
}

.v78-flow i::after{
  content:"";
  position:absolute;
  inset:0;
  width:50%;
  background:linear-gradient(90deg, transparent, #fff, transparent);
  animation:v78FlowPulse 2.3s linear infinite;
}

.v78-service-card ul{
  list-style:none;
  padding:0;
  margin:0 0 24px;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.v78-service-card li{
  position:relative;
  padding-left:26px;
  color:#f1f7ff !important;
  font-size:14px;
  font-weight:800;
  line-height:1.35;
}

.v78-service-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#38bdf8;
  font-weight:950;
}

.v78-learn{
  margin-top:auto;
  width:100%;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px 0 22px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.28);
  background:rgba(255,255,255,.065);
  color:#fff;
  font-weight:950;
  cursor:pointer;
  position:relative;
  z-index:10;
  transition:transform .22s ease, background .22s ease;
}

.v78-learn b{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
  color:#fff;
  box-shadow:0 10px 24px rgba(14,165,233,.25);
}

.v78-learn:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
}

@keyframes v78IconFloat{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-5px) rotate(-2deg)}
}

@keyframes v78FlowPulse{
  from{transform:translateX(-120%)}
  to{transform:translateX(260%)}
}

@media(max-width:1180px){
  .v78-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-width:860px;
  }
}

@media(max-width:760px){
  .v78-services-grid{
    grid-template-columns:1fr !important;
  }

  .v78-service-card{
    min-height:auto;
    padding:24px;
  }

  .v78-card-head{
    align-items:stretch;
  }

  .v78-icon{
    width:82px;
    height:82px;
  }

  .v78-icon svg{
    width:60px;
    height:60px;
  }

  .v78-metric{
    min-width:108px;
  }

  .v78-flow{
    display:grid;
    grid-template-columns:1fr;
  }

  .v78-flow i{
    width:2px;
    min-height:18px;
    margin:auto;
  }
}


/* === V78 Enterprise Hero + Portfolio Transformation === */
.v73-hero::before,
.v73-hero::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-2;
}

.v73-hero::before{
  inset:8% -10% auto 44%;
  height:58%;
  background:radial-gradient(circle at 50% 50%,rgba(14,165,233,.28),transparent 64%);
  filter:blur(26px);
  opacity:.78;
}

.v73-hero::after{
  left:8%;
  right:8%;
  bottom:9%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,211,252,.45),transparent);
  box-shadow:0 0 38px rgba(14,165,233,.36);
}

.v78-animated-grid{
  position:absolute;
  inset:-20% -10%;
  z-index:-5;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(125,211,252,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,211,252,.12) 1px,transparent 1px),
    linear-gradient(115deg,transparent 0 48%,rgba(14,165,233,.16) 49%,transparent 51% 100%);
  background-size:72px 72px,72px 72px,260px 260px;
  mask-image:radial-gradient(circle at 58% 44%,black 0,rgba(0,0,0,.72) 42%,transparent 78%);
  animation:v78GridDrift 24s linear infinite;
  opacity:.55;
}

.v78-flow-field{
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  overflow:hidden;
}

.v78-flow-field span{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:7px;
  height:7px;
  border-radius:999px;
  background:#7dd3fc;
  box-shadow:0 0 0 8px rgba(14,165,233,.09),0 0 34px rgba(14,165,233,.75);
  opacity:0;
  animation:v78FlowNode 6.5s ease-in-out infinite;
  animation-delay:var(--d);
}

.v73-actions .btn{
  min-height:60px;
}

.v73-actions .btn.glass{
  color:#eaf8ff;
  border-color:rgba(125,211,252,.30);
  background:rgba(255,255,255,.075);
}

.v73-price-banner-mini{
  position:relative;
  overflow:hidden;
}

.v73-price-banner-mini::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 0 34%,rgba(255,255,255,.14) 48%,transparent 62% 100%);
  transform:translateX(-120%);
  animation:v78Shine 5.8s ease-in-out infinite;
}

.v78-live-pill{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.v78-live-pill::before,
.v78-pulse-dot{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 8px;
  display:inline-block;
  border-radius:999px;
  background:#67e8f9;
  box-shadow:0 0 0 0 rgba(103,232,249,.50);
  animation:v78Pulse 1.8s ease-out infinite;
}

.v78-analytics-line{
  position:relative;
  height:34px;
  margin-top:18px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(125,211,252,.08);
  border:1px solid rgba(125,211,252,.14);
}

.v78-analytics-line i{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent,rgba(103,232,249,.58),transparent),
    repeating-linear-gradient(90deg,transparent 0 36px,rgba(125,211,252,.14) 37px 38px);
  transform:translateX(-58%);
  animation:v78Signal 3.4s ease-in-out infinite;
}

.v73-status-card small{
  display:inline-flex;
  align-items:center;
  gap:9px;
}

.v78-activity-panel{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
  padding:14px;
  border-radius:24px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(125,211,252,.14);
}

.v78-activity-panel > span{
  grid-column:1 / -1;
  color:#7dd3fc;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.v78-activity-panel div{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px;
  border-radius:16px;
  background:rgba(2,8,23,.36);
  color:#dceeff;
  font-size:12px;
  font-weight:850;
}

.v78-activity-panel i{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:999px;
  background:#0ea5e9;
  box-shadow:0 0 18px rgba(14,165,233,.70);
}

.v78-notification-stack{
  position:absolute;
  right:-18px;
  top:44px;
  width:min(285px,42vw);
  z-index:5;
  pointer-events:none;
}

.v78-notification-stack div{
  position:absolute;
  right:0;
  top:0;
  width:100%;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,24,52,.92),rgba(2,8,23,.78));
  border:1px solid rgba(125,211,252,.22);
  box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 44px rgba(14,165,233,.14);
  opacity:0;
  transform:translate3d(18px,18px,0) scale(.96);
  animation:v78Notification 10s ease-in-out infinite;
  animation-delay:var(--d);
}

.v78-notification-stack span{
  display:block;
  color:#7dd3fc;
  font-size:11px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.v78-notification-stack b{
  display:block;
  color:#f8fbff;
  font-size:13px;
  line-height:1.35;
}

.v78-trust-bar{
  position:relative;
  padding:22px 0 26px;
  margin-top:-28px;
  z-index:3;
  background:linear-gradient(180deg,rgba(2,8,23,.04),rgba(2,8,23,.68));
}

.v78-trust-bar .container{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.v78-trust-bar span{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  color:#dff7ff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(125,211,252,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.portfolio-command-hero{
  position:relative;
  overflow:hidden;
}

.portfolio-command-hero::after{
  content:"";
  position:absolute;
  inset:20% -20% auto 42%;
  height:340px;
  background:radial-gradient(circle,rgba(14,165,233,.22),transparent 66%);
  filter:blur(22px);
  pointer-events:none;
}

.portfolio-results-strip{
  position:relative;
  padding:0 0 54px;
}

.portfolio-results-strip .container{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.portfolio-results-strip article{
  position:relative;
  overflow:hidden;
  min-height:132px;
  padding:22px;
  border-radius:26px;
  background:linear-gradient(145deg,rgba(8,24,52,.82),rgba(2,8,23,.72));
  border:1px solid rgba(125,211,252,.18);
  box-shadow:0 24px 82px rgba(0,0,0,.26);
}

.portfolio-results-strip article::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.10),transparent 42%);
  transform:translateX(-120%);
  animation:v78Shine 7.5s ease-in-out infinite;
}

.portfolio-results-strip span{
  display:block;
  color:#7dd3fc;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:12px;
}

.portfolio-results-strip strong{
  display:block;
  color:#f8fbff;
  font-size:clamp(24px,3vw,40px);
  line-height:1;
  letter-spacing:-.055em;
  margin-bottom:10px;
}

.portfolio-results-strip small{
  color:#b7c9dd;
  font-weight:750;
  line-height:1.45;
}

.portfolio-feature .work-grid,
.portfolio-feature .work-grid.two{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  max-width:none;
  gap:24px;
}

.work-card{
  position:relative;
  min-height:100%;
  border-radius:30px !important;
  background:
    radial-gradient(circle at var(--mx,50%) var(--my,18%),rgba(14,165,233,.18),transparent 40%),
    linear-gradient(145deg,rgba(8,24,52,.82),rgba(2,8,23,.74)) !important;
  border:1px solid rgba(125,211,252,.20) !important;
  box-shadow:0 28px 92px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07) !important;
  backdrop-filter:blur(18px);
  isolation:isolate;
}

.work-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.12),transparent 42%);
  transform:translateX(-125%);
  transition:transform .85s cubic-bezier(.18,.9,.2,1);
}

.work-card:hover{
  transform:translateY(-12px) !important;
  border-color:rgba(103,232,249,.42) !important;
  box-shadow:0 36px 120px rgba(14,165,233,.20),0 18px 70px rgba(0,0,0,.38) !important;
}

.work-card:hover::before{
  transform:translateX(125%);
}

.work-thumb{
  min-height:230px;
  border-bottom:1px solid rgba(125,211,252,.14);
}

.work-thumb::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 38%,rgba(2,8,23,.58));
}

.work-source,
.work-copy > span:first-child{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  color:#bff4ff !important;
  background:rgba(14,165,233,.12);
  border:1px solid rgba(125,211,252,.22);
  font-size:11px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.work-copy{
  position:relative;
  z-index:3;
  padding:24px !important;
  gap:14px !important;
}

.work-copy h3{
  color:#f8fbff;
  font-size:clamp(23px,2.1vw,32px) !important;
  line-height:1.02 !important;
}

.work-copy p{
  color:#b7c9dd !important;
  font-size:15px !important;
}

.project-result{
  margin-top:auto;
  padding:14px;
  border-radius:18px;
  background:rgba(14,165,233,.08);
  border:1px solid rgba(125,211,252,.14);
}

.project-result span{
  display:block;
  color:#7dd3fc;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.project-result strong{
  display:block;
  color:#eaf8ff;
  font-size:14px;
  line-height:1.35;
}

.tech-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.tech-tags span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  color:#dbeafe;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(125,211,252,.13);
  font-size:11px;
  font-weight:850;
}

.work-copy .project-btn{
  width:100% !important;
  justify-content:space-between !important;
  margin-top:2px !important;
  background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
  border-color:rgba(125,211,252,.34) !important;
}

.work-card:hover .project-btn b{
  transform:translateX(4px);
}

@keyframes v78GridDrift{
  to{background-position:72px 72px,72px 72px,260px 260px}
}

@keyframes v78FlowNode{
  0%,100%{opacity:0;transform:translate3d(-12px,16px,0) scale(.72)}
  18%,58%{opacity:1}
  70%{opacity:0;transform:translate3d(42px,-34px,0) scale(1)}
}

@keyframes v78Pulse{
  0%{box-shadow:0 0 0 0 rgba(103,232,249,.52)}
  70%{box-shadow:0 0 0 12px rgba(103,232,249,0)}
  100%{box-shadow:0 0 0 0 rgba(103,232,249,0)}
}

@keyframes v78Signal{
  0%{transform:translateX(-70%)}
  50%,100%{transform:translateX(70%)}
}

@keyframes v78Notification{
  0%,100%{opacity:0;transform:translate3d(18px,18px,0) scale(.96)}
  8%,34%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  48%{opacity:0;transform:translate3d(-10px,-18px,0) scale(.98)}
}

@keyframes v78Shine{
  0%,58%{transform:translateX(-125%)}
  78%,100%{transform:translateX(125%)}
}

@media(max-width:1120px){
  .portfolio-feature .work-grid,
  .portfolio-feature .work-grid.two{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .v78-notification-stack{
    right:8px;
    top:auto;
    bottom:30px;
  }
}

@media(max-width:860px){
  .v78-activity-panel,
  .portfolio-results-strip .container{
    grid-template-columns:1fr;
  }

  .v78-trust-bar{
    margin-top:0;
  }
}

@media(max-width:640px){
  .portfolio-feature .work-grid,
  .portfolio-feature .work-grid.two{
    grid-template-columns:1fr !important;
  }

  .work-thumb{
    min-height:210px;
  }

  .v78-notification-stack{
    display:none;
  }

  .v78-trust-bar .container{
    justify-content:flex-start;
  }
}


/* === V79 Shader Office Command Polish === */
.v79-shader-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:-4;
  opacity:.46;
  mix-blend-mode:screen;
  pointer-events:none;
}

.v79-shader-canvas.shader-unavailable{
  display:none;
}

.v73-bg-video{
  opacity:.08 !important;
}

.v73-overlay{
  background:
    radial-gradient(circle at 67% 40%,rgba(14,165,233,.30),transparent 34%),
    radial-gradient(circle at 54% 68%,rgba(37,99,235,.13),transparent 34%),
    linear-gradient(90deg,rgba(2,8,23,.97),rgba(3,15,35,.82) 46%,rgba(2,8,23,.96)) !important;
}

.v73-hero{
  min-height:100vh !important;
  padding:118px 0 64px !important;
}

.v73-hero-grid{
  min-height:calc(100vh - 190px);
  grid-template-columns:minmax(430px,.92fr) minmax(560px,1.08fr) !important;
  gap:54px !important;
  align-items:center !important;
}

.v73-copy{
  transform:translateY(-18px);
}

.v73-title{
  font-size:clamp(58px,6.5vw,108px) !important;
  line-height:.86 !important;
  letter-spacing:-.085em !important;
}

.v73-product-visual{
  min-height:610px !important;
  transform:translate3d(var(--hero-x,0),calc(var(--hero-y,0) - 52px),0) !important;
}

.v73-product-visual::before{
  content:"";
  position:absolute;
  inset:8px 34px 52px 42px;
  border-radius:44px;
  background:
    linear-gradient(90deg,rgba(125,211,252,.10) 1px,transparent 1px),
    linear-gradient(rgba(125,211,252,.08) 1px,transparent 1px),
    linear-gradient(145deg,rgba(7,20,46,.28),rgba(2,8,23,.08));
  background-size:88px 88px,88px 88px,auto;
  border:1px solid rgba(125,211,252,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 28px 110px rgba(14,165,233,.10);
  pointer-events:none;
}

.v73-dashboard{
  inset:0 0 auto auto !important;
  width:min(100%,735px) !important;
  min-height:500px !important;
  transform:perspective(1300px) rotateY(-7deg) rotateX(3deg) translateY(-4px) !important;
}

.v73-dash-content{
  grid-template-columns:1.18fr .82fr !important;
}

.v78-notification-stack{
  top:2px !important;
  right:4px !important;
}

.v73-floating-card{
  min-width:240px;
  border-color:rgba(125,211,252,.24) !important;
  background:linear-gradient(145deg,rgba(6,18,42,.94),rgba(2,8,23,.86)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 44px rgba(14,165,233,.12) !important;
}

.v73-floating-card.float-1{
  left:-18px !important;
  top:64px !important;
}

.v73-floating-card.float-2{
  right:-30px !important;
  top:236px !important;
}

.v73-floating-card.float-3{
  left:42px !important;
  bottom:74px !important;
}

.site-header{
  width:min(1180px,calc(100% - 64px)) !important;
  min-height:80px !important;
  margin:10px auto 0 !important;
  padding:10px 16px !important;
  border-radius:34px !important;
  background:linear-gradient(145deg,rgba(3,12,28,.86),rgba(5,18,42,.76)) !important;
  border:1px solid rgba(125,211,252,.20) !important;
  box-shadow:0 24px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.site-header .brand{
  min-width:248px !important;
}

.nav-menu{
  margin-inline:auto !important;
  min-height:56px !important;
  padding:7px !important;
  gap:8px !important;
  border-radius:28px !important;
  background:rgba(6,23,52,.78) !important;
  border-color:rgba(125,211,252,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.nav-menu a{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 15px !important;
  color:#cbdcf0 !important;
}

.nav-menu a.active,
.nav-menu a:hover{
  color:#fff !important;
  background:linear-gradient(135deg,rgba(14,165,233,.30),rgba(37,99,235,.24)) !important;
  box-shadow:0 12px 30px rgba(14,165,233,.20),inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.actions .btn.small{
  min-width:190px !important;
  min-height:52px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
  box-shadow:0 18px 48px rgba(14,165,233,.30) !important;
}

.v79-ruler-carousel{
  margin-top:-18px !important;
  padding:22px 0 46px !important;
  background:linear-gradient(180deg,rgba(2,8,23,.16),rgba(2,8,23,.82)) !important;
}

.v79-ruler-carousel .container{
  display:block !important;
}

.v79-ruler-lines{
  position:relative;
  height:28px;
  overflow:hidden;
  opacity:.72;
}

.v79-ruler-lines::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(90deg,rgba(125,211,252,.42) 0 2px,transparent 2px 28px),
    repeating-linear-gradient(90deg,rgba(125,211,252,.72) 0 2px,transparent 2px 140px);
  mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);
}

.v79-ruler-lines.bottom::before{
  transform:scaleY(-1);
}

.v79-ruler-lines::after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:2px;
  height:100%;
  transform:translateX(-50%);
  background:#7dd3fc;
  box-shadow:0 0 24px rgba(125,211,252,.8);
}

.v79-ruler-window{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  gap:12px;
  min-height:98px;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(125,211,252,.18);
  background:linear-gradient(145deg,rgba(8,24,52,.70),rgba(2,8,23,.54));
  box-shadow:0 24px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.07);
}

.v79-ruler-track{
  display:flex;
  align-items:center;
  gap:56px;
  min-width:max-content;
  will-change:transform;
  transition:transform .65s cubic-bezier(.18,.9,.2,1);
}

.v79-ruler-track button{
  flex:0 0 320px;
  border:0;
  background:transparent;
  color:#6f86a3;
  font:900 clamp(24px,3.8vw,48px)/1 'Space Grotesk',Inter,sans-serif;
  letter-spacing:-.055em;
  text-align:center;
  cursor:pointer;
  opacity:.42;
  transform:scale(.78);
  transition:transform .45s cubic-bezier(.18,.9,.2,1),opacity .45s ease,color .45s ease,text-shadow .45s ease;
}

.v79-ruler-track button.active{
  color:#f8fbff;
  opacity:1;
  transform:scale(1);
  text-shadow:0 0 34px rgba(14,165,233,.30);
}

.v79-ruler-nav{
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.20);
  background:rgba(14,165,233,.10);
  color:#dff7ff;
  font-weight:950;
  cursor:pointer;
  transition:.25s ease;
}

.v79-ruler-nav:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
}

.v79-ruler-count{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#8fb5d7;
  font-size:13px;
  font-weight:850;
  margin-top:12px;
}

.v79-ruler-count span:first-child{
  color:#dff7ff;
}

.v78-services-grid{
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}

.v78-service-card{
  height:100% !important;
  min-height:640px !important;
  display:flex !important;
  flex-direction:column !important;
}

.v78-card-head{
  min-height:96px !important;
}

.v78-service-card h3{
  min-height:92px !important;
  display:flex;
  align-items:flex-end;
}

.v78-service-card p{
  min-height:86px !important;
}

.v78-flow{
  min-height:106px !important;
  align-items:center !important;
}

.v78-service-card ul{
  min-height:96px !important;
}

.v78-service-card .learn-more{
  margin-top:auto !important;
  min-height:56px !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.work-card{
  height:100% !important;
}

.work-copy{
  min-height:360px;
}

.work-copy p{
  min-height:74px;
}

.project-result{
  min-height:76px;
}

.tech-tags{
  min-height:70px;
  align-content:flex-start;
}

@media(max-width:1160px){
  .site-header{
    width:min(1040px,calc(100% - 34px)) !important;
  }

  .site-header .brand{
    min-width:auto !important;
  }

  .v73-hero-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
    min-height:auto;
  }

  .v73-copy{
    transform:none;
  }

  .v73-product-visual{
    transform:none !important;
    min-height:560px !important;
  }
}

@media(max-width:980px){
  .site-header{
    width:calc(100% - 24px) !important;
    border-radius:28px !important;
  }

  .nav-menu{
    margin-inline:0 !important;
    min-height:auto !important;
  }

  .v73-hero{
    padding-top:126px !important;
  }
}

@media(max-width:760px){
  .v73-title{
    font-size:clamp(48px,15vw,74px) !important;
  }

  .v73-product-visual{
    min-height:auto !important;
  }

  .v73-product-visual::before,
  .v79-shader-canvas{
    display:none;
  }

  .v78-service-card{
    min-height:auto !important;
  }

  .v78-service-card h3,
  .v78-service-card p,
  .v78-service-card ul,
  .v78-flow{
    min-height:0 !important;
  }

  .v79-ruler-window{
    grid-template-columns:36px minmax(0,1fr) 36px;
    min-height:86px;
    border-radius:24px;
  }

  .v79-ruler-track{
    gap:28px;
  }

  .v79-ruler-track button{
    flex-basis:250px;
    font-size:30px;
  }
}


/* === V80 Premium Interaction + Centering Fixes === */
.v80-tubes-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:-2;
  opacity:.46;
  mix-blend-mode:screen;
  pointer-events:none;
}

.v80-title{
  max-width:760px !important;
  font-size:clamp(52px,5.6vw,88px) !important;
  line-height:.90 !important;
  letter-spacing:-.075em !important;
  text-wrap:balance;
}

.v80-title span{
  display:inline !important;
}

.v80-title .gradient-text{
  white-space:normal;
}

.v73-hero{
  padding-top:148px !important;
  padding-bottom:60px !important;
}

.v73-hero-grid{
  width:min(1180px,92%) !important;
  min-height:calc(100vh - 210px) !important;
  grid-template-columns:minmax(490px,.96fr) minmax(520px,1.04fr) !important;
  gap:42px !important;
}

.v73-copy{
  transform:none !important;
  padding-top:6px;
}

.v73-lead{
  max-width:620px !important;
  font-size:clamp(16px,1.15vw,19px) !important;
  line-height:1.62 !important;
}

.v73-product-visual{
  min-height:500px !important;
  transform:translate3d(var(--hero-x,0),calc(var(--hero-y,0) - 18px),0) !important;
}

.v73-dashboard{
  top:8px !important;
  right:0 !important;
  width:min(100%,640px) !important;
  min-height:440px !important;
  border-radius:32px !important;
  transform:perspective(1300px) rotateY(-6deg) rotateX(2.5deg) translateY(0) !important;
}

.v73-dash-header{
  height:58px !important;
}

.v73-dash-content{
  padding:18px !important;
  gap:14px !important;
}

.v73-main-panel{
  min-height:250px !important;
  padding:18px !important;
}

.v73-chart{
  height:150px !important;
  margin-top:22px !important;
}

.v73-panel-title strong,
.v73-status-card strong{
  font-size:clamp(28px,2.8vw,38px) !important;
}

.v73-status-card{
  padding:18px !important;
}

.v73-workflow-panel{
  padding:13px !important;
}

.command-kpi-grid{
  gap:10px !important;
}

.command-kpi-grid div{
  min-height:78px !important;
  padding:14px !important;
}

.v78-activity-panel{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  padding:12px !important;
}

.v78-activity-panel div{
  min-height:44px !important;
}

.v73-floating-card{
  min-width:218px !important;
  padding:16px 18px !important;
}

.v73-floating-card.float-1{
  left:-20px !important;
  top:88px !important;
}

.v73-floating-card.float-2{
  right:-18px !important;
  top:222px !important;
}

.v73-floating-card.float-3{
  left:20px !important;
  bottom:54px !important;
}

.v78-notification-stack{
  width:min(255px,36vw) !important;
  top:0 !important;
  right:10px !important;
}

.v78-notification-stack div{
  padding:12px 14px !important;
}

.v79-ruler-carousel{
  padding:12px 0 30px !important;
}

.v79-ruler-lines{
  display:none;
}

.v79-ruler-window{
  width:min(940px,100%);
  margin-inline:auto;
  min-height:62px !important;
  grid-template-columns:34px minmax(0,1fr) 34px !important;
  border-radius:22px !important;
}

.v79-ruler-track{
  gap:26px !important;
}

.v79-ruler-track button{
  flex:0 0 230px !important;
  font-size:clamp(18px,2vw,28px) !important;
  letter-spacing:-.035em !important;
}

.v79-ruler-nav{
  width:30px !important;
  height:30px !important;
  font-size:12px;
}

.v79-ruler-count{
  margin-top:8px !important;
}

.portfolio-feature .work-grid,
.portfolio-feature .work-grid.two{
  margin-inline:auto !important;
}

.next-steps-section .enterprise-grid,
.portfolio-proof-section .enterprise-grid{
  width:min(100%,960px);
  margin-inline:auto !important;
  justify-content:center;
}

.next-steps-section .section-heading,
.portfolio-proof-section .section-heading{
  margin-inline:auto !important;
}

.contact-main-section .container,
.next-steps-section .container,
.portfolio-feature .container,
.portfolio-results-strip .container{
  margin-inline:auto !important;
}

@media(max-width:1160px){
  .v73-hero-grid{
    grid-template-columns:1fr !important;
  }

  .v80-title{
    max-width:920px !important;
  }

  .v73-product-visual{
    transform:none !important;
    min-height:520px !important;
  }

  .v73-dashboard{
    position:relative !important;
    inset:auto !important;
    margin-inline:auto;
    transform:none !important;
  }

  .v73-floating-card.float-1{
    left:4% !important;
    top:60px !important;
  }

  .v73-floating-card.float-2{
    right:4% !important;
    top:190px !important;
  }

  .v73-floating-card.float-3{
    left:10% !important;
    bottom:44px !important;
  }
}

@media(max-width:860px){
  .v73-hero{
    padding-top:130px !important;
  }

  .v80-title{
    font-size:clamp(44px,10vw,68px) !important;
  }

  .v73-product-visual{
    min-height:auto !important;
  }

  .v73-floating-card,
  .v78-notification-stack,
  .v80-tubes-canvas{
    display:none !important;
  }
}


/* === V81 Hero Cleanup + Portfolio Video Row === */
.v79-shader-canvas{
  display:none !important;
}

.v80-tubes-canvas{
  opacity:.16 !important;
  filter:blur(.4px) saturate(.78);
}

.v73-hero{
  min-height:100vh !important;
  padding-top:142px !important;
  padding-bottom:78px !important;
  background:
    radial-gradient(circle at 70% 42%,rgba(14,165,233,.18),transparent 34%),
    linear-gradient(180deg,#020817 0%,#031226 54%,#020817 100%) !important;
}

.v73-overlay{
  background:
    radial-gradient(circle at 68% 42%,rgba(14,165,233,.18),transparent 32%),
    linear-gradient(90deg,rgba(2,8,23,.98),rgba(4,18,41,.84) 45%,rgba(2,8,23,.96)) !important;
}

.v74-data-rain,
.v74-energy-ring{
  opacity:.16 !important;
}

.v78-flow-field{
  opacity:.34;
}

.v73-hero-grid{
  width:min(1180px,92%) !important;
  grid-template-columns:minmax(480px,.92fr) minmax(560px,1.08fr) !important;
  gap:48px !important;
  align-items:center !important;
}

.v73-copy{
  max-width:760px !important;
}

.v80-title{
  max-width:780px !important;
  margin-top:18px !important;
  margin-bottom:22px !important;
  font-size:clamp(48px,5.1vw,78px) !important;
  line-height:.96 !important;
  letter-spacing:-.07em !important;
}

.v80-title span,
.v80-title .gradient-text{
  display:inline !important;
}

.v73-lead{
  max-width:650px !important;
  font-size:clamp(16px,1.08vw,19px) !important;
  line-height:1.64 !important;
  color:#d4e4f5 !important;
}

.v73-actions{
  margin:26px 0 20px !important;
}

.v73-price-banner-mini{
  width:min(100%,650px) !important;
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center !important;
  gap:18px !important;
  padding:16px 18px !important;
  border-radius:22px !important;
}

.v73-price-banner-mini div{
  flex:0 0 auto;
}

.v73-price-banner-mini strong{
  font-size:clamp(28px,2.8vw,38px) !important;
}

.v73-price-banner-mini small{
  max-width:320px;
}

.v73-product-visual{
  min-height:520px !important;
  transform:translate3d(var(--hero-x,0),calc(var(--hero-y,0) - 8px),0) !important;
}

.v73-dashboard{
  width:min(100%,650px) !important;
  min-height:455px !important;
  top:10px !important;
  border-radius:34px !important;
}

.v78-notification-stack{
  width:min(245px,35vw) !important;
}

.v73-floating-card{
  opacity:.96;
}

#video-editing .work-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
}

#video-editing .work-card{
  min-width:0;
}

#video-editing .work-copy{
  min-height:350px !important;
  padding:22px !important;
}

#video-editing .work-copy h3{
  font-size:clamp(21px,1.55vw,29px) !important;
}

#video-editing .work-copy p{
  min-height:88px !important;
  font-size:14px !important;
}

#video-editing .project-result{
  min-height:76px !important;
}

#video-editing .tech-tags{
  min-height:70px !important;
}

.work-thumb.has-autoplay{
  background:#020817;
}

.work-autoplay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  z-index:0;
  pointer-events:none;
  transform:scale(1.01);
}

.work-thumb.has-autoplay img,
.work-thumb.has-autoplay .loom-preview{
  opacity:0;
}

.work-thumb.has-autoplay::before{
  z-index:1;
  background:linear-gradient(180deg,rgba(2,8,23,.05),rgba(2,8,23,.58));
}

.work-thumb.has-autoplay .work-source,
.work-thumb.has-autoplay .play-btn{
  z-index:3;
}

.section-heading h2,
.page-hero h1{
  text-wrap:balance;
}

@media(max-width:1240px){
  #video-editing .work-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:1120px){
  .v73-hero-grid{
    grid-template-columns:1fr !important;
  }

  .v80-title{
    max-width:900px !important;
  }

  .v73-product-visual{
    transform:none !important;
  }
}

@media(max-width:640px){
  #video-editing .work-grid{
    grid-template-columns:1fr !important;
  }

  .v73-price-banner-mini{
    display:grid !important;
    gap:12px !important;
  }

  .v80-title{
    font-size:clamp(42px,12vw,60px) !important;
  }
}


/* === V82 Visual Cleanup: cleaner hero, one-row work rail, contact alignment === */
body.dark{
  background:#031226 !important;
}

body::before{
  background:
    radial-gradient(circle at 72% 18%,rgba(14,165,233,.16),transparent 34%),
    radial-gradient(circle at 10% 72%,rgba(37,99,235,.10),transparent 34%),
    linear-gradient(180deg,#031226,#020817 70%) !important;
}

.v73-hero{
  padding-top:138px !important;
  padding-bottom:66px !important;
  min-height:96vh !important;
  background:
    radial-gradient(circle at 70% 40%,rgba(14,165,233,.17),transparent 32%),
    radial-gradient(circle at 18% 22%,rgba(37,99,235,.10),transparent 30%),
    linear-gradient(180deg,#04162c 0%,#031226 56%,#020817 100%) !important;
}

.v73-overlay{
  background:
    radial-gradient(circle at 70% 40%,rgba(14,165,233,.14),transparent 34%),
    linear-gradient(90deg,rgba(3,18,38,.95),rgba(4,22,44,.82) 48%,rgba(2,8,23,.92)) !important;
}

.v79-shader-canvas{
  display:none !important;
}

.v80-tubes-canvas{
  opacity:.10 !important;
  filter:blur(.7px) saturate(.65);
}

.v74-data-rain,
.v74-energy-ring{
  opacity:.08 !important;
}

.v78-flow-field{
  opacity:.18 !important;
}

.v73-hero-grid{
  width:min(1180px,92%) !important;
  grid-template-columns:minmax(500px,.94fr) minmax(520px,1.06fr) !important;
  gap:42px !important;
  align-items:center !important;
}

.v80-title{
  max-width:780px !important;
  font-size:clamp(46px,4.8vw,72px) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
}

.v80-title span,
.v80-title .gradient-text{
  display:inline !important;
}

.v73-lead{
  max-width:620px !important;
  font-size:17px !important;
  line-height:1.62 !important;
}

.v73-price-banner-mini{
  display:none !important;
}

.exec-proof-row{
  margin-top:22px !important;
}

.v73-product-visual{
  min-height:455px !important;
  transform:translate3d(var(--hero-x,0),calc(var(--hero-y,0) - 34px),0) !important;
}

.v73-product-visual::before{
  inset:0 18px 38px 34px !important;
  opacity:.55 !important;
}

.v73-dashboard{
  width:min(100%,610px) !important;
  min-height:410px !important;
  top:-24px !important;
  right:0 !important;
  transform:perspective(1300px) rotateY(-5deg) rotateX(2deg) translateY(0) !important;
}

.v73-dash-header{
  height:54px !important;
}

.v73-dash-content{
  padding:15px !important;
  gap:12px !important;
}

.v73-main-panel{
  min-height:220px !important;
  padding:16px !important;
}

.v73-chart{
  height:128px !important;
  margin-top:18px !important;
}

.v73-panel-title strong,
.v73-status-card strong{
  font-size:30px !important;
}

.v73-status-card{
  padding:15px !important;
}

.command-kpi-grid div{
  min-height:64px !important;
  padding:12px !important;
}

.v78-activity-panel{
  display:none !important;
}

.v78-notification-stack{
  top:-18px !important;
  right:8px !important;
  width:235px !important;
}

.v73-floating-card{
  min-width:205px !important;
  padding:13px 15px !important;
}

.v73-floating-card.float-1{
  top:62px !important;
  left:-12px !important;
}

.v73-floating-card.float-2{
  top:192px !important;
  right:-8px !important;
}

.v73-floating-card.float-3{
  bottom:48px !important;
  left:22px !important;
}

.v79-ruler-carousel{
  margin-top:0 !important;
  padding:18px 0 28px !important;
}

.v79-ruler-window{
  width:min(1040px,100%) !important;
  min-height:auto !important;
  display:block !important;
  padding:10px 12px !important;
  border-radius:999px !important;
  overflow:hidden !important;
}

.v79-ruler-nav,
.v79-ruler-count,
.v79-ruler-lines{
  display:none !important;
}

.v79-ruler-track{
  transform:none !important;
  display:flex !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  min-width:0 !important;
  overflow-x:auto !important;
  scrollbar-width:none;
}

.v79-ruler-track::-webkit-scrollbar{
  display:none;
}

.v79-ruler-track button{
  flex:0 0 auto !important;
  min-height:34px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  border:1px solid rgba(125,211,252,.16) !important;
  background:rgba(14,165,233,.075) !important;
  color:#d7ecff !important;
  font:900 12px/1 Inter,system-ui,sans-serif !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  transform:none !important;
  opacity:1 !important;
}

#website-projects{
  display:none !important;
}

.portfolio-feature .work-grid,
.portfolio-feature .work-grid.two,
#video-editing .work-grid{
  display:flex !important;
  grid-template-columns:none !important;
  flex-wrap:nowrap !important;
  gap:22px !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory;
  padding-bottom:10px;
  scrollbar-width:thin;
}

.portfolio-feature .work-card,
#video-editing .work-card{
  flex:0 0 calc((100% - 66px) / 4) !important;
  min-width:260px !important;
  scroll-snap-align:start;
}

.portfolio-feature .work-copy,
#video-editing .work-copy{
  min-height:315px !important;
  padding:22px !important;
}

.portfolio-feature .work-copy h3,
#video-editing .work-copy h3{
  font-size:clamp(20px,1.45vw,26px) !important;
}

.portfolio-feature .work-copy p,
#video-editing .work-copy p{
  min-height:78px !important;
}

.portfolio-feature .tech-tags,
#video-editing .tech-tags{
  min-height:64px !important;
}

.work-thumb:not(.has-autoplay) img{
  animation:v82PreviewMotion 8s ease-in-out infinite alternate;
}

@keyframes v82PreviewMotion{
  from{
    transform:scale(1.02);
    filter:saturate(.95) contrast(1.05);
  }
  to{
    transform:scale(1.10);
    filter:saturate(1.12) contrast(1.10);
  }
}

.next-steps-section{
  padding-top:96px !important;
}

.next-steps-section .enterprise-grid{
  width:min(1080px,92vw) !important;
  max-width:1080px !important;
  margin-inline:auto !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
}

.next-steps-section .enterprise-card{
  min-height:270px !important;
  padding:28px !important;
}

.next-steps-section .enterprise-card h3{
  font-size:clamp(24px,2vw,32px) !important;
  line-height:1.06 !important;
  letter-spacing:-.045em !important;
}

.next-steps-section .enterprise-card p{
  font-size:15px !important;
  line-height:1.6 !important;
}

.contact-hero{
  padding-top:150px !important;
}

@media(max-width:1280px){
  .portfolio-feature .work-card,
  #video-editing .work-card{
    flex-basis:320px !important;
  }
}

@media(max-width:1120px){
  .v73-hero-grid{
    grid-template-columns:1fr !important;
  }

  .v73-product-visual{
    min-height:460px !important;
    transform:none !important;
  }

  .v73-dashboard{
    position:relative !important;
    inset:auto !important;
    margin-inline:auto;
    transform:none !important;
  }

  .next-steps-section .enterprise-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:760px){
  .v80-title{
    font-size:clamp(40px,11vw,58px) !important;
  }

  .v73-product-visual{
    display:none !important;
  }
}


/* === V83 Office-Tech Alignment + Portfolio Grouping === */
.v73-hero{
  background:#04162c !important;
}

.v73-bg-video{
  z-index:0 !important;
  opacity:.34 !important;
  filter:saturate(.92) contrast(1.08) brightness(.74) !important;
}

.v73-overlay{
  z-index:1 !important;
  background:
    radial-gradient(circle at 69% 39%,rgba(14,165,233,.16),transparent 34%),
    linear-gradient(90deg,rgba(3,18,38,.88),rgba(4,22,44,.70) 46%,rgba(2,8,23,.90)) !important;
}

.v78-animated-grid,
.v78-flow-field,
.v73-grid-bg,
.v74-energy-ring,
.v74-data-rain,
.v74-scanline,
.v73-orb{
  z-index:2 !important;
}

.v73-hero .container{
  position:relative;
  z-index:6;
}

.v73-grid-bg{
  opacity:.28 !important;
}

.v78-flow-field{
  opacity:.16 !important;
}

.v80-tubes-canvas{
  opacity:.06 !important;
}

.v73-product-visual{
  transform:translate3d(var(--hero-x,0),calc(var(--hero-y,0) - 40px),0) !important;
}

.v73-dashboard{
  top:-34px !important;
}

.office-carousel-section{
  position:relative;
  overflow:hidden;
  padding-top:92px !important;
  padding-bottom:96px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(14,165,233,.14),transparent 34%),
    linear-gradient(180deg,#020817 0%,#061a35 52%,#020817 100%);
}

.office-carousel-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:
    linear-gradient(rgba(125,211,252,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,211,252,.12) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);
}

.office-carousel-section .container{
  position:relative;
  z-index:1;
}

.office-carousel-shell{
  position:relative;
  width:min(1080px,100%);
  min-height:430px;
  margin:42px auto 0;
  border:1px solid rgba(125,211,252,.18);
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 20%,rgba(56,189,248,.16),transparent 38%),
    linear-gradient(145deg,rgba(6,24,48,.86),rgba(2,8,23,.92));
  box-shadow:0 32px 90px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);
}

.office-carousel-stage{
  position:relative;
  height:360px;
  perspective:1400px;
  transform-style:preserve-3d;
}

.office-slide{
  position:absolute;
  left:50%;
  top:50%;
  width:min(360px,78vw);
  min-height:270px;
  padding:24px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(15,40,72,.94),rgba(3,12,28,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
  transform-style:preserve-3d;
  transition:transform .65s cubic-bezier(.2,.8,.2,1), opacity .45s ease;
}

.office-slide::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(125,211,252,.16),transparent 32%,rgba(37,99,235,.13));
}

.office-slide span{
  position:relative;
  display:inline-flex;
  margin-bottom:14px;
  padding:8px 11px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:999px;
  background:rgba(14,165,233,.10);
  color:#7dd3fc;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.office-slide h3{
  position:relative;
  max-width:280px;
  margin:0 0 12px;
  font-size:clamp(26px,2.4vw,36px);
  line-height:1;
  letter-spacing:-.055em;
  color:#fff;
}

.office-slide p{
  position:relative;
  margin:0;
  color:#c8d7e8;
  line-height:1.55;
  font-weight:700;
}

.office-mini-chart{
  position:relative;
  margin-top:22px;
  min-height:74px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:20px;
  background:rgba(2,8,23,.34);
  overflow:hidden;
}

.office-mini-chart.bars{
  display:flex;
  align-items:end;
  gap:12px;
  padding:14px 18px;
}

.office-mini-chart.bars i{
  flex:1;
  border-radius:999px 999px 6px 6px;
  background:linear-gradient(180deg,#67e8f9,#2563eb);
  box-shadow:0 0 24px rgba(56,189,248,.24);
}

.office-mini-chart.bars i:nth-child(1){height:46%;}
.office-mini-chart.bars i:nth-child(2){height:78%;}
.office-mini-chart.bars i:nth-child(3){height:60%;}
.office-mini-chart.bars i:nth-child(4){height:92%;}

.office-mini-chart.flow{
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px;
}

.office-mini-chart.flow i,
.office-mini-chart.stats strong{
  flex:0 0 auto;
  padding:9px 11px;
  border-radius:999px;
  background:rgba(14,165,233,.13);
  color:#dff6ff;
  font-size:12px;
  font-weight:900;
  font-style:normal;
}

.office-mini-chart.flow b{
  flex:1;
  height:1px;
  min-width:18px;
  background:linear-gradient(90deg,transparent,#38bdf8,transparent);
}

.office-mini-chart.calendar{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding:14px;
}

.office-mini-chart.calendar i{
  min-height:20px;
  border-radius:8px;
  background:rgba(125,211,252,.15);
}

.office-mini-chart.calendar i:nth-child(2),
.office-mini-chart.calendar i:nth-child(5){
  background:linear-gradient(135deg,#38bdf8,#2563eb);
}

.office-mini-chart.stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding:14px;
}

.office-mini-chart.stats strong{
  display:grid;
  place-items:center;
  min-height:44px;
  text-align:center;
}

.office-carousel-btn{
  position:absolute;
  top:50%;
  z-index:30;
  width:46px;
  height:46px;
  border:1px solid rgba(125,211,252,.26);
  border-radius:999px;
  background:rgba(7,23,45,.86);
  color:#eaf7ff;
  font-weight:1000;
  cursor:pointer;
  transform:translateY(-50%);
  transition:.25s ease;
}

.office-carousel-btn:hover{
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  transform:translateY(-50%) scale(1.06);
}

.office-carousel-btn.prev{left:18px;}
.office-carousel-btn.next{right:18px;}

.office-carousel-dots{
  position:absolute;
  left:50%;
  bottom:20px;
  z-index:32;
  display:flex;
  gap:8px;
  transform:translateX(-50%);
}

.office-carousel-dots button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(125,211,252,.28);
}

.office-carousel-dots button.active{
  width:28px;
  background:#38bdf8;
}

#website-projects{
  display:block !important;
}

#featured-work .work-grid,
#video-editing .work-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
  overflow:visible !important;
  scroll-snap-type:none !important;
  padding-bottom:0 !important;
}

#website-projects .work-grid.two{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:980px !important;
  gap:22px !important;
  overflow:visible !important;
}

#featured-work .work-card,
#video-editing .work-card,
#website-projects .work-card{
  flex:unset !important;
  min-width:0 !important;
  height:100% !important;
  scroll-snap-align:none !important;
}

#featured-work .work-copy,
#video-editing .work-copy{
  display:grid !important;
  grid-template-rows:auto auto minmax(98px,auto) minmax(92px,auto) minmax(112px,auto) auto;
  min-height:438px !important;
  gap:14px !important;
}

#website-projects .work-copy{
  display:grid !important;
  grid-template-rows:auto auto minmax(76px,auto) minmax(86px,auto) minmax(72px,auto) auto;
  min-height:350px !important;
  gap:14px !important;
}

#featured-work .work-copy p,
#video-editing .work-copy p,
#website-projects .work-copy p{
  min-height:0 !important;
  margin:0;
}

#featured-work .project-result,
#video-editing .project-result,
#website-projects .project-result{
  min-height:0 !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

#featured-work .tech-tags,
#video-editing .tech-tags,
#website-projects .tech-tags{
  min-height:0 !important;
  align-content:start;
}

#featured-work .project-btn,
#video-editing .project-btn,
#website-projects .project-btn{
  align-self:end;
  margin-top:0 !important;
}

.work-thumb:not(.has-autoplay)::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 10%,rgba(125,211,252,.20) 46%,transparent 58%);
  transform:translateX(-120%);
  animation:v83PreviewScan 4.8s ease-in-out infinite;
}

@keyframes v83PreviewScan{
  0%,42%{transform:translateX(-120%);}
  72%,100%{transform:translateX(120%);}
}

@media(max-width:1180px){
  #featured-work .work-grid,
  #video-editing .work-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #featured-work .work-copy,
  #video-editing .work-copy{
    min-height:370px !important;
  }
}

@media(max-width:860px){
  .office-carousel-shell{
    min-height:390px;
    border-radius:26px;
  }

  .office-carousel-stage{
    height:330px;
  }

  .office-carousel-btn{
    display:none;
  }

  .office-slide{
    width:min(320px,82vw);
    padding:22px;
  }
}

@media(max-width:700px){
  #featured-work .work-grid,
  #video-editing .work-grid,
  #website-projects .work-grid.two{
    grid-template-columns:1fr !important;
  }

  #featured-work .work-copy,
  #video-editing .work-copy,
  #website-projects .work-copy{
    display:flex !important;
    min-height:auto !important;
  }

  .office-carousel-section{
    padding-top:68px !important;
    padding-bottom:74px !important;
  }

  .office-carousel-shell{
    min-height:370px;
    margin-top:28px;
  }

  .office-carousel-stage{
    height:320px;
  }

  .office-slide{
    min-height:250px;
  }

  .office-mini-chart.stats{
    grid-template-columns:1fr;
  }
}


/* === V84 Final Brand Pass: visible office-tech video, systems depth, alignment === */
body.dark{
  background:#05182f !important;
}

body.dark::before{
  background:
    radial-gradient(circle at 82% 18%,rgba(14,165,233,.20),transparent 34%),
    radial-gradient(circle at 12% 78%,rgba(37,99,235,.16),transparent 36%),
    linear-gradient(180deg,#061b35 0%,#041326 58%,#020817 100%) !important;
}

#techCanvas{
  opacity:.56 !important;
  mix-blend-mode:screen;
}

.aurora{
  opacity:.82 !important;
}

.v73-hero{
  min-height:100vh !important;
  background:#061b35 !important;
}

.v73-bg-video{
  opacity:.58 !important;
  filter:saturate(1.04) contrast(1.16) brightness(.88) !important;
  transform:scale(1.035);
  transform-origin:center;
}

.v73-overlay{
  background:
    radial-gradient(circle at 72% 38%,rgba(14,165,233,.10),transparent 32%),
    radial-gradient(circle at 28% 16%,rgba(37,99,235,.08),transparent 32%),
    linear-gradient(90deg,rgba(3,18,38,.74),rgba(4,22,44,.46) 48%,rgba(2,8,23,.76)) !important;
}

.v73-hero::before{
  content:"";
  position:absolute;
  inset:98px max(22px,calc((100vw - 1180px)/2)) 40px;
  z-index:3;
  pointer-events:none;
  border:1px solid rgba(125,211,252,.18);
  border-radius:36px;
  background:
    linear-gradient(90deg,rgba(125,211,252,.08) 1px,transparent 1px),
    linear-gradient(180deg,rgba(125,211,252,.06) 1px,transparent 1px);
  background-size:86px 86px;
  box-shadow:inset 0 0 70px rgba(14,165,233,.08);
  mask-image:linear-gradient(90deg,#000 0 72%,transparent 100%);
}

.v73-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  opacity:.18;
  background:
    repeating-linear-gradient(115deg,transparent 0 78px,rgba(125,211,252,.22) 80px,transparent 84px),
    linear-gradient(180deg,transparent,rgba(14,165,233,.10),transparent);
  mix-blend-mode:screen;
}

.v73-copy{
  position:relative;
}

.v73-copy::before{
  content:"";
  position:absolute;
  inset:-30px -42px -26px -34px;
  z-index:-1;
  pointer-events:none;
  border-radius:30px;
  background:linear-gradient(90deg,rgba(2,8,23,.54),rgba(2,8,23,.20) 54%,transparent);
  filter:blur(.2px);
}

.v84-office-depth{
  position:absolute;
  inset:112px max(22px,calc((100vw - 1180px)/2)) 54px;
  z-index:5;
  pointer-events:none;
}

.v84-office-panel{
  position:absolute;
  min-width:205px;
  padding:15px 16px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(5,20,42,.74),rgba(2,8,23,.82));
  box-shadow:0 20px 60px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
  opacity:.76;
}

.v84-office-panel span{
  display:block;
  margin-bottom:7px;
  color:#7dd3fc;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.v84-office-panel b{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.15;
}

.v84-office-panel i{
  display:block;
  height:2px;
  margin-top:12px;
  border-radius:999px;
  background:linear-gradient(90deg,#38bdf8,transparent);
  box-shadow:0 0 18px rgba(56,189,248,.42);
}

.v84-office-panel.panel-a{
  left:48%;
  top:0;
  transform:translateX(-10%) rotate(-1deg);
}

.v84-office-panel.panel-b{
  right:0;
  top:32%;
  transform:rotate(1.5deg);
}

.v84-office-panel.panel-c{
  left:54%;
  bottom:0;
  transform:rotate(-1deg);
}

.v84-founder-signal{
  width:min(100%,640px);
  margin-top:18px;
  padding:16px 18px;
  border:1px solid rgba(125,211,252,.18);
  border-radius:22px;
  background:linear-gradient(90deg,rgba(14,165,233,.12),rgba(2,8,23,.26));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.v84-founder-signal span{
  display:block;
  margin-bottom:6px;
  color:#7dd3fc;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.v84-founder-signal p{
  margin:0;
  color:#d8e7f6;
  font-size:14px;
  line-height:1.55;
  font-weight:750;
}

.v73-product-visual{
  transform:translate3d(var(--hero-x,0),calc(var(--hero-y,0) - 52px),0) !important;
}

.v73-dashboard{
  top:-46px !important;
  box-shadow:0 36px 110px rgba(0,0,0,.42),0 0 90px rgba(14,165,233,.15) !important;
}

.v73-dashboard,
.office-slide,
.work-card,
.enterprise-card,
.impact-card{
  background-image:
    radial-gradient(420px circle at var(--mx,50%) var(--my,18%),rgba(125,211,252,.12),transparent 44%),
    linear-gradient(180deg,rgba(9,28,56,.84),rgba(2,8,23,.94)) !important;
}

#featured-work .work-grid,
#video-editing .work-grid{
  align-items:stretch !important;
}

#featured-work .work-card,
#video-editing .work-card,
#website-projects .work-card{
  display:flex !important;
}

#featured-work .work-copy,
#video-editing .work-copy{
  grid-template-rows:auto minmax(64px,auto) minmax(122px,auto) minmax(94px,auto) minmax(116px,auto) 54px !important;
  min-height:470px !important;
}

#featured-work .work-copy h3,
#video-editing .work-copy h3{
  min-height:64px;
  display:flex;
  align-items:end;
}

#featured-work .project-btn,
#video-editing .project-btn,
#website-projects .project-btn{
  width:100%;
  min-height:54px;
}

.office-carousel-section{
  background:
    radial-gradient(circle at 50% 0%,rgba(14,165,233,.20),transparent 34%),
    linear-gradient(180deg,#031226 0%,#071f3d 52%,#020817 100%) !important;
}

.office-carousel-shell{
  box-shadow:0 38px 120px rgba(0,0,0,.36),0 0 85px rgba(14,165,233,.10),inset 0 1px 0 rgba(255,255,255,.05) !important;
}

@media(max-width:1120px){
  .v84-office-depth{
    display:none;
  }

  .v73-copy::before{
    inset:-24px -20px -20px;
  }
}

@media(max-width:760px){
  .v73-bg-video{
    opacity:.34 !important;
    transform:scale(1.08);
  }

  .v73-overlay{
    background:linear-gradient(180deg,rgba(3,18,38,.86),rgba(2,8,23,.92)) !important;
  }

  .v73-hero::before,
  .v73-hero::after{
    display:none;
  }

  .v84-founder-signal{
    padding:14px 15px;
  }

  #featured-work .work-copy,
  #video-editing .work-copy{
    min-height:auto !important;
  }
}


/* === V85 Final Fix: remove scattered boxes, clean carousel, add scroll stack wow === */
.v79-shader-canvas,
.v80-tubes-canvas,
.v84-office-depth,
.v73-floating-card,
.v78-notification-stack{
  display:none !important;
}

.v73-hero{
  padding-top:132px !important;
  padding-bottom:58px !important;
}

.v73-bg-video{
  opacity:.62 !important;
  filter:saturate(1.08) contrast(1.18) brightness(.92) !important;
}

.v73-overlay{
  background:
    radial-gradient(circle at 72% 38%,rgba(14,165,233,.08),transparent 34%),
    linear-gradient(90deg,rgba(3,18,38,.70),rgba(4,22,44,.42) 48%,rgba(2,8,23,.72)) !important;
}

.v73-product-visual{
  transform:translate3d(var(--hero-x,0),calc(var(--hero-y,0) - 28px),0) !important;
}

.v73-dashboard{
  top:-18px !important;
  right:0 !important;
}

.v73-copy::before{
  background:linear-gradient(90deg,rgba(2,8,23,.58),rgba(2,8,23,.18) 58%,transparent) !important;
}

.office-mini-chart{
  min-height:62px !important;
  padding:12px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

.office-mini-chart > *{
  display:none !important;
}

.office-mini-chart::before{
  content:"System status";
  color:#dff6ff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.office-mini-chart.bars::before{content:"Pipeline signal";}
.office-mini-chart.flow::before{content:"Connected workflow";}
.office-mini-chart.calendar::before{content:"Booking path";}
.office-mini-chart.stats::before{content:"Leadership view";}

.office-mini-chart::after{
  content:"Online";
  padding:8px 10px;
  border-radius:999px;
  background:rgba(14,165,233,.16);
  border:1px solid rgba(125,211,252,.20);
  color:#7dd3fc;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.systems-scroll-showcase{
  position:relative;
  min-height:235vh;
  background:
    radial-gradient(circle at 50% 18%,rgba(14,165,233,.18),transparent 34%),
    linear-gradient(180deg,#020817 0%,#061b35 42%,#020817 100%);
}

.systems-scroll-sticky{
  position:sticky;
  top:0;
  height:100vh;
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(320px,.72fr) minmax(560px,1.28fr);
  align-items:center;
  gap:48px;
  width:min(1180px,92%);
  margin:0 auto;
  overflow:hidden;
}

.systems-scroll-copy{
  position:relative;
  z-index:4;
}

.systems-scroll-copy h2{
  margin:0 0 18px;
  font-size:clamp(42px,4.8vw,74px);
  line-height:.94;
  letter-spacing:-.065em;
}

.systems-scroll-copy p{
  max-width:560px;
  color:#c9d9ea;
  font-size:17px;
  line-height:1.7;
  font-weight:700;
}

.systems-stack-stage{
  position:relative;
  height:560px;
  perspective:1500px;
  transform-style:preserve-3d;
}

.system-stack-card{
  position:absolute;
  left:50%;
  top:50%;
  width:min(520px,78vw);
  min-height:355px;
  padding:28px;
  border-radius:32px;
  border:1px solid rgba(125,211,252,.22);
  background:
    radial-gradient(440px circle at var(--mx,50%) var(--my,24%),rgba(125,211,252,.13),transparent 46%),
    linear-gradient(180deg,rgba(10,31,61,.94),rgba(2,8,23,.98));
  box-shadow:0 34px 110px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
  transform-style:preserve-3d;
  will-change:transform,opacity;
  transition:border-color .25s ease,box-shadow .25s ease;
}

.system-stack-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(125,211,252,.06) 1px,transparent 1px),
    linear-gradient(180deg,rgba(125,211,252,.05) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,#000,transparent 82%);
}

.system-stack-card.is-active{
  border-color:rgba(125,211,252,.42);
  box-shadow:0 44px 140px rgba(0,0,0,.48),0 0 70px rgba(14,165,233,.16),inset 0 1px 0 rgba(255,255,255,.08);
}

.system-stack-card > *{
  position:relative;
  z-index:2;
}

.system-stack-card span{
  display:inline-flex;
  margin-bottom:16px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.22);
  background:rgba(14,165,233,.10);
  color:#7dd3fc;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.system-stack-card h3{
  max-width:420px;
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(32px,3.3vw,48px);
  line-height:.94;
  letter-spacing:-.06em;
}

.system-stack-card p{
  max-width:440px;
  margin:0;
  color:#c8d8e8;
  font-size:16px;
  line-height:1.62;
  font-weight:700;
}

.system-stack-visual{
  margin-top:26px;
  min-height:78px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:22px;
  background:rgba(2,8,23,.38);
  overflow:hidden;
}

.system-stack-visual.flow{
  display:flex;
  align-items:center;
  gap:10px;
  padding:15px;
}

.system-stack-visual.flow i,
.system-stack-visual.status strong{
  flex:0 0 auto;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(14,165,233,.14);
  color:#e0f7ff;
  font-size:12px;
  font-weight:950;
  font-style:normal;
}

.system-stack-visual.flow b{
  flex:1;
  min-width:18px;
  height:1px;
  background:linear-gradient(90deg,transparent,#38bdf8,transparent);
}

.system-stack-visual.bars{
  display:flex;
  align-items:end;
  gap:12px;
  padding:14px 18px;
}

.system-stack-visual.bars i{
  flex:1;
  border-radius:999px 999px 8px 8px;
  background:linear-gradient(180deg,#67e8f9,#2563eb);
  box-shadow:0 0 24px rgba(56,189,248,.24);
}

.system-stack-visual.bars i:nth-child(1){height:42%;}
.system-stack-visual.bars i:nth-child(2){height:72%;}
.system-stack-visual.bars i:nth-child(3){height:54%;}
.system-stack-visual.bars i:nth-child(4){height:88%;}
.system-stack-visual.bars i:nth-child(5){height:66%;}

.system-stack-visual.calendar{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
  padding:15px;
}

.system-stack-visual.calendar i{
  border-radius:10px;
  background:rgba(125,211,252,.14);
}

.system-stack-visual.calendar i:nth-child(2),
.system-stack-visual.calendar i:nth-child(4),
.system-stack-visual.calendar i:nth-child(6){
  background:linear-gradient(135deg,#38bdf8,#2563eb);
}

.system-stack-visual.status{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  padding:15px;
}

.system-stack-visual.status strong{
  display:grid;
  place-items:center;
  text-align:center;
}

.systems-stack-progress{
  position:absolute;
  left:0;
  right:0;
  bottom:34px;
  height:4px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(125,211,252,.12);
}

.systems-stack-progress span{
  display:block;
  width:0%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2563eb,#38bdf8);
  box-shadow:0 0 24px rgba(56,189,248,.44);
}

@media(max-width:980px){
  .systems-scroll-showcase{
    min-height:auto;
    padding:86px 0;
  }

  .systems-scroll-sticky{
    position:relative;
    height:auto;
    min-height:auto;
    grid-template-columns:1fr;
    overflow:visible;
  }

  .systems-stack-stage{
    height:auto;
    display:grid;
    gap:18px;
  }

  .system-stack-card{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    min-height:auto;
    transform:none !important;
    opacity:1 !important;
  }

  .systems-stack-progress{
    display:none;
  }
}

@media(max-width:620px){
  .systems-scroll-copy h2{
    font-size:42px;
  }

  .system-stack-card{
    padding:22px;
    border-radius:26px;
  }

  .system-stack-visual.flow,
  .system-stack-visual.status{
    grid-template-columns:1fr;
    flex-wrap:wrap;
  }
}


/* V87 HERO LIFE PASS */
.v78-animated-grid,.v74-data-rain,.v74-scanline,.v73-orb,.v78-flow-field{
opacity:.35!important;
}
.v73-bg-video{
opacity:.38!important;
filter:saturate(1.15) brightness(.95)!important;
}
.v73-overlay{
background:linear-gradient(90deg,rgba(2,8,23,.78),rgba(2,8,23,.45) 55%,rgba(2,8,23,.65))!important;
}
.v73-copy{position:relative;z-index:5}
.v73-title{
font-size:clamp(4rem,8vw,7rem)!important;
line-height:.9!important;
letter-spacing:-.08em;
}
.v73-dashboard{
transform:perspective(1400px) rotateY(-7deg) rotateX(3deg)!important;
box-shadow:0 40px 120px rgba(0,0,0,.45),0 0 60px rgba(14,165,233,.18)!important;
position:relative;overflow:hidden;
}
.v73-dashboard:after{
content:"";
position:absolute;inset:-20%;
background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);
animation:heroSweep 8s infinite;
}
@keyframes heroSweep{
0%,70%{transform:translateX(-120%)}
100%{transform:translateX(120%)}
}
.v73-workflow-panel{position:relative;overflow:hidden}
.v73-workflow-panel:after{
content:"";
position:absolute;top:50%;left:-20%;
width:80px;height:3px;
background:linear-gradient(90deg,transparent,#38bdf8,#fff,#38bdf8,transparent);
filter:blur(1px);
animation:flowPulse 3s linear infinite;
}
@keyframes flowPulse{
from{left:-15%}to{left:115%}
}
.v78-live-pill{
animation:liveBlink 2s infinite;
}
@keyframes liveBlink{
0%,100%{opacity:1}50%{opacity:.55}
}
.command-kpi-grid div,.v73-status-card,.v73-main-panel{
transition:all .35s ease;
}
.command-kpi-grid div:hover,.v73-status-card:hover{
transform:translateY(-4px);
}


/* === V88 Hero Premium Fix === */

/* Fix white strip / flash at top during load */
:root,
html,
body{
  margin:0 !important;
  background:#020817 !important;
  color-scheme:dark !important;
  overscroll-behavior:none;
}

body::before{
  background:
    radial-gradient(circle at 70% 18%, rgba(14,165,233,.11), transparent 32%),
    linear-gradient(180deg,#020817 0%,#031126 42%,#020817 100%) !important;
}

.page-transition{
  background:#020817 !important;
}

.site-header{
  top:20px !important;
  background:rgba(3,10,24,.76) !important;
  box-shadow:0 18px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Prevent the hero from starting under a pale browser/body strip */
main{
  background:#020817 !important;
}

.v73-hero{
  position:relative;
  margin-top:0 !important;
  padding-top:145px !important;
  background:#020817 !important;
}

/* Better hero atmosphere: visible office, still readable */
.v73-bg-video{
  opacity:.34 !important;
  filter:saturate(1.2) contrast(1.08) brightness(.78) blur(.15px) !important;
}

.v73-overlay{
  background:
    radial-gradient(circle at 71% 42%, rgba(14,165,233,.19), transparent 37%),
    radial-gradient(circle at 25% 22%, rgba(37,99,235,.15), transparent 34%),
    linear-gradient(90deg, rgba(2,8,23,.86), rgba(2,8,23,.66) 48%, rgba(2,8,23,.88)) !important;
}

.v88-hero-depth{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(2,8,23,.46) 0%, transparent 28%, rgba(2,8,23,.54) 100%),
    radial-gradient(ellipse at 48% 58%, transparent 0 38%, rgba(2,8,23,.54) 78%);
}

.v88-hero-beam{
  position:absolute;
  left:-18%;
  right:-18%;
  top:30%;
  height:2px;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(103,232,249,.42), rgba(37,99,235,.16), transparent);
  box-shadow:0 0 32px rgba(56,189,248,.35), 0 0 100px rgba(14,165,233,.14);
  transform:rotate(-4deg);
  opacity:.58;
  animation:v88BeamFloat 8s ease-in-out infinite alternate;
}

.v88-tech-dust{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
}

.v88-tech-dust span{
  position:absolute;
  width:4px;
  height:4px;
  border-radius:999px;
  background:#67e8f9;
  box-shadow:0 0 24px rgba(103,232,249,.8);
  opacity:.28;
  animation:v88Dust 9s linear infinite;
}

.v88-tech-dust span:nth-child(1){left:14%;top:30%;animation-delay:-1s}
.v88-tech-dust span:nth-child(2){left:28%;top:72%;animation-delay:-4s}
.v88-tech-dust span:nth-child(3){left:52%;top:22%;animation-delay:-2s}
.v88-tech-dust span:nth-child(4){left:73%;top:66%;animation-delay:-6s}
.v88-tech-dust span:nth-child(5){left:84%;top:35%;animation-delay:-3s}
.v88-tech-dust span:nth-child(6){left:44%;top:82%;animation-delay:-7s}

/* Hero entrance animation */
.v88-hero-copy .eyebrow{
  opacity:0;
  transform:translateY(14px);
  animation:v88RevealUp .75s ease forwards .12s;
}

.v88-title{
  overflow:visible;
}

.v88-title,
.v88-lead,
.v88-actions,
.v73-price-banner-mini,
.exec-proof-row,
.v84-founder-signal{
  opacity:0;
  transform:translateY(22px);
  animation:v88RevealUp .85s cubic-bezier(.2,.85,.25,1) forwards;
}

.v88-title{animation-delay:.24s}
.v88-lead{animation-delay:.42s}
.v88-actions{animation-delay:.58s}
.v73-price-banner-mini{animation-delay:.72s}
.exec-proof-row{animation-delay:.86s}
.v84-founder-signal{animation-delay:1s}

.v88-title .gradient-text{
  position:relative;
  display:inline-block;
  filter:drop-shadow(0 0 30px rgba(14,165,233,.20));
}

.v88-title .gradient-text::after{
  content:"";
  position:absolute;
  left:0;
  bottom:.03em;
  width:100%;
  height:.07em;
  border-radius:999px;
  background:linear-gradient(90deg,#22d3ee,#2563eb,transparent);
  transform:scaleX(0);
  transform-origin:left;
  animation:v88Underline 1s ease forwards 1.05s;
}

/* Dashboard polish without clutter */
.v88-product-visual{
  animation:v88ProductIn 1s cubic-bezier(.2,.85,.25,1) both .48s;
}

.v73-dashboard{
  transform:rotateY(-5deg) rotateX(2.5deg) translateZ(0) !important;
  border-color:rgba(125,211,252,.28) !important;
}

.v73-dashboard::before{
  opacity:.65 !important;
}

.v73-dashboard::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 0 40%, rgba(255,255,255,.075) 50%, transparent 60%);
  transform:translateX(-130%);
  animation:v88GlassSweep 6.8s ease-in-out infinite 1.3s;
}

.v78-live-pill,
.v73-status-card small,
.v78-pulse-dot{
  animation:v88PulseLive 2.4s ease-in-out infinite;
}

.v73-chart i{
  transform-origin:bottom;
  animation:v88BarBreathe 3.2s ease-in-out infinite;
}

.v73-chart i:nth-child(2){animation-delay:-.35s}
.v73-chart i:nth-child(3){animation-delay:-.7s}
.v73-chart i:nth-child(4){animation-delay:-1.05s}
.v73-chart i:nth-child(5){animation-delay:-1.4s}
.v73-chart i:nth-child(6){animation-delay:-1.75s}
.v73-chart i:nth-child(7){animation-delay:-2.1s}

/* Workflow pulse stronger but subtle */
.v73-workflow-panel i{
  overflow:hidden;
}

.v73-workflow-panel i::after{
  content:"";
  position:absolute;
  inset:0;
  width:56%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.92), transparent);
  animation:v88DataPacket 2.2s linear infinite;
}

.v73-workflow-panel span{
  transition:transform .25s ease, box-shadow .25s ease;
}

.v73-workflow-panel span:hover{
  transform:translateY(-2px);
  box-shadow:0 0 28px rgba(14,165,233,.24);
}

/* CTA breathing */
.v88-actions .btn-large,
.actions .btn.small{
  position:relative;
  isolation:isolate;
  animation:v88CtaGlow 4.4s ease-in-out infinite;
}

.v88-actions .btn-large::after,
.actions .btn.small::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(14,165,233,.45), rgba(37,99,235,.20));
  filter:blur(16px);
  opacity:.28;
  animation:v88CtaHalo 4.4s ease-in-out infinite;
}

/* remove visual noise from former background canvas if it adds cheap diagonal streaks */
#techCanvas{
  opacity:.16 !important;
  mix-blend-mode:screen;
}

/* keep first viewport premium on mobile too */
@media(max-width:1180px){
  .site-header{
    top:12px !important;
  }

  .v73-hero{
    padding-top:125px !important;
  }

  .v73-dashboard{
    transform:none !important;
  }
}

@media(max-width:760px){
  .v73-bg-video{
    opacity:.24 !important;
  }

  .v88-hero-beam{
    top:38%;
    opacity:.34;
  }

  .v88-title{
    font-size:clamp(52px,15vw,78px) !important;
  }
}

@keyframes v88RevealUp{
  to{opacity:1;transform:translateY(0)}
}

@keyframes v88ProductIn{
  from{opacity:0;transform:translateY(28px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes v88Underline{
  to{transform:scaleX(1)}
}

@keyframes v88GlassSweep{
  0%,68%{transform:translateX(-130%)}
  100%{transform:translateX(130%)}
}

@keyframes v88BarBreathe{
  0%,100%{transform:scaleY(.88);filter:saturate(1)}
  50%{transform:scaleY(1.06);filter:saturate(1.25)}
}

@keyframes v88DataPacket{
  from{transform:translateX(-140%)}
  to{transform:translateX(240%)}
}

@keyframes v88PulseLive{
  0%,100%{opacity:.72}
  50%{opacity:1}
}

@keyframes v88CtaGlow{
  0%,100%{box-shadow:0 18px 45px rgba(14,165,233,.20)}
  50%{box-shadow:0 22px 70px rgba(14,165,233,.38)}
}

@keyframes v88CtaHalo{
  0%,100%{opacity:.18}
  50%{opacity:.48}
}

@keyframes v88BeamFloat{
  from{transform:translate3d(-18px,0,0) rotate(-4deg);opacity:.38}
  to{transform:translate3d(28px,12px,0) rotate(-4deg);opacity:.68}
}

@keyframes v88Dust{
  0%{transform:translate3d(0,30px,0);opacity:0}
  14%{opacity:.34}
  100%{transform:translate3d(26px,-110px,0);opacity:0}
}

/* =========================================================
   V92 Hero 2.0 on V88 Stable Scroll Base
   Scoped home hero replacement only.
========================================================= */

.hero2{
  position:relative;
  isolation:isolate;
  min-height:100svh;
  margin:0;
  padding:118px 0 64px;
  overflow:hidden;
  background:#020817;
  color:#fff;
}

.hero2-video{
  position:absolute;
  inset:0;
  z-index:-5;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.78;
  filter:saturate(1.14) contrast(1.06) brightness(.72);
  transform:scale(1.02);
  animation:hero2VideoDrift 24s ease-in-out infinite alternate;
}

.hero2-scrim{
  position:absolute;
  inset:0;
  z-index:-4;
  background:
    radial-gradient(circle at 72% 36%, rgba(14,165,233,.20), transparent 34%),
    radial-gradient(circle at 18% 24%, rgba(37,99,235,.16), transparent 32%),
    linear-gradient(90deg, rgba(2,8,23,.78), rgba(2,8,23,.46) 48%, rgba(2,8,23,.72));
}

.hero2-grid{
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.42;
  background-image:
    linear-gradient(rgba(125,211,252,.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.11) 1px, transparent 1px),
    linear-gradient(115deg, transparent 0 42%, rgba(14,165,233,.12) 42% 43%, transparent 43% 100%);
  background-size:96px 96px,96px 96px,520px 520px;
  animation:hero2GridMove 20s linear infinite;
  pointer-events:none;
}

.hero2-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);
  gap:64px;
  align-items:center;
  width:min(1220px,92vw);
  max-width:1220px;
}

.hero2-copy{
  max-width:650px;
}

.hero2-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  margin-bottom:24px;
  padding:9px 15px;
  border:1px solid rgba(125,211,252,.28);
  border-radius:999px;
  background:rgba(5,20,44,.60);
  color:#38d9ff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
  backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 42px rgba(0,0,0,.20);
  opacity:1;
  transform:none;
  animation:hero2CopyIn .7s cubic-bezier(.18,.9,.2,1) .08s both;
}

.hero2-eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 18px rgba(34,211,238,.9);
}

.hero2-title{
  max-width:690px;
  margin:0 0 24px;
  font-size:clamp(64px,6.1vw,108px);
  line-height:.88;
  letter-spacing:-.078em;
  text-wrap:balance;
  text-shadow:0 22px 70px rgba(0,0,0,.50);
  opacity:1;
  transform:none;
  animation:hero2CopyIn .8s cubic-bezier(.18,.9,.2,1) .18s both;
}

.hero2-title span{
  display:block;
  width:max-content;
  max-width:100%;
  background:linear-gradient(135deg,#22d3ee 0%,#0ea5e9 42%,#2563eb 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 16px 34px rgba(14,165,233,.24));
}

.hero2-lead{
  max-width:650px;
  margin:0;
  color:#eaf6ff;
  font-size:18px;
  line-height:1.62;
  font-weight:740;
  text-shadow:0 14px 34px rgba(0,0,0,.48);
  opacity:1;
  transform:none;
  animation:hero2CopyIn .8s cubic-bezier(.18,.9,.2,1) .30s both;
}

.hero2-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin:32px 0 24px;
  opacity:1;
  transform:none;
  animation:hero2CopyIn .8s cubic-bezier(.18,.9,.2,1) .42s both;
}

.hero2-actions .btn{
  min-height:60px;
  box-shadow:0 18px 52px rgba(14,165,233,.22);
}

.hero2-actions .btn.glass{
  background:rgba(10,28,58,.58);
  border-color:rgba(125,211,252,.30);
  color:#f4fbff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 52px rgba(0,0,0,.18);
}

.hero2-flow{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  max-width:650px;
  padding:14px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:24px;
  background:linear-gradient(135deg, rgba(6,22,49,.72), rgba(3,10,24,.42));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 28px 80px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
  opacity:1;
  transform:none;
  animation:hero2CopyIn .8s cubic-bezier(.18,.9,.2,1) .54s both;
}

.hero2-flow span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 13px;
  border:1px solid rgba(125,211,252,.20);
  border-radius:999px;
  background:rgba(14,165,233,.12);
  color:#eaf8ff;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}

.hero2-flow span.is-active{
  color:#fff;
  background:linear-gradient(135deg, rgba(14,165,233,.38), rgba(37,99,235,.28));
  box-shadow:0 0 28px rgba(14,165,233,.26);
}

.hero2-flow i{
  position:relative;
  display:block;
  width:34px;
  height:2px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(125,211,252,.20);
}

.hero2-flow i::after{
  content:"";
  position:absolute;
  inset:0;
  width:70%;
  background:linear-gradient(90deg, transparent, #67e8f9, transparent);
  animation:hero2DataFlow 1.8s linear infinite;
}

.hero2-visual{
  position:relative;
  transform:translate3d(var(--hero2-shift-x,0), var(--hero2-shift-y,0), 0);
  transition:transform .18s ease-out;
  opacity:1;
  animation:hero2VisualIn .9s cubic-bezier(.18,.9,.2,1) .30s both;
}

.hero2-dashboard{
  position:relative;
  width:100%;
  max-width:690px;
  margin-left:auto;
  border:1px solid rgba(125,211,252,.28);
  border-radius:34px;
  background:
    radial-gradient(circle at 20% 0%, rgba(14,165,233,.16), transparent 34%),
    linear-gradient(145deg, rgba(10,25,54,.88), rgba(3,10,24,.78));
  box-shadow:
    0 54px 150px rgba(0,0,0,.50),
    0 0 120px rgba(14,165,233,.18),
    inset 0 1px 0 rgba(255,255,255,.12);
  overflow:hidden;
  transform:perspective(1400px) rotateY(-4deg) rotateX(2deg);
  animation:hero2DashboardFloat 7s ease-in-out infinite;
}

.hero2-dashboard::after{
  content:"";
  position:absolute;
  inset:-40% auto -40% -30%;
  width:36%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.13), transparent);
  transform:rotate(18deg);
  animation:hero2Reflection 7.5s ease-in-out infinite;
  pointer-events:none;
}

.hero2-dash-header{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:66px;
  padding:0 22px;
  border-bottom:1px solid rgba(125,211,252,.16);
}

.hero2-dots{
  display:flex;
  gap:8px;
}

.hero2-dots i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#38bdf8;
  box-shadow:0 0 16px rgba(56,189,248,.65);
}

.hero2-dash-header b{
  color:#dff7ff;
  font-size:13px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.hero2-live{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border:1px solid rgba(125,211,252,.24);
  border-radius:999px;
  background:rgba(14,165,233,.16);
  color:#7dd3fc;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  animation:hero2LivePulse 2.2s ease-in-out infinite;
}

.hero2-live::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 18px rgba(34,211,238,.85);
}

.hero2-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr);
  gap:16px;
  padding:22px;
}

.hero2-panel{
  position:relative;
  min-height:150px;
  padding:22px;
  border:1px solid rgba(125,211,252,.18);
  border-radius:26px;
  background:linear-gradient(145deg, rgba(18,40,76,.70), rgba(5,15,35,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}

.hero2-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,20%), rgba(14,165,233,.16), transparent 42%);
  opacity:.86;
  pointer-events:none;
}

.hero2-panel > *{
  position:relative;
}

.hero2-panel span{
  display:block;
  margin-bottom:10px;
  color:#7dd3fc;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.hero2-panel strong{
  display:block;
  color:#fff;
  font-family:'Space Grotesk',Inter,sans-serif;
  font-size:clamp(28px,3vw,42px);
  line-height:1;
  letter-spacing:-.055em;
}

.hero2-panel p{
  margin:10px 0 0;
  color:#bdd2e7;
  font-size:13px;
  font-weight:760;
}

.hero2-pipeline{
  grid-row:span 2;
  min-height:342px;
}

.hero2-chart{
  position:absolute;
  inset:auto 22px 22px;
  display:flex;
  align-items:end;
  gap:12px;
  height:170px;
}

.hero2-chart i{
  flex:1;
  min-width:16px;
  height:var(--h);
  border-radius:999px 999px 4px 4px;
  background:linear-gradient(180deg,#67e8f9,#2563eb);
  box-shadow:0 0 28px rgba(14,165,233,.26);
  transform-origin:bottom;
  animation:hero2BarPulse 3s ease-in-out infinite;
}

.hero2-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:0 22px 22px;
}

.hero2-kpis span{
  padding:16px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:22px;
  background:rgba(3,10,24,.42);
}

.hero2-kpis b,
.hero2-kpis small{
  display:block;
}

.hero2-kpis b{
  color:#fff;
  font-family:'Space Grotesk',Inter,sans-serif;
  font-size:22px;
  letter-spacing:-.04em;
}

.hero2-kpis small{
  margin-top:5px;
  color:#88a9c7;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

@keyframes hero2CopyIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes hero2VisualIn{from{opacity:0;transform:translate3d(18px,24px,0) scale(.985)}to{opacity:1;transform:translate3d(var(--hero2-shift-x,0), var(--hero2-shift-y,0), 0) scale(1)}}
@keyframes hero2VideoDrift{from{transform:scale(1.02) translate3d(-8px,-4px,0)}to{transform:scale(1.055) translate3d(10px,6px,0)}}
@keyframes hero2GridMove{to{background-position:96px 96px,96px 96px,520px 0}}
@keyframes hero2DashboardFloat{0%,100%{transform:perspective(1400px) rotateY(-4deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1400px) rotateY(-4deg) rotateX(2deg) translateY(-12px)}}
@keyframes hero2Reflection{0%,40%{transform:translateX(-40%) rotate(18deg);opacity:0}52%{opacity:1}78%,100%{transform:translateX(430%) rotate(18deg);opacity:0}}
@keyframes hero2LivePulse{0%,100%{box-shadow:0 0 0 rgba(14,165,233,0);opacity:.82}50%{box-shadow:0 0 28px rgba(14,165,233,.32);opacity:1}}
@keyframes hero2DataFlow{from{transform:translateX(-120%)}to{transform:translateX(190%)}}
@keyframes hero2BarPulse{0%,100%{transform:scaleY(.90);filter:saturate(1)}50%{transform:scaleY(1.06);filter:saturate(1.28)}}

@media(max-width:1180px){
  .hero2{min-height:auto;padding:112px 0 58px}
  .hero2-layout{grid-template-columns:1fr;gap:38px}
  .hero2-copy{max-width:760px}
  .hero2-title{max-width:780px;font-size:clamp(58px,9vw,92px)}
  .hero2-visual{max-width:760px;width:100%;margin:0 auto}
  .hero2-dashboard{max-width:760px;margin:0 auto;transform:none;animation:hero2MobileFloat 6s ease-in-out infinite}
}

@media(max-width:760px){
  .hero2{padding:96px 0 46px}
  .hero2-layout{width:min(100% - 24px,540px);gap:28px}
  .hero2-title{font-size:clamp(44px,13vw,64px);line-height:.92;letter-spacing:-.065em;margin-bottom:18px}
  .hero2-lead{font-size:15px;line-height:1.56}
  .hero2-actions{display:grid;grid-template-columns:1fr;margin:24px 0 18px}
  .hero2-actions .btn{width:100%;justify-content:center}
  .hero2-flow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:12px}
  .hero2-flow::-webkit-scrollbar{display:none}
  .hero2-flow span{flex:0 0 auto}
  .hero2-flow i{flex:0 0 28px;max-width:28px}
  .hero2-dashboard{border-radius:28px}
  .hero2-dash-header{min-height:58px;padding:0 16px}
  .hero2-dash-header b{font-size:11px;letter-spacing:.12em}
  .hero2-dashboard-grid{grid-template-columns:1fr;padding:16px}
  .hero2-pipeline{min-height:270px}
  .hero2-chart{height:130px;gap:9px;inset:auto 18px 18px}
  .hero2-panel{min-height:120px;padding:18px;border-radius:22px}
  .hero2-panel strong{font-size:30px}
  .hero2-kpis{grid-template-columns:1fr;padding:0 16px 16px;gap:10px}
  .hero2-video{opacity:.66;filter:saturate(1.12) contrast(1.06) brightness(.68)}
  .hero2-scrim{background:radial-gradient(circle at 68% 28%, rgba(14,165,233,.18), transparent 34%),linear-gradient(180deg, rgba(2,8,23,.58), rgba(2,8,23,.70))}
}

@media(max-width:460px){
  .hero2{padding-top:90px}
}

@keyframes hero2MobileFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

@media(prefers-reduced-motion:reduce){
  .hero2 *,
  .hero2-video,
  .hero2-grid{
    animation:none !important;
    transition:none !important;
  }

  .hero2-eyebrow,
  .hero2-title,
  .hero2-lead,
  .hero2-actions,
  .hero2-flow,
  .hero2-visual{
    opacity:1 !important;
    transform:none !important;
  }

  .hero2-dashboard{
    transform:none !important;
  }
}

/* =========================================================
   V93 Stability Pass: floating header, aligned Hero 2.0,
   compact mobile spacing, and working inquiry feedback.
========================================================= */

.site-header{
  position:fixed !important;
  top:16px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(1180px, calc(100% - 48px)) !important;
  margin:0 !important;
  z-index:9990 !important;
}

main{
  margin-top:0 !important;
  padding-top:0 !important;
}

.page-hero{
  padding-top:142px !important;
  padding-bottom:68px !important;
}

.hero2{
  display:flex;
  align-items:center;
  min-height:100svh;
  padding:108px 0 46px;
}

.hero2-video{
  opacity:.88;
  filter:saturate(1.12) contrast(1.06) brightness(.82);
}

.hero2-scrim{
  background:
    radial-gradient(circle at 72% 34%, rgba(14,165,233,.18), transparent 34%),
    radial-gradient(circle at 18% 24%, rgba(37,99,235,.12), transparent 32%),
    linear-gradient(90deg, rgba(2,8,23,.70), rgba(2,8,23,.42) 49%, rgba(2,8,23,.62));
}

.hero2-layout{
  width:min(1180px, calc(100% - 48px));
  max-width:1180px;
  grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);
  gap:48px;
}

.hero2-copy{
  max-width:610px;
}

.hero2-eyebrow{
  margin-bottom:22px;
}

.hero2-title{
  max-width:640px;
  font-size:clamp(58px,5.45vw,96px);
  line-height:.91;
  letter-spacing:-.068em;
  margin-bottom:22px;
}

.hero2-lead{
  max-width:590px;
}

.hero2-flow{
  flex-wrap:nowrap;
  gap:8px;
  max-width:690px;
  overflow:hidden;
}

.hero2-flow span{
  flex:0 0 auto;
  padding:8px 12px;
}

.hero2-flow i{
  flex:1 1 24px;
  width:auto;
  min-width:24px;
  max-width:44px;
}

.hero2-dashboard{
  max-width:650px;
}

.hero2-pipeline{
  min-height:318px;
}

.hero2-panel{
  min-height:142px;
}

.form-status{
  margin:12px 0 0;
  color:#7dd3fc;
  font-size:13px;
  font-weight:800;
  line-height:1.5;
}

@media(max-width:1180px){
  .hero2{
    display:block;
    min-height:auto;
    padding:112px 0 56px;
  }

  .hero2-layout{
    width:min(100% - 40px,760px);
    gap:34px;
  }
}

@media(max-width:760px){
  .site-header{
    top:12px !important;
    width:calc(100% - 24px) !important;
    min-height:72px;
    padding:9px 12px !important;
  }

  .nav-menu{
    top:94px !important;
  }

  .page-hero,
  .contact-hero{
    padding-top:118px !important;
    padding-bottom:34px !important;
  }

  .section{
    padding-top:62px !important;
    padding-bottom:62px !important;
  }

  .hero2{
    padding:104px 0 38px;
  }

  .hero2-layout{
    width:min(100% - 28px,540px);
    gap:24px;
  }

  .hero2-eyebrow{
    max-width:100%;
    white-space:normal;
    line-height:1.35;
  }

  .hero2-title{
    font-size:clamp(42px,12.4vw,58px);
    line-height:.95;
    letter-spacing:-.055em;
  }

  .hero2-lead{
    font-size:15px;
    line-height:1.58;
  }

  .hero2-flow{
    max-width:100%;
    overflow-x:auto;
    padding:12px;
    scrollbar-width:none;
  }

  .hero2-flow::-webkit-scrollbar{
    display:none;
  }

  .hero2-flow i{
    flex:0 0 22px;
    min-width:22px;
    max-width:22px;
  }

  .hero2-visual{
    margin-top:4px;
  }

  .hero2-dashboard-grid{
    gap:12px;
  }

  .hero2-pipeline{
    min-height:238px;
  }

  .hero2-chart{
    height:106px;
  }

  .hero2-panel{
    min-height:auto;
  }

  .v70-price-banner{
    margin-top:22px !important;
    margin-bottom:22px !important;
  }

  .v78-services-section{
    padding-top:52px !important;
  }

  .v78-services-grid{
    margin-top:28px !important;
  }

  .systems-scroll-showcase{
    padding:58px 0 !important;
  }

  .contact-main-section{
    padding-top:24px !important;
    padding-bottom:44px !important;
  }

  #calendar.calendar-section{
    padding-top:42px !important;
  }
}

@media(max-width:460px){
  .site-header{
    border-radius:24px !important;
  }

  .hero2{
    padding-top:100px;
  }

  .hero2-actions{
    margin:22px 0 16px;
  }

  .hero2-dashboard{
    border-radius:24px;
  }

  .hero2-dashboard-grid{
    padding:14px;
  }

  .hero2-kpis{
    padding:0 14px 14px;
  }
}

/* V94 direct GHL inquiry form */
.ghl-inquiry-embed{
  width:100%;
  height:780px;
  margin-top:24px;
  overflow:hidden;
  border:1px solid rgba(125,211,252,.16);
  border-radius:24px;
  background:#07182f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.ghl-inquiry-embed iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  border-radius:24px;
  background:#07182f;
}

@media(max-width:760px){
  .ghl-inquiry-embed{
    height:860px;
    margin-top:20px;
    border-radius:20px;
  }

  .ghl-inquiry-embed iframe{
    border-radius:20px;
  }
}

/* V95 mobile stability and GHL embed polish */
@media(min-width:1181px){
  .contact-main-section > .container{
    width:min(1440px,94vw) !important;
    max-width:1440px !important;
  }

  .contact-main-section .contact-layout{
    grid-template-columns:minmax(760px,1.35fr) minmax(360px,.65fr) !important;
    gap:28px !important;
    align-items:stretch !important;
  }
}

.ghl-inquiry-embed,
.ghl-inquiry-embed iframe{
  max-width:100%;
  overflow:hidden !important;
}

@media(max-width:760px){
  .hero2{
    display:block !important;
    min-height:auto !important;
    height:auto !important;
    padding:104px 0 44px !important;
    overflow:hidden !important;
  }

  .hero2-layout{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    align-items:stretch !important;
    width:calc(100% - 28px) !important;
    max-width:540px !important;
    min-height:0 !important;
    margin:0 auto !important;
    gap:28px !important;
  }

  .hero2-copy,
  .hero2-visual{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    transform:none !important;
  }

  .hero2-copy{
    z-index:2 !important;
    order:1 !important;
  }

  .hero2-visual{
    z-index:1 !important;
    order:2 !important;
  }

  .hero2-eyebrow{
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
    padding:8px 12px !important;
    white-space:nowrap !important;
    font-size:10px !important;
    line-height:1.2 !important;
  }

  .hero2-title{
    width:100% !important;
    max-width:100% !important;
    margin-top:22px !important;
    font-size:clamp(46px,14vw,64px) !important;
    line-height:.94 !important;
    letter-spacing:0 !important;
  }

  .hero2-title span,
  .hero2-lead{
    width:100% !important;
    max-width:100% !important;
  }

  .hero2-lead{
    margin-top:20px !important;
    font-size:15px !important;
    line-height:1.58 !important;
  }

  .hero2-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  .hero2-actions .btn{
    width:100% !important;
  }

  .hero2-flow{
    width:100% !important;
    max-width:100% !important;
  }

  .hero2-dashboard{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    transform:none !important;
    animation:none !important;
  }

  .hero2-dashboard-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  .hero2-pipeline,
  .hero2-side,
  .hero2-panel,
  .hero2-kpis{
    width:100% !important;
    min-width:0 !important;
  }

  .reveal,
  .stagger > *{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  .v78-services-section,
  .v78-services-grid{
    min-height:0 !important;
    height:auto !important;
  }

  .v78-services-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    margin-top:28px !important;
  }
}

/* V99 let the official GHL embed resize after form submission. */
.ghl-inquiry-embed{
  position:relative;
  height:auto !important;
  min-height:0 !important;
  background:#07182f;
  transition:height .3s ease;
}

.ghl-inquiry-embed::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:min(100%,800px);
  transform:translateX(-50%);
  z-index:2;
  border-radius:inherit;
  box-shadow:
    inset 0 2px 0 #07182f,
    inset 2px 0 0 #07182f,
    inset -2px 0 0 #07182f,
    inset 0 -24px 0 #07182f;
  pointer-events:none;
}

.ghl-inquiry-embed iframe{
  position:relative !important;
  left:auto !important;
  display:block !important;
  width:min(100%,800px) !important;
  height:750px;
  min-height:0 !important;
  margin:0 auto !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  overflow:hidden !important;
}

.calendar-embed-container iframe{
  position:relative !important;
  left:auto !important;
  display:block !important;
  width:100% !important;
  height:1086px !important;
  min-height:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  overflow:hidden !important;
}

@media(min-width:1181px){
  .contact-main-section .contact-layout{
    align-items:start !important;
  }

  .contact-main-section .strategy-card{
    position:sticky !important;
    top:118px !important;
    align-self:start !important;
  }

  #calendar .calendar-wrapper{
    max-width:1040px !important;
  }
}

@media(max-width:760px){
  .ghl-inquiry-embed{
    height:auto !important;
  }

  .ghl-inquiry-embed iframe{
    height:780px;
  }

  .calendar-embed-container iframe{
    height:920px !important;
  }

  .contact-main-section .strategy-card{
    position:relative !important;
    top:auto !important;
  }
}

/* === V103 Portfolio hierarchy + featured clinic funnel === */
.founder-hierarchy-grid .skill-row span{
  max-width:100%;
  white-space:normal;
  text-align:center;
  line-height:1.25;
}

.clinic-funnel-feature{
  position:relative;
  padding-top:0 !important;
}

.clinic-funnel-feature .work-card-featured{
  border-color:rgba(56,189,248,.28);
  background:linear-gradient(145deg,rgba(8,27,57,.98),rgba(3,15,36,.98));
  box-shadow:0 34px 90px rgba(2,8,23,.42),0 0 0 1px rgba(56,189,248,.04) inset;
}

.clinic-funnel-feature .work-card-featured:hover{
  transform:translateY(-4px);
}

.clinic-funnel-feature .work-card-featured .work-copy{
  padding:clamp(26px,3.2vw,44px);
}

.clinic-funnel-feature .work-card-featured .work-copy > span{
  display:inline-flex;
  align-self:flex-start;
  padding:8px 11px;
  border:1px solid rgba(56,189,248,.24);
  border-radius:999px;
  background:rgba(14,165,233,.08);
}

.clinic-funnel-feature .work-card-featured .work-copy h3{
  font-size:clamp(30px,3vw,48px);
  max-width:13ch;
}

.clinic-funnel-feature .work-card-featured .work-copy p{
  font-size:16px;
  max-width:58ch;
}

.clinic-funnel-feature .project-result{
  margin-top:8px;
  background:rgba(7,35,65,.82);
}

@media(min-width:901px){
  #video-editing .work-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px !important;
    max-width:1180px;
    margin-inline:auto;
  }

  #video-editing .work-card{
    min-width:0;
  }

  #video-editing .work-thumb{
    aspect-ratio:16 / 9;
  }

  #video-editing .work-copy{
    min-height:390px !important;
    padding:28px !important;
  }

  #video-editing .work-copy h3{
    font-size:clamp(28px,2.2vw,38px) !important;
  }

  #video-editing .work-copy p{
    font-size:15px !important;
  }

  .clinic-funnel-feature .work-card-featured{
    display:grid !important;
    flex-direction:initial !important;
    grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
    min-height:470px;
    max-width:1180px;
    margin-inline:auto;
  }

  .clinic-funnel-feature .work-card-featured .work-thumb{
    aspect-ratio:auto;
    min-height:470px;
    border-right:1px solid rgba(56,189,248,.18);
  }

  .clinic-funnel-feature .work-card-featured .work-copy{
    min-height:470px !important;
  }
}

@media(min-width:701px) and (max-width:900px){
  #video-editing .work-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
  }

  #video-editing .work-copy{
    min-height:410px !important;
  }

  .clinic-funnel-feature .work-card-featured{
    width:100%;
  }

  .clinic-funnel-feature .work-card-featured .work-thumb{
    aspect-ratio:16 / 8;
  }
}

@media(max-width:700px){
  #video-editing .work-grid{
    grid-template-columns:1fr !important;
  }

  #video-editing .work-copy{
    min-height:0 !important;
  }

  .clinic-funnel-feature .work-card-featured{
    width:100%;
  }

  .clinic-funnel-feature .work-card-featured .work-thumb{
    aspect-ratio:16 / 10;
  }

  .clinic-funnel-feature .work-card-featured .work-copy h3{
    max-width:none;
  }
}


/* === V104 Dedicated Landing Page Funnel === */
.funnel-page{
  overflow:hidden;
}

.funnel-hero{
  position:relative;
  min-height:calc(100vh - 88px);
  padding:clamp(95px,9vw,150px) 0 90px;
  display:grid;
  align-items:center;
  overflow:hidden;
}

.funnel-hero-bg{
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(circle at 18% 18%,rgba(14,165,233,.32),transparent 30%),
    radial-gradient(circle at 85% 22%,rgba(37,99,235,.22),transparent 34%),
    radial-gradient(circle at 50% 105%,rgba(125,211,252,.20),transparent 38%),
    linear-gradient(135deg,#020817,#06142c 46%,#020817);
  filter:saturate(1.1);
}

.funnel-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(125,211,252,.04) 1px, transparent 1px),
    linear-gradient(90deg,rgba(125,211,252,.04) 1px, transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,black 20%,black 82%,transparent);
  pointer-events:none;
}

.funnel-hero-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:clamp(34px,5vw,72px);
  align-items:center;
}

.funnel-hero-copy h1{
  max-width:820px;
  font-size:clamp(50px,6.8vw,96px);
  line-height:.9;
  letter-spacing:-.075em;
  margin:16px 0 24px;
  color:#fff;
}

.funnel-hero-copy p{
  max-width:660px;
  color:#c8d7eb;
  font-size:clamp(17px,1.4vw,21px);
  line-height:1.72;
}

.funnel-actions{
  margin-top:30px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
}

.funnel-proof-row{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:650px;
}

.funnel-proof-row span{
  padding:16px;
  border:1px solid rgba(125,211,252,.20);
  border-radius:22px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(16px);
}

.funnel-proof-row b{
  display:block;
  color:#fff;
  font-size:15px;
}

.funnel-proof-row small{
  display:block;
  color:#9db2cc;
  margin-top:4px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:10px;
  font-weight:900;
}

.funnel-hero-system{
  perspective:1100px;
}

.funnel-dashboard-card{
  position:relative;
  padding:26px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:34px;
  background:
    linear-gradient(145deg,rgba(8,22,48,.94),rgba(3,11,28,.86)),
    radial-gradient(circle at top right,rgba(14,165,233,.18),transparent 34%);
  box-shadow:0 42px 120px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.03) inset;
  transform:rotateY(-5deg) rotateX(2deg);
  overflow:hidden;
}

.funnel-dashboard-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(125,211,252,.30),transparent 28%,rgba(37,99,235,.22));
  opacity:.35;
  pointer-events:none;
}

.funnel-dashboard-card>*{
  position:relative;
}

.funnel-dash-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}

.funnel-dash-top b{
  color:#fff;
}

.funnel-dash-top span{
  padding:7px 10px;
  border-radius:999px;
  color:#a7f3ff;
  background:rgba(14,165,233,.12);
  border:1px solid rgba(125,211,252,.22);
  font-size:12px;
  font-weight:900;
}

.funnel-stage-list{
  display:grid;
  gap:13px;
}

.funnel-stage-list div{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(125,211,252,.14);
}

.funnel-stage-list div.active{
  background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(37,99,235,.10));
  border-color:rgba(125,211,252,.28);
}

.funnel-stage-list i{
  grid-row:1 / span 2;
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#0ea5e9,#2563eb);
  font-style:normal;
  font-weight:950;
  font-size:12px;
}

.funnel-stage-list b{
  color:#fff;
  line-height:1.2;
}

.funnel-stage-list small{
  color:#9db2cc;
  line-height:1.5;
}

.funnel-dash-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:16px;
}

.funnel-dash-metrics span{
  padding:14px;
  border-radius:20px;
  background:rgba(2,8,23,.5);
  border:1px solid rgba(125,211,252,.12);
}

.funnel-dash-metrics strong{
  display:block;
  color:#fff;
  font-size:25px;
  letter-spacing:-.04em;
}

.funnel-dash-metrics small{
  display:block;
  color:#8ea1bd;
  margin-top:4px;
  text-transform:uppercase;
  font-size:10px;
  font-weight:900;
}

.funnel-pain-grid,
.funnel-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.funnel-pain-grid article,
.funnel-feature-grid article,
.funnel-stack-card,
.funnel-form-card,
.funnel-conversion-copy{
  position:relative;
  padding:clamp(22px,2.4vw,32px);
  border:1px solid var(--line);
  border-radius:30px;
  background:var(--panel);
  box-shadow:var(--shadow);
  overflow:hidden;
}

.funnel-pain-grid article::before,
.funnel-feature-grid article::before,
.funnel-stack-card::before,
.funnel-form-card::before,
.funnel-conversion-copy::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(14,165,233,.18),transparent 45%,rgba(37,99,235,.12));
  opacity:.46;
  pointer-events:none;
}

.funnel-pain-grid article>* ,
.funnel-feature-grid article>* ,
.funnel-stack-card>* ,
.funnel-form-card>* ,
.funnel-conversion-copy>*{
  position:relative;
}

.funnel-pain-grid span,
.funnel-feature-grid span{
  display:inline-grid;
  place-items:center;
  min-width:44px;
  height:44px;
  padding:0 12px;
  margin-bottom:18px;
  border-radius:16px;
  background:rgba(14,165,233,.12);
  border:1px solid rgba(14,165,233,.22);
  color:var(--blue);
  font-weight:1000;
}

.funnel-pain-grid h3,
.funnel-feature-grid h3{
  font-size:clamp(21px,2vw,27px);
  line-height:1.05;
  letter-spacing:-.045em;
  margin-bottom:10px;
}

.funnel-pain-grid p,
.funnel-feature-grid p,
.funnel-stack-card p,
.funnel-conversion-copy p,
.funnel-form-card p{
  color:var(--muted);
  line-height:1.68;
}

.funnel-solution-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(350px,.72fr);
  gap:28px;
  align-items:center;
}

.funnel-solution-copy h2,
.funnel-conversion-copy h2,
.funnel-final-cta h2{
  font-size:clamp(34px,4.5vw,68px);
  line-height:.98;
  letter-spacing:-.06em;
  margin:10px 0 18px;
}

.funnel-solution-copy p{
  color:var(--muted);
  max-width:720px;
  line-height:1.75;
  font-size:17px;
}

.funnel-checklist{
  list-style:none;
  padding:0;
  margin:26px 0 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.funnel-checklist li{
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(14,165,233,.07);
  color:var(--text);
  font-weight:850;
}

.funnel-checklist li::before{
  content:"✓";
  color:var(--blue);
  margin-right:8px;
  font-weight:1000;
}

.funnel-stack-card h3{
  font-size:clamp(28px,3vw,42px);
  line-height:1;
  letter-spacing:-.05em;
  margin:8px 0 14px;
}

.funnel-stack-card>span{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  color:var(--blue);
  border:1px solid rgba(14,165,233,.22);
  background:rgba(14,165,233,.08);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:1000;
}

.funnel-stack-bars{
  margin-top:26px;
  display:grid;
  gap:12px;
}

.funnel-stack-bars i{
  display:block;
  width:var(--w);
  height:13px;
  border-radius:999px;
  background:linear-gradient(90deg,#0ea5e9,#2563eb,rgba(125,211,252,.85));
  box-shadow:0 12px 24px rgba(14,165,233,.22);
}

.funnel-flow-line{
  display:flex;
  align-items:stretch;
  gap:10px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:34px;
  background:var(--panel);
  box-shadow:var(--shadow);
}

.funnel-flow-line article{
  flex:1;
  min-width:0;
  padding:22px;
  border-radius:24px;
  background:rgba(14,165,233,.07);
  border:1px solid rgba(14,165,233,.15);
}

.funnel-flow-line b{
  display:block;
  font-size:20px;
  letter-spacing:-.04em;
  color:var(--text);
}

.funnel-flow-line small{
  display:block;
  color:var(--muted);
  line-height:1.55;
  margin-top:8px;
}

.funnel-flow-line>i{
  width:28px;
  align-self:center;
  height:2px;
  background:linear-gradient(90deg,rgba(14,165,233,.2),rgba(125,211,252,.9));
  position:relative;
}

.funnel-flow-line>i::after{
  content:"";
  position:absolute;
  right:-2px;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  width:8px;
  height:8px;
  border-top:2px solid rgba(125,211,252,.9);
  border-right:2px solid rgba(125,211,252,.9);
}

.funnel-feature-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.funnel-conversion-layout{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:28px;
  align-items:start;
}

.funnel-conversion-copy{
  position:sticky;
  top:118px;
}

.funnel-review-points{
  display:grid;
  gap:10px;
  margin-top:24px;
}

.funnel-review-points span{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(14,165,233,.18);
  background:rgba(14,165,233,.07);
  color:var(--text);
  font-weight:850;
}

.funnel-form-card h3{
  font-size:clamp(28px,3vw,42px);
  letter-spacing:-.05em;
  line-height:1;
  margin:8px 0 12px;
}

.funnel-form-embed{
  margin-top:22px;
  border-radius:26px;
  overflow:hidden;
}

.funnel-calendar-section{
  padding-top:0;
}

.funnel-final-cta{
  position:relative;
  text-align:center;
  padding:clamp(44px,6vw,78px) 28px;
  border-radius:42px;
  background:
    radial-gradient(circle at 50% 0%,rgba(125,211,252,.22),transparent 42%),
    linear-gradient(135deg,#06152d,#020817);
  border:1px solid rgba(125,211,252,.20);
  box-shadow:0 34px 110px rgba(0,0,0,.38);
  overflow:hidden;
}

.funnel-final-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);
  transform:translateX(-100%);
  animation:funnelShine 6s ease-in-out infinite;
}

@keyframes funnelShine{50%,100%{transform:translateX(100%)}}

.funnel-final-cta>*{
  position:relative;
}

.funnel-final-cta img{
  width:90px;
  margin:0 auto 18px;
  filter:drop-shadow(0 0 35px rgba(125,211,252,.52));
}

.funnel-final-cta h2{
  color:#fff;
  margin-inline:auto;
  max-width:820px;
}

.funnel-final-cta p{
  max-width:720px;
  margin:0 auto 28px;
  color:#c8d7eb;
  line-height:1.72;
}

@media(max-width:1180px){
  .funnel-hero-layout,
  .funnel-solution-layout,
  .funnel-conversion-layout{
    grid-template-columns:1fr;
  }

  .funnel-dashboard-card{
    transform:none;
  }

  .funnel-conversion-copy{
    position:relative;
    top:auto;
  }
}

@media(max-width:980px){
  .funnel-flow-line{
    display:grid;
  }

  .funnel-flow-line>i{
    width:2px;
    height:36px;
    justify-self:center;
  }

  .funnel-flow-line>i::after{
    right:auto;
    left:50%;
    top:auto;
    bottom:-2px;
    transform:translateX(-50%) rotate(135deg);
  }

  .funnel-pain-grid,
  .funnel-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .funnel-hero{
    min-height:auto;
    padding-top:92px;
  }

  .funnel-proof-row,
  .funnel-dash-metrics,
  .funnel-pain-grid,
  .funnel-feature-grid,
  .funnel-checklist{
    grid-template-columns:1fr;
  }

  .funnel-actions .btn,
  .funnel-actions a{
    width:100%;
    justify-content:center;
  }

  .funnel-dashboard-card,
  .funnel-flow-line,
  .funnel-final-cta{
    border-radius:28px;
  }

  .funnel-stage-list div{
    grid-template-columns:38px 1fr;
    padding:14px;
  }
}

/* =========================================================
   V105 Standalone Funnel Landing Page
   - same MDS palette + typography
   - separate campaign experience
   - no normal website nav/footer feel
   ========================================================= */
body.funnel-standalone-body{
  background:#020817;
  color:#f8fbff;
}
body.funnel-standalone-body::before{
  background:
    radial-gradient(circle at 12% 10%,rgba(14,165,233,.22),transparent 28%),
    radial-gradient(circle at 88% 0%,rgba(37,99,235,.22),transparent 30%),
    radial-gradient(circle at 55% 95%,rgba(125,211,252,.13),transparent 42%),
    linear-gradient(180deg,#020817 0%,#031126 44%,#020817 100%);
}
body.funnel-standalone-body::after{
  background-image:
    linear-gradient(rgba(125,211,252,.045) 1px, transparent 1px),
    linear-gradient(90deg,rgba(125,211,252,.045) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,black 0%,black 42%,transparent 100%);
}
.funnel-standalone{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.funnel-campaign-header{
  position:fixed;
  z-index:150;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  width:min(1120px,92%);
  min-height:72px;
  padding:10px 12px 10px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(125,211,252,.18);
  border-radius:999px;
  background:rgba(2,8,23,.72);
  backdrop-filter:blur(22px);
  box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
}
.funnel-campaign-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.funnel-campaign-brand img{
  width:52px;
  height:52px;
  object-fit:contain;
  filter:drop-shadow(0 0 22px rgba(14,165,233,.45));
}
.funnel-campaign-brand b{
  display:block;
  font-family:'Space Grotesk',Inter,sans-serif;
  font-size:16px;
  line-height:1;
  letter-spacing:-.02em;
  color:#fff;
}
.funnel-campaign-brand small{
  display:block;
  margin-top:5px;
  color:#7dd3fc;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:900;
}
.funnel-header-cta,
.funnel-primary-cta,
.funnel-secondary-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:999px;
  font-weight:950;
  transition:.28s cubic-bezier(.18,.9,.2,1);
}
.funnel-header-cta{
  min-height:48px;
  padding:0 18px;
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
  box-shadow:0 18px 45px rgba(14,165,233,.32);
  font-size:13px;
}
.funnel-header-cta:hover,
.funnel-primary-cta:hover,
.funnel-secondary-cta:hover{
  transform:translateY(-3px);
}
.funnel-campaign-hero{
  position:relative;
  min-height:100vh;
  padding:156px 0 92px;
  display:grid;
  align-items:center;
  overflow:hidden;
}
.funnel-mesh{
  position:absolute;
  inset:-20%;
  z-index:-1;
  background:
    radial-gradient(circle at 16% 22%,rgba(14,165,233,.30),transparent 31%),
    radial-gradient(circle at 72% 18%,rgba(37,99,235,.30),transparent 34%),
    conic-gradient(from 210deg at 50% 50%,rgba(14,165,233,.07),transparent,rgba(37,99,235,.10),transparent),
    linear-gradient(135deg,#020817,#06142b 45%,#020817);
  filter:saturate(1.2);
}
.funnel-mesh::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(125,211,252,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,211,252,.055) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:radial-gradient(circle at 50% 28%,black 0,transparent 70%);
}
.funnel-campaign-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);
  gap:clamp(34px,6vw,78px);
  align-items:center;
}
.funnel-campaign-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 13px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:999px;
  color:#7dd3fc;
  background:rgba(14,165,233,.09);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.funnel-campaign-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#38bdf8;
  box-shadow:0 0 18px #38bdf8;
}
.funnel-campaign-copy h1{
  max-width:900px;
  margin:20px 0 24px;
  font-family:'Space Grotesk',Inter,sans-serif;
  color:#fff;
  font-size:clamp(50px,7.7vw,104px);
  line-height:.86;
  letter-spacing:-.085em;
  text-wrap:balance;
}
.funnel-campaign-lead{
  max-width:720px;
  color:#c7d7ee;
  font-size:clamp(17px,1.5vw,22px);
  line-height:1.68;
}
.funnel-campaign-actions{
  margin-top:34px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.funnel-primary-cta{
  min-height:58px;
  padding:0 27px;
  color:#fff;
  background:linear-gradient(135deg,#1d4ed8,#0ea5e9 72%,#38bdf8);
  box-shadow:0 20px 58px rgba(14,165,233,.34);
  border:1px solid rgba(125,211,252,.30);
}
.funnel-secondary-cta{
  min-height:58px;
  padding:0 24px;
  color:#dff7ff;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(125,211,252,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.funnel-no-distraction{
  margin-top:28px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.funnel-no-distraction span{
  padding:10px 13px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:999px;
  color:#9fb5d1;
  background:rgba(255,255,255,.04);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.funnel-command-panel{
  position:relative;
  padding:25px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:36px;
  background:
    radial-gradient(circle at 80% 0%,rgba(14,165,233,.22),transparent 34%),
    linear-gradient(145deg,rgba(6,18,42,.96),rgba(2,8,23,.92));
  box-shadow:0 44px 120px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.06);
  transform:rotateY(-3deg) rotateX(1deg);
  overflow:hidden;
}
.funnel-command-panel::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(125,211,252,.24),transparent 38%,rgba(37,99,235,.18));
  opacity:.45;
  pointer-events:none;
}
.funnel-command-panel>*{position:relative}
.funnel-panel-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:20px;
}
.funnel-panel-top b{color:#fff;font-size:14px;letter-spacing:.02em}
.funnel-panel-top span{
  padding:7px 10px;
  border:1px solid rgba(125,211,252,.20);
  border-radius:999px;
  color:#a7f3ff;
  background:rgba(14,165,233,.12);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}
.funnel-live-path{
  display:grid;
  gap:13px;
}
.funnel-live-path article{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:13px;
  padding:16px;
  border:1px solid rgba(125,211,252,.14);
  border-radius:22px;
  background:rgba(255,255,255,.055);
}
.funnel-live-path article.is-hot{
  background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(37,99,235,.10));
  border-color:rgba(125,211,252,.30);
  box-shadow:0 18px 46px rgba(14,165,233,.12);
}
.funnel-live-path i{
  grid-row:1 / span 2;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
  font-style:normal;
  font-size:12px;
  font-weight:1000;
}
.funnel-live-path b{color:#fff;line-height:1.18}
.funnel-live-path small{color:#9fb5d1;line-height:1.5}
.funnel-alert-card{
  margin-top:16px;
  padding:17px;
  border:1px solid rgba(125,211,252,.18);
  border-radius:22px;
  background:rgba(2,8,23,.58);
}
.funnel-alert-card strong{display:block;color:#fff;line-height:1.3}
.funnel-alert-card small{display:block;color:#8ea7c5;margin-top:5px;line-height:1.5}
.funnel-campaign-strip{
  border-block:1px solid rgba(125,211,252,.15);
  background:rgba(14,165,233,.055);
  padding:24px 0;
}
.funnel-strip-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.funnel-strip-grid div{
  padding:18px 20px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:22px;
  background:rgba(255,255,255,.045);
}
.funnel-strip-grid b{display:block;color:#fff;font-size:20px;letter-spacing:-.03em}
.funnel-strip-grid span{display:block;color:#8fa8c6;margin-top:4px;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.12em}
.funnel-leak-section,
.funnel-system-section,
.funnel-path-section,
.funnel-includes-campaign,
.funnel-form-campaign,
.funnel-calendar-campaign,
.funnel-final-campaign{
  padding:clamp(82px,9vw,128px) 0;
  position:relative;
}
.funnel-campaign-heading{
  max-width:900px;
  margin:0 0 42px;
}
.funnel-campaign-heading span{
  color:#38bdf8;
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:12px;
}
.funnel-campaign-heading h2,
.funnel-system-copy h2,
.funnel-form-copy h2,
.funnel-calendar-copy h2,
.funnel-final-box h2{
  margin-top:14px;
  font-family:'Space Grotesk',Inter,sans-serif;
  font-size:clamp(36px,5.4vw,74px);
  line-height:.96;
  letter-spacing:-.065em;
  color:#fff;
  text-wrap:balance;
}
.lead-leak-grid,
.funnel-includes-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.lead-leak-grid article,
.funnel-includes-grid article,
.funnel-before-after>div,
.funnel-embed-card,
.funnel-form-copy,
.funnel-calendar-box,
.funnel-final-box{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(125,211,252,.16);
  border-radius:32px;
  background:linear-gradient(180deg,rgba(8,24,52,.78),rgba(3,12,28,.66));
  box-shadow:0 28px 80px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04);
}
.lead-leak-grid article,
.funnel-includes-grid article{
  padding:30px;
}
.lead-leak-grid article::before,
.funnel-includes-grid article::before,
.funnel-before-after>div::before,
.funnel-embed-card::before,
.funnel-form-copy::before,
.funnel-calendar-box::before,
.funnel-final-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(14,165,233,.16),transparent 44%,rgba(37,99,235,.12));
  opacity:.6;
  pointer-events:none;
}
.lead-leak-grid article>*,
.funnel-includes-grid article>*,
.funnel-before-after>div>*,
.funnel-embed-card>*,
.funnel-form-copy>*,
.funnel-calendar-box>*,
.funnel-final-box>*{position:relative}
.lead-leak-grid small,
.funnel-includes-grid em{
  display:inline-grid;
  place-items:center;
  min-width:54px;
  height:42px;
  padding:0 12px;
  border:1px solid rgba(125,211,252,.20);
  border-radius:16px;
  background:rgba(14,165,233,.10);
  color:#7dd3fc;
  font-style:normal;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:11px;
  margin-bottom:22px;
}
.lead-leak-grid h3,
.funnel-includes-grid h3{
  color:#fff;
  font-size:clamp(24px,2.4vw,34px);
  line-height:1;
  letter-spacing:-.05em;
  margin-bottom:12px;
}
.lead-leak-grid p,
.funnel-includes-grid p,
.funnel-system-copy p,
.funnel-form-copy p,
.funnel-embed-card p,
.funnel-calendar-copy p,
.funnel-final-box p{
  color:#a9bdd6;
  line-height:1.72;
}
.funnel-system-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);
  gap:30px;
  align-items:center;
}
.funnel-system-copy p{
  max-width:760px;
  margin-top:20px;
  font-size:17px;
}
.funnel-before-after{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.funnel-before-after>div{
  padding:28px;
}
.funnel-before-after span{
  display:inline-block;
  color:#fff;
  font-family:'Space Grotesk';
  font-size:28px;
  letter-spacing:-.04em;
  margin-bottom:18px;
}
.funnel-before-after ul{
  list-style:none;
  display:grid;
  gap:12px;
}
.funnel-before-after li{
  color:#b6c7de;
  line-height:1.5;
  font-weight:750;
}
.before-card li::before{content:"✕";color:#93c5fd;margin-right:9px;font-weight:1000}
.after-card li::before{content:"✓";color:#38bdf8;margin-right:9px;font-weight:1000}
.after-card{
  border-color:rgba(56,189,248,.30) !important;
  box-shadow:0 28px 88px rgba(14,165,233,.14),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.funnel-conversion-path{
  display:grid;
  grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;
  gap:0;
  align-items:stretch;
}
.funnel-conversion-path article{
  min-height:150px;
  padding:24px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:28px;
  background:rgba(255,255,255,.045);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.funnel-conversion-path b{
  color:#fff;
  font-size:23px;
  letter-spacing:-.04em;
}
.funnel-conversion-path p{color:#96acc9;line-height:1.5;margin-top:14px}
.funnel-conversion-path i{
  align-self:center;
  height:2px;
  background:linear-gradient(90deg,rgba(14,165,233,.30),rgba(125,211,252,.90));
  position:relative;
  top:50%;
}
.funnel-form-campaign-grid{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(420px,1fr);
  gap:28px;
  align-items:start;
}
.funnel-form-copy,
.funnel-embed-card{
  padding:clamp(26px,3vw,38px);
}
.funnel-form-copy p{
  margin-top:18px;
  font-size:17px;
}
.funnel-review-stack{
  margin-top:24px;
  display:grid;
  gap:11px;
}
.funnel-review-stack span{
  padding:14px 15px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:18px;
  background:rgba(14,165,233,.075);
  color:#dbeafe;
  font-weight:850;
}
.funnel-review-stack span::before{content:"✓";color:#38bdf8;margin-right:9px;font-weight:1000}
.funnel-embed-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:16px;
}
.funnel-embed-head b{color:#fff;font-family:'Space Grotesk';font-size:22px;letter-spacing:-.04em}
.funnel-embed-head span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(14,165,233,.12);
  color:#a7f3ff;
  border:1px solid rgba(125,211,252,.20);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}
.funnel-embed-card h3{
  color:#fff;
  font-size:clamp(28px,3vw,42px);
  letter-spacing:-.05em;
  line-height:1;
  margin-bottom:10px;
}
.funnel-form-embed{
  margin-top:20px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:24px;
  overflow:hidden;
  background:rgba(255,255,255,.03);
}
.funnel-form-embed iframe{
  display:block;
  width:100%;
  min-height:720px;
  border:0;
}
.funnel-calendar-box{
  padding:clamp(26px,3vw,40px);
}
.funnel-calendar-copy{
  max-width:900px;
  margin-bottom:24px;
}
.funnel-calendar-copy p{
  margin-top:16px;
  font-size:17px;
}
.funnel-calendar-features{
  margin-top:24px;
}
.funnel-calendar-features div{
  background:rgba(255,255,255,.045);
  border-color:rgba(125,211,252,.16);
}
.funnel-calendar-embed{
  margin-top:26px;
  min-height:760px;
  border-radius:28px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(125,211,252,.16);
  overflow:hidden;
}
.funnel-final-box{
  text-align:center;
  padding:clamp(38px,6vw,78px);
}
.funnel-final-box img{
  width:86px;
  margin:0 auto 22px;
  filter:drop-shadow(0 0 32px rgba(14,165,233,.55));
}
.funnel-final-box span{
  display:block;
  color:#7dd3fc;
  font-weight:1000;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:12px;
}
.funnel-final-box p{
  max-width:740px;
  margin:18px auto 28px;
  font-size:18px;
}
.funnel-campaign-footer{
  padding:30px 0 44px;
  border-top:1px solid rgba(125,211,252,.13);
  background:rgba(2,8,23,.72);
}
.funnel-footer-inner{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  flex-wrap:wrap;
}
.funnel-footer-inner p{
  color:#dbeafe;
  font-weight:750;
}
.funnel-footer-inner span{
  color:#8ea7c5;
  font-size:13px;
  max-width:560px;
}
@media(max-width:1080px){
  .funnel-campaign-grid,
  .funnel-system-grid,
  .funnel-form-campaign-grid{
    grid-template-columns:1fr;
  }
  .funnel-command-panel{
    transform:none;
  }
  .funnel-conversion-path{
    grid-template-columns:1fr;
    gap:14px;
  }
  .funnel-conversion-path i{
    width:2px;
    height:26px;
    justify-self:center;
    background:linear-gradient(180deg,rgba(14,165,233,.30),rgba(125,211,252,.90));
    top:0;
  }
}
@media(max-width:820px){
  .funnel-campaign-header{
    top:12px;
    width:94%;
    min-height:66px;
  }
  .funnel-campaign-brand img{
    width:46px;
    height:46px;
  }
  .funnel-campaign-brand b{
    font-size:14px;
  }
  .funnel-campaign-brand small{
    display:none;
  }
  .funnel-header-cta{
    min-height:42px;
    padding:0 14px;
    font-size:12px;
  }
  .funnel-campaign-hero{
    padding-top:126px;
    min-height:auto;
  }
  .funnel-strip-grid,
  .lead-leak-grid,
  .funnel-includes-grid,
  .funnel-before-after{
    grid-template-columns:1fr;
  }
  .funnel-campaign-copy h1{
    font-size:clamp(44px,13vw,72px);
  }
  .funnel-campaign-actions{
    align-items:stretch;
  }
  .funnel-primary-cta,
  .funnel-secondary-cta{
    width:100%;
  }
  .funnel-form-embed iframe{
    min-height:780px;
  }
  .funnel-calendar-embed{
    min-height:780px;
  }
}
@media(max-width:520px){
  .funnel-campaign-header{
    border-radius:26px;
  }
  .funnel-campaign-brand span{
    display:none;
  }
  .funnel-command-panel,
  .lead-leak-grid article,
  .funnel-includes-grid article,
  .funnel-form-copy,
  .funnel-embed-card,
  .funnel-calendar-box,
  .funnel-final-box{
    border-radius:24px;
  }
  .funnel-live-path article{
    grid-template-columns:1fr;
  }
  .funnel-live-path i{
    grid-row:auto;
  }
  .funnel-footer-inner{
    display:grid;
  }
}


/* =========================================================
   V106 Standalone Funnel Motion Layer
   - more campaign-style movement without changing brand
   - respects reduced motion
   ========================================================= */
.funnel-standalone-body{
  --funnel-mx:50%;
  --funnel-my:18%;
}
.funnel-standalone-body::before{
  background:
    radial-gradient(circle at var(--funnel-mx) var(--funnel-my),rgba(14,165,233,.20),transparent 24%),
    radial-gradient(circle at 12% 10%,rgba(14,165,233,.22),transparent 28%),
    radial-gradient(circle at 88% 0%,rgba(37,99,235,.22),transparent 30%),
    radial-gradient(circle at 55% 95%,rgba(125,211,252,.13),transparent 42%),
    linear-gradient(180deg,#020817 0%,#031126 44%,#020817 100%);
}
.funnel-motion-orbits{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
}
.funnel-motion-orbits span{
  position:absolute;
  width:42vw;
  aspect-ratio:1;
  min-width:360px;
  border-radius:50%;
  border:1px solid rgba(125,211,252,.12);
  background:radial-gradient(circle,rgba(14,165,233,.10),transparent 58%);
  filter:blur(.2px);
  animation:funnel-orbit-drift 18s ease-in-out infinite;
}
.funnel-motion-orbits span:nth-child(1){left:-14vw;top:18%;animation-duration:22s}
.funnel-motion-orbits span:nth-child(2){right:-20vw;top:4%;animation-duration:26s;animation-delay:-7s}
.funnel-motion-orbits span:nth-child(3){left:38%;bottom:-26vw;animation-duration:30s;animation-delay:-12s}
.funnel-signal-lines{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  opacity:.75;
}
.funnel-signal-lines i{
  position:absolute;
  left:-20%;
  width:140%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,211,252,.0),rgba(125,211,252,.72),rgba(14,165,233,.0),transparent);
  box-shadow:0 0 24px rgba(14,165,233,.55);
  transform:rotate(-10deg);
  animation:funnel-signal-sweep 8s linear infinite;
}
.funnel-signal-lines i:nth-child(1){top:26%;animation-delay:-1s}
.funnel-signal-lines i:nth-child(2){top:48%;animation-delay:-4s;opacity:.55}
.funnel-signal-lines i:nth-child(3){top:72%;animation-delay:-6s;opacity:.38}
.funnel-campaign-header{
  animation:funnel-header-drop .8s cubic-bezier(.18,.9,.22,1) both;
}
.funnel-campaign-hero .container,
.funnel-leak-section .container,
.funnel-system-section .container,
.funnel-path-section .container,
.funnel-includes-campaign .container,
.funnel-form-campaign .container,
.funnel-calendar-campaign .container,
.funnel-final-campaign .container{
  position:relative;
  z-index:2;
}
.funnel-campaign-kicker::before{
  animation:funnel-pulse-dot 1.65s ease-in-out infinite;
}
.funnel-campaign-copy h1{
  background:linear-gradient(92deg,#fff 0%,#e0f2fe 42%,#7dd3fc 58%,#fff 75%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  background-size:210% 100%;
  animation:funnel-headline-shine 5.8s ease-in-out infinite;
}
.funnel-primary-cta,
.funnel-header-cta{
  position:relative;
  overflow:hidden;
}
.funnel-primary-cta::after,
.funnel-header-cta::after{
  content:"";
  position:absolute;
  inset:-2px -46%;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.44),transparent 62%);
  transform:translateX(-76%);
  animation:funnel-cta-sweep 3.4s ease-in-out infinite;
  pointer-events:none;
}
.funnel-secondary-cta:hover,
.funnel-primary-cta:hover,
.funnel-header-cta:hover{
  box-shadow:0 22px 64px rgba(14,165,233,.34),0 0 0 1px rgba(125,211,252,.18) inset;
}
.funnel-no-distraction span{
  transition:transform .28s ease,border-color .28s ease,color .28s ease,background .28s ease;
}
.funnel-no-distraction span:hover{
  transform:translateY(-4px);
  border-color:rgba(125,211,252,.42);
  color:#e0f2fe;
  background:rgba(14,165,233,.12);
}
.funnel-motion-proof{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:620px;
}
.funnel-motion-proof div{
  padding:16px;
  border:1px solid rgba(125,211,252,.18);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.funnel-motion-proof b{
  display:block;
  color:#fff;
  font-family:'Space Grotesk',Inter,sans-serif;
  font-size:clamp(26px,3vw,40px);
  line-height:1;
}
.funnel-motion-proof span{
  display:block;
  margin-top:7px;
  color:#8ea7c5;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.funnel-command-panel{
  transition:transform .22s ease,box-shadow .28s ease;
  transform:perspective(1100px) rotateY(var(--funnel-tilt-x,-3deg)) rotateX(var(--funnel-tilt-y,1deg)) translate3d(var(--funnel-panel-x,0),var(--funnel-panel-y,0),0);
}
.funnel-command-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at var(--panel-mx,50%) var(--panel-my,18%),rgba(125,211,252,.20),transparent 30%);
  opacity:.75;
  pointer-events:none;
}
.funnel-live-mode{
  display:inline-flex !important;
  align-items:center;
  gap:7px;
}
.funnel-live-mode i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#38bdf8;
  box-shadow:0 0 18px #38bdf8;
  animation:funnel-pulse-dot 1.35s ease-in-out infinite;
}
.funnel-live-path article{
  transition:transform .28s ease,border-color .28s ease,background .28s ease;
  animation:funnel-path-float 5.8s ease-in-out infinite;
}
.funnel-live-path article:nth-child(2){animation-delay:-1.2s}
.funnel-live-path article:nth-child(3){animation-delay:-2.4s}
.funnel-live-path article:nth-child(4){animation-delay:-3.6s}
.funnel-live-path article:hover{
  transform:translateX(8px) scale(1.01);
  border-color:rgba(125,211,252,.40);
  background:rgba(14,165,233,.12);
}
.funnel-alert-card{
  animation:funnel-alert-glow 2.7s ease-in-out infinite;
}
.funnel-campaign-strip{
  position:relative;
  overflow:hidden;
}
.funnel-campaign-strip::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(125,211,252,.12),transparent);
  transform:translateX(-100%);
  animation:funnel-strip-scan 5.4s linear infinite;
}
.lead-leak-grid article,
.funnel-includes-grid article,
.funnel-before-after>div,
.funnel-form-copy,
.funnel-embed-card,
.funnel-calendar-box,
.funnel-final-box{
  transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease;
}
.lead-leak-grid article:hover,
.funnel-includes-grid article:hover,
.funnel-before-after>div:hover,
.funnel-form-copy:hover,
.funnel-embed-card:hover,
.funnel-calendar-box:hover,
.funnel-final-box:hover{
  transform:translateY(-8px);
  border-color:rgba(125,211,252,.38);
  box-shadow:0 34px 100px rgba(0,0,0,.34),0 0 52px rgba(14,165,233,.13),inset 0 1px 0 rgba(255,255,255,.07);
}
.lead-leak-grid article::after,
.funnel-includes-grid article::after,
.funnel-before-after>div::after,
.funnel-embed-card::after,
.funnel-form-copy::after,
.funnel-calendar-box::after,
.funnel-final-box::after{
  content:"";
  position:absolute;
  inset:-35% -80%;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.08),transparent 62%);
  transform:translateX(-45%);
  opacity:0;
  pointer-events:none;
}
.lead-leak-grid article:hover::after,
.funnel-includes-grid article:hover::after,
.funnel-before-after>div:hover::after,
.funnel-embed-card:hover::after,
.funnel-form-copy:hover::after,
.funnel-calendar-box:hover::after,
.funnel-final-box:hover::after{
  opacity:1;
  animation:funnel-card-shine 1.15s ease forwards;
}
.funnel-conversion-path article{
  position:relative;
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.funnel-conversion-path article::before{
  content:"";
  position:absolute;
  left:22px;
  top:22px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#38bdf8;
  box-shadow:0 0 18px #38bdf8;
  opacity:.7;
}
.funnel-conversion-path article:hover{
  transform:translateY(-7px);
  border-color:rgba(125,211,252,.40);
  background:rgba(14,165,233,.09);
}
.funnel-conversion-path i::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,#fff,transparent);
  animation:funnel-arrow-run 1.8s ease-in-out infinite;
}
.funnel-calendar-embed,
.funnel-form-embed{
  position:relative;
}
.funnel-calendar-embed::before,
.funnel-form-embed::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  background:linear-gradient(90deg,transparent,#38bdf8,#2563eb,transparent);
  animation:funnel-embed-load 3s ease-in-out infinite;
  z-index:3;
  pointer-events:none;
}

@keyframes funnel-header-drop{from{opacity:0;transform:translate(-50%,-16px) scale(.98)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes funnel-orbit-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(5vw,-3vw,0) scale(1.08)}}
@keyframes funnel-signal-sweep{0%{transform:translateX(-55%) rotate(-10deg);opacity:0}18%,72%{opacity:1}100%{transform:translateX(55%) rotate(-10deg);opacity:0}}
@keyframes funnel-pulse-dot{0%,100%{transform:scale(1);opacity:1;box-shadow:0 0 14px rgba(56,189,248,.65)}50%{transform:scale(1.38);opacity:.68;box-shadow:0 0 30px rgba(56,189,248,.95)}}
@keyframes funnel-headline-shine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes funnel-cta-sweep{0%,50%{transform:translateX(-76%)}72%,100%{transform:translateX(76%)}}
@keyframes funnel-path-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes funnel-alert-glow{0%,100%{box-shadow:0 0 0 rgba(14,165,233,0)}50%{box-shadow:0 0 34px rgba(14,165,233,.16)}}
@keyframes funnel-strip-scan{to{transform:translateX(100%)}}
@keyframes funnel-card-shine{to{transform:translateX(45%)}}
@keyframes funnel-arrow-run{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes funnel-embed-load{0%,100%{opacity:.25;transform:scaleX(.36)}50%{opacity:1;transform:scaleX(1)}}

@media(max-width:820px){
  .funnel-motion-proof{grid-template-columns:1fr;max-width:none}
  .funnel-motion-orbits span{min-width:260px;width:70vw}
  .funnel-signal-lines{opacity:.38}
}
@media(prefers-reduced-motion:reduce){
  .funnel-motion-orbits span,
  .funnel-signal-lines i,
  .funnel-campaign-header,
  .funnel-campaign-kicker::before,
  .funnel-campaign-copy h1,
  .funnel-primary-cta::after,
  .funnel-header-cta::after,
  .funnel-live-mode i,
  .funnel-live-path article,
  .funnel-alert-card,
  .funnel-campaign-strip::before,
  .funnel-conversion-path i::after,
  .funnel-calendar-embed::before,
  .funnel-form-embed::before{
    animation:none !important;
  }
  .funnel-command-panel,
  .lead-leak-grid article:hover,
  .funnel-includes-grid article:hover,
  .funnel-before-after>div:hover,
  .funnel-form-copy:hover,
  .funnel-embed-card:hover,
  .funnel-calendar-box:hover,
  .funnel-final-box:hover,
  .funnel-conversion-path article:hover{
    transform:none !important;
  }
}




/* V117 Mary chat two-state launcher
   Closed state: the larger Mary invitation graphic covers the default GHL bubble.
   Open state: a small transparent circular Mary/MDS control sits at the bottom-right only. */
.mds-mary-chat-launcher{
  position:fixed;
  right:14px;
  bottom:12px;
  z-index:2147483647;
  width:252px;
  max-width:calc(100vw - 28px);
  aspect-ratio:900 / 735;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  cursor:pointer;
  opacity:0;
  transform:translate3d(0,12px,0) scale(.96);
  transform-origin:right bottom;
  pointer-events:none;
  filter:
    drop-shadow(0 18px 30px rgba(0,0,0,.50))
    drop-shadow(0 0 20px rgba(10,132,255,.25));
  transition:
    opacity .22s ease,
    transform .24s cubic-bezier(.2,.8,.2,1),
    filter .24s ease,
    width .22s ease,
    height .22s ease;
  -webkit-tap-highlight-color:transparent;
}
.mds-mary-chat-launcher.is-ready{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  pointer-events:auto;
  animation:mds-mary-launcher-float 5.8s ease-in-out infinite;
}
.mds-mary-chat-launcher img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  pointer-events:none;
}
.mds-mary-chat-launcher__open{
  display:none !important;
}
.mds-mary-chat-launcher::before{
  content:"";
  position:absolute;
  right:8%;
  bottom:3%;
  width:42%;
  aspect-ratio:1;
  border-radius:999px;
  background:radial-gradient(circle, rgba(34,211,238,.20), rgba(10,132,255,.10) 48%, rgba(3,27,78,0) 72%);
  box-shadow:0 0 30px rgba(10,132,255,.24);
  z-index:-1;
  pointer-events:none;
}
.mds-mary-chat-launcher:hover,
.mds-mary-chat-launcher:focus-visible{
  transform:translate3d(0,-4px,0) scale(1.02);
  filter:
    drop-shadow(0 22px 36px rgba(0,0,0,.58))
    drop-shadow(0 0 28px rgba(34,211,238,.42));
}
.mds-mary-chat-launcher:focus-visible{
  outline:3px solid rgba(125,211,252,.76);
  outline-offset:5px;
}
body.mds-ghl-chat-open .mds-mary-chat-launcher{
  width:74px;
  height:74px;
  aspect-ratio:1;
  right:10px;
  bottom:10px;
  border-radius:999px;
  animation:none;
  transform:translate3d(0,0,0) scale(1);
  filter:
    drop-shadow(0 12px 22px rgba(0,0,0,.48))
    drop-shadow(0 0 18px rgba(10,132,255,.28));
}
body.mds-ghl-chat-open .mds-mary-chat-launcher:hover,
body.mds-ghl-chat-open .mds-mary-chat-launcher:focus-visible{
  transform:translate3d(0,-2px,0) scale(1.05);
}
body.mds-ghl-chat-open .mds-mary-chat-launcher::before{
  inset:6%;
  width:auto;
  aspect-ratio:auto;
  background:radial-gradient(circle, rgba(34,211,238,.24), rgba(10,132,255,.12) 45%, rgba(2,8,22,0) 72%);
}
body.mds-ghl-chat-open .mds-mary-chat-launcher__closed{
  display:none !important;
}
body.mds-ghl-chat-open .mds-mary-chat-launcher__open{
  display:block !important;
  border-radius:999px;
}
body.mds-ghl-chat-open .mds-mary-chat-launcher::after{
  content:"×";
  position:absolute;
  right:-3px;
  top:-3px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg, #031B4E, #0A84FF);
  color:#fff;
  font-size:15px;
  line-height:1;
  font-weight:900;
  box-shadow:0 0 14px rgba(10,132,255,.42), 0 6px 14px rgba(0,0,0,.36);
  pointer-events:none;
}
@keyframes mds-mary-launcher-float{
  0%,100%{ translate:0 0; }
  50%{ translate:0 -5px; }
}
@media(max-width:760px){
  .mds-mary-chat-launcher{
    width:196px;
    right:8px;
    bottom:8px;
  }
  body.mds-ghl-chat-open .mds-mary-chat-launcher{
    width:62px;
    height:62px;
    right:8px;
    bottom:8px;
  }
  body.mds-ghl-chat-open .mds-mary-chat-launcher::after{
    width:18px;
    height:18px;
    font-size:13px;
  }
}
@media(max-width:420px){
  .mds-mary-chat-launcher{
    width:174px;
    right:6px;
    bottom:8px;
  }
  body.mds-ghl-chat-open .mds-mary-chat-launcher{
    width:58px;
    height:58px;
    right:7px;
    bottom:8px;
  }
}
@media(prefers-reduced-motion:reduce){
  .mds-mary-chat-launcher.is-ready{
    animation:none;
  }
  .mds-mary-chat-launcher{
    transition:opacity .2s ease, width .2s ease, height .2s ease;
  }
}

/* =========================================================
   V118 Founder-led Mary CTA Assist
   Adds a premium Mary presenter block near the primary hero CTA.
========================================================= */
.hero2-mary-cta{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  width:min(100%, 540px);
  min-height:148px;
  margin:4px 0 24px;
  padding:18px 16px 16px 20px;
  border:1px solid rgba(125,211,252,.24);
  border-radius:30px;
  color:#fff;
  text-align:left;
  cursor:pointer;
  overflow:visible;
  isolation:isolate;
  background:
    radial-gradient(circle at 86% 26%, rgba(10,132,255,.24), transparent 34%),
    linear-gradient(135deg, rgba(3,27,78,.72), rgba(8,28,61,.42));
  box-shadow:
    0 24px 80px rgba(0,0,0,.26),
    0 0 52px rgba(10,132,255,.13),
    inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(18px);
  transform:translateZ(0);
  animation:hero2MaryCtaIn .8s cubic-bezier(.18,.9,.2,1) .58s both;
}

.hero2-mary-cta::before{
  content:"";
  position:absolute;
  inset:12px 34% 12px 12px;
  border-radius:24px;
  border:1px solid rgba(125,211,252,.14);
  background:linear-gradient(135deg, rgba(10,132,255,.10), rgba(3,27,78,.12));
  pointer-events:none;
  z-index:-1;
}

.hero2-mary-cta::after{
  content:"";
  position:absolute;
  right:126px;
  top:50%;
  width:68px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(103,232,249,.9), transparent);
  box-shadow:0 0 18px rgba(34,211,238,.38);
  transform:translateY(-50%);
  opacity:.85;
  pointer-events:none;
}

.hero2-mary-cta-copy{
  position:relative;
  z-index:2;
  display:grid;
  align-content:center;
  max-width:300px;
  min-height:110px;
  padding-right:8px;
}

.hero2-mary-cta-copy small{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin-bottom:8px;
  color:#67e8f9;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.hero2-mary-cta-copy small::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 16px rgba(34,211,238,.9);
}

.hero2-mary-cta-copy strong{
  display:block;
  color:#fff;
  font-family:'Space Grotesk',Inter,sans-serif;
  font-size:clamp(26px,2.2vw,34px);
  line-height:1;
  letter-spacing:-.055em;
  text-shadow:0 16px 36px rgba(0,0,0,.36);
}

.hero2-mary-cta-copy em{
  display:block;
  margin-top:8px;
  color:#d8ecff;
  font-size:13px;
  font-style:normal;
  font-weight:780;
  line-height:1.38;
}

.hero2-mary-cta img{
  position:absolute;
  right:-18px;
  bottom:-4px;
  z-index:3;
  width:min(42%, 215px);
  max-height:220px;
  object-fit:contain;
  object-position:right bottom;
  filter:drop-shadow(0 30px 52px rgba(0,0,0,.40)) drop-shadow(0 0 22px rgba(10,132,255,.26));
  pointer-events:none;
  transform-origin:70% 100%;
  animation:hero2MaryFloat 5.4s ease-in-out infinite;
}

.hero2-mary-cta:hover,
.hero2-mary-cta:focus-visible{
  border-color:rgba(103,232,249,.46);
  box-shadow:
    0 30px 92px rgba(0,0,0,.30),
    0 0 70px rgba(10,132,255,.20),
    inset 0 1px 0 rgba(255,255,255,.14);
  transform:translateY(-2px);
}

.hero2-mary-cta:focus-visible{
  outline:3px solid rgba(103,232,249,.70);
  outline-offset:4px;
}

@keyframes hero2MaryCtaIn{
  from{opacity:0;transform:translateY(18px) scale(.98)}
  to{opacity:1;transform:none}
}

@keyframes hero2MaryFloat{
  0%,100%{transform:translateY(0) rotate(.2deg)}
  50%{transform:translateY(-7px) rotate(-.45deg)}
}

@media(max-width:1180px){
  .hero2-mary-cta{
    width:min(100%, 600px);
  }
}

@media(max-width:760px){
  .hero2-mary-cta{
    min-height:132px;
    margin:0 0 20px;
    padding:15px 14px 14px 16px;
    border-radius:26px;
  }

  .hero2-mary-cta::before{
    inset:10px 32% 10px 10px;
    border-radius:22px;
  }

  .hero2-mary-cta::after{
    right:104px;
    width:46px;
  }

  .hero2-mary-cta-copy{
    max-width:62%;
    min-height:96px;
  }

  .hero2-mary-cta-copy small{
    font-size:9.5px;
    margin-bottom:7px;
  }

  .hero2-mary-cta-copy strong{
    font-size:24px;
  }

  .hero2-mary-cta-copy em{
    font-size:12px;
    line-height:1.32;
  }

  .hero2-mary-cta img{
    right:-12px;
    width:min(42%, 154px);
    max-height:160px;
  }
}

@media(max-width:460px){
  .hero2-mary-cta{
    min-height:118px;
    padding:14px 12px;
  }

  .hero2-mary-cta::after{
    display:none;
  }

  .hero2-mary-cta-copy{
    max-width:66%;
    min-height:86px;
  }

  .hero2-mary-cta-copy strong{
    font-size:22px;
  }

  .hero2-mary-cta-copy em{
    font-size:11px;
  }

  .hero2-mary-cta img{
    right:-14px;
    bottom:-2px;
    width:45%;
    max-height:138px;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero2-mary-cta,
  .hero2-mary-cta img{
    animation:none !important;
  }
}


/* =========================================================
   V119 Cleaner Mary CTA Assist
   Marvin-aligned: Mary supports the existing CTA instead of adding a second card.
========================================================= */
.hero2-actions.hero2-actions-with-mary{
  position:relative;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  max-width:680px;
  min-height:128px;
  margin:32px 0 18px;
  padding-right:190px;
}

.hero2-actions-with-mary .hero2-primary-cta{
  position:relative;
  z-index:3;
}

.hero2-mary-assist{
  position:absolute;
  right:-18px;
  bottom:-30px;
  z-index:2;
  width:236px;
  height:218px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  overflow:visible;
  -webkit-tap-highlight-color:transparent;
  transform-origin:70% 100%;
  animation:hero2MaryAssistIn .75s cubic-bezier(.18,.9,.2,1) .56s both,
            hero2MaryAssistFloat 5.8s ease-in-out 1.35s infinite;
}

.hero2-mary-assist::before{
  content:"";
  position:absolute;
  right:18px;
  bottom:14px;
  width:142px;
  height:84px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(10,132,255,.28), transparent 72%);
  filter:blur(12px);
  opacity:.9;
  pointer-events:none;
}

.hero2-mary-assist::after{
  content:"";
  position:absolute;
  left:22px;
  top:86px;
  width:68px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(103,232,249,.85), transparent);
  box-shadow:0 0 18px rgba(34,211,238,.42);
  opacity:.7;
  pointer-events:none;
}

.hero2-mary-assist img{
  position:absolute;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:right bottom;
  filter:drop-shadow(0 30px 52px rgba(0,0,0,.42)) drop-shadow(0 0 24px rgba(10,132,255,.30));
  pointer-events:none;
}

.hero2-mary-assist-badge{
  position:absolute;
  left:-8px;
  top:32px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:8px 12px;
  border:1px solid rgba(125,211,252,.30);
  border-radius:999px;
  background:linear-gradient(135deg, rgba(3,27,78,.76), rgba(8,28,61,.52));
  color:#dff7ff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  box-shadow:0 18px 45px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(14px);
  white-space:nowrap;
  pointer-events:none;
}

.hero2-mary-assist-badge::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 14px rgba(34,211,238,.9);
}

.hero2-mary-assist:hover img,
.hero2-mary-assist:focus-visible img{
  filter:drop-shadow(0 34px 60px rgba(0,0,0,.48)) drop-shadow(0 0 34px rgba(10,132,255,.42));
}

.hero2-mary-assist:focus-visible{
  outline:3px solid rgba(103,232,249,.70);
  outline-offset:6px;
  border-radius:30px;
}

@keyframes hero2MaryAssistIn{
  from{opacity:0;transform:translate3d(18px,18px,0) scale(.94)}
  to{opacity:1;transform:none}
}

@keyframes hero2MaryAssistFloat{
  0%,100%{transform:translateY(0) rotate(.15deg)}
  50%{transform:translateY(-8px) rotate(-.35deg)}
}

/* Neutralize old V118 CTA block styles if cached markup ever remains */
.hero2-mary-cta{display:none !important;}

@media(max-width:1180px){
  .hero2-actions.hero2-actions-with-mary{
    padding-right:172px;
    min-height:120px;
  }
  .hero2-mary-assist{
    right:-10px;
    bottom:-24px;
    width:210px;
    height:198px;
  }
  .hero2-mary-assist-badge{
    top:34px;
    left:-4px;
    font-size:9px;
  }
}

@media(max-width:980px){
  .hero2-actions.hero2-actions-with-mary{
    justify-content:flex-start;
    max-width:620px;
    padding-right:170px;
    min-height:120px;
  }
  .hero2-mary-assist{
    right:0;
    width:204px;
    height:192px;
  }
}

@media(max-width:760px){
  .hero2-actions.hero2-actions-with-mary{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    min-height:auto;
    margin:28px 0 26px;
    padding-right:0;
    padding-bottom:132px;
  }

  .hero2-actions-with-mary .btn,
  .hero2-actions-with-mary .btn.btn-large,
  .hero2-actions-with-mary .btn.glass{
    width:100%;
    justify-content:center;
  }

  .hero2-mary-assist{
    right:8px;
    bottom:-12px;
    width:174px;
    height:164px;
  }

  .hero2-mary-assist-badge{
    left:-6px;
    top:44px;
    padding:7px 10px;
    font-size:8.5px;
  }

  .hero2-mary-assist::after{
    display:none;
  }
}

@media(max-width:460px){
  .hero2-actions.hero2-actions-with-mary{
    padding-bottom:118px;
  }
  .hero2-mary-assist{
    right:-4px;
    width:158px;
    height:150px;
  }
  .hero2-mary-assist-badge{
    left:-12px;
    top:46px;
    transform:scale(.92);
    transform-origin:left center;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero2-mary-assist{
    animation:none !important;
  }
}

/* === V120 Founder-led Strategy Call Section === */
.hero2-mary-assist{display:none !important;}

.v120-founder-call{
  position:relative;
  padding:96px 0 112px;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 52%, rgba(14,165,233,.20), transparent 36%),
    radial-gradient(circle at 20% 20%, rgba(37,99,235,.13), transparent 34%),
    linear-gradient(180deg, rgba(2,8,23,.15), rgba(3,27,78,.08) 52%, rgba(2,8,23,.12));
}

.v120-founder-call::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(125,211,252,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.055) 1px, transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(180deg, transparent, black 18%, black 82%, transparent);
  pointer-events:none;
}

.v120-founder-panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);
  align-items:center;
  min-height:520px;
  padding:56px 58px;
  border:1px solid rgba(125,211,252,.20);
  border-radius:44px;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(3,27,78,.88), rgba(3,12,28,.74) 58%, rgba(10,132,255,.16)),
    radial-gradient(circle at 88% 18%, rgba(10,132,255,.24), transparent 38%);
  box-shadow:0 34px 120px rgba(0,0,0,.40), inset 0 1px rgba(255,255,255,.12);
  isolation:isolate;
}

.v120-founder-panel::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:43px;
  background:
    linear-gradient(120deg, rgba(255,255,255,.09), transparent 30%, rgba(14,165,233,.10) 70%, transparent),
    radial-gradient(circle at 74% 80%, rgba(10,132,255,.26), transparent 32%);
  pointer-events:none;
  z-index:-1;
}

.v120-founder-panel::after{
  content:"";
  position:absolute;
  left:52px;
  right:52px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(125,211,252,.72), transparent);
  opacity:.75;
}

.v120-founder-copy{
  position:relative;
  z-index:2;
  max-width:590px;
}

.v120-founder-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.25);
  background:rgba(14,165,233,.10);
  color:#7dd3fc;
  font-weight:1000;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.v120-founder-kicker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:#22d3ee;
  box-shadow:0 0 18px rgba(34,211,238,.86);
}

.v120-founder-copy h2{
  max-width:620px;
  font-size:clamp(38px,4.8vw,70px);
  line-height:.96;
  letter-spacing:-.065em;
  margin:0 0 22px;
  color:#fff;
}

.v120-founder-copy h2::after{
  content:"";
  display:block;
  width:96px;
  height:3px;
  margin-top:24px;
  border-radius:999px;
  background:linear-gradient(90deg,#22d3ee,#0A84FF,transparent);
  box-shadow:0 0 24px rgba(10,132,255,.65);
}

.v120-founder-copy p{
  max-width:560px;
  color:#bdd3ec;
  font-size:18px;
  line-height:1.75;
  margin:0 0 28px;
}

.v120-founder-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:30px;
}

.v120-founder-points span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.18);
  background:rgba(255,255,255,.055);
  color:#e8f7ff;
  font-weight:850;
  font-size:13px;
}

.v120-founder-points span::before{
  content:"✓";
  color:#22d3ee;
  font-weight:1000;
}

.v120-founder-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
}

.v120-founder-actions .btn.glass{
  background:rgba(255,255,255,.045);
  color:#eaf6ff;
  border-color:rgba(125,211,252,.22);
  box-shadow:none;
}

.v120-founder-visual{
  position:absolute;
  right:26px;
  bottom:-18px;
  width:min(45%,540px);
  height:105%;
  z-index:1;
  pointer-events:none;
}

.v120-founder-visual::before{
  content:"";
  position:absolute;
  right:4%;
  bottom:7%;
  width:86%;
  height:54%;
  border-radius:999px 999px 120px 120px;
  background:radial-gradient(ellipse at center, rgba(10,132,255,.28), transparent 66%);
  filter:blur(10px);
  opacity:.92;
}

.v120-founder-orbit{
  position:absolute;
  right:4%;
  top:16%;
  width:78%;
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(125,211,252,.18);
  background:
    radial-gradient(circle at 50% 50%, rgba(10,132,255,.14), transparent 62%),
    repeating-conic-gradient(from 12deg, rgba(125,211,252,.13) 0deg 2deg, transparent 2deg 16deg);
  box-shadow:0 0 90px rgba(10,132,255,.22), inset 0 0 58px rgba(125,211,252,.07);
  animation:v120Orbit 20s linear infinite;
  opacity:.72;
}

.v120-founder-visual img{
  position:absolute;
  right:-2%;
  bottom:0;
  width:100%;
  height:auto;
  max-height:590px;
  object-fit:contain;
  object-position:bottom right;
  filter:drop-shadow(0 28px 56px rgba(0,0,0,.42)) drop-shadow(0 0 22px rgba(10,132,255,.28));
  transform-origin:bottom right;
  animation:v120MaryFloat 6s ease-in-out infinite;
}

@keyframes v120MaryFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

@keyframes v120Orbit{
  to{transform:rotate(360deg)}
}

@media(max-width:1080px){
  .v120-founder-panel{
    grid-template-columns:1fr;
    min-height:0;
    padding:48px 38px 0;
  }
  .v120-founder-copy{
    max-width:720px;
    padding-bottom:22px;
  }
  .v120-founder-visual{
    position:relative;
    right:auto;
    bottom:auto;
    width:min(520px,90%);
    height:auto;
    min-height:420px;
    margin:0 auto -8px;
  }
  .v120-founder-orbit{
    right:8%;
    top:4%;
  }
  .v120-founder-visual img{
    right:0;
    max-height:520px;
  }
}

@media(max-width:720px){
  .v120-founder-call{
    padding:68px 0 78px;
  }
  .v120-founder-panel{
    border-radius:34px;
    padding:34px 22px 0;
  }
  .v120-founder-panel::after{
    left:24px;
    right:24px;
  }
  .v120-founder-copy h2{
    font-size:clamp(34px,11vw,48px);
  }
  .v120-founder-copy p{
    font-size:16px;
  }
  .v120-founder-actions,
  .v120-founder-actions .btn{
    width:100%;
  }
  .v120-founder-actions .btn{
    justify-content:center;
  }
  .v120-founder-points{
    display:grid;
    grid-template-columns:1fr;
  }
  .v120-founder-visual{
    min-height:350px;
    width:min(430px,112%);
  }
}

@media(max-width:440px){
  .v120-founder-visual{
    min-height:310px;
    width:118%;
    margin-left:-9%;
  }
  .v120-founder-visual img{
    max-height:360px;
  }
}

@media(prefers-reduced-motion:reduce){
  .v120-founder-visual img,
  .v120-founder-orbit{
    animation:none !important;
  }
}

/* =========================================================
   V121 Premium Founder CTA Showcase
   Marvin-aligned: founder presence near booking, cleaner glow, split reveal layout.
========================================================= */
.v120-founder-call{display:none !important;}

.v121-founder-showcase{
  position:relative;
  padding:54px 0 112px;
  overflow:hidden;
  background:
    radial-gradient(circle at 68% 42%, rgba(14,165,233,.14), transparent 28%),
    radial-gradient(circle at 18% 18%, rgba(37,99,235,.10), transparent 30%),
    linear-gradient(180deg, rgba(2,8,23,0), rgba(3,20,50,.12) 36%, rgba(2,8,23,.04));
}

.v121-founder-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(125,211,252,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.045) 1px, transparent 1px);
  background-size:74px 74px;
  mask-image:linear-gradient(180deg, transparent, rgba(0,0,0,.9) 12%, rgba(0,0,0,.9) 88%, transparent);
  pointer-events:none;
}

.v121-signal-row{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:26px;
}

.v121-signal-row article{
  min-height:98px;
  padding:18px 18px 16px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:24px;
  background:linear-gradient(135deg, rgba(3,27,78,.34), rgba(2,8,23,.24));
  box-shadow:0 16px 44px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(12px);
}

.v121-signal-row small{
  display:flex;
  align-items:center;
  gap:8px;
  color:#67e8f9;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.v121-signal-row small::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 14px rgba(34,211,238,.9);
}

.v121-signal-row strong{
  display:block;
  color:#edf7ff;
  font-size:18px;
  line-height:1.35;
  letter-spacing:-.02em;
}

.v121-showcase-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:28px;
  align-items:stretch;
}

.v121-visual-card,
.v121-copy-card{
  position:relative;
  border:1px solid rgba(125,211,252,.18);
  border-radius:38px;
  overflow:hidden;
  backdrop-filter:blur(18px);
}

.v121-visual-card{
  min-height:640px;
  background:
    radial-gradient(circle at 70% 16%, rgba(14,165,233,.18), transparent 22%),
    radial-gradient(circle at 58% 58%, rgba(10,132,255,.14), transparent 34%),
    linear-gradient(145deg, rgba(3,22,56,.96), rgba(3,14,34,.92));
  box-shadow:0 28px 100px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
}

.v121-visual-card::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:30px;
  border:1px solid rgba(125,211,252,.10);
  background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  pointer-events:none;
}

.v121-visual-grid,
.v121-visual-beam,
.v121-visual-ring{
  position:absolute;
  pointer-events:none;
}

.v121-visual-grid{
  inset:0;
  background-image:
    linear-gradient(rgba(125,211,252,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.05) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg, transparent, rgba(0,0,0,.85) 18%, rgba(0,0,0,.85));
}

.v121-visual-beam{
  left:56%;
  top:-6%;
  width:44%;
  height:112%;
  background:linear-gradient(180deg, rgba(56,189,248,.05), rgba(56,189,248,.24), rgba(56,189,248,.04));
  filter:blur(34px);
  transform:translateX(-50%);
  opacity:.8;
}

.v121-visual-ring{
  left:50%;
  top:16%;
  width:min(62%, 360px);
  aspect-ratio:1;
  transform:translateX(-28%);
  border-radius:50%;
  border:1px solid rgba(125,211,252,.15);
  background:
    radial-gradient(circle at center, rgba(10,132,255,.12), transparent 58%),
    repeating-conic-gradient(from 0deg, rgba(125,211,252,.11) 0deg 2deg, transparent 2deg 16deg);
  box-shadow:0 0 80px rgba(10,132,255,.20), inset 0 0 44px rgba(103,232,249,.05);
  opacity:.68;
}

.v121-visual-chip{
  position:absolute;
  top:30px;
  left:30px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:999px;
  background:rgba(6,24,54,.55);
  color:#dff7ff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 10px 32px rgba(0,0,0,.24);
}
.v121-visual-chip::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 14px rgba(34,211,238,.9);
}

.v121-visual-caption{
  position:absolute;
  left:28px;
  right:28px;
  bottom:24px;
  z-index:3;
  max-width:300px;
  padding:18px 20px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:26px;
  background:linear-gradient(135deg, rgba(4,18,44,.88), rgba(3,10,24,.58));
  box-shadow:0 18px 54px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}

.v121-visual-caption span{
  display:block;
  margin-bottom:6px;
  color:#67e8f9;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.v121-visual-caption strong{
  display:block;
  color:#fff;
  font-size:28px;
  line-height:1.05;
  letter-spacing:-.04em;
  margin-bottom:6px;
}
.v121-visual-caption small{
  display:block;
  color:#b9d0eb;
  font-size:14px;
  line-height:1.45;
}

.v121-visual-card img{
  position:absolute;
  left:50%;
  bottom:0;
  z-index:2;
  width:min(90%, 560px);
  max-height:92%;
  object-fit:contain;
  object-position:bottom center;
  transform:translateX(-42%) translateY(16px);
  transform-origin:50% 100%;
  opacity:0;
  filter:drop-shadow(0 26px 54px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(10,132,255,.22));
  transition:transform .9s cubic-bezier(.2,.9,.2,1), opacity .6s ease;
}

.reveal.show.v121-visual-card img{
  transform:translateX(-42%) translateY(0);
  opacity:1;
  animation:v121MaryFloat 6s ease-in-out 1s infinite;
}

.v121-copy-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:52px 54px;
  background:
    linear-gradient(145deg, rgba(4,18,44,.88), rgba(2,8,23,.92)),
    radial-gradient(circle at 8% 8%, rgba(10,132,255,.10), transparent 34%);
  box-shadow:0 28px 100px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06);
}

.v121-copy-card::before{
  content:"";
  position:absolute;
  left:54px;
  right:54px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(125,211,252,.56), transparent);
  opacity:.8;
}

.v121-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  margin-bottom:20px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.20);
  background:rgba(14,165,233,.08);
  color:#7dd3fc;
  font-size:12px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.v121-kicker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 16px rgba(34,211,238,.88);
}

.v121-copy-card h2{
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(38px,4.7vw,68px);
  line-height:.96;
  letter-spacing:-.065em;
}

.v121-copy-card h2::after{
  content:"";
  display:block;
  width:96px;
  height:3px;
  margin-top:24px;
  border-radius:999px;
  background:linear-gradient(90deg,#22d3ee,#0A84FF,transparent);
  box-shadow:0 0 24px rgba(10,132,255,.56);
}

.v121-copy-card p{
  margin:0 0 26px;
  color:#c2d7ee;
  font-size:18px;
  line-height:1.75;
}

.v121-point-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:28px;
}

.v121-point-grid span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#eff8ff;
  font-size:13px;
  font-weight:850;
}
.v121-point-grid span::before{
  content:"✓";
  color:#22d3ee;
  font-weight:1000;
}

.v121-proof-card{
  margin-bottom:30px;
  padding:18px 18px 16px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:24px;
  background:linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.v121-proof-card b{
  display:block;
  color:#fff;
  font-size:18px;
  margin-bottom:8px;
}
.v121-proof-card p{
  margin:0;
  font-size:15px;
  line-height:1.6;
}

.v121-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.v121-actions .btn.glass{
  background:rgba(255,255,255,.05);
  color:#eef8ff;
  border-color:rgba(125,211,252,.18);
  box-shadow:none;
}

.reveal.v121-copy-card > *,
.reveal.v121-visual-card > *{
  transition-delay:0s;
}

@keyframes v121MaryFloat{
  0%,100%{transform:translateX(-42%) translateY(0)}
  50%{transform:translateX(-42%) translateY(-8px)}
}

@media(max-width:1180px){
  .v121-showcase-grid{
    grid-template-columns:1fr;
  }
  .v121-visual-card{
    min-height:560px;
  }
  .v121-copy-card{
    padding:46px 42px;
  }
}

@media(max-width:860px){
  .v121-signal-row{
    grid-template-columns:1fr;
  }
  .v121-showcase-grid{
    gap:22px;
  }
  .v121-visual-card{
    min-height:500px;
  }
}

@media(max-width:720px){
  .v121-founder-showcase{
    padding:42px 0 82px;
  }
  .v121-visual-card,
  .v121-copy-card{
    border-radius:30px;
  }
  .v121-visual-card{
    min-height:420px;
  }
  .v121-visual-chip{
    left:18px;
    top:18px;
    font-size:10px;
    padding:8px 12px;
  }
  .v121-visual-caption{
    left:16px;
    right:16px;
    bottom:14px;
    max-width:260px;
    padding:16px;
  }
  .v121-visual-caption strong{
    font-size:24px;
  }
  .v121-visual-caption small{
    font-size:13px;
  }
  .v121-copy-card{
    padding:34px 22px;
  }
  .v121-copy-card::before{
    left:22px;
    right:22px;
  }
  .v121-copy-card h2{
    font-size:clamp(34px,11vw,50px);
  }
  .v121-copy-card p{
    font-size:16px;
  }
  .v121-point-grid{
    display:grid;
    grid-template-columns:1fr;
  }
  .v121-actions,
  .v121-actions .btn{
    width:100%;
  }
  .v121-actions .btn{
    justify-content:center;
  }
}

@media(max-width:460px){
  .v121-visual-card{
    min-height:390px;
  }
  .v121-visual-ring{
    width:72%;
    top:18%;
  }
  .v121-visual-card img{
    width:96%;
  }
  .v121-visual-caption{
    max-width:220px;
  }
}

@media(prefers-reduced-motion:reduce){
  .reveal.show.v121-visual-card img{
    animation:none !important;
  }
}

/* =========================================================
   V122 Polish: cleaner founder image, stronger split reveal,
   and glow-only Mary chat launcher.
========================================================= */
.v121-visual-card.reveal{
  transform:translate3d(-42px, 18px, 0) scale(.985);
  transition:opacity .85s ease, transform .95s cubic-bezier(.18,.9,.2,1);
}
.v121-copy-card.reveal{
  transform:translate3d(42px, 18px, 0) scale(.985);
  transition:opacity .85s ease, transform .95s cubic-bezier(.18,.9,.2,1);
}
.v121-visual-card.reveal.show,
.v121-copy-card.reveal.show{
  transform:translate3d(0,0,0) scale(1);
}
.v121-visual-card::after{
  content:"";
  position:absolute;
  inset:-30% -20%;
  z-index:1;
  background:linear-gradient(115deg, transparent 30%, rgba(125,211,252,.10) 44%, rgba(10,132,255,.16) 50%, rgba(125,211,252,.08) 56%, transparent 70%);
  transform:translateX(-65%);
  opacity:.64;
  pointer-events:none;
  animation:v122ScanSweep 7.4s ease-in-out infinite;
}
.v121-visual-card img,
.v121-visual-caption,
.v121-visual-chip{
  z-index:3;
}
.v121-visual-ring{
  opacity:.50;
  filter:blur(.2px);
}
.v121-visual-card img{
  filter:drop-shadow(0 34px 70px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(34,211,238,.24));
}
.v121-copy-card{
  background:
    radial-gradient(circle at 94% 10%, rgba(34,211,238,.10), transparent 30%),
    linear-gradient(145deg, rgba(4,18,44,.92), rgba(2,8,23,.94));
}
.v121-copy-card h2{
  text-wrap:balance;
}
@keyframes v122ScanSweep{
  0%,42%{transform:translateX(-70%);opacity:0;}
  52%{opacity:.62;}
  70%,100%{transform:translateX(65%);opacity:0;}
}

/* Glow-only chat launcher: replaces heavy/sticker look with a premium SaaS pill. */
.mds-mary-chat-launcher{
  width:292px !important;
  height:94px !important;
  aspect-ratio:auto !important;
  right:14px !important;
  bottom:12px !important;
  border-radius:999px !important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.45)) drop-shadow(0 0 20px rgba(10,132,255,.18)) !important;
}
.mds-mary-chat-launcher::before{
  inset:auto 12px 8px auto !important;
  width:92px !important;
  height:58px !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(34,211,238,.18), rgba(10,132,255,.10) 46%, transparent 72%) !important;
}
.mds-mary-chat-launcher__closed{
  position:relative;
  display:grid !important;
  grid-template-columns:1fr 76px;
  align-items:center;
  width:100%;
  height:100%;
  padding:12px 10px 12px 20px;
  border:1px solid rgba(125,211,252,.28);
  border-radius:999px;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 50%, rgba(10,132,255,.20), transparent 32%),
    linear-gradient(135deg, rgba(3,27,78,.92), rgba(4,18,44,.82));
  box-shadow:0 18px 45px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.10), 0 0 30px rgba(10,132,255,.16);
  backdrop-filter:blur(16px);
}
.mds-mary-chat-launcher__closed::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 18%, rgba(125,211,252,.12) 46%, transparent 72%);
  transform:translateX(-120%);
  animation:mdsChatSheen 6.8s ease-in-out infinite;
  pointer-events:none;
}
.mds-mary-chat-glow-dot{
  position:absolute;
  right:20px;
  bottom:16px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.16), 0 0 20px rgba(34,197,94,.72);
  z-index:3;
}
.mds-mary-chat-copy{
  position:relative;
  z-index:2;
  display:block;
  color:#fff;
  text-align:left;
  min-width:0;
}
.mds-mary-chat-copy strong{
  display:block;
  font-family:'Space Grotesk',Inter,sans-serif;
  font-size:18px;
  line-height:1.05;
  letter-spacing:-.025em;
}
.mds-mary-chat-copy small{
  display:block;
  margin-top:4px;
  color:#d8ecff;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
}
.mds-mary-chat-avatar{
  position:relative;
  z-index:2;
  width:72px;
  height:72px;
  border-radius:50%;
  padding:3px;
  background:linear-gradient(135deg, rgba(125,211,252,.85), rgba(10,132,255,.52));
  box-shadow:0 0 22px rgba(10,132,255,.38);
}
.mds-mary-chat-avatar img,
.mds-mary-chat-launcher__open img{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  background:#031B4E;
  filter:none !important;
}
.mds-mary-chat-launcher:hover .mds-mary-chat-launcher__closed,
.mds-mary-chat-launcher:focus-visible .mds-mary-chat-launcher__closed{
  border-color:rgba(103,232,249,.52);
  box-shadow:0 22px 58px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.14), 0 0 44px rgba(10,132,255,.24);
}
body.mds-ghl-chat-open .mds-mary-chat-launcher{
  width:66px !important;
  height:66px !important;
  right:15px !important;
  bottom:14px !important;
  border-radius:50% !important;
}
body.mds-ghl-chat-open .mds-mary-chat-launcher__closed{
  display:none !important;
}
body.mds-ghl-chat-open .mds-mary-chat-launcher__open{
  display:block !important;
  width:100%;
  height:100%;
  padding:3px;
  border:1px solid rgba(125,211,252,.45);
  border-radius:50%;
  background:linear-gradient(135deg, rgba(3,27,78,.98), rgba(10,132,255,.72));
  box-shadow:0 12px 26px rgba(0,0,0,.42), 0 0 24px rgba(10,132,255,.30);
}
body.mds-ghl-chat-open .mds-mary-chat-launcher::after{
  right:-2px !important;
  top:-2px !important;
  background:linear-gradient(135deg, #031B4E, #0A84FF) !important;
}
@keyframes mdsChatSheen{
  0%,48%{transform:translateX(-120%);opacity:0;}
  56%{opacity:.8;}
  76%,100%{transform:translateX(120%);opacity:0;}
}
@media(max-width:760px){
  .mds-mary-chat-launcher{
    width:230px !important;
    height:78px !important;
    right:8px !important;
    bottom:8px !important;
  }
  .mds-mary-chat-launcher__closed{
    grid-template-columns:1fr 60px;
    padding:10px 8px 10px 15px;
  }
  .mds-mary-chat-copy strong{font-size:15px;}
  .mds-mary-chat-copy small{font-size:10.5px;}
  .mds-mary-chat-avatar{width:58px;height:58px;}
  .mds-mary-chat-glow-dot{right:16px;bottom:12px;width:10px;height:10px;}
  body.mds-ghl-chat-open .mds-mary-chat-launcher{
    width:58px !important;
    height:58px !important;
    right:8px !important;
    bottom:8px !important;
  }
}
@media(max-width:420px){
  .mds-mary-chat-launcher{
    width:210px !important;
    height:72px !important;
    right:6px !important;
    bottom:8px !important;
  }
  .mds-mary-chat-copy strong{font-size:14px;}
  .mds-mary-chat-copy small{font-size:10px;}
  .mds-mary-chat-avatar{width:54px;height:54px;}
}
@media(prefers-reduced-motion:reduce){
  .v121-visual-card::after,
  .mds-mary-chat-launcher__closed::before{
    animation:none !important;
  }
}

/* =========================================================
   V123 COO-aligned Appointment Section + restored Mary chat art
   Keep v117/v122 chat toggle animation, but use the approved chat image.
========================================================= */
.v123-founder-appointment{
  position:relative;
  padding:58px 0 116px;
  overflow:hidden;
  background:
    radial-gradient(circle at 74% 34%, rgba(14,165,233,.14), transparent 30%),
    radial-gradient(circle at 18% 18%, rgba(10,132,255,.09), transparent 36%),
    linear-gradient(180deg, rgba(2,8,23,0), rgba(2,8,23,.30) 46%, rgba(2,8,23,0));
}

.v123-founder-appointment::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(125,211,252,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.045) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg, transparent, rgba(0,0,0,.86) 12%, rgba(0,0,0,.86) 88%, transparent);
}

.v123-appointment-shell{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  min-height:690px;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(125,211,252,.20);
  border-radius:42px;
  background:
    radial-gradient(circle at 68% 38%, rgba(34,211,238,.15), transparent 31%),
    radial-gradient(circle at 96% 100%, rgba(10,132,255,.16), transparent 38%),
    linear-gradient(135deg, rgba(3,18,45,.92), rgba(2,8,23,.96));
  box-shadow:0 34px 120px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
  transform:translateY(32px) scale(.99);
  transition:opacity .85s ease, transform .95s cubic-bezier(.18,.9,.2,1), border-color .3s ease;
}

.v123-appointment-shell.show{
  transform:translateY(0) scale(1);
  border-color:rgba(125,211,252,.28);
}

.v123-grid-light,
.v123-orbit{
  position:absolute;
  pointer-events:none;
}

.v123-grid-light{
  inset:0;
  background-image:
    linear-gradient(rgba(125,211,252,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.055) 1px, transparent 1px);
  background-size:48px 48px;
  opacity:.72;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.9), rgba(0,0,0,.55), transparent 92%);
}

.v123-orbit{
  right:10%;
  top:7%;
  width:min(42vw,560px);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(125,211,252,.16);
  background:
    radial-gradient(circle at center, rgba(10,132,255,.12), transparent 58%),
    repeating-conic-gradient(from 0deg, rgba(125,211,252,.12) 0deg 2deg, transparent 2deg 16deg);
  box-shadow:0 0 100px rgba(10,132,255,.18), inset 0 0 54px rgba(34,211,238,.05);
  opacity:.62;
  animation:v123Orbit 16s linear infinite;
}

.v123-appointment-copy{
  position:relative;
  z-index:4;
  padding:74px 0 74px 66px;
  max-width:650px;
  opacity:0;
  transform:translateX(-32px);
  transition:opacity .78s ease .12s, transform .85s cubic-bezier(.18,.9,.2,1) .12s;
}

.v123-appointment-shell.show .v123-appointment-copy{
  opacity:1;
  transform:translateX(0);
}

.v123-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:22px;
  padding:10px 16px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:999px;
  background:rgba(14,165,233,.08);
  color:#7dd3fc;
  font-size:12px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
  box-shadow:0 14px 40px rgba(0,0,0,.18);
}
.v123-eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 16px rgba(34,211,238,.9);
}

.v123-appointment-copy h2{
  margin:0 0 22px;
  max-width:600px;
  color:#fff;
  font-size:clamp(42px,5.2vw,76px);
  line-height:.96;
  letter-spacing:-.07em;
  text-wrap:balance;
}
.v123-appointment-copy h2::after{
  content:"";
  display:block;
  width:112px;
  height:3px;
  margin-top:26px;
  border-radius:999px;
  background:linear-gradient(90deg,#22d3ee,#0A84FF,transparent);
  box-shadow:0 0 26px rgba(10,132,255,.6);
}

.v123-appointment-copy p{
  margin:0 0 26px;
  max-width:560px;
  color:#c5d8ee;
  font-size:18px;
  line-height:1.72;
}

.v123-feature-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  max-width:560px;
  margin-bottom:28px;
}
.v123-feature-row span{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:10px 14px;
  border:1px solid rgba(125,211,252,.15);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  color:#eff8ff;
  font-size:14px;
  font-weight:850;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.v123-feature-row span::before{
  content:"✓";
  display:grid;
  place-items:center;
  flex:0 0 22px;
  height:22px;
  border-radius:50%;
  background:rgba(34,211,238,.10);
  color:#22d3ee;
  font-weight:1000;
}

.v123-appointment-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.v123-appointment-actions .btn.glass{
  background:rgba(255,255,255,.055);
  color:#eef8ff;
  border-color:rgba(125,211,252,.20);
  box-shadow:none;
}

.v123-appointment-visual{
  position:relative;
  z-index:3;
  min-height:690px;
  align-self:stretch;
  opacity:0;
  transform:translateX(48px) scale(.985);
  transition:opacity .85s ease .22s, transform .95s cubic-bezier(.18,.9,.2,1) .22s;
}
.v123-appointment-shell.show .v123-appointment-visual{
  opacity:1;
  transform:translateX(0) scale(1);
}

.v123-appointment-visual::before{
  content:"";
  position:absolute;
  right:-18%;
  bottom:-18%;
  width:76%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(14,165,233,.34), rgba(10,132,255,.13) 38%, transparent 68%);
  filter:blur(16px);
  opacity:.85;
}
.v123-appointment-visual::after{
  content:"";
  position:absolute;
  inset:-20% -20%;
  background:linear-gradient(110deg, transparent 30%, rgba(125,211,252,.10) 46%, rgba(10,132,255,.16) 52%, transparent 70%);
  transform:translateX(-80%);
  opacity:0;
  animation:v123ScanSweep 7.5s ease-in-out 1.2s infinite;
}

.v123-appointment-visual img{
  position:absolute;
  right:2%;
  bottom:-28px;
  z-index:3;
  width:min(92%, 670px);
  max-height:104%;
  object-fit:contain;
  object-position:bottom right;
  filter:drop-shadow(0 36px 80px rgba(0,0,0,.48)) drop-shadow(0 0 20px rgba(34,211,238,.20));
  animation:v123MaryFloat 6.5s ease-in-out 1s infinite;
}

.v123-floating-card{
  position:absolute;
  z-index:5;
  left:4%;
  top:35%;
  width:min(360px,43%);
  padding:22px 24px;
  border:1px solid rgba(125,211,252,.28);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.16), transparent 44%),
    linear-gradient(135deg, rgba(4,18,44,.92), rgba(3,27,78,.78));
  box-shadow:0 24px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08), 0 0 42px rgba(10,132,255,.16);
  backdrop-filter:blur(16px);
  transform:translateY(12px);
  transition:transform .4s ease, border-color .3s ease, box-shadow .3s ease;
}
.v123-floating-card:hover{
  transform:translateY(6px);
  border-color:rgba(125,211,252,.44);
  box-shadow:0 28px 80px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.12), 0 0 52px rgba(10,132,255,.24);
}
.v123-floating-card small{
  display:block;
  color:#67e8f9;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.v123-floating-card strong{
  display:block;
  color:#fff;
  font-size:28px;
  line-height:1.05;
  letter-spacing:-.04em;
  margin-bottom:8px;
}
.v123-floating-card span{
  display:block;
  color:#bfd7ef;
  font-size:14px;
  line-height:1.45;
}

@keyframes v123Orbit{to{transform:rotate(360deg)}}
@keyframes v123MaryFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes v123ScanSweep{
  0%,42%{transform:translateX(-82%);opacity:0;}
  54%{opacity:.62;}
  72%,100%{transform:translateX(70%);opacity:0;}
}

/* Restore approved Mary chat art while keeping the v117/v122 open/close interaction. */
.mds-mary-chat-launcher{
  width:300px !important;
  height:116px !important;
  right:10px !important;
  bottom:8px !important;
  border-radius:32px !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.42)) drop-shadow(0 0 20px rgba(10,132,255,.18)) !important;
  transition:width .28s ease, height .28s ease, transform .28s ease, filter .28s ease, opacity .28s ease !important;
}
.mds-mary-chat-launcher::before{display:none !important;}
.mds-mary-chat-launcher__closed{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:right bottom !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  transform-origin:right bottom;
  animation:mdsMaryLauncherBreathe 4.8s ease-in-out infinite;
}
.mds-mary-chat-launcher:hover,
.mds-mary-chat-launcher:focus-visible{
  transform:translateY(-4px) scale(1.015) !important;
  filter:drop-shadow(0 24px 42px rgba(0,0,0,.48)) drop-shadow(0 0 28px rgba(10,132,255,.26)) !important;
}
body.mds-ghl-chat-open .mds-mary-chat-launcher{
  width:66px !important;
  height:66px !important;
  right:14px !important;
  bottom:14px !important;
  border-radius:50% !important;
  transform:none !important;
}
body.mds-ghl-chat-open .mds-mary-chat-launcher__closed{
  display:none !important;
}
body.mds-ghl-chat-open .mds-mary-chat-launcher__open{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 12px 26px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(10,132,255,.24)) !important;
}
body.mds-ghl-chat-open .mds-mary-chat-launcher::after{
  right:-2px !important;
  top:-2px !important;
  background:linear-gradient(135deg, #031B4E, #0A84FF) !important;
}
@keyframes mdsMaryLauncherBreathe{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1.01)}
}

@media(max-width:1180px){
  .v123-appointment-shell{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .v123-appointment-copy{
    padding:54px 44px 0;
    max-width:780px;
  }
  .v123-appointment-visual{
    min-height:570px;
  }
  .v123-appointment-visual img{
    right:2%;
    width:min(76%,560px);
  }
  .v123-floating-card{
    left:44px;
    top:30%;
    width:min(340px,42%);
  }
}
@media(max-width:760px){
  .v123-founder-appointment{padding:44px 0 86px;}
  .v123-appointment-shell{border-radius:32px;}
  .v123-appointment-copy{padding:36px 22px 0;}
  .v123-appointment-copy h2{font-size:clamp(34px,10.5vw,54px);}
  .v123-appointment-copy p{font-size:16px;}
  .v123-feature-row{grid-template-columns:1fr;}
  .v123-appointment-actions,.v123-appointment-actions .btn{width:100%;}
  .v123-appointment-actions .btn{justify-content:center;}
  .v123-appointment-visual{min-height:430px;}
  .v123-appointment-visual img{right:-8%;bottom:-20px;width:min(104%,460px);}
  .v123-floating-card{left:18px;top:18px;width:min(300px,72%);padding:16px 18px;border-radius:22px;}
  .v123-floating-card strong{font-size:22px;}
  .mds-mary-chat-launcher{width:238px !important;height:92px !important;right:6px !important;bottom:6px !important;}
  body.mds-ghl-chat-open .mds-mary-chat-launcher{width:58px !important;height:58px !important;right:8px !important;bottom:8px !important;}
}
@media(max-width:420px){
  .v123-appointment-visual{min-height:390px;}
  .v123-appointment-visual img{right:-18%;width:min(124%,430px);}
  .v123-floating-card{width:74%;}
  .mds-mary-chat-launcher{width:218px !important;height:84px !important;}
}
@media(prefers-reduced-motion:reduce){
  .v123-orbit,
  .v123-appointment-visual::after,
  .v123-appointment-visual img,
  .mds-mary-chat-launcher__closed{
    animation:none !important;
  }
}


/* =========================================================
   V124 emergency cleanup
   - Removes checkerboard issue by using transparent Mary asset.
   - Keeps the approved chat widget animation/behavior.
   - Restores the previous chat launcher artwork + correct size/aspect.
   - Keeps COO-aligned appointment CTA without looking like a broken image box.
========================================================= */
.v123-appointment-shell{
  grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr) !important;
  min-height:700px !important;
}

.v123-appointment-visual{
  overflow:visible !important;
  isolation:isolate;
}

.v123-appointment-visual::before{
  right:2% !important;
  bottom:3% !important;
  width:76% !important;
  background:
    radial-gradient(circle, rgba(34,211,238,.26), rgba(10,132,255,.14) 38%, transparent 68%) !important;
  filter:blur(18px) !important;
}

.v123-appointment-visual img{
  right:-2% !important;
  bottom:-24px !important;
  width:min(94%, 650px) !important;
  max-height:102% !important;
  background:transparent !important;
  mix-blend-mode:normal !important;
  filter:
    drop-shadow(0 36px 80px rgba(0,0,0,.48))
    drop-shadow(0 0 18px rgba(34,211,238,.22)) !important;
}

.v123-floating-card{
  left:0 !important;
  top:36% !important;
  width:min(360px,46%) !important;
  padding:22px 24px !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.15), transparent 44%),
    linear-gradient(135deg, rgba(3,18,45,.94), rgba(3,27,78,.84)) !important;
}

.v123-floating-card::after{
  content:"";
  position:absolute;
  right:-52px;
  top:50%;
  width:52px;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, rgba(34,211,238,.72), transparent);
  box-shadow:0 0 18px rgba(34,211,238,.55);
  pointer-events:none;
}

.v123-floating-card strong{font-size:30px !important;}
.v123-floating-card span{font-size:14px !important;}

/* Restore the approved chat launcher visual. The v123 asset was square and looked tiny/squashed. */
.mds-mary-chat-launcher{
  width:286px !important;
  height:auto !important;
  aspect-ratio:900 / 735 !important;
  right:14px !important;
  bottom:10px !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:
    drop-shadow(0 18px 30px rgba(0,0,0,.50))
    drop-shadow(0 0 22px rgba(10,132,255,.25)) !important;
  transition:
    opacity .22s ease,
    transform .24s cubic-bezier(.2,.8,.2,1),
    filter .24s ease,
    width .22s ease,
    height .22s ease !important;
}

.mds-mary-chat-launcher__closed{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:right bottom !important;
  animation:mds-mary-launcher-float 5.8s ease-in-out infinite !important;
}

.mds-mary-chat-launcher:hover,
.mds-mary-chat-launcher:focus-visible{
  transform:translate3d(0,-4px,0) scale(1.02) !important;
  filter:
    drop-shadow(0 22px 36px rgba(0,0,0,.58))
    drop-shadow(0 0 28px rgba(34,211,238,.42)) !important;
}

body.mds-ghl-chat-open .mds-mary-chat-launcher{
  width:74px !important;
  height:74px !important;
  aspect-ratio:1 !important;
  right:10px !important;
  bottom:10px !important;
  border-radius:999px !important;
}

body.mds-ghl-chat-open .mds-mary-chat-launcher__open{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  border-radius:999px !important;
  background:transparent !important;
  filter:
    drop-shadow(0 12px 22px rgba(0,0,0,.48))
    drop-shadow(0 0 18px rgba(10,132,255,.28)) !important;
}

@media(max-width:1180px){
  .v123-appointment-shell{grid-template-columns:1fr !important;}
  .v123-appointment-visual{min-height:560px !important;}
  .v123-appointment-visual img{right:0 !important;width:min(82%,560px) !important;}
  .v123-floating-card{left:44px !important;top:30% !important;width:min(340px,44%) !important;}
}

@media(max-width:760px){
  .v123-appointment-visual{min-height:430px !important;}
  .v123-appointment-visual img{right:-8% !important;bottom:-20px !important;width:min(104%,460px) !important;}
  .v123-floating-card{left:18px !important;top:18px !important;width:min(300px,72%) !important;}
  .mds-mary-chat-launcher{width:252px !important;right:8px !important;bottom:8px !important;}
  body.mds-ghl-chat-open .mds-mary-chat-launcher{width:64px !important;height:64px !important;right:8px !important;bottom:8px !important;}
}

@media(max-width:420px){
  .v123-appointment-visual{min-height:390px !important;}
  .v123-appointment-visual img{right:-18% !important;width:min(124%,430px) !important;}
  .v123-floating-card{width:74% !important;}
  .mds-mary-chat-launcher{width:232px !important;}
}

/* =========================================================
   V125 appointment hero polish
   - smaller chat widget
   - COO-style clickable appointment button near Mary's hand
   - richer animated second hero background and motion
========================================================= */
.v125-appointment-shell{
  --v125-shift-x:0px;
  --v125-shift-y:0px;
  --v125-spot-x:50%;
  --v125-spot-y:34%;
  isolation:isolate !important;
}

.v125-appointment-bg,
.v125-appointment-aura{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.v125-appointment-bg{
  z-index:0;
  overflow:hidden;
}
.v125-appointment-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 18%, rgba(56,189,248,.18), transparent 30%),
    radial-gradient(circle at 82% 70%, rgba(10,132,255,.20), transparent 28%),
    linear-gradient(90deg, rgba(2,8,23,.76) 0%, rgba(2,8,23,.54) 40%, rgba(2,8,23,.68) 100%);
}
.v125-appointment-bg video{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.20;
  filter:saturate(0.8) brightness(.72) contrast(1.08) blur(1.2px);
  transform:scale(1.06);
  animation:v125HeroVideoFloat 18s ease-in-out infinite alternate;
}

.v125-appointment-aura{
  z-index:1;
  background:
    radial-gradient(540px circle at var(--v125-spot-x) var(--v125-spot-y), rgba(14,165,233,.16), transparent 42%),
    linear-gradient(110deg, transparent 18%, rgba(125,211,252,.06) 46%, transparent 74%);
  mix-blend-mode:screen;
  animation:v125AuraSweep 11s ease-in-out infinite;
}

.v123-grid-light{z-index:1 !important; opacity:.55 !important; animation:v125GridDrift 18s linear infinite;}
.v123-orbit{z-index:1 !important; opacity:.42 !important;}

.v123-appointment-copy,
.v123-appointment-visual{
  will-change:transform;
}
.v123-appointment-copy{
  transform:translate3d(calc(var(--v125-shift-x) - 28px), calc(var(--v125-shift-y) + 6px), 0) !important;
}
.v123-appointment-visual{
  transform:translate3d(calc(var(--v125-shift-x) + 34px), calc(var(--v125-shift-y) - 4px), 0) !important;
}
.v123-appointment-shell.show .v123-appointment-copy{transform:translate3d(calc(var(--v125-shift-x) * .35), calc(var(--v125-shift-y) * .35), 0) !important;}
.v123-appointment-shell.show .v123-appointment-visual{transform:translate3d(calc(var(--v125-shift-x) * -.55), calc(var(--v125-shift-y) * -.55), 0) !important;}

.v123-appointment-copy{
  z-index:4 !important;
}
.v123-appointment-visual{
  z-index:4 !important;
}

.v123-floating-card{
  left:2% !important;
  top:25% !important;
  width:min(348px,42%) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.17), transparent 42%),
    linear-gradient(135deg, rgba(4,18,44,.78), rgba(6,31,82,.72)) !important;
  border-color:rgba(125,211,252,.22) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08), 0 0 48px rgba(10,132,255,.12) !important;
  backdrop-filter:blur(22px) saturate(135%) !important;
  animation:v125CardFloat 6.8s ease-in-out infinite;
}
.v123-floating-card::after{
  right:-74px !important;
  width:74px !important;
  height:2px !important;
  background:linear-gradient(90deg, rgba(56,189,248,.9), rgba(56,189,248,.08)) !important;
  box-shadow:0 0 18px rgba(34,211,238,.46) !important;
}
.v123-floating-card strong{
  font-size:30px !important;
}
.v123-floating-card span{
  color:#d5e6f8 !important;
}

.v123-appointment-visual img{
  width:min(96%, 660px) !important;
  right:-2% !important;
  bottom:-18px !important;
  filter:drop-shadow(0 42px 84px rgba(0,0,0,.50)) drop-shadow(0 0 16px rgba(34,211,238,.14)) !important;
}

.v125-appointment-hotspot{
  position:absolute;
  left:4%;
  bottom:31%;
  z-index:6;
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-height:62px;
  padding:0 20px 0 22px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.24);
  background:linear-gradient(135deg, rgba(3,18,45,.84), rgba(10,132,255,.22));
  color:#f7fbff;
  font:inherit;
  font-weight:950;
  letter-spacing:-.02em;
  cursor:pointer;
  box-shadow:0 22px 55px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08), 0 0 32px rgba(14,165,233,.16);
  backdrop-filter:blur(20px) saturate(150%);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
  animation:v125HotspotPulse 2.8s ease-in-out infinite;
}
.v125-appointment-hotspot::before{
  content:"";
  width:12px;
  height:12px;
  border-radius:50%;
  background:linear-gradient(135deg, #67e8f9, #0A84FF);
  box-shadow:0 0 0 8px rgba(34,211,238,.08), 0 0 22px rgba(34,211,238,.65);
  flex:0 0 12px;
}
.v125-appointment-hotspot::after{
  content:"";
  position:absolute;
  right:-60px;
  top:50%;
  width:60px;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, rgba(56,189,248,.92), rgba(56,189,248,0));
  box-shadow:0 0 18px rgba(34,211,238,.42);
  pointer-events:none;
}
.v125-appointment-hotspot span{white-space:nowrap;}
.v125-appointment-hotspot i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  font-style:normal;
  font-size:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.v125-appointment-hotspot:hover,
.v125-appointment-hotspot:focus-visible{
  transform:translateY(-4px) scale(1.02);
  border-color:rgba(125,211,252,.44);
  box-shadow:0 30px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12), 0 0 44px rgba(14,165,233,.24);
  background:linear-gradient(135deg, rgba(3,18,45,.92), rgba(10,132,255,.28));
}
.v125-appointment-hotspot:focus-visible{outline:2px solid rgba(103,232,249,.75);outline-offset:3px;}

/* smaller launcher but keep same art + open/close behavior */
.mds-mary-chat-launcher{
  width:236px !important;
  right:12px !important;
  bottom:10px !important;
}
body.mds-ghl-chat-open .mds-mary-chat-launcher{
  width:70px !important;
  height:70px !important;
  right:10px !important;
  bottom:10px !important;
}

@keyframes v125HeroVideoFloat{
  0%{transform:scale(1.06) translate3d(0,0,0)}
  100%{transform:scale(1.12) translate3d(0,-10px,0)}
}
@keyframes v125AuraSweep{
  0%,100%{opacity:.56; transform:translateX(0)}
  50%{opacity:.9; transform:translateX(1.8%)}
}
@keyframes v125GridDrift{
  0%{background-position:0 0, 0 0}
  100%{background-position:0 52px, 52px 0}
}
@keyframes v125CardFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes v125HotspotPulse{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-2px) scale(1.015)}
}

@media(max-width:1180px){
  .v123-appointment-copy,
  .v123-appointment-visual,
  .v123-appointment-shell.show .v123-appointment-copy,
  .v123-appointment-shell.show .v123-appointment-visual{
    transform:none !important;
  }
  .v123-floating-card{left:44px !important;top:18% !important;width:min(360px,48%) !important;}
  .v125-appointment-hotspot{left:44px; bottom:26%;}
}
@media(max-width:760px){
  .v125-appointment-bg video{opacity:.16;}
  .v123-grid-light{opacity:.42 !important;}
  .v123-appointment-visual img{right:-10% !important; width:min(104%,460px) !important;}
  .v123-floating-card{left:18px !important;top:18px !important;width:min(300px,76%) !important;}
  .v125-appointment-hotspot{
    left:18px;
    bottom:18%;
    min-height:56px;
    padding:0 16px 0 18px;
    gap:10px;
  }
  .v125-appointment-hotspot::after{display:none;}
  .v125-appointment-hotspot span{font-size:15px;}
  .v125-appointment-hotspot i{width:30px;height:30px;font-size:16px;}
  .mds-mary-chat-launcher{width:210px !important;right:8px !important;bottom:8px !important;}
  body.mds-ghl-chat-open .mds-mary-chat-launcher{width:62px !important;height:62px !important;right:8px !important;bottom:8px !important;}
}
@media(max-width:420px){
  .v125-appointment-hotspot{left:14px;right:14px;justify-content:space-between;bottom:16%;}
  .v123-floating-card{width:min(280px,76%) !important;}
  .mds-mary-chat-launcher{width:188px !important;}
}
@media(prefers-reduced-motion:reduce){
  .v125-appointment-bg video,
  .v125-appointment-aura,
  .v123-grid-light,
  .v123-floating-card,
  .v125-appointment-hotspot,
  .v123-appointment-visual img{
    animation:none !important;
  }
}

/* =========================================================
   V126 premium polish for founder appointment section
   User feedback: align CTA, remove cheap wheel look, keep agency-tech feel
========================================================= */
.v125-appointment-shell .v123-orbit{
  display:none !important;
}

.v125-appointment-shell{
  border-color:rgba(125,211,252,.16) !important;
  background:
    linear-gradient(135deg, rgba(3,12,32,.92), rgba(3,16,44,.96)) !important;
  box-shadow:0 36px 120px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(56,189,248,.04) !important;
}
.v125-appointment-shell.show{
  border-color:rgba(125,211,252,.24) !important;
}

.v125-appointment-bg::after{
  background:
    radial-gradient(circle at 74% 52%, rgba(34,211,238,.14), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(10,132,255,.14), transparent 18%),
    linear-gradient(90deg, rgba(2,8,23,.88) 0%, rgba(2,8,23,.64) 38%, rgba(2,8,23,.58) 56%, rgba(2,8,23,.70) 100%) !important;
}
.v125-appointment-bg video{
  opacity:.16 !important;
  filter:saturate(.75) brightness(.58) contrast(1.14) blur(1.6px) !important;
}
.v125-appointment-aura{
  background:
    radial-gradient(540px circle at 72% 58%, rgba(14,165,233,.18), transparent 36%),
    radial-gradient(340px circle at 18% 50%, rgba(34,211,238,.05), transparent 32%),
    linear-gradient(115deg, transparent 26%, rgba(125,211,252,.05) 46%, transparent 70%) !important;
  opacity:.92;
}
.v123-grid-light{
  opacity:.36 !important;
  background-size:56px 56px !important;
}

.v123-appointment-copy h2{
  max-width:620px !important;
}
.v123-appointment-copy p{
  max-width:565px !important;
}

.v123-appointment-visual::before{
  right:-3% !important;
  bottom:8% !important;
  width:64% !important;
  aspect-ratio:0.82 !important;
  border-radius:44% 44% 40% 40% / 56% 56% 34% 34% !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(34,211,238,.24), rgba(10,132,255,.14) 38%, rgba(10,132,255,.06) 55%, transparent 72%) !important;
  filter:blur(22px) !important;
  opacity:.9 !important;
}
.v123-appointment-visual::after{
  inset:-8% -12% !important;
  background:
    linear-gradient(115deg, transparent 28%, rgba(125,211,252,.05) 44%, rgba(34,211,238,.10) 49%, rgba(10,132,255,.14) 52%, transparent 66%) !important;
  animation:v126ScanSweep 8.5s ease-in-out 1.4s infinite !important;
  opacity:.6 !important;
}
.v123-appointment-visual img{
  right:0 !important;
  bottom:-12px !important;
  width:min(92%, 640px) !important;
  animation:v126MaryFloat 7.2s ease-in-out 1s infinite !important;
}

.v123-floating-card{
  left:8% !important;
  top:25% !important;
  width:min(312px,37%) !important;
  padding:18px 20px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.14), transparent 38%),
    linear-gradient(135deg, rgba(5,18,44,.68), rgba(6,31,82,.54)) !important;
  border-color:rgba(125,211,252,.18) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05), 0 0 34px rgba(10,132,255,.10) !important;
  backdrop-filter:blur(18px) saturate(128%) !important;
}
.v123-floating-card::after{
  display:none !important;
}
.v123-floating-card small{
  color:#7dd3fc !important;
  font-size:10px !important;
  letter-spacing:.14em !important;
}
.v123-floating-card strong{
  font-size:22px !important;
  line-height:1.02 !important;
  margin:8px 0 8px !important;
}
.v123-floating-card span{
  font-size:14px !important;
  line-height:1.55 !important;
  color:#d3e6f8 !important;
}

.v125-appointment-hotspot{
  left:10% !important;
  bottom:32.5% !important;
  z-index:7 !important;
  display:grid !important;
  grid-template-columns:12px 1fr 46px !important;
  align-items:center !important;
  column-gap:14px !important;
  width:min(340px, 48%) !important;
  min-height:76px !important;
  padding:14px 14px 14px 18px !important;
  border-radius:22px !important;
  border:1px solid rgba(125,211,252,.18) !important;
  background:
    linear-gradient(135deg, rgba(4,18,44,.76), rgba(5,26,68,.68)) !important;
  box-shadow:0 20px 54px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05), 0 0 36px rgba(10,132,255,.10) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  opacity:0;
  transform:translate3d(-10px, 20px, 0) scale(.98) !important;
  transition:opacity .75s ease .38s, transform .85s cubic-bezier(.18,.9,.2,1) .38s, border-color .25s ease, box-shadow .25s ease, background .25s ease !important;
  animation:v126CtaGlow 4.8s ease-in-out infinite;
}
.v123-appointment-shell.show .v125-appointment-hotspot{
  opacity:1;
  transform:translate3d(0,0,0) scale(1) !important;
}
.v125-appointment-hotspot::before,
.v125-appointment-hotspot::after{display:none !important;}
.v125-hotspot-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:linear-gradient(135deg, #67e8f9, #0A84FF);
  box-shadow:0 0 0 8px rgba(34,211,238,.07), 0 0 24px rgba(34,211,238,.48);
}
.v125-hotspot-copy{display:block; min-width:0;}
.v125-hotspot-copy small{
  display:block;
  margin-bottom:3px;
  color:#7dd3fc;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.v125-hotspot-copy strong{
  display:block;
  color:#f7fbff;
  font-size:18px;
  font-weight:950;
  letter-spacing:-.03em;
  line-height:1.1;
}
.v125-hotspot-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:15px;
  background:linear-gradient(135deg, rgba(10,132,255,.28), rgba(34,211,238,.10));
  color:#ffffff;
  font-size:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 24px rgba(10,132,255,.12);
}
.v125-appointment-hotspot:hover,
.v125-appointment-hotspot:focus-visible{
  border-color:rgba(125,211,252,.34) !important;
  background:linear-gradient(135deg, rgba(4,18,44,.86), rgba(7,34,88,.76)) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08), 0 0 48px rgba(10,132,255,.18) !important;
}
.v125-appointment-hotspot:hover .v125-hotspot-icon,
.v125-appointment-hotspot:focus-visible .v125-hotspot-icon{
  transform:translateX(2px);
}

.mds-mary-chat-launcher{
  width:250px !important;
  right:12px !important;
  bottom:12px !important;
}
body.mds-ghl-chat-open .mds-mary-chat-launcher{
  width:74px !important;
  height:74px !important;
  right:10px !important;
  bottom:10px !important;
}

@keyframes v126MaryFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-8px,0)}
}
@keyframes v126ScanSweep{
  0%,14%{transform:translateX(-76%); opacity:0}
  24%,58%{opacity:.58}
  72%{transform:translateX(10%); opacity:.24}
  100%{transform:translateX(20%); opacity:0}
}
@keyframes v126CtaGlow{
  0%,100%{box-shadow:0 20px 54px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05), 0 0 26px rgba(10,132,255,.08)}
  50%{box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05), 0 0 38px rgba(34,211,238,.14)}
}

@media(max-width:1180px){
  .v123-floating-card{
    left:8% !important;
    top:18% !important;
    width:min(308px, 42%) !important;
  }
  .v125-appointment-hotspot{
    left:9% !important;
    bottom:26% !important;
    width:min(320px, 52%) !important;
  }
}
@media(max-width:760px){
  .v123-floating-card{
    width:min(286px, 72%) !important;
  }
  .v125-appointment-hotspot{
    left:18px !important;
    right:18px !important;
    bottom:15% !important;
    width:auto !important;
    min-height:70px !important;
    grid-template-columns:12px 1fr 42px !important;
    padding:12px 12px 12px 16px !important;
  }
  .v125-hotspot-copy strong{font-size:16px;}
  .v125-hotspot-copy small{font-size:9px;}
  .mds-mary-chat-launcher{width:220px !important;}
  body.mds-ghl-chat-open .mds-mary-chat-launcher{width:66px !important;height:66px !important;}
}
@media(max-width:420px){
  .v123-floating-card{top:16px !important; left:14px !important; width:min(274px, 78%) !important;}
  .v125-appointment-hotspot{left:14px !important; right:14px !important; bottom:14% !important;}
  .mds-mary-chat-launcher{width:198px !important;}
}
@media(prefers-reduced-motion:reduce){
  .v125-appointment-hotspot,
  .v123-appointment-visual::after,
  .v123-appointment-visual img{
    animation:none !important;
  }
}

/* =========================================================
   V127 — Premium Magnetic Appointment Hero
   COO-aligned founder CTA, no React/Tailwind/packages.
   Keeps existing chat widget design + open/close behavior untouched.
========================================================= */
.v127-appointment-hero{
  position:relative;
  padding:54px 0 112px;
  overflow:hidden;
}

.v127-appointment-shell{
  --mx:0px;
  --my:0px;
  --spot-x:58%;
  --spot-y:46%;
  position:relative;
  min-height:760px;
  display:grid;
  grid-template-columns:minmax(360px, .86fr) minmax(560px, 1.14fr);
  gap:28px;
  align-items:center;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(125,211,252,.19);
  border-radius:42px;
  background:
    radial-gradient(circle at 74% 52%, rgba(10,132,255,.22), transparent 29%),
    radial-gradient(circle at 24% 22%, rgba(34,211,238,.08), transparent 32%),
    linear-gradient(135deg, rgba(3,10,28,.94), rgba(3,15,42,.96) 48%, rgba(2,8,23,.94));
  box-shadow:
    0 42px 130px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(56,189,248,.035),
    0 0 80px rgba(10,132,255,.09);
  transform:translateY(22px);
  opacity:0;
  transition:transform .9s cubic-bezier(.18,.9,.2,1), opacity .75s ease, border-color .45s ease;
}
.v127-appointment-shell.show{
  transform:translateY(0);
  opacity:1;
  border-color:rgba(125,211,252,.28);
}

.v127-bg-video,
.v127-bg-grid,
.v127-bg-lines,
.v127-hologram-floor{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.v127-bg-video{z-index:-5; overflow:hidden;}
.v127-bg-video video{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.08);
  opacity:.20;
  filter:saturate(.85) brightness(.58) contrast(1.16) blur(1.2px);
  animation:v127VideoDrift 18s ease-in-out infinite alternate;
}
.v127-bg-video::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(620px circle at var(--spot-x) var(--spot-y), rgba(14,165,233,.22), transparent 45%),
    linear-gradient(90deg, rgba(2,8,23,.83) 0%, rgba(2,8,23,.58) 42%, rgba(2,8,23,.35) 58%, rgba(2,8,23,.76) 100%);
}
.v127-bg-grid{
  z-index:-4;
  background-image:
    linear-gradient(rgba(125,211,252,.046) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.046) 1px, transparent 1px);
  background-size:66px 66px;
  mask-image:radial-gradient(circle at 62% 55%, rgba(0,0,0,.9), transparent 70%);
  animation:v127GridMove 19s linear infinite;
}
.v127-bg-lines{
  z-index:-3;
  background:
    linear-gradient(110deg, transparent 26%, rgba(56,189,248,.045) 45%, rgba(34,211,238,.12) 48%, transparent 62%),
    linear-gradient(90deg, transparent 0%, rgba(10,132,255,.08) 52%, transparent 74%);
  opacity:.72;
  transform:translateX(-18%);
  animation:v127LightSweep 8.8s ease-in-out infinite;
}
.v127-bg-lines::before,
.v127-bg-lines::after{
  content:"";
  position:absolute;
  inset:12% 6% 10% 42%;
  background:
    radial-gradient(circle, rgba(34,211,238,.85) 0 1px, transparent 2px) 0 0/68px 58px,
    radial-gradient(circle, rgba(10,132,255,.64) 0 1px, transparent 2px) 20px 28px/94px 74px;
  opacity:.38;
  animation:v127Particles 15s linear infinite;
}
.v127-bg-lines::after{
  inset:20% 0 14% 58%;
  opacity:.22;
  filter:blur(.25px);
  animation-duration:21s;
  animation-direction:reverse;
}
.v127-hologram-floor{
  z-index:-2;
  inset:auto auto 64px 51%;
  width:330px;
  height:124px;
  transform:translateX(-50%) perspective(500px) rotateX(66deg);
  border-radius:50%;
  background:
    radial-gradient(ellipse at center, rgba(34,211,238,.38), rgba(10,132,255,.16) 34%, transparent 68%),
    repeating-radial-gradient(ellipse at center, rgba(125,211,252,.46) 0 2px, transparent 2px 16px);
  opacity:.70;
  filter:drop-shadow(0 0 28px rgba(14,165,233,.5));
  animation:v127FloorPulse 3.8s ease-in-out infinite;
}
.v127-hologram-floor::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:50%;
  width:96px;
  height:270px;
  transform:translateX(-50%) rotateX(-66deg);
  transform-origin:center bottom;
  background:linear-gradient(180deg, rgba(34,211,238,.42), rgba(10,132,255,.11) 56%, transparent);
  filter:blur(10px);
  opacity:.62;
}

.v127-appointment-copy{
  position:relative;
  z-index:5;
  padding:72px 0 72px 62px;
  transform:translate3d(calc(var(--mx) * .15 - 18px), calc(var(--my) * .12), 0);
  transition:transform .24s ease-out;
}
.v127-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:100%;
  padding:11px 18px;
  margin-bottom:25px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.22);
  background:rgba(4,24,58,.50);
  color:#dff8ff;
  font-size:13px;
  line-height:1;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 14px 36px rgba(0,0,0,.20);
  backdrop-filter:blur(14px) saturate(145%);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .6s ease .12s, transform .8s cubic-bezier(.18,.9,.2,1) .12s;
}
.v127-eyebrow i{
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg,#67e8f9,#0A84FF);
  box-shadow:0 0 0 8px rgba(34,211,238,.06), 0 0 18px rgba(34,211,238,.65);
}
.v127-appointment-shell.show .v127-eyebrow,
.v127-appointment-shell.show .v127-appointment-copy h2,
.v127-appointment-shell.show .v127-appointment-copy p,
.v127-appointment-shell.show .v127-feature-grid,
.v127-appointment-shell.show .v127-stats-strip{
  opacity:1;
  transform:translateY(0);
}
.v127-appointment-copy h2{
  margin:0 0 24px;
  color:#fff;
  font-size:clamp(48px, 5.2vw, 84px);
  line-height:.96;
  letter-spacing:-.065em;
  max-width:650px;
  text-wrap:balance;
  opacity:0;
  transform:translateY(20px);
  transition:opacity .72s ease .22s, transform .9s cubic-bezier(.18,.9,.2,1) .22s;
}
.v127-appointment-copy h2 span{
  color:#12bdf8;
  text-shadow:0 0 36px rgba(18,189,248,.34);
}
.v127-appointment-copy h2::after{
  content:"";
  display:block;
  width:110px;
  height:3px;
  margin-top:22px;
  border-radius:999px;
  background:linear-gradient(90deg,#22d3ee,#0A84FF,transparent);
  box-shadow:0 0 24px rgba(10,132,255,.56);
}
.v127-appointment-copy p{
  margin:0 0 28px;
  max-width:560px;
  color:#cbd9eb;
  font-size:18px;
  line-height:1.7;
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease .34s, transform .9s cubic-bezier(.18,.9,.2,1) .34s;
}

.v127-feature-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  max-width:610px;
  margin-bottom:26px;
  opacity:0;
  transform:translateY(18px);
  transition:opacity .72s ease .46s, transform .9s cubic-bezier(.18,.9,.2,1) .46s;
}
.v127-feature-grid span{
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  column-gap:10px;
  min-height:62px;
  padding:10px 14px;
  border:1px solid rgba(125,211,252,.15);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:#f3fbff;
  font-size:14px;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 12px 30px rgba(0,0,0,.14);
  backdrop-filter:blur(12px);
}
.v127-feature-grid i{
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(10,132,255,.32), rgba(34,211,238,.10));
  color:#28d7ff;
  font-style:normal;
  font-weight:950;
  box-shadow:0 0 22px rgba(14,165,233,.16), inset 0 1px 0 rgba(255,255,255,.07);
}
.v127-feature-grid small{
  display:block;
  color:#93abc5;
  font-size:11px;
  font-weight:700;
  margin-top:2px;
}

.v127-stats-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  max-width:720px;
  border:1px solid rgba(125,211,252,.18);
  border-radius:18px;
  background:linear-gradient(135deg, rgba(4,18,44,.55), rgba(2,8,23,.38));
  box-shadow:0 20px 58px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06), 0 0 40px rgba(10,132,255,.08);
  backdrop-filter:blur(18px) saturate(140%);
  overflow:hidden;
  opacity:0;
  transform:translateY(18px);
  transition:opacity .75s ease .58s, transform .9s cubic-bezier(.18,.9,.2,1) .58s;
}
.v127-stats-strip div{
  position:relative;
  padding:20px 18px;
}
.v127-stats-strip div:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:22%;
  width:1px;
  height:56%;
  background:linear-gradient(180deg, transparent, rgba(125,211,252,.18), transparent);
}
.v127-stats-strip b{
  display:block;
  color:#fff;
  font-size:25px;
  line-height:1;
  letter-spacing:-.04em;
  margin-bottom:6px;
}
.v127-stats-strip span{
  display:block;
  color:#9fb3ca;
  font-size:12px;
  line-height:1.25;
}

.v127-appointment-stage{
  position:relative;
  z-index:5;
  min-height:100%;
  transform:translate3d(calc(var(--mx) * -.22), calc(var(--my) * -.18), 0);
  transition:transform .24s ease-out;
}
.v127-mary-presenter{
  position:absolute;
  right:-4px;
  bottom:-4px;
  z-index:4;
  width:min(58%, 560px);
  max-height:92%;
  object-fit:contain;
  object-position:right bottom;
  filter:
    drop-shadow(0 42px 82px rgba(0,0,0,.54))
    drop-shadow(0 0 14px rgba(34,211,238,.18));
  opacity:0;
  transform:translateX(54px) scale(.985);
  transition:opacity .75s ease .28s, transform 1s cubic-bezier(.18,.9,.2,1) .28s;
}
.v127-appointment-shell.show .v127-mary-presenter{
  opacity:1;
  transform:translateX(0) scale(1);
  animation:v127MaryFloat 6.2s ease-in-out 1.2s infinite;
}

.v127-float-card{
  position:absolute;
  z-index:8;
  display:grid;
  grid-template-columns:54px 1fr;
  gap:14px;
  align-items:center;
  width:330px;
  padding:18px 20px;
  border:1px solid rgba(125,211,252,.18);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.12), transparent 38%),
    linear-gradient(135deg, rgba(4,18,44,.70), rgba(5,28,70,.54));
  box-shadow:0 22px 62px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06), 0 0 38px rgba(10,132,255,.10);
  backdrop-filter:blur(18px) saturate(140%);
  opacity:0;
  transform:translateY(18px) scale(.97);
  transition:opacity .68s ease, transform .85s cubic-bezier(.18,.9,.2,1), border-color .25s ease;
}
.v127-appointment-shell.show .v127-card-one{transition-delay:.46s; opacity:1; transform:translateY(0) scale(1);}
.v127-appointment-shell.show .v127-card-two{transition-delay:.58s; opacity:1; transform:translateY(0) scale(1);}
.v127-float-card i{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(10,132,255,.34), rgba(34,211,238,.10));
  color:#29d7ff;
  font-style:normal;
  font-size:22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 24px rgba(10,132,255,.16);
}
.v127-float-card strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.15;
  letter-spacing:-.02em;
  margin-bottom:5px;
}
.v127-float-card span{
  display:block;
  color:#b9c9dc;
  font-size:13px;
  line-height:1.45;
}
.v127-card-one{left:12%;top:10%;}
.v127-card-two{left:18%;top:28%;}

.v127-magnetic-cta{
  position:absolute;
  left:8%;
  top:47%;
  z-index:10;
  display:grid;
  grid-template-columns:70px 1fr 64px;
  align-items:center;
  column-gap:18px;
  width:min(540px,58%);
  min-height:118px;
  padding:18px 22px;
  border:1px solid rgba(125,211,252,.54);
  border-radius:34px;
  background:
    radial-gradient(circle at 22% 24%, rgba(255,255,255,.22), transparent 14%),
    linear-gradient(135deg, rgba(16,198,255,.92), rgba(10,132,255,.88) 43%, rgba(34,87,255,.82));
  color:#fff;
  font:inherit;
  text-align:left;
  cursor:pointer;
  box-shadow:
    0 30px 80px rgba(0,0,0,.38),
    0 0 0 8px rgba(10,132,255,.08),
    0 0 58px rgba(10,132,255,.46),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -18px 42px rgba(2,8,23,.20);
  opacity:0;
  transform:translateY(24px) scale(.96);
  transition:
    opacity .7s ease .70s,
    transform .2s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    filter .28s ease;
  animation:v127CtaPulse 3.8s ease-in-out infinite;
}
.v127-appointment-shell.show .v127-magnetic-cta{
  opacity:1;
  transform:translateY(0) scale(1);
}
.v127-magnetic-cta::before,
.v127-magnetic-cta::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.v127-magnetic-cta::before{
  inset:-7px;
  border-radius:40px;
  border:1px solid rgba(103,232,249,.42);
  background:linear-gradient(90deg, transparent, rgba(125,211,252,.18), transparent);
  opacity:.9;
  filter:drop-shadow(0 0 16px rgba(34,211,238,.30));
  animation:v127CtaBorder 2.9s linear infinite;
}
.v127-magnetic-cta::after{
  left:50%;
  top:100%;
  width:108px;
  height:220px;
  transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(34,211,238,.40), rgba(10,132,255,.12) 48%, transparent);
  filter:blur(12px);
  opacity:.6;
}
.v127-cta-icon,
.v127-cta-arrow{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:22px;
  background:rgba(2,8,23,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 0 26px rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}
.v127-cta-icon{font-size:28px;}
.v127-cta-copy strong{
  display:block;
  font-size:28px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.045em;
  text-shadow:0 2px 16px rgba(0,0,0,.22);
}
.v127-cta-copy small{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.90);
  font-size:18px;
  font-weight:760;
}
.v127-cta-arrow{
  border-radius:50%;
  font-size:34px;
  transition:transform .25s ease;
}
.v127-magnetic-cta:hover,
.v127-magnetic-cta:focus-visible{
  border-color:rgba(255,255,255,.60);
  filter:saturate(1.12) brightness(1.08);
  box-shadow:
    0 36px 92px rgba(0,0,0,.42),
    0 0 0 10px rgba(10,132,255,.10),
    0 0 72px rgba(34,211,238,.54),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -18px 42px rgba(2,8,23,.16);
}
.v127-magnetic-cta:hover .v127-cta-arrow,
.v127-magnetic-cta:focus-visible .v127-cta-arrow{
  transform:translateX(5px);
}
.v127-magnetic-cta:focus-visible{
  outline:3px solid rgba(103,232,249,.78);
  outline-offset:5px;
}

.v127-secondary-cta{
  position:absolute;
  left:8%;
  top:65%;
  z-index:9;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 24px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.18);
  background:rgba(255,255,255,.035);
  color:#e8f6ff;
  font-weight:900;
  text-decoration:none;
  backdrop-filter:blur(12px);
  opacity:0;
  transform:translateY(16px);
  transition:opacity .65s ease .82s, transform .85s cubic-bezier(.18,.9,.2,1) .82s, border-color .25s ease, background .25s ease;
}
.v127-appointment-shell.show .v127-secondary-cta{
  opacity:1;
  transform:translateY(0);
}
.v127-secondary-cta:hover,
.v127-secondary-cta:focus-visible{
  border-color:rgba(125,211,252,.35);
  background:rgba(255,255,255,.07);
}

.v127-data-panel{
  position:absolute;
  right:4.5%;
  z-index:3;
  width:160px;
  padding:16px;
  border:1px solid rgba(125,211,252,.13);
  border-radius:20px;
  background:linear-gradient(135deg, rgba(4,18,44,.34), rgba(2,8,23,.22));
  box-shadow:0 20px 60px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04), 0 0 28px rgba(10,132,255,.09);
  backdrop-filter:blur(14px);
  opacity:0;
  transform:translateX(20px);
  transition:opacity .68s ease .74s, transform .9s cubic-bezier(.18,.9,.2,1) .74s;
}
.v127-appointment-shell.show .v127-data-panel{opacity:.72; transform:translateX(0);}
.v127-panel-one{top:16%;}
.v127-panel-two{top:34%; transition-delay:.84s;}
.v127-data-panel span{
  display:block;
  height:8px;
  margin:8px 0;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(34,211,238,.84), rgba(10,132,255,.34), transparent);
  transform-origin:left;
  animation:v127DataBars 3.8s ease-in-out infinite;
}
.v127-data-panel span:nth-child(1){width:72%;}
.v127-data-panel span:nth-child(2){width:44%;animation-delay:.2s;}
.v127-data-panel span:nth-child(3){width:86%;animation-delay:.35s;}
.v127-data-panel span:nth-child(4){width:58%;animation-delay:.5s;}

@keyframes v127VideoDrift{0%{transform:scale(1.08) translate3d(0,0,0)}100%{transform:scale(1.13) translate3d(0,-12px,0)}}
@keyframes v127GridMove{0%{background-position:0 0,0 0}100%{background-position:0 66px,66px 0}}
@keyframes v127LightSweep{0%,15%{transform:translateX(-44%);opacity:0}32%,62%{opacity:.78}82%,100%{transform:translateX(34%);opacity:0}}
@keyframes v127Particles{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-90px,50px,0)}}
@keyframes v127FloorPulse{0%,100%{opacity:.54;filter:drop-shadow(0 0 20px rgba(14,165,233,.42))}50%{opacity:.88;filter:drop-shadow(0 0 36px rgba(34,211,238,.58))}}
@keyframes v127MaryFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes v127CtaPulse{0%,100%{box-shadow:0 30px 80px rgba(0,0,0,.38),0 0 0 8px rgba(10,132,255,.08),0 0 58px rgba(10,132,255,.46),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -18px 42px rgba(2,8,23,.20)}50%{box-shadow:0 32px 84px rgba(0,0,0,.40),0 0 0 10px rgba(10,132,255,.10),0 0 76px rgba(34,211,238,.58),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -18px 42px rgba(2,8,23,.17)}}
@keyframes v127CtaBorder{0%{background-position:-220px 0}100%{background-position:220px 0}}
@keyframes v127DataBars{0%,100%{transform:scaleX(.78);opacity:.46}50%{transform:scaleX(1);opacity:.92}}

@media(max-width:1280px){
  .v127-appointment-shell{
    grid-template-columns:minmax(330px, .92fr) minmax(500px, 1.08fr);
  }
  .v127-appointment-copy{padding-left:46px;}
  .v127-appointment-copy h2{font-size:clamp(44px,5vw,72px);}
  .v127-magnetic-cta{width:min(500px,60%);}
  .v127-card-one{left:10%;}
  .v127-card-two{left:14%;}
}
@media(max-width:1120px){
  .v127-appointment-shell{
    min-height:auto;
    grid-template-columns:1fr;
    gap:0;
  }
  .v127-appointment-copy{
    padding:56px 42px 24px;
    transform:none !important;
  }
  .v127-appointment-stage{
    min-height:560px;
    transform:none !important;
  }
  .v127-mary-presenter{width:min(58%,520px);right:20px;}
  .v127-magnetic-cta{left:10%;top:40%;width:min(510px,58%);}
  .v127-secondary-cta{left:10%;top:62%;}
  .v127-card-one{left:10%;top:6%;}
  .v127-card-two{left:16%;top:22%;}
  .v127-data-panel{right:7%;}
}
@media(max-width:820px){
  .v127-appointment-hero{padding:42px 0 86px;}
  .v127-appointment-shell{border-radius:32px;}
  .v127-appointment-copy{padding:38px 20px 14px;}
  .v127-eyebrow{font-size:11px;padding:10px 13px;margin-bottom:20px;}
  .v127-appointment-copy h2{font-size:clamp(38px,10vw,58px);}
  .v127-appointment-copy p{font-size:16px;}
  .v127-feature-grid{grid-template-columns:1fr;}
  .v127-stats-strip{grid-template-columns:repeat(2,1fr);}
  .v127-stats-strip div:nth-child(2)::after{display:none;}
  .v127-appointment-stage{min-height:650px;}
  .v127-card-one,.v127-card-two{position:relative;left:auto;top:auto;width:auto;margin:0 20px 12px;}
  .v127-card-one{margin-top:6px;}
  .v127-magnetic-cta{
    left:20px;
    right:20px;
    top:190px;
    width:auto;
    min-height:96px;
    grid-template-columns:58px 1fr 54px;
    border-radius:28px;
  }
  .v127-cta-icon,.v127-cta-arrow{width:54px;height:54px;border-radius:18px;}
  .v127-cta-copy strong{font-size:22px;}
  .v127-cta-copy small{font-size:15px;}
  .v127-secondary-cta{left:20px;top:306px;}
  .v127-mary-presenter{right:-8%;bottom:-6px;width:min(92%,500px);max-height:62%;}
  .v127-data-panel{display:none;}
  .v127-hologram-floor{left:50%;bottom:64px;width:250px;}
}
@media(max-width:520px){
  .v127-appointment-copy h2{font-size:clamp(34px,12vw,48px);}
  .v127-stats-strip{grid-template-columns:1fr 1fr;}
  .v127-stats-strip div{padding:16px 14px;}
  .v127-stats-strip b{font-size:20px;}
  .v127-appointment-stage{min-height:600px;}
  .v127-float-card{grid-template-columns:42px 1fr;padding:14px;border-radius:18px;}
  .v127-float-card i{width:42px;height:42px;border-radius:14px;font-size:18px;}
  .v127-magnetic-cta{
    min-height:88px;
    grid-template-columns:46px 1fr 46px;
    gap:11px;
    padding:14px;
    top:178px;
  }
  .v127-cta-icon,.v127-cta-arrow{width:46px;height:46px;border-radius:16px;}
  .v127-cta-icon{font-size:22px;}
  .v127-cta-arrow{font-size:25px;}
  .v127-cta-copy strong{font-size:19px;}
  .v127-cta-copy small{font-size:13px;}
  .v127-secondary-cta{top:286px;min-height:44px;}
  .v127-mary-presenter{width:min(108%,440px);right:-18%;}
  .v127-hologram-floor{bottom:52px;}
}

@media(prefers-reduced-motion:reduce){
  .v127-appointment-shell,
  .v127-eyebrow,
  .v127-appointment-copy h2,
  .v127-appointment-copy p,
  .v127-feature-grid,
  .v127-stats-strip,
  .v127-mary-presenter,
  .v127-float-card,
  .v127-magnetic-cta,
  .v127-secondary-cta,
  .v127-data-panel{
    transition:none !important;
  }
  .v127-bg-video video,
  .v127-bg-grid,
  .v127-bg-lines,
  .v127-bg-lines::before,
  .v127-bg-lines::after,
  .v127-hologram-floor,
  .v127-mary-presenter,
  .v127-magnetic-cta,
  .v127-magnetic-cta::before,
  .v127-data-panel span{
    animation:none !important;
  }
}

/* V127 magnetic variables override */
.v127-magnetic-cta{
  --mag-x:0px;
  --mag-y:0px;
  transform:translate3d(var(--mag-x), calc(24px + var(--mag-y)), 0) scale(.96) !important;
}
.v127-appointment-shell.show .v127-magnetic-cta{
  transform:translate3d(var(--mag-x), var(--mag-y), 0) scale(1) !important;
}
@media(max-width:820px){
  .v127-magnetic-cta{
    transform:translate3d(var(--mag-x), calc(18px + var(--mag-y)), 0) scale(.98) !important;
  }
  .v127-appointment-shell.show .v127-magnetic-cta{
    transform:translate3d(var(--mag-x), var(--mag-y), 0) scale(1) !important;
  }
}

/* =========================================================
   V128 — Premium Magnetic Founder Appointment Hero
   Goal: Mary presents one clear, premium appointment CTA.
   Main hero + chat widget remain untouched.
========================================================= */
.v128-appointment-hero{
  position:relative;
  padding:128px 0 108px;
  overflow:hidden;
  isolation:isolate;
}

.v128-appointment-shell{
  --mx:0px;
  --my:0px;
  --spot-x:62%;
  --spot-y:48%;
  position:relative;
  min-height:790px;
  overflow:hidden;
  border-radius:44px;
  border:1px solid rgba(125,211,252,.18);
  background:
    radial-gradient(760px circle at var(--spot-x) var(--spot-y), rgba(14,165,233,.16), transparent 44%),
    linear-gradient(135deg, rgba(2,8,23,.96), rgba(3,18,49,.94) 52%, rgba(2,8,23,.98));
  box-shadow:
    0 42px 130px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(56,189,248,.04);
  opacity:0;
  transform:translateY(36px);
  transition:opacity .9s ease, transform .9s cubic-bezier(.18,.9,.2,1), border-color .5s ease;
}
.v128-appointment-shell.show{
  opacity:1;
  transform:translateY(0);
  border-color:rgba(125,211,252,.28);
}

.v128-bg-video,
.v128-grid,
.v128-particles,
.v128-light-beam,
.v128-holo-base{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.v128-bg-video{z-index:-6;overflow:hidden;}
.v128-bg-video video{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.18;
  transform:scale(1.08);
  filter:saturate(.78) brightness(.58) contrast(1.16) blur(1.5px);
  animation:v128VideoDrift 18s ease-in-out infinite alternate;
}
.v128-bg-video::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 45%, rgba(10,132,255,.20), transparent 27%),
    radial-gradient(circle at 44% 68%, rgba(34,211,238,.12), transparent 25%),
    linear-gradient(90deg, rgba(2,8,23,.88) 0%, rgba(2,8,23,.70) 42%, rgba(2,8,23,.40) 66%, rgba(2,8,23,.68) 100%);
}
.v128-grid{
  z-index:-5;
  background-image:
    linear-gradient(rgba(125,211,252,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.075) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.78) 48%, rgba(0,0,0,.34) 100%);
  opacity:.46;
  animation:v128GridMove 22s linear infinite;
}
.v128-particles{
  z-index:-4;
  background-image:
    radial-gradient(circle, rgba(34,211,238,.72) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(10,132,255,.50) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(255,255,255,.32) 0 1px, transparent 1.8px);
  background-size:92px 92px, 136px 136px, 184px 184px;
  background-position:12px 18px, 60px 90px, 10px 140px;
  opacity:.42;
  animation:v128Particles 20s linear infinite;
}
.v128-light-beam{
  z-index:-3;
  background:
    linear-gradient(112deg, transparent 0 42%, rgba(56,189,248,.08) 47%, rgba(10,132,255,.18) 50%, rgba(125,211,252,.08) 54%, transparent 62%),
    radial-gradient(480px circle at 66% 68%, rgba(34,211,238,.16), transparent 56%);
  opacity:.82;
  transform:translateX(-8%);
  animation:v128BeamSweep 9s ease-in-out infinite;
}
.v128-holo-base{
  z-index:-1;
  inset:auto auto 72px 51%;
  width:390px;
  height:92px;
  transform:translateX(-50%) perspective(520px) rotateX(67deg);
  border-radius:50%;
  border:1px solid rgba(34,211,238,.34);
  background:
    repeating-radial-gradient(circle, rgba(34,211,238,.36) 0 2px, transparent 2px 18px),
    radial-gradient(circle, rgba(10,132,255,.34), transparent 68%);
  filter:drop-shadow(0 0 34px rgba(14,165,233,.50));
  opacity:.58;
  animation:v128HoloPulse 4.4s ease-in-out infinite;
}

.v128-copy{
  position:relative;
  z-index:4;
  width:min(48%, 650px);
  padding:78px 0 44px 72px;
}
.v128-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:12px 18px;
  margin-bottom:26px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.20);
  background:linear-gradient(135deg, rgba(8,33,73,.64), rgba(2,8,23,.42));
  color:#7dd3fc;
  font-size:13px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 28px rgba(14,165,233,.08);
  opacity:0;
  transform:translateY(16px);
  transition:.7s ease .18s;
}
.v128-eyebrow i{
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg,#67e8f9,#0A84FF);
  box-shadow:0 0 18px rgba(34,211,238,.72);
}
.v128-copy h2{
  max-width:650px;
  margin:0;
  color:#f8fbff;
  font-size:clamp(56px, 5.35vw, 92px);
  line-height:.98;
  letter-spacing:-.08em;
  text-wrap:balance;
  opacity:0;
  transform:translateY(26px);
  transition:.85s cubic-bezier(.18,.9,.2,1) .26s;
}
.v128-copy h2 span{
  background:linear-gradient(90deg,#25d8ff,#0A84FF 70%,#2563eb);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 34px rgba(10,132,255,.22);
}
.v128-copy h2::after{
  content:"";
  display:block;
  width:118px;
  height:3px;
  margin:28px 0 0;
  border-radius:999px;
  background:linear-gradient(90deg,#22d3ee,transparent);
  box-shadow:0 0 22px rgba(34,211,238,.36);
}
.v128-copy p{
  max-width:570px;
  margin:24px 0 0;
  color:#cad7e8;
  font-size:18px;
  line-height:1.78;
  opacity:0;
  transform:translateY(22px);
  transition:.78s ease .36s;
}
.v128-appointment-shell.show .v128-eyebrow,
.v128-appointment-shell.show .v128-copy h2,
.v128-appointment-shell.show .v128-copy p,
.v128-appointment-shell.show .v128-feature-grid,
.v128-appointment-shell.show .v128-stats-strip{
  opacity:1;
  transform:translateY(0);
}

.v128-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  max-width:610px;
  margin-top:30px;
  opacity:0;
  transform:translateY(22px);
  transition:.82s ease .48s;
}
.v128-feature-grid span{
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-areas:"icon title" "icon desc";
  column-gap:12px;
  min-height:70px;
  padding:14px 16px;
  border-radius:17px;
  border:1px solid rgba(125,211,252,.15);
  background:linear-gradient(135deg, rgba(6,26,58,.62), rgba(2,8,23,.38));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 14px 34px rgba(0,0,0,.16);
}
.v128-feature-grid i{
  grid-area:icon;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:13px;
  color:#22d3ee;
  background:rgba(14,165,233,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 20px rgba(34,211,238,.10);
  font-style:normal;
  font-weight:900;
}
.v128-feature-grid b{
  grid-area:title;
  align-self:end;
  color:#f8fbff;
  font-size:14px;
  line-height:1.1;
}
.v128-feature-grid small{
  grid-area:desc;
  color:#91a6bd;
  font-size:12px;
  line-height:1.2;
}

.v128-stats-strip{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  width:min(760px, 132%);
  margin-top:28px;
  border-radius:20px;
  border:1px solid rgba(125,211,252,.18);
  background:linear-gradient(135deg, rgba(4,18,44,.78), rgba(2,8,23,.52));
  box-shadow:0 22px 55px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05), 0 0 34px rgba(10,132,255,.08);
  overflow:hidden;
  opacity:0;
  transform:translateY(22px);
  transition:.82s ease .58s;
}
.v128-stats-strip div{
  position:relative;
  display:grid;
  grid-template-columns:34px 1fr;
  grid-template-areas:"icon number" "icon label";
  align-items:center;
  column-gap:10px;
  padding:20px 18px;
  min-width:0;
}
.v128-stats-strip div:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:22%;
  bottom:22%;
  width:1px;
  background:linear-gradient(transparent, rgba(125,211,252,.20), transparent);
}
.v128-stats-strip i{
  grid-area:icon;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  color:#22d3ee;
  background:rgba(10,132,255,.10);
  font-style:normal;
  font-size:14px;
}
.v128-stats-strip b{
  grid-area:number;
  color:#f8fbff;
  font-size:clamp(18px,1.45vw,24px);
  line-height:1;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.v128-stats-strip span{
  grid-area:label;
  color:#91a6bd;
  font-size:11px;
  line-height:1.25;
}

.v128-stage{
  position:absolute;
  inset:0 0 0 auto;
  width:62%;
  z-index:3;
  transform:translate3d(calc(var(--mx) * -.25), calc(var(--my) * -.20), 0);
  transition:transform .25s ease-out;
}
.v128-stage::before{
  content:"";
  position:absolute;
  right:4%;
  top:12%;
  width:64%;
  height:72%;
  border-radius:999px;
  background:radial-gradient(circle at 55% 45%, rgba(34,211,238,.22), rgba(10,132,255,.11) 38%, transparent 68%);
  filter:blur(16px);
  opacity:.78;
}
.v128-stage::after{
  content:"";
  position:absolute;
  left:8%;
  top:44%;
  width:46%;
  height:2px;
  background:linear-gradient(90deg, rgba(34,211,238,0), rgba(34,211,238,.85), rgba(34,211,238,0));
  box-shadow:0 0 26px rgba(34,211,238,.54);
  opacity:.74;
  transform:rotate(-4deg);
  animation:v128PalmBeam 2.8s ease-in-out infinite;
}
.v128-mary-presenter{
  position:absolute;
  z-index:4;
  right:2.5%;
  bottom:-4px;
  width:clamp(470px, 36vw, 650px);
  max-height:91%;
  object-fit:contain;
  object-position:bottom right;
  filter:drop-shadow(0 44px 92px rgba(0,0,0,.56)) drop-shadow(0 0 18px rgba(34,211,238,.16));
  opacity:0;
  transform:translateX(60px) translateY(16px) scale(.98);
  transition:opacity .95s ease .42s, transform 1.05s cubic-bezier(.18,.9,.2,1) .42s;
  animation:none;
}
.v128-appointment-shell.show .v128-mary-presenter{
  opacity:1;
  transform:translateX(0) translateY(0) scale(1);
  animation:v128MaryFloat 6.6s ease-in-out 1.4s infinite;
}

.v128-info-card{
  position:absolute;
  z-index:6;
  display:grid;
  grid-template-columns:58px 1fr;
  gap:16px;
  align-items:center;
  width:330px;
  padding:18px 20px;
  border-radius:24px;
  border:1px solid rgba(125,211,252,.18);
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.14), transparent 42%),
    linear-gradient(135deg, rgba(4,18,44,.72), rgba(5,31,78,.54));
  box-shadow:0 22px 55px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06), 0 0 42px rgba(10,132,255,.10);
  backdrop-filter:blur(18px) saturate(135%);
  opacity:0;
  transform:translateY(24px) scale(.96);
  transition:.82s cubic-bezier(.18,.9,.2,1);
}
.v128-appointment-shell.show .v128-info-card{opacity:1;transform:translateY(0) scale(1);}
.v128-card-one{left:10%;top:86px;transition-delay:.58s;}
.v128-card-two{left:17%;top:220px;transition-delay:.70s;}
.v128-info-card i{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:18px;
  color:#22d3ee;
  background:linear-gradient(135deg, rgba(10,132,255,.20), rgba(34,211,238,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 0 28px rgba(34,211,238,.12);
  font-style:normal;
  font-size:24px;
}
.v128-info-card strong{
  display:block;
  color:#f8fbff;
  font-size:18px;
  line-height:1.1;
  letter-spacing:-.03em;
}
.v128-info-card span{
  display:block;
  margin-top:6px;
  color:#cbd8e8;
  font-size:13px;
  line-height:1.45;
}

.v128-magnetic-cta{
  --mag-x:0px;
  --mag-y:0px;
  position:absolute;
  z-index:8;
  left:8.5%;
  top:430px;
  display:grid;
  grid-template-columns:72px 1fr 72px;
  align-items:center;
  gap:20px;
  width:clamp(500px, 42vw, 610px);
  min-height:118px;
  padding:20px 22px;
  border:1px solid rgba(125,211,252,.62);
  border-radius:34px;
  color:#ffffff;
  cursor:pointer;
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.30), transparent 22%),
    linear-gradient(135deg, #25d8ff 0%, #0A84FF 45%, #1d4ed8 100%);
  box-shadow:
    0 36px 90px rgba(0,0,0,.42),
    0 0 0 9px rgba(10,132,255,.10),
    0 0 78px rgba(10,132,255,.56),
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -24px 48px rgba(2,8,23,.18);
  font:inherit;
  opacity:0;
  transform:translate3d(calc(var(--mag-x) - 18px), calc(var(--mag-y) + 32px), 0) scale(.96);
  transform-style:preserve-3d;
  transition:
    opacity .82s ease .84s,
    transform .22s ease-out,
    box-shadow .25s ease,
    border-color .25s ease,
    filter .25s ease;
  animation:v128CtaPulse 3.8s ease-in-out infinite;
}
.v128-appointment-shell.show .v128-magnetic-cta{
  opacity:1;
  transform:translate3d(var(--mag-x), var(--mag-y), 0) scale(1);
}
.v128-magnetic-cta::before{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:40px;
  border:1px solid rgba(125,211,252,.42);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  background-size:220px 100%;
  background-repeat:no-repeat;
  opacity:.9;
  animation:v128CtaBorder 2.8s linear infinite;
  pointer-events:none;
}
.v128-magnetic-cta::after{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  bottom:-30px;
  height:24px;
  border-radius:50%;
  background:rgba(34,211,238,.36);
  filter:blur(22px);
  pointer-events:none;
}
.v128-cta-glow{
  position:absolute;
  inset:0;
  border-radius:inherit;
  overflow:hidden;
  pointer-events:none;
}
.v128-cta-glow::before{
  content:"";
  position:absolute;
  inset:-80% -20%;
  background:linear-gradient(115deg, transparent 42%, rgba(255,255,255,.34) 50%, transparent 58%);
  transform:translateX(-55%);
  animation:v128CtaSweep 3.9s ease-in-out infinite;
}
.v128-cta-icon,
.v128-cta-arrow{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  border-radius:24px;
  background:rgba(5,25,72,.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 0 28px rgba(2,8,23,.12);
  color:#f8fbff;
  font-style:normal;
}
.v128-cta-icon{font-size:30px;}
.v128-cta-copy{
  position:relative;
  z-index:2;
  display:block;
  text-align:left;
  min-width:0;
}
.v128-cta-copy strong{
  display:block;
  font-size:clamp(25px,2vw,34px);
  line-height:1.02;
  letter-spacing:-.055em;
}
.v128-cta-copy small{
  display:block;
  margin-top:4px;
  font-size:20px;
  font-weight:800;
  color:rgba(255,255,255,.90);
}
.v128-cta-arrow{
  font-size:34px;
  transition:transform .25s ease, background .25s ease;
}
.v128-magnetic-cta:hover,
.v128-magnetic-cta:focus-visible{
  border-color:rgba(226,246,255,.78);
  filter:saturate(1.08) brightness(1.04);
  box-shadow:
    0 42px 104px rgba(0,0,0,.46),
    0 0 0 11px rgba(10,132,255,.13),
    0 0 92px rgba(34,211,238,.68),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -24px 48px rgba(2,8,23,.13);
}
.v128-magnetic-cta:hover .v128-cta-arrow,
.v128-magnetic-cta:focus-visible .v128-cta-arrow{transform:translateX(5px);background:rgba(4,18,44,.30);}
.v128-magnetic-cta:focus-visible{outline:2px solid rgba(125,211,252,.88);outline-offset:5px;}

.v128-secondary-cta{
  position:absolute;
  z-index:7;
  left:25%;
  top:575px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  min-height:56px;
  padding:0 24px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.18);
  color:#f8fbff;
  background:rgba(2,8,23,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 16px 36px rgba(0,0,0,.16);
  backdrop-filter:blur(14px);
  font-weight:900;
  opacity:0;
  transform:translateY(18px);
  transition:.72s ease 1.02s;
}
.v128-appointment-shell.show .v128-secondary-cta{opacity:1;transform:translateY(0);}
.v128-secondary-cta:hover,.v128-secondary-cta:focus-visible{border-color:rgba(125,211,252,.35);background:rgba(10,132,255,.11);}

.v128-tech-panel{
  position:absolute;
  z-index:2;
  right:4%;
  width:180px;
  padding:24px 26px;
  border-radius:22px;
  border:1px solid rgba(125,211,252,.10);
  background:rgba(2,8,23,.22);
  opacity:0;
  transform:translateX(24px);
  transition:.8s ease 1.12s;
}
.v128-appointment-shell.show .v128-tech-panel{opacity:.76;transform:translateX(0);}
.v128-panel-one{top:145px;}
.v128-panel-two{top:302px;transition-delay:1.22s;}
.v128-tech-panel span{
  display:block;
  height:8px;
  margin:10px 0;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(34,211,238,.76), rgba(10,132,255,.08));
  transform-origin:left;
  animation:v128DataBars 3.6s ease-in-out infinite;
}
.v128-tech-panel span:nth-child(1){width:72%;}
.v128-tech-panel span:nth-child(2){width:48%;animation-delay:.18s;}
.v128-tech-panel span:nth-child(3){width:88%;animation-delay:.32s;}
.v128-tech-panel span:nth-child(4){width:58%;animation-delay:.48s;}

@keyframes v128VideoDrift{0%{transform:scale(1.08) translate3d(0,0,0)}100%{transform:scale(1.13) translate3d(0,-12px,0)}}
@keyframes v128GridMove{0%{background-position:0 0,0 0}100%{background-position:0 64px,64px 0}}
@keyframes v128Particles{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-88px,54px,0)}}
@keyframes v128BeamSweep{0%,18%{opacity:.30;transform:translateX(-18%)}42%,64%{opacity:.86}100%{opacity:.38;transform:translateX(14%)}}
@keyframes v128HoloPulse{0%,100%{opacity:.50;filter:drop-shadow(0 0 28px rgba(14,165,233,.42))}50%{opacity:.86;filter:drop-shadow(0 0 44px rgba(34,211,238,.58))}}
@keyframes v128MaryFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes v128PalmBeam{0%,100%{opacity:.42;filter:blur(.2px)}50%{opacity:.86;filter:blur(0)}}
@keyframes v128CtaPulse{0%,100%{box-shadow:0 36px 90px rgba(0,0,0,.42),0 0 0 9px rgba(10,132,255,.10),0 0 78px rgba(10,132,255,.56),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -24px 48px rgba(2,8,23,.18)}50%{box-shadow:0 42px 104px rgba(0,0,0,.46),0 0 0 12px rgba(10,132,255,.13),0 0 98px rgba(34,211,238,.70),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -24px 48px rgba(2,8,23,.12)}}
@keyframes v128CtaBorder{0%{background-position:-240px 0}100%{background-position:240px 0}}
@keyframes v128CtaSweep{0%,20%{transform:translateX(-58%)}44%,100%{transform:translateX(58%)}}
@keyframes v128DataBars{0%,100%{transform:scaleX(.72);opacity:.42}50%{transform:scaleX(1);opacity:.9}}

@media(max-width:1240px){
  .v128-appointment-shell{min-height:780px;}
  .v128-copy{width:50%;padding-left:50px;}
  .v128-copy h2{font-size:clamp(50px,5.1vw,76px);}
  .v128-mary-presenter{right:-2%;width:clamp(430px,37vw,570px);}
  .v128-magnetic-cta{left:6%;width:clamp(455px,44vw,555px);}
  .v128-info-card{width:300px;}
  .v128-card-one{left:6%;}
  .v128-card-two{left:11%;}
}
@media(max-width:980px){
  .v128-appointment-hero{padding:92px 0 88px;}
  .v128-appointment-shell{min-height:1040px;border-radius:34px;}
  .v128-copy{width:auto;padding:46px 34px 0;}
  .v128-copy h2{font-size:clamp(44px,8vw,70px);max-width:720px;}
  .v128-copy p{max-width:660px;}
  .v128-feature-grid{max-width:680px;}
  .v128-stats-strip{width:100%;}
  .v128-stage{position:relative;inset:auto;width:100%;height:560px;transform:none;}
  .v128-stage::before{right:0;top:8%;width:62%;height:82%;}
  .v128-stage::after{left:22%;top:49%;width:38%;}
  .v128-mary-presenter{right:0;bottom:0;width:min(56%,520px);max-height:94%;}
  .v128-magnetic-cta{left:8%;top:250px;width:min(540px,58%);}
  .v128-secondary-cta{left:8%;top:395px;}
  .v128-card-one{left:8%;top:30px;}
  .v128-card-two{left:14%;top:150px;}
  .v128-tech-panel{right:5%;}
  .v128-panel-one{top:42px;}
  .v128-panel-two{display:none;}
  .v128-holo-base{left:48%;bottom:50px;}
}
@media(max-width:760px){
  .v128-appointment-hero{padding:74px 0 82px;}
  .v128-appointment-shell{min-height:1180px;border-radius:28px;}
  .v128-copy{padding:34px 20px 0;}
  .v128-eyebrow{font-size:11px;padding:10px 13px;margin-bottom:20px;letter-spacing:.14em;}
  .v128-copy h2{font-size:clamp(38px,11vw,58px);}
  .v128-copy h2::after{margin-top:22px;}
  .v128-copy p{font-size:16px;line-height:1.66;}
  .v128-feature-grid{grid-template-columns:1fr;gap:10px;margin-top:24px;}
  .v128-feature-grid span{min-height:64px;}
  .v128-stats-strip{grid-template-columns:1fr 1fr;margin-top:20px;}
  .v128-stats-strip div{padding:16px 14px;}
  .v128-stats-strip div:nth-child(2)::after{display:none;}
  .v128-stats-strip b{font-size:19px;}
  .v128-stage{height:650px;}
  .v128-info-card{position:relative;left:auto !important;top:auto !important;width:auto;margin:18px 20px 12px;padding:14px;border-radius:18px;grid-template-columns:46px 1fr;}
  .v128-info-card i{width:44px;height:44px;border-radius:14px;font-size:18px;}
  .v128-card-one{margin-top:24px;}
  .v128-magnetic-cta{
    left:20px;
    right:20px;
    top:220px;
    width:auto;
    min-height:92px;
    grid-template-columns:56px 1fr 56px;
    gap:12px;
    padding:16px;
    border-radius:26px;
  }
  .v128-magnetic-cta::before{border-radius:31px;}
  .v128-cta-icon,.v128-cta-arrow{width:56px;height:56px;border-radius:18px;}
  .v128-cta-icon{font-size:24px;}
  .v128-cta-arrow{font-size:28px;}
  .v128-cta-copy strong{font-size:clamp(20px,5.7vw,26px);}
  .v128-cta-copy small{font-size:14px;}
  .v128-secondary-cta{left:20px;top:330px;min-height:48px;}
  .v128-mary-presenter{right:-16%;bottom:-6px;width:min(108%,470px);max-height:58%;}
  .v128-stage::after{left:18%;top:52%;width:46%;}
  .v128-tech-panel{display:none;}
  .v128-holo-base{left:50%;bottom:44px;width:260px;}
}
@media(max-width:420px){
  .v128-copy h2{font-size:clamp(34px,12vw,47px);}
  .v128-stats-strip{grid-template-columns:1fr 1fr;}
  .v128-stats-strip div{grid-template-columns:28px 1fr;column-gap:8px;}
  .v128-stats-strip i{width:26px;height:26px;font-size:12px;}
  .v128-stage{height:615px;}
  .v128-info-card{margin-left:14px;margin-right:14px;}
  .v128-magnetic-cta{left:14px;right:14px;top:218px;min-height:86px;grid-template-columns:48px 1fr 48px;border-radius:23px;padding:13px;}
  .v128-cta-icon,.v128-cta-arrow{width:48px;height:48px;border-radius:16px;}
  .v128-secondary-cta{left:14px;top:318px;}
  .v128-mary-presenter{right:-25%;width:min(122%,430px);}
}
@media(prefers-reduced-motion:reduce){
  .v128-appointment-shell,
  .v128-eyebrow,
  .v128-copy h2,
  .v128-copy p,
  .v128-feature-grid,
  .v128-stats-strip,
  .v128-info-card,
  .v128-mary-presenter,
  .v128-magnetic-cta,
  .v128-secondary-cta,
  .v128-tech-panel{
    transition:none !important;
  }
  .v128-bg-video video,
  .v128-grid,
  .v128-particles,
  .v128-light-beam,
  .v128-holo-base,
  .v128-stage::after,
  .v128-mary-presenter,
  .v128-magnetic-cta,
  .v128-magnetic-cta::before,
  .v128-cta-glow::before,
  .v128-tech-panel span{
    animation:none !important;
  }
}

/* V128 final alignment tuning after visual review */
@media(min-width:981px){
  .v128-copy{width:min(45%, 600px);padding-top:82px;padding-left:70px;}
  .v128-copy h2{font-size:clamp(52px, 4.75vw, 82px);max-width:600px;}
  .v128-copy p{max-width:540px;}
  .v128-stage{width:64%;}
  .v128-magnetic-cta{left:14%;top:392px;width:clamp(520px, 40vw, 620px);}
  .v128-secondary-cta{left:27%;top:542px;}
  .v128-mary-presenter{right:1%;width:clamp(510px, 38vw, 675px);}
  .v128-card-one{left:11%;top:78px;}
  .v128-card-two{left:18%;top:208px;}
  .v128-stage::after{left:16%;top:49%;width:39%;}
  .v128-holo-base{left:54%;bottom:58px;}
}

/* =========================================================
   V129 — Layout Reset: Premium Mary Appointment Hero
   Fixes: no CTA covering face, bigger human trust visual, aligned palm CTA,
   cleaner SaaS-tech visuals, stats not clipped, chat widget untouched.
========================================================= */
.v129-appointment-hero{
  position:relative !important;
  padding:168px 0 118px !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.v129-appointment-shell{
  --mx:0px;
  --my:0px;
  --spot-x:64%;
  --spot-y:48%;
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(360px, .82fr) minmax(620px, 1.18fr) !important;
  align-items:center !important;
  min-height:820px !important;
  padding:84px 68px 126px !important;
  overflow:hidden !important;
  border-radius:44px !important;
  border:1px solid rgba(125,211,252,.18) !important;
  background:
    radial-gradient(780px circle at var(--spot-x) var(--spot-y), rgba(14,165,233,.17), transparent 43%),
    radial-gradient(520px circle at 84% 38%, rgba(10,132,255,.18), transparent 42%),
    linear-gradient(135deg, rgba(2,8,23,.98), rgba(3,18,49,.95) 52%, rgba(2,8,23,.98)) !important;
  box-shadow:
    0 42px 130px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(56,189,248,.04) !important;
  opacity:0;
  transform:translateY(36px);
  transition:opacity .9s ease, transform .9s cubic-bezier(.18,.9,.2,1), border-color .5s ease !important;
}
.v129-appointment-shell.show{
  opacity:1 !important;
  transform:translateY(0) !important;
  border-color:rgba(125,211,252,.28) !important;
}
.v129-appointment-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent 0 46%, rgba(34,211,238,.10) 54%, transparent 72%),
    radial-gradient(420px circle at 66% 64%, rgba(34,211,238,.17), transparent 68%);
  opacity:.9;
}
.v129-appointment-shell::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(116deg, transparent 20%, rgba(125,211,252,.05) 48%, rgba(10,132,255,.10) 51%, transparent 66%);
  transform:translateX(-72%);
  opacity:0;
  animation:v129ScanSweep 8.8s ease-in-out 1.4s infinite;
}

.v129-bg-video,
.v129-grid,
.v129-particles,
.v129-light-aura,
.v129-scan-beam{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.v129-bg-video{z-index:-6;overflow:hidden;}
.v129-bg-video video{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.16;
  transform:scale(1.08);
  filter:saturate(.78) brightness(.58) contrast(1.16) blur(1.5px);
  animation:v129VideoDrift 18s ease-in-out infinite alternate;
}
.v129-bg-video::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 72% 42%, rgba(10,132,255,.20), transparent 27%),
    radial-gradient(circle at 48% 66%, rgba(34,211,238,.13), transparent 24%),
    linear-gradient(90deg, rgba(2,8,23,.90) 0%, rgba(2,8,23,.72) 42%, rgba(2,8,23,.40) 70%, rgba(2,8,23,.66) 100%);
}
.v129-grid{
  z-index:-5;
  background-image:
    linear-gradient(rgba(125,211,252,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.07) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.82) 52%, rgba(0,0,0,.28) 100%);
  opacity:.48;
  animation:v129GridMove 24s linear infinite;
}
.v129-particles{
  z-index:-4;
  background-image:
    radial-gradient(circle, rgba(34,211,238,.72) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(10,132,255,.50) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(255,255,255,.30) 0 1px, transparent 1.8px);
  background-size:92px 92px, 136px 136px, 184px 184px;
  background-position:12px 18px, 60px 90px, 10px 140px;
  opacity:.40;
  animation:v129Particles 20s linear infinite;
}
.v129-light-aura{
  z-index:-3;
  background:
    radial-gradient(560px circle at 64% 55%, rgba(34,211,238,.19), transparent 56%),
    radial-gradient(420px circle at 82% 38%, rgba(10,132,255,.16), transparent 58%);
  opacity:.82;
  transform:translate3d(calc(var(--mx) * -.28), calc(var(--my) * -.25), 0);
}
.v129-scan-beam{
  z-index:-2;
  background:linear-gradient(112deg, transparent 0 42%, rgba(56,189,248,.06) 47%, rgba(10,132,255,.14) 50%, rgba(125,211,252,.07) 54%, transparent 62%);
  opacity:.74;
  animation:v129BeamSweep 9.8s ease-in-out infinite;
}

.v129-copy{
  position:relative;
  z-index:5;
  max-width:610px;
  transform:translate3d(calc(var(--mx) * .20), calc(var(--my) * .14), 0);
}
.v129-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:12px 18px;
  margin-bottom:26px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.20);
  background:linear-gradient(135deg, rgba(8,33,73,.66), rgba(2,8,23,.42));
  color:#7dd3fc;
  font-size:13px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 28px rgba(14,165,233,.08);
  opacity:0;
  transform:translateY(16px);
  transition:.7s ease .16s;
}
.v129-eyebrow i{
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg,#67e8f9,#0A84FF);
  box-shadow:0 0 18px rgba(34,211,238,.72);
}
.v129-copy h2{
  max-width:640px;
  margin:0;
  color:#f8fbff;
  font-size:clamp(58px, 5.0vw, 88px);
  line-height:.98;
  letter-spacing:-.08em;
  text-wrap:balance;
  opacity:0;
  transform:translateY(26px);
  transition:.85s cubic-bezier(.18,.9,.2,1) .24s;
}
.v129-copy h2 span{
  background:linear-gradient(90deg,#25d8ff,#0A84FF 70%,#2563eb);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 34px rgba(10,132,255,.22);
}
.v129-copy h2::after{
  content:"";
  display:block;
  width:118px;
  height:3px;
  margin:28px 0 0;
  border-radius:999px;
  background:linear-gradient(90deg,#22d3ee,transparent);
  box-shadow:0 0 22px rgba(34,211,238,.36);
}
.v129-copy p{
  max-width:560px;
  margin:24px 0 0;
  color:#cad7e8;
  font-size:18px;
  line-height:1.78;
  opacity:0;
  transform:translateY(22px);
  transition:.78s ease .34s;
}
.v129-appointment-shell.show .v129-eyebrow,
.v129-appointment-shell.show .v129-copy h2,
.v129-appointment-shell.show .v129-copy p,
.v129-appointment-shell.show .v129-feature-grid,
.v129-appointment-shell.show .v129-stats-strip{
  opacity:1;
  transform:translateY(0);
}

.v129-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  max-width:590px;
  margin-top:30px;
  opacity:0;
  transform:translateY(22px);
  transition:.82s ease .46s;
}
.v129-feature-grid span{
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-areas:"icon title" "icon desc";
  column-gap:12px;
  min-height:70px;
  padding:14px 16px;
  border-radius:17px;
  border:1px solid rgba(125,211,252,.15);
  background:linear-gradient(135deg, rgba(6,26,58,.62), rgba(2,8,23,.38));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 14px 34px rgba(0,0,0,.16);
}
.v129-feature-grid i{
  grid-area:icon;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-top:2px;
  border-radius:14px;
  color:#22d3ee;
  background:rgba(14,165,233,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 18px rgba(14,165,233,.10);
  font-style:normal;
}
.v129-feature-grid b{grid-area:title;color:#eef7ff;font-size:15px;font-weight:950;letter-spacing:-.02em;}
.v129-feature-grid small{grid-area:desc;margin-top:3px;color:#9fb3c9;font-size:13px;font-weight:700;}

.v129-visual{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
}
.v129-visual > *{pointer-events:auto;}
.v129-visual::before{
  content:"";
  position:absolute;
  right:2%;
  bottom:7%;
  width:48%;
  height:72%;
  border-radius:44% 44% 38% 38% / 56% 56% 34% 34%;
  background:radial-gradient(circle at 48% 36%, rgba(34,211,238,.24), rgba(10,132,255,.11) 45%, transparent 72%);
  filter:blur(26px);
  opacity:.9;
  pointer-events:none;
  transform:translate3d(calc(var(--mx) * -.35), calc(var(--my) * -.26), 0);
}
.v129-mary-presenter{
  position:absolute;
  right:54px;
  bottom:0;
  z-index:5;
  width:clamp(500px, 36vw, 660px);
  max-height:88%;
  object-fit:contain;
  filter:drop-shadow(0 42px 92px rgba(0,0,0,.54)) drop-shadow(0 0 18px rgba(34,211,238,.20));
  opacity:0;
  transform:translate3d(70px, 24px, 0) scale(.97);
  transition:opacity 1s ease .52s, transform 1.1s cubic-bezier(.18,.9,.2,1) .52s;
  pointer-events:none;
}
.v129-appointment-shell.show .v129-mary-presenter{
  opacity:1;
  transform:translate3d(calc(var(--mx) * -.26), calc(var(--my) * -.16), 0) scale(1);
}

.v129-magnetic-cta{
  --mag-x:0px;
  --mag-y:0px;
  position:absolute;
  left:52%;
  top:52%;
  z-index:9;
  width:clamp(470px, 34vw, 590px);
  min-height:112px;
  display:grid;
  grid-template-columns:68px 1fr 68px;
  align-items:center;
  gap:20px;
  padding:18px 20px;
  border:1px solid rgba(191,240,255,.42);
  border-radius:34px;
  background:
    radial-gradient(circle at 20% 18%, rgba(125,211,252,.40), transparent 24%),
    linear-gradient(135deg, #38bdf8 0%, #0A84FF 44%, #1d4ed8 100%);
  color:#fff;
  cursor:pointer;
  box-shadow:
    0 0 0 8px rgba(14,165,233,.08),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 22px 76px rgba(10,132,255,.36),
    0 24px 70px rgba(0,0,0,.36);
  overflow:hidden;
  opacity:0;
  transform:translate3d(calc(-50% + var(--mag-x)), calc(-50% + 28px + var(--mag-y)), 0) scale(.94);
  transition:opacity .9s ease .78s, transform .24s ease, box-shadow .28s ease, border-color .28s ease;
  font:inherit;
  text-align:left;
  isolation:isolate;
}
.v129-appointment-shell.show .v129-magnetic-cta{
  opacity:1;
  transform:translate3d(calc(-50% + var(--mag-x)), calc(-50% + var(--mag-y)), 0) scale(1);
}
.v129-magnetic-cta::before{
  content:"";
  position:absolute;
  inset:5px;
  z-index:-1;
  border-radius:29px;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(135deg, rgba(255,255,255,.12), transparent 48%, rgba(2,8,23,.10));
}
.v129-magnetic-cta::after{
  content:"";
  position:absolute;
  inset:-50% -32%;
  z-index:-1;
  background:linear-gradient(110deg, transparent 26%, rgba(255,255,255,.30) 48%, transparent 62%);
  transform:translateX(-58%) rotate(5deg);
  animation:v129CtaShine 4.2s ease-in-out infinite;
}
.v129-cta-icon,
.v129-cta-arrow{
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  border-radius:23px;
  background:rgba(4,18,44,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 26px rgba(2,8,23,.10);
  font-style:normal;
  flex:0 0 auto;
}
.v129-cta-icon{font-size:30px;}
.v129-cta-copy{display:block;min-width:0;}
.v129-cta-copy strong{
  display:block;
  color:#fff;
  font-size:clamp(27px,2.05vw,38px);
  font-weight:950;
  line-height:1;
  letter-spacing:-.055em;
  text-shadow:0 2px 20px rgba(2,8,23,.20);
}
.v129-cta-copy small{
  display:block;
  margin-top:7px;
  color:#e5f7ff;
  font-size:18px;
  font-weight:900;
  letter-spacing:.01em;
}
.v129-cta-arrow{
  font-size:32px;
  transition:transform .25s ease, background .25s ease;
}
.v129-magnetic-cta:hover,
.v129-magnetic-cta:focus-visible{
  border-color:rgba(255,255,255,.66);
  box-shadow:
    0 0 0 9px rgba(14,165,233,.11),
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 28px 92px rgba(10,132,255,.44),
    0 30px 78px rgba(0,0,0,.40);
}
.v129-magnetic-cta:hover .v129-cta-arrow,
.v129-magnetic-cta:focus-visible .v129-cta-arrow{transform:translateX(5px);background:rgba(4,18,44,.28);}
.v129-magnetic-cta:focus-visible{outline:2px solid rgba(125,211,252,.88);outline-offset:5px;}

.v129-palm-beam{
  position:absolute;
  left:49%;
  top:57%;
  z-index:7;
  width:185px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(34,211,238,.10), rgba(34,211,238,.95), rgba(10,132,255,.15));
  box-shadow:0 0 20px rgba(34,211,238,.34);
  transform:translate3d(-50%, -50%, 0) rotate(-3deg);
  opacity:0;
  transition:opacity .8s ease 1.05s, transform .8s ease 1.05s;
  pointer-events:none;
}
.v129-appointment-shell.show .v129-palm-beam{opacity:.9;transform:translate3d(-50%, -50%, 0) rotate(-3deg) scaleX(1);}

.v129-secondary-cta{
  position:absolute;
  left:52%;
  top:63.5%;
  z-index:8;
  transform:translate(-50%, 18px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:0 44px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.20);
  background:rgba(2,8,23,.42);
  color:#eaf7ff;
  font-weight:950;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 46px rgba(0,0,0,.22);
  backdrop-filter:blur(16px) saturate(140%);
  opacity:0;
  transition:opacity .8s ease 1s, transform .8s ease 1s, background .25s ease, border-color .25s ease;
}
.v129-appointment-shell.show .v129-secondary-cta{opacity:1;transform:translate(-50%, 0);}
.v129-secondary-cta:hover,.v129-secondary-cta:focus-visible{border-color:rgba(125,211,252,.38);background:rgba(10,132,255,.11);}

.v129-hud-card{
  position:absolute;
  z-index:7;
  display:grid;
  grid-template-columns:54px 1fr;
  gap:14px;
  align-items:center;
  width:310px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(125,211,252,.18);
  background:linear-gradient(135deg, rgba(6,26,58,.76), rgba(2,8,23,.45));
  box-shadow:0 24px 72px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06), 0 0 42px rgba(10,132,255,.08);
  backdrop-filter:blur(20px) saturate(140%);
  opacity:0;
  transform:translateY(24px) scale(.96);
  transition:opacity .75s ease, transform .85s cubic-bezier(.18,.9,.2,1);
  pointer-events:none;
}
.v129-appointment-shell.show .v129-hud-card{opacity:1;transform:translateY(0) scale(1);}
.v129-hud-card-one{left:42.5%;top:16%;transition-delay:.55s;}
.v129-hud-card-two{left:48%;top:29%;transition-delay:.68s;}
.v129-hud-card i{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(10,132,255,.24), rgba(34,211,238,.10));
  color:#22d3ee;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 24px rgba(10,132,255,.10);
  font-style:normal;
}
.v129-hud-card strong{display:block;color:#f7fbff;font-size:18px;font-weight:950;line-height:1.08;letter-spacing:-.03em;}
.v129-hud-card span{display:block;margin-top:5px;color:#b7c7dc;font-size:14px;font-weight:700;line-height:1.38;}

.v129-floating-panel{
  position:absolute;
  right:6%;
  z-index:3;
  width:180px;
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(125,211,252,.10);
  background:rgba(2,8,23,.28);
  opacity:0;
  transform:translateX(22px);
  transition:opacity .9s ease 1.15s, transform .9s ease 1.15s;
  pointer-events:none;
}
.v129-appointment-shell.show .v129-floating-panel{opacity:.72;transform:translateX(0);}
.v129-panel-one{top:20%;}
.v129-panel-two{top:36%;right:3%;transition-delay:1.28s;}
.v129-floating-panel span{display:block;height:7px;border-radius:999px;margin:9px 0;background:linear-gradient(90deg, rgba(34,211,238,.75), rgba(10,132,255,.10));animation:v129PanelLine 2.7s ease-in-out infinite;}
.v129-floating-panel span:nth-child(1){width:74%;}
.v129-floating-panel span:nth-child(2){width:48%;animation-delay:.18s;}
.v129-floating-panel span:nth-child(3){width:88%;animation-delay:.32s;}

.v129-hologram-base{
  position:absolute;
  left:59%;
  bottom:70px;
  z-index:2;
  width:390px;
  height:92px;
  transform:translateX(-50%) perspective(520px) rotateX(67deg);
  border-radius:50%;
  border:1px solid rgba(34,211,238,.30);
  background:
    repeating-radial-gradient(circle, rgba(34,211,238,.34) 0 2px, transparent 2px 18px),
    radial-gradient(circle, rgba(10,132,255,.32), transparent 68%);
  filter:drop-shadow(0 0 30px rgba(14,165,233,.46));
  opacity:.46;
  animation:v129HoloPulse 4.5s ease-in-out infinite;
  pointer-events:none;
}

.v129-stats-strip{
  position:absolute;
  left:68px;
  bottom:44px;
  z-index:8;
  width:min(780px, calc(100% - 670px));
  min-width:650px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-radius:24px;
  border:1px solid rgba(125,211,252,.18);
  background:linear-gradient(135deg, rgba(4,18,44,.72), rgba(2,8,23,.44));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 24px 70px rgba(0,0,0,.22), 0 0 34px rgba(10,132,255,.08);
  backdrop-filter:blur(20px) saturate(140%);
  overflow:hidden;
  opacity:0;
  transform:translateY(22px);
  transition:.82s ease .58s;
}
.v129-stats-strip div{
  position:relative;
  display:grid;
  grid-template-columns:38px 1fr;
  grid-template-areas:"icon num" "icon label";
  align-items:center;
  column-gap:12px;
  padding:18px 18px;
  min-width:0;
}
.v129-stats-strip div:not(:last-child)::after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,rgba(125,211,252,.18),transparent);}
.v129-stats-strip i{grid-area:icon;display:grid;place-items:center;width:34px;height:34px;border-radius:13px;background:rgba(10,132,255,.15);color:#22d3ee;font-style:normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.v129-stats-strip b{grid-area:num;color:#f8fbff;font-size:22px;font-weight:950;line-height:1;letter-spacing:-.04em;white-space:nowrap;}
.v129-stats-strip span{grid-area:label;margin-top:4px;color:#aabbd0;font-size:12px;font-weight:800;line-height:1.15;}

@keyframes v129VideoDrift{0%{transform:scale(1.08) translate3d(0,0,0)}100%{transform:scale(1.13) translate3d(0,-12px,0)}}
@keyframes v129GridMove{0%{background-position:0 0,0 0}100%{background-position:0 64px,64px 0}}
@keyframes v129Particles{0%{background-position:12px 18px,60px 90px,10px 140px}100%{background-position:12px 160px,60px 20px,10px 260px}}
@keyframes v129BeamSweep{0%,100%{transform:translateX(-10%);opacity:.50}50%{transform:translateX(6%);opacity:.86}}
@keyframes v129ScanSweep{0%,18%{transform:translateX(-76%);opacity:0}32%,62%{opacity:.42}84%{transform:translateX(12%);opacity:.16}100%{transform:translateX(22%);opacity:0}}
@keyframes v129CtaShine{0%,28%{transform:translateX(-58%) rotate(5deg);opacity:0}48%{opacity:.70}70%,100%{transform:translateX(58%) rotate(5deg);opacity:0}}
@keyframes v129HoloPulse{0%,100%{opacity:.40;transform:translateX(-50%) perspective(520px) rotateX(67deg) scale(.96)}50%{opacity:.62;transform:translateX(-50%) perspective(520px) rotateX(67deg) scale(1.04)}}
@keyframes v129PanelLine{0%,100%{opacity:.45;transform:scaleX(.82);transform-origin:left}50%{opacity:.92;transform:scaleX(1)}}

@media (min-width: 1440px){
  .v129-appointment-shell{min-height:840px;padding-left:80px;padding-right:78px;}
  .v129-magnetic-cta{left:52%;top:52%;width:clamp(520px, 34vw, 640px);}
  .v129-mary-presenter{right:70px;width:clamp(560px, 35vw, 700px);}
  .v129-hud-card-one{left:43%;top:15%;}
  .v129-hud-card-two{left:50%;top:28%;}
  .v129-stats-strip{left:80px;min-width:710px;}
}

@media (max-width: 1180px){
  .v129-appointment-hero{padding:126px 0 90px !important;}
  .v129-appointment-shell{grid-template-columns:1fr !important;min-height:auto !important;padding:62px 42px 54px !important;}
  .v129-copy{max-width:760px;}
  .v129-copy h2{font-size:clamp(48px, 7vw, 76px);max-width:760px;}
  .v129-feature-grid{max-width:720px;}
  .v129-visual{position:relative;inset:auto;height:620px;margin-top:20px;}
  .v129-mary-presenter{right:2%;bottom:0;width:min(58%, 540px);max-height:96%;}
  .v129-magnetic-cta{left:35%;top:42%;width:min(540px, 58%);min-height:104px;}
  .v129-secondary-cta{left:35%;top:56%;}
  .v129-palm-beam{left:35%;top:47%;width:150px;}
  .v129-hud-card-one{left:6%;top:8%;}
  .v129-hud-card-two{left:12%;top:23%;}
  .v129-floating-panel{right:4%;}
  .v129-stats-strip{position:relative;left:auto;bottom:auto;width:100%;min-width:0;margin-top:20px;}
  .v129-hologram-base{left:60%;bottom:48px;}
}

@media (max-width: 760px){
  .v129-appointment-hero{padding:92px 0 74px !important;}
  .v129-appointment-shell{padding:34px 20px 34px !important;border-radius:30px !important;}
  .v129-eyebrow{font-size:10px;letter-spacing:.13em;padding:10px 13px;margin-bottom:20px;}
  .v129-copy h2{font-size:clamp(36px, 11vw, 56px);line-height:1.02;letter-spacing:-.065em;}
  .v129-copy h2::after{margin-top:22px;}
  .v129-copy p{font-size:16px;line-height:1.66;}
  .v129-feature-grid{grid-template-columns:1fr;gap:10px;margin-top:24px;}
  .v129-feature-grid span{min-height:64px;}
  .v129-visual{height:670px;margin-top:18px;}
  .v129-hud-card{position:relative;left:auto !important;top:auto !important;width:auto;margin:0 0 12px;padding:14px;border-radius:18px;grid-template-columns:46px 1fr;}
  .v129-hud-card i{width:44px;height:44px;border-radius:14px;}
  .v129-magnetic-cta{
    left:50%;
    top:245px;
    width:min(100%, 560px);
    min-height:92px;
    grid-template-columns:54px 1fr 54px;
    gap:12px;
    border-radius:26px;
    padding:14px;
  }
  .v129-magnetic-cta::before{border-radius:22px;}
  .v129-cta-icon,.v129-cta-arrow{width:54px;height:54px;border-radius:18px;}
  .v129-cta-copy strong{font-size:clamp(21px, 5.8vw, 28px);}
  .v129-cta-copy small{font-size:14px;}
  .v129-secondary-cta{left:50%;top:355px;min-height:50px;padding:0 34px;}
  .v129-palm-beam{display:none;}
  .v129-mary-presenter{right:-14%;bottom:0;width:min(108%, 460px);max-height:57%;}
  .v129-floating-panel{display:none;}
  .v129-hologram-base{left:50%;bottom:38px;width:270px;}
  .v129-stats-strip{grid-template-columns:1fr 1fr;margin-top:16px;border-radius:20px;}
  .v129-stats-strip div{padding:16px 14px;grid-template-columns:30px 1fr;column-gap:9px;}
  .v129-stats-strip div:nth-child(2)::after{display:none;}
  .v129-stats-strip i{width:28px;height:28px;font-size:12px;}
  .v129-stats-strip b{font-size:19px;}
}

@media (max-width: 420px){
  .v129-appointment-shell{padding:30px 14px 30px !important;}
  .v129-copy h2{font-size:clamp(34px, 12vw, 47px);}
  .v129-visual{height:620px;}
  .v129-magnetic-cta{top:218px;min-height:88px;grid-template-columns:48px 1fr 48px;padding:12px;}
  .v129-cta-icon,.v129-cta-arrow{width:48px;height:48px;border-radius:16px;}
  .v129-secondary-cta{top:318px;}
  .v129-mary-presenter{right:-24%;width:min(122%, 430px);}
  .v129-stats-strip div{padding:14px 10px;}
}

@media (prefers-reduced-motion: reduce){
  .v129-appointment-shell,
  .v129-bg-video video,
  .v129-grid,
  .v129-particles,
  .v129-scan-beam,
  .v129-appointment-shell::after,
  .v129-magnetic-cta::after,
  .v129-hologram-base,
  .v129-floating-panel span,
  .v129-mary-presenter,
  .v129-magnetic-cta{
    animation:none !important;
    transition:none !important;
  }
}

/* =========================================================
   V130 tested layout reset: premium Mary appointment hero
   Goal: cinematic SaaS section, CTA near palm, never covers face
========================================================= */
.v130-appointment-hero{
  position:relative;
  padding:clamp(96px, 10vh, 150px) 0 clamp(64px, 8vh, 110px);
  overflow:hidden;
}
.v130-appointment-hero .container{
  max-width:min(1540px, calc(100vw - 48px));
}
.v130-shell{
  --mx:0px;
  --my:0px;
  --spot-x:62%;
  --spot-y:48%;
  position:relative;
  min-height:clamp(760px, 76vh, 910px);
  border-radius:38px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(125,211,252,.20);
  background:
    radial-gradient(circle at 72% 52%, rgba(14,165,233,.22), transparent 31%),
    radial-gradient(circle at 22% 24%, rgba(56,189,248,.07), transparent 29%),
    linear-gradient(135deg, rgba(2,8,23,.96), rgba(3,16,44,.95) 54%, rgba(3,11,30,.98));
  box-shadow:
    0 34px 120px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(56,189,248,.04);
}
.v130-bg-video,
.v130-grid,
.v130-aurora,
.v130-dots,
.v130-scan{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.v130-bg-video{
  z-index:0;
  overflow:hidden;
}
.v130-bg-video video{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.15;
  filter:saturate(.75) brightness(.56) contrast(1.12) blur(1.4px);
  transform:scale(1.08);
  animation:v130VideoDrift 20s ease-in-out infinite alternate;
}
.v130-bg-video::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(2,8,23,.88) 0%, rgba(2,8,23,.56) 48%, rgba(2,8,23,.48) 66%, rgba(2,8,23,.80) 100%),
    radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(34,211,238,.16), transparent 34%);
}
.v130-grid{
  z-index:1;
  opacity:.38;
  background-image:
    linear-gradient(rgba(125,211,252,.095) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.095) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(circle at 55% 55%, #000 0%, transparent 74%);
  animation:v130GridMove 22s linear infinite;
}
.v130-aurora{
  z-index:2;
  background:
    radial-gradient(580px circle at calc(var(--spot-x) + 6%) calc(var(--spot-y) - 2%), rgba(14,165,233,.21), transparent 44%),
    linear-gradient(115deg, transparent 24%, rgba(125,211,252,.07) 46%, rgba(10,132,255,.12) 52%, transparent 72%);
  mix-blend-mode:screen;
  opacity:.78;
  animation:v130Aurora 9s ease-in-out infinite;
}
.v130-dots{
  z-index:2;
  opacity:.48;
  background-image:radial-gradient(circle, rgba(103,232,249,.46) 1px, transparent 1.8px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg, transparent 0%, #000 18%, #000 78%, transparent 100%);
  animation:v130Dots 15s linear infinite;
}
.v130-scan{
  z-index:3;
  background:linear-gradient(110deg, transparent 32%, rgba(125,211,252,.06), rgba(56,189,248,.18), transparent 62%);
  transform:translateX(-70%);
  opacity:.0;
  animation:v130Scan 8.5s ease-in-out 1.2s infinite;
}

.v130-copy{
  position:absolute;
  z-index:8;
  left:clamp(38px, 5vw, 86px);
  top:clamp(118px, 13vh, 154px);
  width:min(520px, 42%);
  transform:translate3d(calc(var(--mx) * -.18), calc(var(--my) * -.12), 0);
}
.v130-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:38px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.22);
  background:rgba(3,20,48,.62);
  color:#7dd3fc;
  font-size:12px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 30px rgba(14,165,233,.08);
}
.v130-eyebrow i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 22px rgba(34,211,238,.75);
}
.v130-copy h2{
  margin:28px 0 24px;
  max-width:560px;
  color:#f8fbff;
  font-size:clamp(52px, 4.5vw, 88px);
  line-height:.98;
  letter-spacing:-.065em;
  font-weight:1000;
  text-shadow:0 18px 60px rgba(0,0,0,.34);
}
.v130-copy h2 span{
  color:#00C8FF;
  background:linear-gradient(135deg, #7dd3fc 0%, #00C8FF 38%, #0A84FF 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.v130-copy p{
  max-width:520px;
  margin:0;
  color:#d3e3f7;
  font-size:clamp(17px, 1.1vw, 21px);
  line-height:1.7;
  font-weight:650;
}
.v130-copy p::before{
  content:"";
  display:block;
  width:92px;
  height:3px;
  margin:0 0 26px;
  border-radius:999px;
  background:linear-gradient(90deg, #22d3ee, transparent);
  box-shadow:0 0 22px rgba(34,211,238,.32);
}
.v130-feature-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:28px;
  max-width:520px;
}
.v130-feature-grid span{
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-rows:auto auto;
  gap:0 12px;
  align-items:center;
  min-height:72px;
  padding:12px 16px;
  border-radius:18px;
  border:1px solid rgba(125,211,252,.14);
  background:rgba(4,19,45,.62);
  backdrop-filter:blur(16px) saturate(125%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 16px 34px rgba(0,0,0,.16);
}
.v130-feature-grid i{
  grid-row:1 / 3;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:14px;
  background:rgba(14,165,233,.12);
  color:#22d3ee;
  font-style:normal;
  box-shadow:0 0 24px rgba(14,165,233,.12);
}
.v130-feature-grid b{
  color:#f6fbff;
  font-size:15px;
  line-height:1.1;
  font-weight:950;
}
.v130-feature-grid small{
  color:#a8bed4;
  font-size:12px;
  font-weight:700;
}

.v130-stage{
  position:absolute;
  inset:0;
  z-index:6;
  transform:translate3d(calc(var(--mx) * .12), calc(var(--my) * .08), 0);
}
.v130-mary{
  position:absolute;
  z-index:5;
  right:clamp(12px, 4vw, 72px);
  bottom:-4px;
  width:clamp(420px, 36vw, 660px);
  max-height:86%;
  object-fit:contain;
  object-position:bottom right;
  filter:drop-shadow(0 34px 76px rgba(0,0,0,.52)) drop-shadow(0 0 18px rgba(34,211,238,.23));
  animation:v130MaryEntrance .9s cubic-bezier(.2,.86,.18,1) both, v130MaryFloat 7s ease-in-out 1s infinite;
}
.v130-stage::before{
  content:"";
  position:absolute;
  z-index:4;
  right:5%;
  bottom:5%;
  width:42%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(34,211,238,.24), rgba(10,132,255,.10) 36%, transparent 70%);
  filter:blur(24px);
  opacity:.8;
}
.v130-holo-base{
  position:absolute;
  z-index:4;
  right:22%;
  bottom:8.5%;
  width:310px;
  height:92px;
  border-radius:50%;
  border:1px solid rgba(34,211,238,.28);
  background:radial-gradient(ellipse at center, rgba(34,211,238,.18), transparent 64%);
  box-shadow:0 0 38px rgba(34,211,238,.10), inset 0 0 28px rgba(34,211,238,.08);
  transform:perspective(620px) rotateX(68deg);
  animation:v130Holo 3.8s ease-in-out infinite;
}
.v130-palm-beam{
  position:absolute;
  z-index:6;
  left:51%;
  top:52%;
  width:300px;
  height:2px;
  transform:rotate(-9deg);
  transform-origin:left center;
  background:linear-gradient(90deg, rgba(34,211,238,.90), rgba(10,132,255,.38), transparent);
  box-shadow:0 0 20px rgba(34,211,238,.34);
  opacity:.62;
  animation:v130Beam 2.7s ease-in-out infinite;
}
.v130-magnetic-cta{
  position:absolute;
  z-index:9;
  left:47.5%;
  top:45%;
  display:grid;
  grid-template-columns:72px 1fr 68px;
  align-items:center;
  gap:18px;
  width:clamp(430px, 33vw, 570px);
  min-height:104px;
  padding:17px 22px;
  border:1px solid rgba(125,211,252,.48);
  border-radius:31px;
  color:#fff;
  cursor:pointer;
  background:
    linear-gradient(135deg, rgba(88,218,255,.92) 0%, rgba(10,132,255,.96) 44%, rgba(20,83,230,.94) 100%);
  box-shadow:
    0 28px 86px rgba(10,132,255,.36),
    0 0 0 8px rgba(34,211,238,.075),
    inset 0 2px 0 rgba(255,255,255,.20),
    inset 0 -14px 36px rgba(5,26,76,.22);
  transform:translate3d(var(--mag-x,0px), var(--mag-y,0px), 0);
  transition:box-shadow .25s ease, filter .25s ease, border-color .25s ease;
  animation:v130CtaIn .9s cubic-bezier(.2,.86,.18,1) .22s both, v130CtaPulse 3.2s ease-in-out 1s infinite;
}
.v130-magnetic-cta::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:33px;
  background:linear-gradient(90deg, #67e8f9, rgba(255,255,255,.4), #0A84FF, #67e8f9);
  opacity:.58;
  z-index:-1;
  filter:blur(.2px);
  animation:v130BorderFlow 4.4s linear infinite;
}
.v130-magnetic-cta::after{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  pointer-events:none;
}
.v130-cta-icon,
.v130-cta-arrow{
  display:grid;
  place-items:center;
  border-radius:24px;
  background:rgba(2,30,80,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 30px rgba(0,0,0,.08);
}
.v130-cta-icon{
  width:64px;
  height:64px;
  color:#eaffff;
  font-size:28px;
}
.v130-cta-copy{
  text-align:left;
  line-height:1.05;
}
.v130-cta-copy strong{
  display:block;
  font-size:clamp(25px, 1.7vw, 34px);
  font-weight:1000;
  letter-spacing:-.035em;
  text-shadow:0 2px 10px rgba(0,0,0,.16);
}
.v130-cta-copy small{
  display:block;
  margin-top:6px;
  font-size:clamp(15px, 1vw, 18px);
  font-weight:900;
  color:#dff9ff;
}
.v130-cta-arrow{
  width:60px;
  height:60px;
  font-size:30px;
  transition:transform .25s ease;
}
.v130-magnetic-cta:hover,
.v130-magnetic-cta:focus-visible{
  border-color:rgba(224,251,255,.85);
  filter:saturate(1.08) brightness(1.06);
  box-shadow:
    0 34px 102px rgba(10,132,255,.46),
    0 0 0 10px rgba(34,211,238,.10),
    inset 0 2px 0 rgba(255,255,255,.24),
    inset 0 -14px 36px rgba(5,26,76,.20);
}
.v130-magnetic-cta:hover .v130-cta-arrow,
.v130-magnetic-cta:focus-visible .v130-cta-arrow{
  transform:translateX(5px);
}
.v130-magnetic-cta:focus-visible{outline:3px solid rgba(103,232,249,.65);outline-offset:5px;}
.v130-secondary-cta{
  position:absolute;
  z-index:8;
  left:52.5%;
  top:59.5%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:178px;
  min-height:54px;
  padding:0 24px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.18);
  background:rgba(4,18,44,.68);
  color:#f7fbff;
  font-weight:900;
  text-decoration:none;
  backdrop-filter:blur(18px);
  box-shadow:0 18px 46px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
}
.v130-hud-card{
  position:absolute;
  z-index:7;
  display:grid;
  grid-template-columns:58px 1fr;
  align-items:center;
  gap:15px;
  width:300px;
  min-height:98px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(125,211,252,.18);
  background:linear-gradient(135deg, rgba(4,18,44,.72), rgba(6,31,82,.50));
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 22px 64px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05);
  animation:v130CardFloat 6.2s ease-in-out infinite;
}
.v130-hud-card i{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:19px;
  background:rgba(14,165,233,.12);
  color:#22d3ee;
  font-style:normal;
  font-size:18px;
  box-shadow:0 0 28px rgba(14,165,233,.10);
}
.v130-hud-card strong{
  display:block;
  color:#f7fbff;
  font-size:17px;
  line-height:1.12;
  letter-spacing:-.02em;
}
.v130-hud-card span{
  display:block;
  margin-top:5px;
  color:#bdd3e9;
  font-size:13px;
  line-height:1.35;
}
.v130-hud-one{left:50%; top:13%;}
.v130-hud-two{left:56.5%; top:27%; animation-delay:.8s;}
.v130-panel{
  position:absolute;
  z-index:4;
  right:5%;
  width:170px;
  height:96px;
  border-radius:22px;
  border:1px solid rgba(125,211,252,.10);
  background:rgba(3,18,45,.34);
  backdrop-filter:blur(12px);
  opacity:.56;
}
.v130-panel span{
  display:block;
  height:8px;
  margin:14px 18px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(34,211,238,.62), transparent);
}
.v130-panel-one{top:11%; right:4%;}
.v130-panel-two{top:33%; right:1.8%; opacity:.36;}
.v130-stats{
  position:absolute;
  z-index:9;
  left:clamp(38px, 5vw, 86px);
  bottom:clamp(34px, 5vh, 66px);
  display:grid;
  grid-template-columns:repeat(4, minmax(118px, 1fr));
  width:min(705px, 55%);
  border:1px solid rgba(125,211,252,.17);
  border-radius:24px;
  background:rgba(3,16,44,.74);
  backdrop-filter:blur(20px) saturate(135%);
  box-shadow:0 24px 72px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
.v130-stats div{
  min-width:0;
  display:grid;
  grid-template-columns:36px 1fr;
  grid-template-rows:auto auto;
  gap:0 10px;
  align-items:center;
  padding:18px 18px;
  border-right:1px solid rgba(125,211,252,.10);
}
.v130-stats div:last-child{border-right:0;}
.v130-stats i{
  grid-row:1 / 3;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:14px;
  background:rgba(14,165,233,.11);
  color:#22d3ee;
  font-style:normal;
}
.v130-stats b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#f7fbff;
  font-size:clamp(20px, 1.4vw, 28px);
  line-height:1.05;
  font-weight:1000;
  letter-spacing:-.04em;
}
.v130-stats span{
  min-width:0;
  color:#a8bed4;
  font-size:12px;
  font-weight:750;
  line-height:1.25;
}

@keyframes v130VideoDrift{from{transform:scale(1.08) translate3d(0,0,0)}to{transform:scale(1.13) translate3d(-8px,-10px,0)}}
@keyframes v130GridMove{to{background-position:0 56px, 56px 0}}
@keyframes v130Aurora{0%,100%{opacity:.56;transform:translateX(0)}50%{opacity:.94;transform:translateX(2%)}}
@keyframes v130Dots{to{background-position:42px 42px}}
@keyframes v130Scan{0%,18%{opacity:0;transform:translateX(-80%)}35%,58%{opacity:.48}82%,100%{opacity:0;transform:translateX(24%)}}
@keyframes v130MaryEntrance{from{opacity:0;transform:translate3d(58px,18px,0) scale(.98)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes v130MaryFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes v130Holo{0%,100%{opacity:.42;transform:perspective(620px) rotateX(68deg) scale(.98)}50%{opacity:.74;transform:perspective(620px) rotateX(68deg) scale(1.06)}}
@keyframes v130Beam{0%,100%{opacity:.34;filter:blur(.2px)}50%{opacity:.82;filter:blur(0)}}
@keyframes v130CtaIn{from{opacity:0;transform:translate3d(0,26px,0) scale(.96)}to{opacity:1;transform:translate3d(var(--mag-x,0px), var(--mag-y,0px), 0) scale(1)}}
@keyframes v130CtaPulse{0%,100%{box-shadow:0 28px 86px rgba(10,132,255,.34),0 0 0 8px rgba(34,211,238,.075),inset 0 2px 0 rgba(255,255,255,.20),inset 0 -14px 36px rgba(5,26,76,.22)}50%{box-shadow:0 34px 104px rgba(10,132,255,.46),0 0 0 11px rgba(34,211,238,.10),inset 0 2px 0 rgba(255,255,255,.24),inset 0 -14px 36px rgba(5,26,76,.20)}}
@keyframes v130BorderFlow{to{filter:hue-rotate(22deg)}}
@keyframes v130CardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

@media(max-width:1280px){
  .v130-shell{min-height:760px;}
  .v130-copy{width:43%;top:120px;}
  .v130-copy h2{font-size:clamp(48px,4.2vw,70px);}
  .v130-mary{width:clamp(390px,38vw,560px);right:18px;}
  .v130-magnetic-cta{left:46.5%;top:45%;width:clamp(400px,36vw,510px);}
  .v130-hud-one{left:47%;}
  .v130-hud-two{left:54%;}
  .v130-stats{width:58%;}
}
@media(max-width:980px){
  .v130-appointment-hero{padding-top:96px;}
  .v130-shell{min-height:auto;padding:58px 28px 0;display:grid;grid-template-columns:1fr;gap:28px;}
  .v130-copy,.v130-stage,.v130-stats{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;transform:none;}
  .v130-copy{max-width:720px;}
  .v130-copy h2{font-size:clamp(42px,9vw,74px);}
  .v130-feature-grid{max-width:100%;}
  .v130-stage{min-height:580px;}
  .v130-mary{right:0;width:min(78vw,520px);max-height:540px;}
  .v130-magnetic-cta{left:24px;top:230px;width:min(520px,72vw);}
  .v130-secondary-cta{left:42px;top:360px;}
  .v130-palm-beam{left:28%;top:48%;width:220px;}
  .v130-hud-one{left:24px;top:20px;width:min(300px,42vw);}
  .v130-hud-two{left:46%;top:86px;width:min(300px,44vw);}
  .v130-panel{display:none;}
  .v130-stats{margin:0 0 28px;grid-template-columns:repeat(2,minmax(0,1fr));}
  .v130-stats div:nth-child(2){border-right:0;}
  .v130-stats div:nth-child(1),.v130-stats div:nth-child(2){border-bottom:1px solid rgba(125,211,252,.10);}
}
@media(max-width:640px){
  .v130-appointment-hero{padding:72px 0 52px;}
  .v130-appointment-hero .container{max-width:calc(100vw - 24px);}
  .v130-shell{border-radius:28px;padding:36px 18px 0;}
  .v130-copy h2{font-size:clamp(38px,12vw,58px);}
  .v130-copy p{font-size:16px;line-height:1.62;}
  .v130-feature-grid{grid-template-columns:1fr;}
  .v130-stage{min-height:570px;}
  .v130-hud-card{display:none;}
  .v130-magnetic-cta{left:0;right:0;top:38px;width:100%;grid-template-columns:56px 1fr 52px;min-height:86px;border-radius:26px;padding:14px 16px;}
  .v130-cta-icon{width:52px;height:52px;border-radius:18px;font-size:21px;}
  .v130-cta-copy strong{font-size:23px;}
  .v130-cta-copy small{font-size:14px;}
  .v130-cta-arrow{width:48px;height:48px;border-radius:18px;}
  .v130-secondary-cta{left:50%;top:142px;transform:translateX(-50%);min-height:48px;}
  .v130-mary{right:50%;transform:translateX(50%);bottom:-2px;width:min(96vw,420px);max-height:420px;}
  .v130-holo-base{right:50%;bottom:34px;transform:translateX(50%) perspective(620px) rotateX(68deg);width:240px;}
  .v130-palm-beam{display:none;}
  .v130-stats{grid-template-columns:1fr;}
  .v130-stats div{border-right:0;border-bottom:1px solid rgba(125,211,252,.10);}
  .v130-stats div:last-child{border-bottom:0;}
}
@media(prefers-reduced-motion:reduce){
  .v130-bg-video video,.v130-grid,.v130-aurora,.v130-dots,.v130-scan,.v130-mary,.v130-holo-base,.v130-palm-beam,.v130-magnetic-cta,.v130-hud-card{animation:none !important;transition:none !important;}
}

/* V130.1 internal visual QA corrections */
@media(min-width:981px){
  .v130-shell{min-height:880px;}
  .v130-copy{top:112px;width:min(500px,39%);}
  .v130-copy h2{font-size:clamp(48px,3.75vw,72px);line-height:1.02;margin:26px 0 22px;max-width:500px;}
  .v130-copy p{font-size:18px;line-height:1.62;max-width:500px;}
  .v130-feature-grid{max-width:500px;gap:11px;margin-top:24px;}
  .v130-feature-grid span{min-height:66px;padding:11px 14px;}
  .v130-mary{right:clamp(26px,4.5vw,86px);bottom:-4px;width:clamp(440px,34vw,610px);max-height:82%;}
  .v130-magnetic-cta{left:44.8%;top:54.5%;width:clamp(455px,31vw,560px);min-height:98px;}
  .v130-secondary-cta{left:49%;top:68%;}
  .v130-palm-beam{left:45.5%;top:58.5%;width:350px;transform:rotate(-5deg);}
  .v130-hud-one{left:47%;top:12%;width:295px;}
  .v130-hud-two{left:50%;top:25.5%;width:305px;}
  .v130-stats{width:min(760px,56%);bottom:38px;grid-template-columns:repeat(4,minmax(0,1fr));}
  .v130-stats div{padding:16px 14px;grid-template-columns:32px 1fr;gap:0 9px;}
  .v130-stats b{font-size:22px;white-space:normal;overflow:visible;text-overflow:clip;}
  .v130-stats span{font-size:11.5px;}
}

/* V130.2 internal QA: fit section in viewport, keep Mary's face clear */
@media(min-width:981px){
  .v130-appointment-hero{padding-top:72px;padding-bottom:78px;}
  .v130-shell{min-height:780px;}
  .v130-copy{top:92px;left:clamp(48px,4.7vw,78px);width:min(500px,40%);}
  .v130-eyebrow{height:34px;font-size:11px;padding:0 16px;}
  .v130-copy h2{font-size:clamp(46px,3.45vw,66px);line-height:1.02;margin:24px 0 20px;max-width:510px;}
  .v130-copy p{font-size:17px;line-height:1.55;max-width:475px;}
  .v130-copy p::before{margin-bottom:20px;width:82px;}
  .v130-feature-grid{max-width:500px;gap:10px;margin-top:20px;}
  .v130-feature-grid span{min-height:58px;padding:9px 12px;grid-template-columns:34px 1fr;gap:0 10px;}
  .v130-feature-grid i{width:30px;height:30px;border-radius:12px;font-size:13px;}
  .v130-feature-grid b{font-size:13.5px;}
  .v130-feature-grid small{font-size:11px;}
  .v130-mary{right:clamp(34px,4.6vw,92px);bottom:-2px;width:clamp(430px,32vw,590px);max-height:83%;}
  .v130-magnetic-cta{left:43.8%;top:47.2%;width:clamp(450px,32vw,560px);min-height:98px;grid-template-columns:64px 1fr 60px;}
  .v130-secondary-cta{left:48.5%;top:61.5%;}
  .v130-palm-beam{left:44%;top:52%;width:350px;transform:rotate(-5deg);}
  .v130-hud-one{left:46.5%;top:6.5%;width:290px;}
  .v130-hud-two{left:44.5%;top:21%;width:305px;}
  .v130-hud-card{min-height:84px;padding:13px 15px;grid-template-columns:48px 1fr;}
  .v130-hud-card i{width:44px;height:44px;border-radius:16px;}
  .v130-hud-card strong{font-size:15px;}
  .v130-hud-card span{font-size:12px;}
  .v130-stats{left:clamp(48px,4.7vw,78px);bottom:28px;width:min(720px,55%);}
  .v130-stats div{padding:13px 12px;grid-template-columns:30px 1fr;}
  .v130-stats i{width:28px;height:28px;border-radius:12px;font-size:12px;}
  .v130-stats b{font-size:20px;line-height:1.05;}
  .v130-stats span{font-size:10.5px;line-height:1.2;}
}

/* V130.3 internal QA: fix feature/stat overlap and keep CTA off Mary's face */
@media(min-width:981px){
  .v130-shell{min-height:800px;}
  .v130-copy{top:86px;}
  .v130-copy h2{font-size:clamp(44px,3.25vw,60px);line-height:1.02;margin:22px 0 18px;max-width:500px;}
  .v130-copy p{font-size:16.5px;line-height:1.5;max-width:465px;}
  .v130-copy p::before{margin-bottom:18px;}
  .v130-feature-grid{margin-top:18px;}
  .v130-feature-grid span{min-height:54px;padding:8px 12px;}
  .v130-mary{right:clamp(24px,3.2vw,64px);width:clamp(440px,34vw,610px);max-height:84%;}
  .v130-magnetic-cta{left:41.8%;top:48%;width:clamp(430px,30vw,530px);min-height:94px;}
  .v130-secondary-cta{left:46%;top:63.2%;}
  .v130-palm-beam{left:42%;top:53%;width:340px;}
  .v130-hud-one{left:44.5%;top:6.2%;}
  .v130-hud-two{left:42.5%;top:20.2%;}
  .v130-stats{bottom:22px;width:min(700px,54%);}
  .v130-stats div{padding:12px 12px;}
  .v130-stats b{font-size:19px;}
}

/* =========================================================
   V131 — tested responsive Mary appointment hero reset
   Goal: stable responsive layout, no overlap, premium tech CTA
========================================================= */
.v131-appointment-hero{
  position:relative;
  padding:clamp(92px, 10vh, 128px) 0 clamp(76px, 9vh, 118px);
  isolation:isolate;
  overflow:hidden;
}
.v131-appointment-hero .container{
  max-width:min(1480px, calc(100vw - 44px));
}
.v131-shell{
  --mx:0px;
  --my:0px;
  --spot-x:62%;
  --spot-y:47%;
  position:relative;
  min-height:clamp(720px, 78vh, 860px);
  display:grid;
  grid-template-columns:minmax(410px, .83fr) minmax(560px, 1.17fr);
  column-gap:clamp(22px, 3vw, 54px);
  align-items:stretch;
  padding:clamp(58px, 5vw, 82px) clamp(42px, 5vw, 84px) clamp(34px, 3.5vw, 58px);
  border:1px solid rgba(125,211,252,.18);
  border-radius:clamp(28px, 2.3vw, 42px);
  background:
    radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(14,165,233,.17), transparent 34%),
    linear-gradient(135deg, rgba(3,12,32,.94), rgba(3,18,48,.92));
  box-shadow:
    0 42px 130px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(34,211,238,.03);
  overflow:hidden;
}
.v131-bg-video,
.v131-tech-grid,
.v131-particles,
.v131-light-sweep,
.v131-blue-aura{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.v131-bg-video{z-index:0;overflow:hidden;}
.v131-bg-video video{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.18;
  filter:saturate(.75) brightness(.55) contrast(1.18) blur(1.3px);
  transform:scale(1.08);
  animation:v131VideoDrift 18s ease-in-out infinite alternate;
}
.v131-bg-video::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 18%, rgba(10,132,255,.22), transparent 26%),
    radial-gradient(circle at 61% 57%, rgba(34,211,238,.16), transparent 30%),
    linear-gradient(90deg, rgba(2,8,23,.88) 0%, rgba(2,8,23,.76) 38%, rgba(2,8,23,.50) 72%, rgba(2,8,23,.72) 100%);
}
.v131-tech-grid{
  z-index:1;
  opacity:.48;
  background-image:
    linear-gradient(rgba(125,211,252,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.075) 1px, transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.95), rgba(0,0,0,.62), rgba(0,0,0,.76));
  animation:v131GridMove 20s linear infinite;
}
.v131-particles{
  z-index:2;
  opacity:.46;
  background-image:
    radial-gradient(circle, rgba(34,211,238,.55) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(10,132,255,.34) 0 1px, transparent 1.5px);
  background-size:72px 72px, 112px 112px;
  background-position:0 0, 34px 22px;
  animation:v131Particles 14s linear infinite;
}
.v131-light-sweep{
  z-index:3;
  width:54%;
  background:linear-gradient(105deg, transparent 0%, rgba(125,211,252,.035) 46%, rgba(34,211,238,.13) 50%, rgba(10,132,255,.10) 54%, transparent 100%);
  opacity:.62;
  transform:translateX(-90%);
  animation:v131Sweep 8.5s ease-in-out 1.2s infinite;
}
.v131-blue-aura{
  z-index:2;
  background:
    radial-gradient(460px circle at 74% 38%, rgba(10,132,255,.26), transparent 64%),
    radial-gradient(360px circle at 64% 70%, rgba(34,211,238,.16), transparent 70%);
  mix-blend-mode:screen;
}
.v131-copy,
.v131-visual{position:relative;z-index:5;}
.v131-copy{
  align-self:center;
  padding-bottom:8px;
  transform:translate3d(calc(var(--mx) * -.10), calc(var(--my) * -.06), 0);
}
.v131-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  height:38px;
  padding:0 18px;
  border:1px solid rgba(125,211,252,.20);
  border-radius:999px;
  background:rgba(4,22,52,.58);
  color:#67e8f9;
  font-size:12px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 22px rgba(34,211,238,.08);
}
.v131-eyebrow i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 18px rgba(34,211,238,.9);
}
.v131-copy h2{
  max-width:620px;
  margin:30px 0 24px;
  color:#f8fbff;
  font-size:clamp(50px, 4.2vw, 86px);
  line-height:.99;
  letter-spacing:-.065em;
  font-weight:1000;
  text-wrap:balance;
}
.v131-copy h2 span{
  color:#16bff3;
  text-shadow:0 0 28px rgba(22,191,243,.28);
}
.v131-copy p{
  max-width:575px;
  margin:0;
  color:#d6e7f8;
  font-size:clamp(16px, 1vw, 19px);
  line-height:1.65;
  font-weight:650;
}
.v131-copy p::before{
  content:"";
  display:block;
  width:88px;
  height:3px;
  margin:0 0 22px;
  border-radius:999px;
  background:linear-gradient(90deg, #22d3ee, transparent);
  box-shadow:0 0 22px rgba(34,211,238,.32);
}
.v131-feature-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:26px;
  max-width:590px;
}
.v131-feature-grid span{
  display:grid;
  grid-template-columns:40px 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  gap:0 12px;
  min-height:70px;
  padding:12px 16px;
  border:1px solid rgba(125,211,252,.14);
  border-radius:18px;
  background:rgba(4,19,45,.62);
  backdrop-filter:blur(16px) saturate(125%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 16px 34px rgba(0,0,0,.16);
}
.v131-feature-grid i{
  grid-row:1 / 3;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:13px;
  background:rgba(14,165,233,.13);
  color:#22d3ee;
  font-style:normal;
  box-shadow:0 0 24px rgba(14,165,233,.12);
}
.v131-feature-grid b{color:#f6fbff;font-size:15px;line-height:1.1;font-weight:950;}
.v131-feature-grid small{color:#a8bed4;font-size:12px;font-weight:700;}
.v131-stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  width:min(720px, 100%);
  margin-top:28px;
  border:1px solid rgba(125,211,252,.17);
  border-radius:22px;
  background:rgba(3,16,44,.70);
  backdrop-filter:blur(20px) saturate(135%);
  box-shadow:0 24px 72px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
.v131-stats div{
  min-width:0;
  display:grid;
  grid-template-columns:32px 1fr;
  grid-template-rows:auto auto;
  gap:0 9px;
  align-items:center;
  padding:15px 14px;
  border-right:1px solid rgba(125,211,252,.10);
}
.v131-stats div:last-child{border-right:0;}
.v131-stats i{
  grid-row:1 / 3;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:13px;
  background:rgba(14,165,233,.11);
  color:#22d3ee;
  font-size:13px;
  font-style:normal;
}
.v131-stats b{
  color:#f7fbff;
  font-size:clamp(18px, 1.3vw, 25px);
  line-height:1.05;
  font-weight:1000;
  letter-spacing:-.04em;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.v131-stats span{color:#a8bed4;font-size:11px;font-weight:750;line-height:1.25;}
.v131-visual{
  min-height:clamp(590px, 64vh, 720px);
  transform:translate3d(calc(var(--mx) * .10), calc(var(--my) * .07), 0);
}
.v131-mary{
  position:absolute;
  z-index:5;
  right:clamp(-8px, .5vw, 18px);
  bottom:-4px;
  width:clamp(430px, 39vw, 670px);
  max-width:66%;
  max-height:94%;
  object-fit:contain;
  object-position:bottom right;
  filter:drop-shadow(0 34px 76px rgba(0,0,0,.54)) drop-shadow(0 0 18px rgba(34,211,238,.24));
  animation:v131MaryIn .9s cubic-bezier(.2,.86,.18,1) both, v131MaryFloat 7s ease-in-out 1s infinite;
}
.v131-visual::before{
  content:"";
  position:absolute;
  z-index:4;
  right:0;
  bottom:6%;
  width:58%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(34,211,238,.24), rgba(10,132,255,.10) 36%, transparent 70%);
  filter:blur(24px);
  opacity:.82;
}
.v131-magnetic-cta{
  position:absolute;
  z-index:9;
  left:0;
  top:46%;
  display:grid;
  grid-template-columns:70px 1fr 66px;
  align-items:center;
  gap:18px;
  width:min(590px, 72%);
  min-height:104px;
  padding:17px 22px;
  border:1px solid rgba(125,211,252,.54);
  border-radius:32px;
  color:#fff;
  cursor:pointer;
  background:linear-gradient(135deg, rgba(88,218,255,.94) 0%, rgba(10,132,255,.98) 46%, rgba(20,83,230,.96) 100%);
  box-shadow:0 28px 86px rgba(10,132,255,.36), 0 0 0 8px rgba(34,211,238,.075), inset 0 2px 0 rgba(255,255,255,.22), inset 0 -14px 36px rgba(5,26,76,.22);
  transform:translate3d(var(--mag-x,0px), var(--mag-y,0px), 0);
  transition:box-shadow .25s ease, filter .25s ease, border-color .25s ease;
  animation:v131CtaIn .9s cubic-bezier(.2,.86,.18,1) .2s both, v131CtaPulse 3.2s ease-in-out 1s infinite;
}
.v131-magnetic-cta::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  padding:2px;
  background:linear-gradient(90deg, rgba(103,232,249,.92), rgba(10,132,255,.30), rgba(103,232,249,.72));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  animation:v131BorderFlow 3s linear infinite;
}
.v131-magnetic-cta:hover,
.v131-magnetic-cta:focus-visible{
  filter:saturate(1.08) brightness(1.05);
  border-color:rgba(215,246,255,.72);
  box-shadow:0 34px 108px rgba(10,132,255,.48),0 0 0 10px rgba(34,211,238,.10),inset 0 2px 0 rgba(255,255,255,.26),inset 0 -14px 36px rgba(5,26,76,.20);
}
.v131-magnetic-cta:focus-visible{outline:2px solid rgba(103,232,249,.75);outline-offset:4px;}
.v131-cta-icon,.v131-cta-arrow{
  display:grid;
  place-items:center;
  border-radius:23px;
  background:rgba(2,46,118,.23);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 0 24px rgba(255,255,255,.08);
}
.v131-cta-icon{width:66px;height:66px;font-size:26px;}
.v131-cta-copy{display:block;text-align:left;}
.v131-cta-copy strong{display:block;font-size:clamp(26px, 1.95vw, 36px);line-height:.94;font-weight:1000;letter-spacing:-.055em;}
.v131-cta-copy small{display:block;margin-top:8px;font-size:17px;font-weight:950;color:#eaf8ff;letter-spacing:.02em;}
.v131-cta-arrow{width:62px;height:62px;font-size:32px;transition:transform .25s ease;}
.v131-magnetic-cta:hover .v131-cta-arrow{transform:translateX(4px);}
.v131-secondary-cta{
  position:absolute;
  z-index:10;
  left:38px;
  top:calc(46% + 126px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  min-height:52px;
  padding:0 26px;
  border:1px solid rgba(125,211,252,.18);
  border-radius:999px;
  background:rgba(4,18,44,.72);
  color:#fff;
  font-weight:950;
  text-decoration:none;
  backdrop-filter:blur(14px);
  box-shadow:0 18px 40px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05);
}
.v131-secondary-cta:hover{border-color:rgba(125,211,252,.36);background:rgba(7,30,76,.84);}
.v131-palm-beam{
  position:absolute;
  z-index:7;
  left:18%;
  top:54.5%;
  width:360px;
  height:2px;
  transform:rotate(-7deg);
  transform-origin:left center;
  background:linear-gradient(90deg, rgba(34,211,238,.92), rgba(10,132,255,.42), transparent);
  box-shadow:0 0 20px rgba(34,211,238,.36);
  opacity:.70;
  animation:v131Beam 2.7s ease-in-out infinite;
}
.v131-holo-base{
  position:absolute;
  z-index:4;
  left:24%;
  bottom:9%;
  width:320px;
  height:92px;
  border-radius:50%;
  border:1px solid rgba(34,211,238,.28);
  background:radial-gradient(ellipse at center, rgba(34,211,238,.18), transparent 64%);
  box-shadow:0 0 38px rgba(34,211,238,.10), inset 0 0 28px rgba(34,211,238,.08);
  transform:perspective(620px) rotateX(68deg);
  animation:v131Holo 3.8s ease-in-out infinite;
}
.v131-data-line{
  position:absolute;
  z-index:3;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(34,211,238,.40), transparent);
  opacity:.34;
}
.v131-line-one{left:3%;right:11%;top:30%;}
.v131-line-two{left:8%;right:6%;bottom:29%;}
.v131-hud-card{
  position:absolute;
  z-index:8;
  display:grid;
  grid-template-columns:54px 1fr;
  gap:16px;
  align-items:center;
  width:min(330px, 46%);
  min-height:96px;
  padding:16px 18px;
  border:1px solid rgba(125,211,252,.19);
  border-radius:24px;
  background:rgba(4,18,44,.64);
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 22px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05), 0 0 30px rgba(10,132,255,.10);
  animation:v131CardFloat 6s ease-in-out infinite;
}
.v131-hud-card i{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:18px;
  background:rgba(14,165,233,.13);
  color:#22d3ee;
  font-style:normal;
  box-shadow:0 0 24px rgba(34,211,238,.12);
}
.v131-hud-card strong{display:block;color:#f7fbff;font-size:17px;line-height:1.1;font-weight:950;}
.v131-hud-card span{display:block;margin-top:7px;color:#bfd2e6;font-size:13px;line-height:1.42;font-weight:650;}
.v131-hud-one{left:3%;top:8%;}
.v131-hud-two{left:10%;top:24%;animation-delay:-2.2s;}
.v131-panel{
  position:absolute;
  z-index:3;
  right:2%;
  width:220px;
  height:88px;
  border:1px solid rgba(125,211,252,.10);
  border-radius:18px;
  background:rgba(3,20,52,.28);
  opacity:.48;
}
.v131-panel span{display:block;height:8px;margin:14px 18px;border-radius:999px;background:linear-gradient(90deg, rgba(34,211,238,.58), transparent);}
.v131-panel-one{top:8%;}
.v131-panel-two{bottom:28%;right:0;opacity:.32;}

@keyframes v131VideoDrift{from{transform:scale(1.08) translate3d(0,0,0)}to{transform:scale(1.13) translate3d(-8px,-10px,0)}}
@keyframes v131GridMove{to{background-position:0 58px, 58px 0}}
@keyframes v131Particles{to{background-position:72px 72px, 146px 94px}}
@keyframes v131Sweep{0%,18%{opacity:0;transform:translateX(-92%)}35%,58%{opacity:.52}82%,100%{opacity:0;transform:translateX(188%)}}
@keyframes v131MaryIn{from{opacity:0;transform:translate3d(42px,16px,0) scale(.98)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes v131MaryFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes v131CtaIn{from{opacity:0;transform:translate3d(0,24px,0) scale(.96)}to{opacity:1;transform:translate3d(var(--mag-x,0px), var(--mag-y,0px), 0) scale(1)}}
@keyframes v131CtaPulse{0%,100%{box-shadow:0 28px 86px rgba(10,132,255,.34),0 0 0 8px rgba(34,211,238,.075),inset 0 2px 0 rgba(255,255,255,.20),inset 0 -14px 36px rgba(5,26,76,.22)}50%{box-shadow:0 34px 104px rgba(10,132,255,.46),0 0 0 11px rgba(34,211,238,.10),inset 0 2px 0 rgba(255,255,255,.24),inset 0 -14px 36px rgba(5,26,76,.20)}}
@keyframes v131BorderFlow{to{filter:hue-rotate(22deg)}}
@keyframes v131Beam{0%,100%{opacity:.38;filter:blur(.2px)}50%{opacity:.84;filter:blur(0)}}
@keyframes v131Holo{0%,100%{opacity:.42;transform:perspective(620px) rotateX(68deg) scale(.98)}50%{opacity:.74;transform:perspective(620px) rotateX(68deg) scale(1.06)}}
@keyframes v131CardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

@media(max-width:1320px){
  .v131-shell{grid-template-columns:minmax(360px,.82fr) minmax(500px,1.18fr);padding-left:46px;padding-right:46px;}
  .v131-copy h2{font-size:clamp(46px,4vw,72px);}
  .v131-mary{width:clamp(420px,40vw,590px);max-width:68%;}
  .v131-magnetic-cta{width:min(535px,74%);min-height:96px;grid-template-columns:62px 1fr 58px;}
  .v131-cta-icon{width:58px;height:58px;}
  .v131-cta-arrow{width:56px;height:56px;}
  .v131-cta-copy strong{font-size:clamp(24px,2vw,32px);}
  .v131-hud-card{width:min(310px,45%);}
}
@media(max-width:1080px){
  .v131-shell{grid-template-columns:1fr;min-height:auto;padding:52px 30px 0;row-gap:24px;}
  .v131-copy{align-self:start;transform:none;}
  .v131-copy h2{max-width:760px;font-size:clamp(42px,8vw,72px);}
  .v131-copy p{max-width:720px;}
  .v131-feature-grid{max-width:760px;}
  .v131-stats{max-width:760px;grid-template-columns:repeat(4,minmax(0,1fr));}
  .v131-visual{min-height:620px;transform:none;}
  .v131-mary{right:0;width:min(56vw,520px);max-width:none;max-height:590px;}
  .v131-magnetic-cta{left:0;top:38%;width:min(560px,62vw);}
  .v131-secondary-cta{left:28px;top:calc(38% + 122px);}
  .v131-palm-beam{left:20%;top:46%;width:280px;}
  .v131-hud-one{left:0;top:4%;}
  .v131-hud-two{left:32%;top:20%;}
  .v131-panel{display:none;}
}
@media(max-width:760px){
  .v131-appointment-hero{padding:78px 0 56px;}
  .v131-appointment-hero .container{max-width:calc(100vw - 24px);}
  .v131-shell{padding:34px 18px 0;border-radius:28px;}
  .v131-eyebrow{height:34px;font-size:10px;padding:0 14px;letter-spacing:.14em;}
  .v131-copy h2{font-size:clamp(38px,11vw,58px);line-height:1.02;margin:22px 0 18px;}
  .v131-copy p{font-size:15.5px;line-height:1.62;}
  .v131-feature-grid{grid-template-columns:1fr;gap:10px;margin-top:22px;}
  .v131-feature-grid span{min-height:62px;}
  .v131-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;}
  .v131-stats div{padding:13px 12px;}
  .v131-stats div:nth-child(2){border-right:0;}
  .v131-stats div:nth-child(1),.v131-stats div:nth-child(2){border-bottom:1px solid rgba(125,211,252,.10);}
  .v131-visual{min-height:600px;margin-top:12px;}
  .v131-hud-card{display:none;}
  .v131-magnetic-cta{left:0;right:0;top:32px;width:100%;min-height:86px;grid-template-columns:54px 1fr 50px;border-radius:26px;padding:14px 16px;}
  .v131-cta-icon{width:50px;height:50px;border-radius:18px;font-size:20px;}
  .v131-cta-copy strong{font-size:clamp(23px,6.8vw,31px);}
  .v131-cta-copy small{font-size:14px;margin-top:5px;}
  .v131-cta-arrow{width:48px;height:48px;border-radius:18px;font-size:25px;}
  .v131-secondary-cta{left:50%;top:136px;transform:translateX(-50%);min-height:48px;}
  .v131-mary{right:50%;bottom:-2px;transform:translateX(50%);width:min(94vw,420px);max-height:420px;}
  .v131-visual::before{right:50%;bottom:9%;width:86%;transform:translateX(50%);}
  .v131-holo-base{left:50%;bottom:30px;transform:translateX(-50%) perspective(620px) rotateX(68deg);width:240px;}
  .v131-palm-beam,.v131-data-line{display:none;}
}
@media(max-width:430px){
  .v131-shell{padding-left:14px;padding-right:14px;}
  .v131-copy h2{font-size:clamp(36px,12vw,50px);}
  .v131-stats{grid-template-columns:1fr;}
  .v131-stats div{border-right:0;border-bottom:1px solid rgba(125,211,252,.10);}
  .v131-stats div:last-child{border-bottom:0;}
  .v131-visual{min-height:560px;}
  .v131-magnetic-cta{grid-template-columns:48px 1fr 44px;min-height:80px;padding:12px;border-radius:23px;}
  .v131-cta-icon{width:46px;height:46px;}
  .v131-cta-arrow{width:42px;height:42px;}
  .v131-cta-copy strong{font-size:22px;}
  .v131-mary{width:min(96vw,380px);max-height:390px;}
}
@media(prefers-reduced-motion:reduce){
  .v131-bg-video video,.v131-tech-grid,.v131-particles,.v131-light-sweep,.v131-mary,.v131-magnetic-cta,.v131-palm-beam,.v131-holo-base,.v131-hud-card{animation:none !important;transition:none !important;}
}

/* V131.1 visual QA corrections: keep CTA under Mary's face and closer to her palm */
@media(min-width:1081px){
  .v131-magnetic-cta{top:58%;width:min(500px, 66%);min-height:98px;grid-template-columns:62px 1fr 58px;}
  .v131-cta-icon{width:58px;height:58px;border-radius:20px;font-size:22px;}
  .v131-cta-arrow{width:54px;height:54px;border-radius:20px;font-size:28px;}
  .v131-cta-copy strong{font-size:clamp(24px,1.85vw,32px);}
  .v131-secondary-cta{top:calc(58% + 116px);left:32px;}
  .v131-palm-beam{top:63%;left:16%;width:300px;transform:rotate(-4deg);}
  .v131-mary{right:clamp(-22px,-1vw,-8px);width:clamp(440px,38vw,650px);max-width:62%;}
  .v131-holo-base{left:26%;bottom:8%;}
}
@media(min-width:1081px) and (max-height:820px){
  .v131-appointment-hero{padding-top:76px;padding-bottom:70px;}
  .v131-shell{min-height:720px;padding-top:46px;padding-bottom:32px;}
  .v131-copy h2{font-size:clamp(44px,3.55vw,68px);margin-top:24px;margin-bottom:20px;}
  .v131-feature-grid{margin-top:20px;}
  .v131-stats{margin-top:20px;}
  .v131-visual{min-height:620px;}
  .v131-magnetic-cta{top:56%;}
  .v131-secondary-cta{top:calc(56% + 114px);}
  .v131-palm-beam{top:61%;}
}

/* V131.2: make Mary closer to the reference size while keeping CTA below face */
@media(min-width:1081px){
  .v131-mary{right:clamp(-56px,-3vw,-24px);width:clamp(500px,44vw,760px);max-width:74%;max-height:98%;}
  .v131-magnetic-cta{top:60%;left:-1%;width:min(510px, 66%);}
  .v131-secondary-cta{top:calc(60% + 116px);left:26px;}
  .v131-palm-beam{top:65%;left:14%;width:330px;}
}
@media(min-width:1081px) and (max-height:820px){
  .v131-mary{width:clamp(460px,42vw,690px);max-width:72%;}
  .v131-magnetic-cta{top:58%;}
  .v131-secondary-cta{top:calc(58% + 112px);}
  .v131-palm-beam{top:63%;}
}

/* V131.3 compact laptop QA: avoid broken-looking bottom crop on 768px-high screens */
@media(min-width:1081px) and (max-height:820px){
  .v131-appointment-hero{padding-top:58px;padding-bottom:58px;}
  .v131-shell{min-height:660px;padding-top:34px;padding-bottom:24px;}
  .v131-eyebrow{height:32px;font-size:10px;padding:0 14px;}
  .v131-copy h2{font-size:clamp(38px,3.25vw,58px);margin:20px 0 16px;line-height:1.01;}
  .v131-copy p{font-size:15.5px;line-height:1.45;max-width:455px;}
  .v131-copy p::before{margin-bottom:15px;width:72px;}
  .v131-feature-grid{margin-top:17px;gap:9px;max-width:470px;}
  .v131-feature-grid span{min-height:54px;padding:8px 11px;grid-template-columns:31px 1fr;}
  .v131-feature-grid i{width:28px;height:28px;border-radius:11px;font-size:12px;}
  .v131-feature-grid b{font-size:13px;}
  .v131-feature-grid small{font-size:10.5px;}
  .v131-stats{margin-top:16px;width:min(630px,100%);}
  .v131-stats div{padding:10px 10px;grid-template-columns:27px 1fr;gap:0 7px;}
  .v131-stats i{width:25px;height:25px;border-radius:10px;font-size:11px;}
  .v131-stats b{font-size:17px;}
  .v131-stats span{font-size:9.5px;}
  .v131-visual{min-height:575px;}
  .v131-hud-card{min-height:76px;padding:12px 14px;grid-template-columns:42px 1fr;}
  .v131-hud-card i{width:40px;height:40px;border-radius:15px;}
  .v131-hud-card strong{font-size:14px;}
  .v131-hud-card span{font-size:11px;}
  .v131-hud-one{top:6%;}
  .v131-hud-two{top:21%;}
  .v131-mary{width:clamp(440px,40vw,620px);max-width:72%;}
  .v131-magnetic-cta{top:56%;width:min(470px,64%);min-height:86px;grid-template-columns:54px 1fr 50px;border-radius:27px;padding:14px 16px;}
  .v131-cta-icon{width:50px;height:50px;border-radius:17px;font-size:19px;}
  .v131-cta-arrow{width:48px;height:48px;border-radius:17px;font-size:25px;}
  .v131-cta-copy strong{font-size:clamp(22px,1.75vw,28px);}
  .v131-cta-copy small{font-size:14px;margin-top:5px;}
  .v131-secondary-cta{top:calc(56% + 98px);min-height:46px;font-size:13px;}
  .v131-palm-beam{top:61%;}
}

/* V131.4 compact stats QA: prevent clipped proof-point text */
@media(min-width:1081px) and (max-height:820px){
  .v131-stats div{display:block;text-align:center;padding:12px 8px;}
  .v131-stats i{display:none;}
  .v131-stats b{display:block;font-size:16px;line-height:1.05;letter-spacing:-.03em;}
  .v131-stats span{display:block;margin-top:4px;font-size:9.5px;}
}

/* V131.5 mobile Mary alignment: keep presenter visible instead of pushed left */
@media(max-width:760px){
  .v131-mary{right:-74px;left:auto;transform:none;width:min(112vw,430px);max-height:430px;}
  .v131-visual::before{right:18px;transform:none;width:86%;}
}
@media(max-width:430px){
  .v131-mary{right:-76px;width:min(116vw,420px);max-height:410px;}
}

/* =========================================================
   V132 — hard reset: premium Mary appointment hero
   QA rules: no CTA over face, no clipped headline, responsive grid.
========================================================= */
.v132-appointment-hero{
  position:relative;
  padding:clamp(116px, 8.5vw, 150px) 0 clamp(80px, 7vw, 110px);
  scroll-margin-top:120px;
  background:
    radial-gradient(circle at 74% 46%, rgba(10,132,255,.16), transparent 34%),
    radial-gradient(circle at 18% 66%, rgba(34,211,238,.075), transparent 30%),
    #020817;
  overflow:hidden;
}
.v132-appointment-hero .container{
  max-width:min(1510px, calc(100vw - 54px));
}
.v132-shell{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(390px,.86fr) minmax(560px,1.14fr);
  align-items:center;
  gap:clamp(34px, 4vw, 76px);
  min-height:clamp(720px, 74vh, 840px);
  padding:clamp(54px, 4.8vw, 82px) clamp(46px, 5vw, 86px);
  border:1px solid rgba(125,211,252,.17);
  border-radius:42px;
  background:
    linear-gradient(135deg, rgba(3,12,32,.92), rgba(2,16,42,.86) 46%, rgba(3,23,58,.76));
  box-shadow:
    0 38px 130px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.055),
    0 0 0 1px rgba(56,189,248,.04);
  overflow:hidden;
}
.v132-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(2,8,23,.80) 0%, rgba(2,8,23,.20) 52%, rgba(2,8,23,.32) 100%),
    radial-gradient(760px circle at 68% 56%, rgba(14,165,233,.15), transparent 42%);
}
.v132-shell::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 22%, rgba(125,211,252,.045) 43%, rgba(34,211,238,.12) 48%, transparent 62%);
  opacity:.42;
  transform:translateX(-90%);
  animation:v132Scan 9s ease-in-out 1.2s infinite;
}
.v132-bg-video,
.v132-grid,
.v132-particles,
.v132-scan,
.v132-aura{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.v132-bg-video{overflow:hidden;}
.v132-bg-video video{
  width:100%;height:100%;object-fit:cover;
  opacity:.15;
  filter:saturate(.82) brightness(.56) contrast(1.18) blur(1.2px);
  transform:scale(1.08);
  animation:v132VideoDrift 20s ease-in-out infinite alternate;
}
.v132-bg-video::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 73% 48%, rgba(0,153,255,.18), transparent 28%),
    linear-gradient(90deg, rgba(2,8,23,.88), rgba(2,8,23,.42) 56%, rgba(2,8,23,.58));
}
.v132-grid{
  z-index:1;
  opacity:.42;
  background-image:
    linear-gradient(rgba(125,211,252,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.09) 1px, transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(circle at 64% 45%, black 0%, transparent 76%);
  animation:v132GridMove 24s linear infinite;
}
.v132-particles{
  z-index:1;
  opacity:.54;
  background-image:
    radial-gradient(circle, rgba(34,211,238,.58) 1.3px, transparent 1.4px),
    radial-gradient(circle, rgba(10,132,255,.42) 1px, transparent 1.2px);
  background-size:92px 92px, 146px 146px;
  background-position:14px 12px, 70px 54px;
  animation:v132Particles 18s linear infinite;
}
.v132-aura{
  z-index:1;
  background:
    radial-gradient(680px circle at 66% 54%, rgba(34,211,238,.22), transparent 42%),
    radial-gradient(340px circle at 43% 60%, rgba(10,132,255,.14), transparent 50%);
  mix-blend-mode:screen;
}
.v132-copy,
.v132-visual{position:relative;z-index:5;}
.v132-copy{align-self:center;max-width:660px;}
.v132-eyebrow{
  display:inline-flex;align-items:center;gap:11px;
  min-height:42px;padding:0 20px;border-radius:999px;
  border:1px solid rgba(125,211,252,.20);
  background:rgba(4,22,52,.64);
  color:#67e8f9;
  text-transform:uppercase;
  font-size:12px;font-weight:950;letter-spacing:.20em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 22px rgba(34,211,238,.06);
}
.v132-eyebrow i{width:10px;height:10px;border-radius:50%;background:#22d3ee;box-shadow:0 0 20px rgba(34,211,238,.72);}
.v132-copy h2{
  max-width:680px;
  margin:28px 0 22px;
  color:#f8fbff;
  font-size:clamp(56px, 5.05vw, 92px);
  line-height:.98;
  letter-spacing:-.07em;
  font-weight:1000;
  text-wrap:balance;
}
.v132-copy h2 span{
  background:linear-gradient(135deg,#25e3ff 0%,#0A84FF 70%,#2b57ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.v132-copy p{
  position:relative;
  max-width:620px;
  margin:0;
  color:#d6e6f7;
  font-size:18px;
  line-height:1.62;
  font-weight:780;
  text-shadow:0 1px 18px rgba(0,0,0,.35);
}
.v132-copy p::before{
  content:"";display:block;width:92px;height:3px;margin:0 0 26px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,transparent);box-shadow:0 0 20px rgba(34,211,238,.35);
}
.v132-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  margin-top:30px;
}
.v132-feature-grid span{
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-areas:"icon title" "icon desc";
  gap:1px 13px;
  min-height:72px;
  padding:13px 16px;
  border-radius:16px;
  border:1px solid rgba(125,211,252,.13);
  background:rgba(4,18,44,.57);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.v132-feature-grid i{
  grid-area:icon;align-self:center;display:grid;place-items:center;width:38px;height:38px;border-radius:14px;
  color:#22d3ee;font-style:normal;background:rgba(10,132,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 18px rgba(10,132,255,.08);
}
.v132-feature-grid b{grid-area:title;color:#f7fbff;font-size:15px;line-height:1.1;font-weight:950;}
.v132-feature-grid small{grid-area:desc;color:#a8bed4;font-size:12px;font-weight:720;}
.v132-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:28px;
  border-radius:22px;
  border:1px solid rgba(125,211,252,.15);
  background:rgba(3,16,40,.70);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 56px rgba(0,0,0,.20);
  overflow:hidden;
}
.v132-stats div{
  position:relative;
  display:grid;
  grid-template-columns:34px 1fr;
  grid-template-areas:"icon num" "icon label";
  gap:0 10px;
  align-items:center;
  padding:18px 17px;
  min-width:0;
}
.v132-stats div:not(:last-child){border-right:1px solid rgba(125,211,252,.10);}
.v132-stats i{grid-area:icon;display:grid;place-items:center;width:30px;height:30px;border-radius:12px;background:rgba(10,132,255,.15);color:#22d3ee;font-style:normal;font-size:13px;}
.v132-stats b{grid-area:num;color:#f8fbff;font-size:22px;line-height:1;font-weight:1000;letter-spacing:-.05em;white-space:nowrap;}
.v132-stats span{grid-area:label;color:#a8bed4;font-size:11px;line-height:1.2;font-weight:780;}
.v132-visual{
  align-self:stretch;
  min-height:670px;
  overflow:visible;
}
.v132-visual::before{
  content:"";
  position:absolute;
  right:-3%;bottom:2%;
  width:70%;height:78%;
  border-radius:48% 48% 34% 34%;
  background:radial-gradient(circle at 54% 34%, rgba(34,211,238,.25), rgba(10,132,255,.16) 38%, transparent 72%);
  filter:blur(24px);
  opacity:.92;
  pointer-events:none;
}
.v132-mary{
  position:absolute;
  right:clamp(-30px, -1.4vw, -12px);
  bottom:-42px;
  width:clamp(520px, 41vw, 740px);
  max-width:78%;
  max-height:106%;
  object-fit:contain;
  object-position:right bottom;
  z-index:4;
  filter:drop-shadow(0 44px 90px rgba(0,0,0,.45)) drop-shadow(0 0 16px rgba(34,211,238,.28));
  animation:v132MaryIn .9s cubic-bezier(.2,.86,.18,1) both, v132MaryFloat 7s ease-in-out 1.1s infinite;
}
.v132-magnetic-cta{
  --mag-x:0px;--mag-y:0px;
  position:absolute;
  left:0;
  top:48%;
  z-index:8;
  display:grid;
  grid-template-columns:72px 1fr 66px;
  align-items:center;
  gap:20px;
  width:min(650px, 76%);
  min-height:116px;
  padding:18px 20px;
  border:0;
  border-radius:34px;
  background:linear-gradient(135deg, #42d9ff 0%, #0A84FF 48%, #1d4ed8 100%);
  color:#fff;
  cursor:pointer;
  box-shadow:0 34px 108px rgba(10,132,255,.44),0 0 0 10px rgba(34,211,238,.08),inset 0 2px 0 rgba(255,255,255,.22),inset 0 -18px 38px rgba(4,18,44,.22);
  transform:translate3d(var(--mag-x),var(--mag-y),0);
  transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .25s ease,filter .25s ease;
  animation:v132CtaIn .9s cubic-bezier(.2,.86,.18,1) .24s both, v132CtaPulse 3.4s ease-in-out 1s infinite;
}
.v132-magnetic-cta::before{
  content:"";position:absolute;inset:-3px;border-radius:37px;z-index:-1;
  background:linear-gradient(90deg,rgba(103,232,249,.85),rgba(10,132,255,.18),rgba(103,232,249,.72));
  filter:blur(.2px);
}
.v132-magnetic-cta::after{
  content:"";position:absolute;inset:8px;border-radius:27px;pointer-events:none;
  background:linear-gradient(115deg,transparent 10%,rgba(255,255,255,.20) 30%,transparent 48%);
  transform:translateX(-120%);
  animation:v132CtaShine 4s ease-in-out infinite;
}
.v132-magnetic-cta:hover,.v132-magnetic-cta:focus-visible{filter:saturate(1.08);box-shadow:0 42px 124px rgba(10,132,255,.54),0 0 0 12px rgba(34,211,238,.11),inset 0 2px 0 rgba(255,255,255,.26),inset 0 -18px 38px rgba(4,18,44,.20);}
.v132-magnetic-cta:focus-visible{outline:2px solid rgba(125,211,252,.9);outline-offset:6px;}
.v132-cta-icon,.v132-cta-arrow{display:grid;place-items:center;border-radius:23px;background:rgba(3,16,40,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}
.v132-cta-icon{width:72px;height:72px;font-size:30px;}
.v132-cta-copy{display:block;text-align:left;min-width:0;}
.v132-cta-copy strong{display:block;font-size:clamp(30px, 2.15vw, 40px);line-height:.94;font-weight:1000;letter-spacing:-.055em;text-shadow:0 8px 28px rgba(0,0,0,.20);}
.v132-cta-copy small{display:block;margin-top:9px;font-size:18px;font-weight:950;letter-spacing:.02em;color:#eefaff;}
.v132-cta-arrow{width:66px;height:66px;font-size:36px;transition:transform .25s ease;background:rgba(13,58,161,.34);}
.v132-magnetic-cta:hover .v132-cta-arrow{transform:translateX(5px);}
.v132-secondary-cta{
  position:absolute;left:20px;top:calc(48% + 134px);z-index:7;
  display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 44px;border-radius:999px;
  border:1px solid rgba(125,211,252,.18);background:rgba(3,16,40,.70);color:#eef7ff;text-decoration:none;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 20px 42px rgba(0,0,0,.24);
}
.v132-secondary-cta:hover{border-color:rgba(125,211,252,.34);background:rgba(7,30,76,.84);}
.v132-palm-beam{
  position:absolute;left:7%;top:57%;z-index:3;width:330px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,rgba(34,211,238,0),rgba(34,211,238,.72),rgba(10,132,255,.06));
  box-shadow:0 0 28px rgba(34,211,238,.38);
  transform:rotate(-5deg);
  opacity:.78;
  animation:v132Beam 2.7s ease-in-out infinite;
}
.v132-holo-base{
  position:absolute;left:22%;bottom:12%;z-index:2;width:330px;height:92px;border-radius:50%;
  transform:perspective(620px) rotateX(68deg);
  border:1px solid rgba(34,211,238,.18);
  background:repeating-radial-gradient(ellipse at center, rgba(34,211,238,.22) 0 2px, transparent 3px 14px);
  box-shadow:0 0 42px rgba(34,211,238,.22);
  animation:v132Holo 4.2s ease-in-out infinite;
}
.v132-data-line{position:absolute;z-index:2;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.28),transparent);}
.v132-line-one{left:0;right:12%;top:34%;}
.v132-line-two{left:7%;right:4%;bottom:25%;}
.v132-hud-card{
  position:absolute;z-index:6;display:grid;grid-template-columns:56px 1fr;gap:15px;align-items:center;
  width:min(320px,44%);min-height:100px;padding:17px 19px;border-radius:22px;
  border:1px solid rgba(125,211,252,.16);background:rgba(4,18,44,.64);backdrop-filter:blur(18px) saturate(145%);
  box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045);
  animation:v132CardFloat 6s ease-in-out infinite;
}
.v132-hud-card i{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:rgba(10,132,255,.16);color:#22d3ee;font-style:normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 20px rgba(10,132,255,.12);}
.v132-hud-card strong{display:block;color:#f7fbff;font-size:17px;line-height:1.1;font-weight:950;}
.v132-hud-card span{display:block;margin-top:7px;color:#bfd2e6;font-size:13px;line-height:1.42;font-weight:650;}
.v132-hud-one{left:1%;top:5%;}
.v132-hud-two{left:8%;top:22%;animation-delay:-2.2s;}
.v132-panel{position:absolute;right:2%;width:190px;height:92px;border-radius:20px;border:1px solid rgba(125,211,252,.10);background:rgba(4,18,44,.32);opacity:.40;z-index:2;}
.v132-panel span{display:block;height:8px;margin:14px 18px;border-radius:999px;background:linear-gradient(90deg,rgba(34,211,238,.56),transparent);}
.v132-panel-one{top:8%;}.v132-panel-two{bottom:28%;right:0;opacity:.30;}

@keyframes v132VideoDrift{from{transform:scale(1.08) translate3d(0,0,0)}to{transform:scale(1.13) translate3d(-8px,-10px,0)}}
@keyframes v132GridMove{to{background-position:0 58px,58px 0}}
@keyframes v132Particles{to{background-position:92px 92px,146px 94px}}
@keyframes v132Scan{0%,18%{opacity:0;transform:translateX(-90%)}35%,58%{opacity:.42}82%,100%{opacity:0;transform:translateX(90%)}}
@keyframes v132MaryIn{from{opacity:0;transform:translate3d(44px,16px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes v132MaryFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes v132CtaIn{from{opacity:0;transform:translate3d(0,22px,0) scale(.97)}to{opacity:1;transform:translate3d(var(--mag-x),var(--mag-y),0) scale(1)}}
@keyframes v132CtaPulse{0%,100%{box-shadow:0 34px 108px rgba(10,132,255,.42),0 0 0 10px rgba(34,211,238,.08),inset 0 2px 0 rgba(255,255,255,.22),inset 0 -18px 38px rgba(4,18,44,.22)}50%{box-shadow:0 40px 128px rgba(10,132,255,.54),0 0 0 14px rgba(34,211,238,.11),inset 0 2px 0 rgba(255,255,255,.26),inset 0 -18px 38px rgba(4,18,44,.18)}}
@keyframes v132CtaShine{0%,28%{transform:translateX(-120%);opacity:0}48%{opacity:.68}72%,100%{transform:translateX(120%);opacity:0}}
@keyframes v132Beam{0%,100%{opacity:.32;filter:blur(.2px)}50%{opacity:.82;filter:blur(0)}}
@keyframes v132Holo{0%,100%{opacity:.38;transform:perspective(620px) rotateX(68deg) scale(.97)}50%{opacity:.70;transform:perspective(620px) rotateX(68deg) scale(1.05)}}
@keyframes v132CardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

@media(max-width:1280px){
  .v132-shell{grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);gap:34px;padding-left:44px;padding-right:44px;}
  .v132-copy h2{font-size:clamp(48px,4.4vw,72px);}
  .v132-visual{min-height:620px;}
  .v132-mary{width:clamp(460px,42vw,650px);max-width:76%;}
  .v132-magnetic-cta{width:min(560px,72%);min-height:102px;grid-template-columns:62px 1fr 58px;}
  .v132-cta-icon{width:60px;height:60px;}
  .v132-cta-arrow{width:56px;height:56px;}
  .v132-cta-copy strong{font-size:clamp(25px,2vw,32px);}
  .v132-stats div{padding:15px 12px;grid-template-columns:30px 1fr;}
  .v132-stats b{font-size:19px;}
  .v132-stats span{font-size:10px;}
}
@media(max-width:980px){
  .v132-appointment-hero{padding-top:100px;}
  .v132-shell{grid-template-columns:1fr;min-height:auto;padding:46px 28px 0;row-gap:28px;}
  .v132-copy{max-width:820px;}
  .v132-copy h2{max-width:800px;font-size:clamp(42px,8vw,72px);}
  .v132-copy p{max-width:720px;}
  .v132-feature-grid{max-width:760px;}
  .v132-stats{max-width:760px;grid-template-columns:repeat(4,minmax(0,1fr));}
  .v132-visual{min-height:620px;}
  .v132-mary{right:0;width:min(56vw,520px);max-width:none;max-height:590px;}
  .v132-magnetic-cta{left:0;top:43%;width:min(560px,62vw);}
  .v132-secondary-cta{left:28px;top:calc(43% + 120px);}
  .v132-palm-beam{left:19%;top:51%;width:280px;}
  .v132-hud-one{left:0;top:3%;}
  .v132-hud-two{left:30%;top:19%;}
  .v132-panel{display:none;}
}
@media(max-width:760px){
  .v132-appointment-hero{padding:84px 0 64px;}
  .v132-appointment-hero .container{max-width:calc(100vw - 24px);}
  .v132-shell{padding:32px 18px 0;border-radius:28px;}
  .v132-eyebrow{min-height:34px;font-size:10px;padding:0 14px;letter-spacing:.14em;}
  .v132-copy h2{font-size:clamp(38px,11vw,58px);line-height:1.02;margin:22px 0 18px;}
  .v132-copy p{font-size:15.5px;line-height:1.62;}
  .v132-feature-grid{grid-template-columns:1fr;gap:10px;margin-top:22px;}
  .v132-feature-grid span{min-height:62px;}
  .v132-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;}
  .v132-stats div{padding:13px 12px;}
  .v132-stats div:nth-child(2){border-right:0;}
  .v132-stats div:nth-child(1),.v132-stats div:nth-child(2){border-bottom:1px solid rgba(125,211,252,.10);}
  .v132-visual{min-height:610px;margin-top:10px;display:flex;flex-direction:column;align-items:stretch;}
  .v132-hud-card{display:none;}
  .v132-magnetic-cta{position:relative;left:auto;top:auto;width:100%;min-height:86px;grid-template-columns:54px 1fr 50px;border-radius:26px;padding:14px 16px;order:1;}
  .v132-cta-icon{width:50px;height:50px;border-radius:18px;font-size:20px;}
  .v132-cta-copy strong{font-size:clamp(23px,6.8vw,31px);}
  .v132-cta-copy small{font-size:14px;margin-top:5px;}
  .v132-cta-arrow{width:48px;height:48px;border-radius:18px;font-size:25px;}
  .v132-secondary-cta{position:relative;left:auto;top:auto;align-self:center;margin:16px auto 0;min-height:48px;order:2;}
  .v132-mary{position:relative;right:auto;bottom:auto;align-self:flex-end;order:3;margin-top:18px;width:min(96vw,420px);max-width:100%;max-height:none;}
  .v132-visual::before{right:50%;bottom:8%;width:86%;transform:translateX(50%);}
  .v132-holo-base{left:50%;bottom:30px;transform:translateX(-50%) perspective(620px) rotateX(68deg);width:240px;}
  .v132-palm-beam,.v132-data-line{display:none;}
}
@media(max-width:440px){
  .v132-shell{padding-left:14px;padding-right:14px;}
  .v132-copy h2{font-size:clamp(36px,12vw,50px);}
  .v132-stats{grid-template-columns:1fr;}
  .v132-stats div{border-right:0;border-bottom:1px solid rgba(125,211,252,.10);}
  .v132-stats div:last-child{border-bottom:0;}
  .v132-visual{min-height:560px;}
  .v132-magnetic-cta{grid-template-columns:48px 1fr 44px;min-height:80px;padding:12px;border-radius:23px;}
  .v132-cta-icon{width:46px;height:46px;}
  .v132-cta-arrow{width:42px;height:42px;}
  .v132-cta-copy strong{font-size:22px;}
  .v132-mary{width:min(96vw,380px);}
}
@media(prefers-reduced-motion:reduce){
  .v132-bg-video video,.v132-grid,.v132-particles,.v132-shell::after,.v132-mary,.v132-magnetic-cta,.v132-palm-beam,.v132-holo-base,.v132-hud-card{animation:none !important;transition:none !important;}
}

/* V132 QA correction: remove excessive scroll gap so the section fits in the viewport */
.v132-appointment-hero{
  padding-top:clamp(34px, 4.2vw, 58px) !important;
  padding-bottom:clamp(64px, 6vw, 90px) !important;
  scroll-margin-top:0 !important;
}
.v132-shell{
  min-height:clamp(690px, 72vh, 790px) !important;
}
.v132-magnetic-cta{top:46% !important;}
.v132-secondary-cta{top:calc(46% + 134px) !important;}
.v132-palm-beam{top:55% !important;}
@media(max-width:1280px){
  .v132-appointment-hero{padding-top:42px !important;}
  .v132-shell{min-height:660px !important;}
  .v132-visual{min-height:590px !important;}
  .v132-magnetic-cta{top:44% !important;}
  .v132-secondary-cta{top:calc(44% + 112px) !important;}
  .v132-palm-beam{top:53% !important;}
}
@media(max-width:980px){
  .v132-appointment-hero{padding-top:70px !important;}
  .v132-magnetic-cta{top:43% !important;}
  .v132-secondary-cta{top:calc(43% + 120px) !important;}
}
@media(max-width:760px){
  .v132-appointment-hero{padding-top:84px !important;}
  .v132-magnetic-cta{top:auto !important;}
  .v132-secondary-cta{top:auto !important;}
}

/* V132 final safety pass: convert the appointment visual to normal-flow grid.
   This removes the source of the repeated overlaps while keeping the premium look. */
.v132-shell{
  grid-template-columns:minmax(390px,.82fr) minmax(620px,1.18fr) !important;
  align-items:center !important;
  min-height:760px !important;
}
.v132-visual{
  display:grid !important;
  grid-template-columns:minmax(300px, 0.92fr) minmax(330px, 1.08fr) !important;
  grid-template-rows:auto auto auto auto 1fr !important;
  align-content:center !important;
  align-items:center !important;
  gap:18px 8px !important;
  min-height:640px !important;
  overflow:visible !important;
}
.v132-hud-card,
.v132-magnetic-cta,
.v132-secondary-cta,
.v132-mary{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
}
.v132-hud-card{
  grid-column:1 / 2 !important;
  width:100% !important;
  max-width:330px !important;
  min-height:96px !important;
  opacity:1 !important;
}
.v132-hud-one{grid-row:1 !important;justify-self:start !important;}
.v132-hud-two{grid-row:2 !important;justify-self:end !important;}
.v132-magnetic-cta{
  grid-column:1 / 2 !important;
  grid-row:3 !important;
  width:min(100%, 540px) !important;
  min-height:108px !important;
  margin-top:12px !important;
  justify-self:stretch !important;
  z-index:8 !important;
}
.v132-secondary-cta{
  grid-column:1 / 2 !important;
  grid-row:4 !important;
  justify-self:start !important;
  margin-top:2px !important;
}
.v132-mary{
  grid-column:2 / 3 !important;
  grid-row:1 / 6 !important;
  justify-self:end !important;
  align-self:end !important;
  width:min(100%, 630px) !important;
  max-width:100% !important;
  max-height:640px !important;
  z-index:6 !important;
}
.v132-palm-beam{
  left:32% !important;
  top:55% !important;
  width:260px !important;
}
.v132-holo-base{left:64% !important;bottom:8% !important;}
.v132-panel-one{right:2% !important;top:7% !important;}
.v132-panel-two{right:4% !important;bottom:17% !important;}
.v132-line-one{top:30% !important;}
.v132-line-two{bottom:23% !important;}
@media(max-width:1280px){
  .v132-shell{grid-template-columns:minmax(340px,.82fr) minmax(560px,1.18fr) !important;min-height:700px !important;}
  .v132-copy h2{font-size:clamp(44px,4vw,64px) !important;}
  .v132-copy p{font-size:16px !important;line-height:1.5 !important;}
  .v132-visual{grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr) !important;min-height:590px !important;gap:14px 6px !important;}
  .v132-magnetic-cta{min-height:94px !important;grid-template-columns:58px 1fr 54px !important;border-radius:28px !important;}
  .v132-cta-icon{width:54px !important;height:54px !important;border-radius:18px !important;}
  .v132-cta-arrow{width:52px !important;height:52px !important;border-radius:18px !important;}
  .v132-cta-copy strong{font-size:clamp(24px,2vw,30px) !important;}
  .v132-mary{max-height:580px !important;}
  .v132-hud-card{max-width:300px !important;min-height:82px !important;}
  .v132-hud-card strong{font-size:15px !important;}
  .v132-hud-card span{font-size:11px !important;}
}
@media(max-width:1080px){
  .v132-shell{grid-template-columns:1fr !important;min-height:auto !important;padding:46px 30px 0 !important;row-gap:28px !important;}
  .v132-copy{max-width:760px !important;}
  .v132-visual{grid-template-columns:minmax(300px,.9fr) minmax(300px,1.1fr) !important;min-height:610px !important;}
  .v132-hud-card{max-width:330px !important;}
  .v132-mary{width:min(100%,520px) !important;max-height:590px !important;}
}
@media(max-width:760px){
  .v132-shell{padding:32px 18px 0 !important;}
  .v132-visual{display:flex !important;flex-direction:column !important;align-items:stretch !important;min-height:auto !important;gap:14px !important;margin-top:8px !important;}
  .v132-hud-card{display:none !important;}
  .v132-magnetic-cta{width:100% !important;min-height:86px !important;grid-template-columns:54px 1fr 50px !important;margin:0 !important;order:1 !important;}
  .v132-secondary-cta{align-self:center !important;margin:2px auto 0 !important;order:2 !important;}
  .v132-mary{order:3 !important;align-self:center !important;width:min(94vw,420px) !important;max-height:none !important;margin-top:8px !important;}
  .v132-panel,.v132-palm-beam,.v132-data-line{display:none !important;}
  .v132-holo-base{left:50% !important;bottom:28px !important;width:240px !important;transform:translateX(-50%) perspective(620px) rotateX(68deg) !important;}
}

/* V132 real QA layout: compact, desktop-safe, no face overlap */
.v132-appointment-hero{padding-top:22px !important;padding-bottom:72px !important;}
.v132-shell{
  display:grid !important;
  grid-template-columns:minmax(420px,.88fr) minmax(620px,1.12fr) !important;
  min-height:700px !important;
  padding:42px 58px 42px !important;
  gap:42px !important;
  align-items:center !important;
}
.v132-copy h2{font-size:clamp(52px,4.2vw,76px) !important;line-height:1.01 !important;margin:24px 0 18px !important;max-width:650px !important;}
.v132-copy p{font-size:17px !important;line-height:1.5 !important;max-width:570px !important;}
.v132-copy p::before{margin-bottom:20px !important;}
.v132-feature-grid{margin-top:24px !important;gap:10px !important;}
.v132-feature-grid span{min-height:60px !important;padding:10px 12px !important;}
.v132-stats{margin-top:22px !important;}
.v132-stats div{padding:14px 12px !important;}
.v132-stats b{font-size:19px !important;}
.v132-stats span{font-size:10px !important;}
.v132-visual{
  display:block !important;
  position:relative !important;
  min-height:620px !important;
  align-self:stretch !important;
  overflow:visible !important;
}
.v132-hud-card,
.v132-magnetic-cta,
.v132-secondary-cta,
.v132-mary{
  position:absolute !important;
}
.v132-hud-card{width:min(315px,45%) !important;max-width:none !important;min-height:92px !important;}
.v132-hud-one{left:2% !important;top:5% !important;}
.v132-hud-two{left:13% !important;top:22% !important;}
.v132-mary{
  right:-8px !important;
  bottom:-28px !important;
  width:clamp(470px,38vw,630px) !important;
  max-width:72% !important;
  max-height:650px !important;
  transform:none !important;
}
.v132-magnetic-cta{
  left:-2% !important;
  top:45% !important;
  width:min(620px,78%) !important;
  min-height:106px !important;
  grid-template-columns:66px 1fr 60px !important;
  padding:16px 18px !important;
  border-radius:32px !important;
  transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0) !important;
}
.v132-cta-icon{width:62px !important;height:62px !important;border-radius:20px !important;font-size:24px !important;}
.v132-cta-arrow{width:58px !important;height:58px !important;border-radius:20px !important;font-size:30px !important;}
.v132-cta-copy strong{font-size:clamp(27px,2vw,36px) !important;white-space:normal !important;}
.v132-cta-copy small{font-size:16px !important;margin-top:6px !important;}
.v132-secondary-cta{left:1% !important;top:calc(45% + 122px) !important;transform:none !important;}
.v132-palm-beam{display:block !important;left:10% !important;top:54% !important;width:330px !important;}
.v132-holo-base{left:55% !important;bottom:5% !important;}
.v132-panel-one{right:2% !important;top:8% !important;}
.v132-panel-two{right:4% !important;bottom:20% !important;}
@media(max-width:1280px){
  .v132-shell{grid-template-columns:minmax(360px,.86fr) minmax(560px,1.14fr) !important;min-height:660px !important;padding:34px 42px !important;gap:30px !important;}
  .v132-copy h2{font-size:clamp(42px,3.9vw,62px) !important;}
  .v132-copy p{font-size:15px !important;line-height:1.42 !important;}
  .v132-feature-grid span{min-height:52px !important;}
  .v132-feature-grid b{font-size:13px !important;}.v132-feature-grid small{font-size:10px !important;}
  .v132-stats div{display:block !important;text-align:center !important;padding:12px 8px !important;}
  .v132-stats i{display:none !important;}.v132-stats b{display:block !important;font-size:16px !important;}.v132-stats span{display:block !important;font-size:9px !important;}
  .v132-visual{min-height:575px !important;}
  .v132-hud-card{width:min(290px,46%) !important;min-height:76px !important;padding:12px !important;grid-template-columns:40px 1fr !important;}
  .v132-hud-card i{width:38px !important;height:38px !important;}.v132-hud-card strong{font-size:13px !important;}.v132-hud-card span{font-size:10px !important;}
  .v132-mary{width:clamp(430px,38vw,570px) !important;max-height:585px !important;}
  .v132-magnetic-cta{width:min(500px,76%) !important;min-height:88px !important;grid-template-columns:52px 1fr 50px !important;top:46% !important;}
  .v132-cta-icon{width:50px !important;height:50px !important;}.v132-cta-arrow{width:48px !important;height:48px !important;font-size:24px !important;}
  .v132-cta-copy strong{font-size:clamp(21px,1.85vw,28px) !important;}.v132-cta-copy small{font-size:13px !important;}
  .v132-secondary-cta{top:calc(46% + 100px) !important;min-height:44px !important;padding:0 32px !important;font-size:13px !important;}
}
@media(max-width:1080px){
  .v132-shell{grid-template-columns:1fr !important;min-height:auto !important;padding:42px 30px 0 !important;}
  .v132-copy h2{font-size:clamp(42px,8vw,68px) !important;}
  .v132-visual{min-height:600px !important;}
  .v132-hud-card{display:none !important;}
  .v132-magnetic-cta{left:0 !important;top:8% !important;width:min(560px,70vw) !important;}
  .v132-secondary-cta{left:24px !important;top:calc(8% + 104px) !important;}
  .v132-mary{right:0 !important;bottom:-22px !important;width:min(58vw,520px) !important;max-width:none !important;}
}
@media(max-width:760px){
  .v132-shell{padding:32px 18px 0 !important;}
  .v132-visual{display:flex !important;flex-direction:column !important;min-height:auto !important;gap:14px !important;}
  .v132-magnetic-cta{position:relative !important;left:auto !important;top:auto !important;width:100% !important;min-height:84px !important;grid-template-columns:50px 1fr 46px !important;order:1 !important;}
  .v132-secondary-cta{position:relative !important;left:auto !important;top:auto !important;align-self:center !important;order:2 !important;margin:0 auto !important;}
  .v132-mary{position:relative !important;right:auto !important;bottom:auto !important;align-self:center !important;order:3 !important;width:min(94vw,420px) !important;max-width:100% !important;margin-top:8px !important;}
  .v132-palm-beam,.v132-data-line,.v132-panel{display:none !important;}
}

/* V132 final no-face-overlap adjustment */
.v132-magnetic-cta{top:52% !important;}
.v132-secondary-cta{top:calc(52% + 122px) !important;}
.v132-palm-beam{top:61% !important;}
@media(max-width:1280px){
  .v132-magnetic-cta{top:52% !important;}
  .v132-secondary-cta{top:calc(52% + 100px) !important;}
  .v132-palm-beam{top:61% !important;}
}
@media(max-width:1080px){
  .v132-magnetic-cta{top:10% !important;}
  .v132-secondary-cta{top:calc(10% + 104px) !important;}
}
@media(max-width:760px){
  .v132-magnetic-cta{top:auto !important;}
  .v132-secondary-cta{top:auto !important;}
}

/* V132 mobile-first CTA: on phones the action appears immediately after copy */
.v132-mobile-primary-cta{display:none;}
@media(max-width:760px){
  .v132-mobile-primary-cta{
    display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:72px;margin:24px 0 0;padding:0 20px;border:0;border-radius:24px;
    background:linear-gradient(135deg,#43dcff 0%,#0A84FF 52%,#1d4ed8 100%);color:#fff;font:inherit;font-size:18px;font-weight:1000;letter-spacing:-.02em;text-align:left;box-shadow:0 24px 72px rgba(10,132,255,.36),0 0 0 8px rgba(34,211,238,.07),inset 0 2px 0 rgba(255,255,255,.20);
  }
  .v132-mobile-primary-cta span{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:rgba(3,16,40,.24);font-size:24px;}
  .v132-visual .v132-magnetic-cta{display:none !important;}
}


/* =========================================================
   V133 - Safe image-based Mary appointment hero
   Purpose: match approved visual without risky HTML overlap
   Keeps chat widget untouched
========================================================= */
.v133-appointment-image-hero{
  position:relative;
  padding:clamp(96px, 8vw, 136px) 0 clamp(70px, 7vw, 110px);
  scroll-margin-top:140px;
  background:
    radial-gradient(circle at 70% 32%, rgba(10,132,255,.12), transparent 28%),
    radial-gradient(circle at 18% 62%, rgba(34,211,238,.06), transparent 24%),
    linear-gradient(180deg, rgba(2,8,23,0), rgba(2,8,23,.42) 40%, rgba(2,8,23,0));
  overflow:hidden;
}

.v133-appointment-image-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(125,211,252,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.055) 1px, transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(circle at 50% 45%, black, transparent 78%);
  opacity:.45;
}

.v133-appointment-frame{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(125,211,252,.18);
  border-radius:34px;
  overflow:hidden;
  background:rgba(3, 13, 31, .72);
  box-shadow:
    0 34px 110px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(34,211,238,.035);
  transform:translateY(28px);
  opacity:0;
  transition:opacity .85s ease, transform .85s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;
}

.v133-appointment-frame.show,
.v133-appointment-frame.reveal.show{
  opacity:1;
  transform:translateY(0);
}

.v133-appointment-frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg, transparent 20%, rgba(125,211,252,.08) 47%, transparent 62%),
    radial-gradient(circle at 62% 48%, rgba(34,211,238,.10), transparent 22%);
  mix-blend-mode:screen;
  opacity:.55;
  animation:v133FrameSweep 7.5s ease-in-out infinite;
}

.v133-appointment-art{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1465 / 808;
  object-fit:cover;
  object-position:center;
  user-select:none;
  pointer-events:none;
}

.v133-appointment-hotspot{
  position:absolute;
  left:47.6%;
  top:35.2%;
  width:31.4%;
  height:15.8%;
  z-index:5;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,0);
  color:transparent;
  cursor:pointer;
}

.v133-appointment-hotspot span{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

.v133-appointment-hotspot::before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,0);
  box-shadow:0 0 0 rgba(34,211,238,0);
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

.v133-appointment-hotspot:hover::before,
.v133-appointment-hotspot:focus-visible::before{
  border-color:rgba(125,211,252,.70);
  background:rgba(14,165,233,.06);
  box-shadow:0 0 36px rgba(34,211,238,.34), inset 0 0 24px rgba(255,255,255,.04);
}

.v133-appointment-hotspot:focus-visible{
  outline:2px solid rgba(103,232,249,.85);
  outline-offset:5px;
}

.v133-mobile-action{
  display:none;
}

@keyframes v133FrameSweep{
  0%, 22%{transform:translateX(-82%); opacity:0;}
  36%, 58%{opacity:.45;}
  76%, 100%{transform:translateX(68%); opacity:0;}
}

@media(max-width:980px){
  .v133-appointment-image-hero{
    padding-top:110px;
  }
  .v133-appointment-frame{
    border-radius:26px;
  }
}

@media(max-width:760px){
  .v133-appointment-image-hero{
    padding:94px 0 72px;
  }
  .v133-appointment-frame{
    border-radius:24px;
  }
  .v133-appointment-art{
    width:100%;
    height:auto;
    aspect-ratio:1465 / 808;
  }
  .v133-appointment-hotspot{
    left:47%;
    top:35%;
    width:33%;
    height:16%;
  }
  .v133-mobile-action{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    padding:16px;
    background:linear-gradient(180deg, rgba(3,13,31,.92), rgba(3,13,31,.98));
    border-top:1px solid rgba(125,211,252,.14);
  }
  .v133-mobile-action .btn{
    min-height:48px;
  }
}

@media(max-width:520px){
  .v133-appointment-image-hero{
    padding:86px 0 64px;
  }
  .v133-appointment-frame{
    margin-inline:-8px;
    border-radius:20px;
  }
  .v133-appointment-art{
    width:145%;
    max-width:none;
    transform:translateX(-7%);
  }
  .v133-appointment-hotspot{
    left:42%;
    top:35%;
    width:44%;
    height:16%;
  }
  .v133-mobile-action{
    justify-content:stretch;
  }
  .v133-mobile-action .btn{
    flex:1 1 100%;
    justify-content:center;
  }
}

@media(prefers-reduced-motion:reduce){
  .v133-appointment-frame,
  .v133-appointment-frame::after{
    animation:none !important;
    transition:none !important;
  }
}


/* =========================================================
   V135 - Coded premium Mary appointment hero
   Real transparent Mary image + real animated CTA.
   No image-based duplicate button. Chat widget untouched.
========================================================= */
.v135-appointment-hero{
  position:relative;
  padding:clamp(104px, 8vw, 142px) 0 clamp(70px, 7vw, 112px);
  scroll-margin-top:140px;
  overflow:hidden;
}

.v135-appointment-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 70% 40%, rgba(10,132,255,.16), transparent 32%),
    radial-gradient(circle at 18% 54%, rgba(34,211,238,.07), transparent 27%),
    linear-gradient(180deg, rgba(2,8,23,0), rgba(2,8,23,.36) 45%, rgba(2,8,23,0));
}

.v135-shell{
  position:relative;
  isolation:isolate;
  min-height:clamp(610px, 47vw, 760px);
  display:grid;
  grid-template-columns:minmax(330px, .88fr) minmax(520px, 1.12fr);
  align-items:center;
  gap:clamp(28px, 4vw, 72px);
  padding:clamp(34px, 4.8vw, 76px) clamp(28px, 4.6vw, 76px);
  border:1px solid rgba(125,211,252,.18);
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 43%, rgba(10,132,255,.22), transparent 30%),
    linear-gradient(135deg, rgba(3,12,32,.88), rgba(3,16,44,.94));
  box-shadow:
    0 34px 110px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(34,211,238,.035);
}

.v135-bg-grid,
.v135-bg-aura,
.v135-bg-scan{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
}

.v135-bg-grid{
  background-image:
    linear-gradient(rgba(125,211,252,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.055) 1px, transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(circle at 50% 48%, black, transparent 82%);
  opacity:.62;
  animation:v135GridDrift 22s linear infinite;
}

.v135-bg-grid::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle, rgba(34,211,238,.35) 0 1px, transparent 1.8px);
  background-size:72px 72px;
  opacity:.32;
  animation:v135ParticleFloat 16s linear infinite;
}

.v135-bg-aura{
  background:
    radial-gradient(500px circle at 67% 44%, rgba(34,211,238,.18), transparent 45%),
    radial-gradient(360px circle at 84% 20%, rgba(10,132,255,.18), transparent 48%),
    linear-gradient(115deg, transparent 25%, rgba(125,211,252,.07) 47%, transparent 68%);
  z-index:-1;
  mix-blend-mode:screen;
  animation:v135AuraMove 8.5s ease-in-out infinite;
}

.v135-bg-scan{
  z-index:2;
  background:linear-gradient(115deg, transparent 24%, rgba(125,211,252,.08) 46%, transparent 62%);
  mix-blend-mode:screen;
  opacity:.44;
  transform:translateX(-80%);
  animation:v135ScanSweep 8s ease-in-out infinite;
}

.v135-copy{
  position:relative;
  z-index:4;
  max-width:580px;
}

.v135-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border:1px solid rgba(125,211,252,.18);
  border-radius:999px;
  background:rgba(3,20,49,.62);
  color:#7dd3fc;
  font-size:12px;
  font-weight:950;
  letter-spacing:.24em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 24px rgba(14,165,233,.10);
}

.v135-eyebrow i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 20px rgba(34,211,238,.75);
}

.v135-copy h2{
  margin:clamp(22px, 2.6vw, 34px) 0 18px;
  color:#fff;
  font-size:clamp(48px, 5.4vw, 86px);
  line-height:.98;
  letter-spacing:-.07em;
  font-weight:950;
  text-wrap:balance;
}

.v135-copy h2 span{
  color:#0ea5ff;
  text-shadow:0 0 36px rgba(14,165,233,.28);
}

.v135-copy p{
  max-width:520px;
  color:#cbd7e6;
  font-size:clamp(16px, 1.25vw, 21px);
  line-height:1.72;
  margin:0 0 28px;
}

.v135-feature-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:26px;
}

.v135-feature-grid span,
.v135-stats{
  border:1px solid rgba(125,211,252,.13);
  background:rgba(3,18,44,.56);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(14px);
}

.v135-feature-grid span{
  display:grid;
  grid-template-columns:38px 1fr;
  grid-template-areas:"icon title" "icon sub";
  align-items:center;
  gap:0 12px;
  min-height:70px;
  padding:12px 14px;
  border-radius:15px;
}

.v135-feature-grid i{
  grid-area:icon;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(14,165,233,.12);
  color:#22d3ee;
  font-style:normal;
  box-shadow:0 0 18px rgba(14,165,233,.12);
}

.v135-feature-grid b{
  grid-area:title;
  color:#fff;
  font-size:15px;
  font-weight:950;
  line-height:1.05;
}

.v135-feature-grid small{
  grid-area:sub;
  color:#9fb3c8;
  font-size:12px;
  font-weight:700;
}

.v135-stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  margin-top:20px;
  border-radius:18px;
  overflow:hidden;
}

.v135-stats div{
  display:grid;
  grid-template-columns:34px 1fr;
  grid-template-areas:"icon num" "icon label";
  align-items:center;
  gap:0 10px;
  min-height:72px;
  padding:14px 16px;
  border-right:1px solid rgba(125,211,252,.10);
}

.v135-stats div:last-child{border-right:0;}

.v135-stats i{
  grid-area:icon;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:rgba(14,165,233,.10);
  color:#0ea5ff;
  font-style:normal;
}

.v135-stats b{
  grid-area:num;
  color:#fff;
  font-size:clamp(18px, 1.5vw, 28px);
  font-weight:950;
  letter-spacing:-.04em;
  line-height:1;
}

.v135-stats span{
  grid-area:label;
  color:#a9b9ca;
  font-size:11px;
  font-weight:750;
  line-height:1.15;
}

.v135-stage{
  position:relative;
  z-index:3;
  min-height:560px;
  height:100%;
}

.v135-mary{
  position:absolute;
  right:-5%;
  bottom:-76px;
  width:min(62%, 520px);
  max-height:118%;
  object-fit:contain;
  object-position:bottom right;
  filter:drop-shadow(0 34px 72px rgba(0,0,0,.48)) drop-shadow(0 0 22px rgba(14,165,233,.18));
  transform:translateX(32px);
  opacity:0;
  animation:v135MaryEnter .9s cubic-bezier(.18,.9,.2,1) .25s forwards, v135MaryFloat 7.5s ease-in-out 1.3s infinite;
}

.v135-magnetic-cta{
  position:absolute;
  left:2%;
  top:48%;
  z-index:6;
  width:min(500px, 66%);
  min-height:92px;
  display:grid;
  grid-template-columns:64px 1fr 64px;
  align-items:center;
  gap:18px;
  padding:14px 18px;
  border:1px solid rgba(180,242,255,.74);
  border-radius:999px;
  cursor:pointer;
  color:#fff;
  background:
    radial-gradient(circle at 12% 15%, rgba(125,211,252,.72), transparent 34%),
    linear-gradient(135deg, rgba(39,211,255,.94), rgba(10,132,255,.97) 50%, rgba(29,78,216,.98));
  box-shadow:
    0 0 0 1px rgba(125,211,252,.24),
    0 22px 60px rgba(0,0,0,.38),
    0 0 58px rgba(34,211,238,.55),
    0 0 120px rgba(10,132,255,.40),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -10px 26px rgba(8,47,120,.34);
  transform:translate3d(-16px, 18px, 0) scale(.96);
  opacity:0;
  animation:v135CtaEnter .85s cubic-bezier(.18,.9,.2,1) .45s forwards, v135CtaPulse 2.9s ease-in-out 1.4s infinite;
  will-change:transform;
}

.v135-magnetic-cta::before{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:999px;
  border:1px solid rgba(34,211,238,.50);
  box-shadow:0 0 34px rgba(34,211,238,.34);
  opacity:.72;
  animation:v135OuterRing 2.9s ease-in-out infinite;
}

.v135-magnetic-cta::after{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:999px;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.25) 42%, transparent 62%);
  transform:translateX(-120%);
  animation:v135ButtonShine 3.8s ease-in-out infinite;
  pointer-events:none;
}

.v135-cta-icon,
.v135-cta-arrow{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  aspect-ratio:1;
  border-radius:50%;
  background:rgba(4,39,94,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 0 18px rgba(14,165,233,.18);
  font-weight:900;
}

.v135-cta-icon{font-size:24px;}
.v135-cta-arrow{font-size:34px; animation:v135ArrowNudge 1.7s ease-in-out infinite;}

.v135-cta-copy{
  position:relative;
  z-index:2;
  text-align:left;
  line-height:1.05;
}

.v135-cta-copy strong{
  display:block;
  font-size:clamp(23px, 2.15vw, 34px);
  font-weight:950;
  letter-spacing:-.045em;
}

.v135-cta-copy small{
  display:block;
  margin-top:5px;
  font-size:clamp(14px, 1.1vw, 18px);
  font-weight:900;
}

.v135-magnetic-cta:hover,
.v135-magnetic-cta:focus-visible{
  filter:saturate(1.08) brightness(1.05);
}

.v135-magnetic-cta:focus-visible{
  outline:2px solid rgba(125,211,252,.95);
  outline-offset:8px;
}

.v135-holo-beam{
  position:absolute;
  left:24%;
  top:58%;
  width:18%;
  height:34%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(34,211,238,.52), rgba(10,132,255,.18) 48%, transparent 100%);
  clip-path:polygon(42% 0, 58% 0, 82% 100%, 18% 100%);
  filter:drop-shadow(0 0 22px rgba(34,211,238,.36));
  opacity:.66;
  animation:v135BeamFlow 3.8s ease-in-out infinite;
}

.v135-holo-base{
  position:absolute;
  left:12%;
  bottom:7%;
  width:42%;
  height:86px;
  z-index:1;
  border-radius:50%;
  border:1px solid rgba(34,211,238,.34);
  background:
    radial-gradient(ellipse at center, rgba(34,211,238,.18), transparent 58%),
    repeating-radial-gradient(ellipse at center, rgba(34,211,238,.42) 0 1px, transparent 1px 14px);
  filter:drop-shadow(0 0 28px rgba(34,211,238,.24));
  animation:v135HoloPulse 4s ease-in-out infinite;
}

.v135-hud{
  position:absolute;
  z-index:5;
  display:grid;
  grid-template-columns:52px 1fr;
  gap:14px;
  align-items:center;
  width:min(330px, 44%);
  padding:16px 18px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:20px;
  background:rgba(3,18,44,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 16px 44px rgba(0,0,0,.24), 0 0 34px rgba(10,132,255,.10);
  backdrop-filter:blur(16px);
  opacity:0;
  transform:translateY(16px);
}

.v135-hud-one{
  left:13%;
  top:12%;
  animation:v135HudEnter .7s ease .55s forwards, v135HudFloat 6s ease-in-out 1.3s infinite;
}

.v135-hud-two{
  left:20%;
  top:28%;
  animation:v135HudEnter .7s ease .7s forwards, v135HudFloat 6.3s ease-in-out 1.45s infinite;
}

.v135-hud i{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:50%;
  background:rgba(14,165,233,.12);
  color:#22d3ee;
  font-style:normal;
  font-size:22px;
  box-shadow:0 0 22px rgba(14,165,233,.16);
}

.v135-hud strong{
  display:block;
  color:#fff;
  font-size:17px;
  line-height:1.1;
  font-weight:950;
}

.v135-hud span{
  display:block;
  margin-top:5px;
  color:#c6d5e6;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}

@keyframes v135GridDrift{to{background-position:0 58px, 58px 0;}}
@keyframes v135ParticleFloat{to{background-position:72px -72px;}}
@keyframes v135AuraMove{0%,100%{opacity:.72;transform:translateX(0)}50%{opacity:1;transform:translateX(2%)}}
@keyframes v135ScanSweep{0%,18%{transform:translateX(-80%);opacity:0}36%,58%{opacity:.44}82%,100%{transform:translateX(65%);opacity:0}}
@keyframes v135MaryEnter{to{opacity:1;transform:translateX(0)}}
@keyframes v135MaryFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes v135CtaEnter{to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes v135CtaPulse{0%,100%{box-shadow:0 0 0 1px rgba(125,211,252,.24),0 22px 60px rgba(0,0,0,.38),0 0 58px rgba(34,211,238,.50),0 0 120px rgba(10,132,255,.36),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -10px 26px rgba(8,47,120,.34)}50%{box-shadow:0 0 0 1px rgba(125,211,252,.38),0 26px 70px rgba(0,0,0,.42),0 0 76px rgba(34,211,238,.70),0 0 150px rgba(10,132,255,.48),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -10px 26px rgba(8,47,120,.34)}}
@keyframes v135OuterRing{0%,100%{opacity:.52;transform:scale(.985)}50%{opacity:1;transform:scale(1.018)}}
@keyframes v135ButtonShine{0%,42%{transform:translateX(-125%)}64%,100%{transform:translateX(125%)}}
@keyframes v135ArrowNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@keyframes v135BeamFlow{0%,100%{opacity:.46;transform:translateY(0) scaleY(.96)}50%{opacity:.86;transform:translateY(6px) scaleY(1.04)}}
@keyframes v135HoloPulse{0%,100%{opacity:.48;transform:scaleX(.94)}50%{opacity:.82;transform:scaleX(1.02)}}
@keyframes v135HudEnter{to{opacity:1;transform:translateY(0)}}
@keyframes v135HudFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}

@media(max-width:1180px){
  .v135-shell{
    grid-template-columns:minmax(320px, .92fr) minmax(440px, 1.08fr);
    gap:26px;
    padding:42px 36px;
  }
  .v135-copy h2{font-size:clamp(42px, 5.4vw, 66px);}
  .v135-stage{min-height:510px;}
  .v135-magnetic-cta{
    width:min(430px, 68%);
    min-height:78px;
    grid-template-columns:54px 1fr 54px;
    left:0;
  }
  .v135-mary{width:min(61%, 430px); right:-8%; bottom:-54px;}
  .v135-hud{width:min(292px, 46%);}
  .v135-hud-one{left:8%; top:12%;}
  .v135-hud-two{left:15%; top:28%;}
  .v135-stats{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .v135-stats div:nth-child(2){border-right:0;}
  .v135-stats div:nth-child(-n+2){border-bottom:1px solid rgba(125,211,252,.10);}
}

@media(max-width:920px){
  .v135-shell{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .v135-copy{max-width:100%;}
  .v135-feature-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .v135-stage{
    min-height:520px;
    margin-top:8px;
  }
  .v135-mary{
    width:min(58%, 420px);
    right:0;
    bottom:-48px;
  }
  .v135-magnetic-cta{
    left:5%;
    top:38%;
    width:min(440px, 58%);
  }
  .v135-hud-one{left:4%; top:4%;}
  .v135-hud-two{left:10%; top:20%;}
  .v135-holo-base{left:10%; bottom:9%; width:50%;}
  .v135-holo-beam{left:24%; top:50%;}
}

@media(max-width:620px){
  .v135-appointment-hero{
    padding:88px 0 70px;
  }
  .v135-shell{
    padding:28px 18px 0;
    border-radius:24px;
    margin-inline:-8px;
  }
  .v135-copy h2{
    font-size:clamp(38px, 13vw, 58px);
  }
  .v135-copy p{
    font-size:15px;
  }
  .v135-feature-grid{
    grid-template-columns:1fr;
  }
  .v135-stats{
    grid-template-columns:1fr 1fr;
  }
  .v135-stage{
    min-height:640px;
  }
  .v135-hud{
    display:none;
  }
  .v135-magnetic-cta{
    top:24px;
    left:50%;
    width:min(94%, 430px);
    min-height:76px;
    transform:translateX(-50%) scale(.96);
    grid-template-columns:50px 1fr 50px;
  }
  .v135-mary{
    width:min(96%, 420px);
    right:-4%;
    bottom:-20px;
  }
  .v135-holo-base{
    left:6%;
    bottom:8%;
    width:70%;
  }
  .v135-holo-beam{
    left:34%;
    top:28%;
    height:44%;
  }
}

@media(max-width:420px){
  .v135-magnetic-cta{
    grid-template-columns:44px 1fr 44px;
    min-height:70px;
    padding:10px 12px;
  }
  .v135-cta-copy strong{font-size:20px;}
  .v135-cta-copy small{font-size:13px;}
  .v135-stage{min-height:590px;}
}

@media(prefers-reduced-motion:reduce){
  .v135-bg-grid,
  .v135-bg-grid::after,
  .v135-bg-aura,
  .v135-bg-scan,
  .v135-mary,
  .v135-magnetic-cta,
  .v135-magnetic-cta::before,
  .v135-magnetic-cta::after,
  .v135-cta-arrow,
  .v135-holo-beam,
  .v135-holo-base,
  .v135-hud{
    animation:none !important;
    transition:none !important;
    opacity:1 !important;
    transform:none !important;
  }
}




/* ============================================================
   V136 — FOUNDER-LED APPOINTMENT SECTION
   Pixel-calibrated to match target design image
   ============================================================ */

.v136-appt-section {
  position: relative;
  padding: clamp(96px, 7.5vw, 130px) 0 clamp(56px, 5.5vw, 90px);
  scroll-margin-top: 80px;
  overflow: hidden;
}

.v136-appt-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 38%, rgba(10,132,255,.13), transparent 30%),
    radial-gradient(circle at 18% 56%, rgba(34,211,238,.05), transparent 26%);
}

/* ============================================================
   SHELL — two columns: left copy | right stage
   Left: narrower, right: wider (matches target proportion)
   Target shows left ~44%, right ~56%
   ============================================================ */
.v136-shell {
  position: relative;
  isolation: isolate;
  display: grid;
  /* Left gets less space so headline fits without exploding */
  grid-template-columns: minmax(280px, .82fr) minmax(460px, 1.18fr);
  align-items: center;
  gap: clamp(20px, 3vw, 48px);
  min-height: clamp(580px, 44vw, 720px);
  padding: clamp(36px, 4.5vw, 64px) clamp(28px, 4.5vw, 72px);
  border: 1px solid rgba(125,211,252,.16);
  border-radius: 30px;
  overflow: visible; /* allow Mary to bleed slightly right */
  background:
    radial-gradient(ellipse at 66% 38%, rgba(10,132,255,.22), transparent 34%),
    linear-gradient(138deg, rgba(2,9,26,.93), rgba(3,15,42,.97));
  box-shadow:
    0 30px 96px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.055),
    0 0 0 1px rgba(34,211,238,.03);
  /* clip so bg stays inside rounded corners */
  clip-path: none;
}

/* bg layers */
.v136-bg-grid,
.v136-bg-aura,
.v136-bg-scan {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: 30px;
}

.v136-bg-grid {
  background-image:
    linear-gradient(rgba(125,211,252,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.05) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: radial-gradient(circle at 50% 50%, black, transparent 78%);
  opacity: .58;
  animation: v136GridDrift 24s linear infinite;
}

.v136-bg-grid::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(34,211,238,.28) 0 1px, transparent 2px);
  background-size: 66px 66px;
  opacity: .26;
  animation: v136ParticleFloat 18s linear infinite;
}

.v136-bg-aura {
  background:
    radial-gradient(460px circle at 66% 40%, rgba(34,211,238,.15), transparent 44%),
    radial-gradient(320px circle at 88% 16%, rgba(10,132,255,.15), transparent 46%);
  z-index: 1;
  mix-blend-mode: screen;
  animation: v136AuraMove 9s ease-in-out infinite;
}

.v136-bg-scan {
  z-index: 2;
  background: linear-gradient(110deg, transparent 20%, rgba(125,211,252,.07) 44%, transparent 62%);
  mix-blend-mode: screen;
  opacity: .40;
  transform: translateX(-92%);
  animation: v136ScanSweep 9s ease-in-out infinite;
}

/* ============================================================
   LEFT COLUMN — COPY
   Headline controlled: target shows ~5 lines at ~72px max
   ============================================================ */
.v136-copy {
  position: relative;
  z-index: 4;
  /* Constrain so text doesn't push into stage */
  max-width: 100%;
}

.v136-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 15px;
  border: 1px solid rgba(125,211,252,.20);
  border-radius: 999px;
  background: rgba(3,18,46,.65);
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .20em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 18px rgba(14,165,233,.10);
}

.v136-eyebrow i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22d3ee;
  box-shadow: 0 0 14px rgba(34,211,238,.85);
  font-style: normal;
}

/* Headline: matches target — big but controlled */
.v136-copy h2 {
  margin: clamp(16px, 2vw, 26px) 0 14px;
  color: #fff;
  /* Target shows headline at roughly 60-72px on 1440 */
  font-size: clamp(40px, 4.8vw, 74px);
  line-height: .97;
  letter-spacing: -.065em;
  font-weight: 950;
  text-wrap: balance;
}

.v136-accent {
  color: #0ea5ff;
  text-shadow: 0 0 28px rgba(14,165,233,.32);
}

.v136-copy > p {
  color: #c5d3e2;
  font-size: clamp(14px, 1.1vw, 17px);
  line-height: 1.68;
  margin: 0 0 22px;
  max-width: 460px;
}

/* ---- Chips: 2×2 grid matching target ---- */
.v136-chips {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 20px;
}

.v136-chip {
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-template-areas: "icon title" "icon sub";
  align-items: center;
  gap: 0 9px;
  min-height: 60px;
  padding: 10px 12px;
  border: 1px solid rgba(125,211,252,.13);
  border-radius: 13px;
  background: rgba(3,16,40,.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(10px);
}

.v136-chip i {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: rgba(14,165,233,.12);
  color: #22d3ee;
  font-style: normal;
  font-size: 14px;
}

.v136-chip b {
  grid-area: title;
  color: #fff;
  font-size: 13.5px;
  font-weight: 900;
  line-height: 1.05;
}

.v136-chip small {
  grid-area: sub;
  color: #96afc6;
  font-size: 11px;
  font-weight: 700;
}

/* ---- Stats strip — 4-col, must stay readable ----
   Key fix: use smaller font + padding so 4 cols fit left column */
.v136-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
  border: 1px solid rgba(125,211,252,.12);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(3,16,40,.58);
  backdrop-filter: blur(14px);
}

.v136-stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
  min-height: 64px;
  padding: 10px 10px 10px 12px;
  border-right: 1px solid rgba(125,211,252,.09);
}

.v136-stat:last-child { border-right: 0; }

/* icon row */
.v136-stat-icon {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 1px;
}

.v136-stat-icon i {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(14,165,233,.10);
  color: #0ea5ff;
  font-style: normal;
  font-size: 11px;
  flex-shrink: 0;
}

.v136-stat b {
  display: block;
  color: #fff;
  font-size: clamp(14px, 1.3vw, 20px);
  font-weight: 950;
  letter-spacing: -.04em;
  line-height: 1;
  white-space: nowrap;
}

.v136-stat span {
  display: block;
  color: #a4b5c8;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.25;
  white-space: nowrap;
}

/* ============================================================
   RIGHT — VISUAL STAGE
   EXACT positions calibrated from target image:
   Stage is ~56% of total width at 1440px
   
   HUD 1: top area, left-center of stage → top:8%, left:2%
   HUD 2: below HUD 1, slight right offset → top:28%, left:8%
   CTA:   center of stage, hand level → top:50%, left:1%
   Mary:  right edge, very large → right:-4%, bottom:-48px
   ============================================================ */
.v136-stage {
  position: relative;
  z-index: 3;
  height: clamp(540px, 43vw, 700px);
  /* overflow visible so Mary bleeds right naturally */
  overflow: visible;
}

/* Mary — large, right-anchored, bottom-aligned */
.v136-mary {
  position: absolute;
  right: -4%;
  bottom: -48px;
  /* Target: Mary takes roughly 60% of stage width */
  width: min(62%, 510px);
  max-height: 112%;
  object-fit: contain;
  object-position: bottom right;
  filter:
    drop-shadow(0 28px 60px rgba(0,0,0,.52))
    drop-shadow(0 0 32px rgba(14,165,233,.24));
  z-index: 2;
  opacity: 0;
  transform: translateX(24px);
  animation:
    v136MaryEnter .95s cubic-bezier(.15,.9,.18,1) .18s forwards,
    v136MaryFloat 8s ease-in-out 1.2s infinite;
}

/* HUD cards — glass info cards stacked in upper-left of stage */
.v136-hud {
  position: absolute;
  z-index: 5;
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 11px;
  align-items: center;
  /* Width: about 44% of stage so they sit left of Mary */
  width: min(290px, 54%);
  padding: 13px 15px;
  border: 1px solid rgba(125,211,252,.17);
  border-radius: 16px;
  background: rgba(3,15,38,.64);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 12px 36px rgba(0,0,0,.30),
    0 0 24px rgba(10,132,255,.10);
  backdrop-filter: blur(18px);
  opacity: 0;
  transform: translateY(12px);
}

/* HUD 1 — top of stage, slightly indented from left */
.v136-hud-one {
  left: 2%;
  top: 8%;
  animation:
    v136HudIn .68s ease .48s forwards,
    v136HudFloat 6.5s ease-in-out 1.25s infinite;
}

/* HUD 2 — below HUD 1, slight right indent */
.v136-hud-two {
  left: 8%;
  top: 30%;
  animation:
    v136HudIn .68s ease .66s forwards,
    v136HudFloat 6.8s ease-in-out 1.45s infinite;
}

.v136-hud i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(14,165,233,.13);
  color: #22d3ee;
  font-style: normal;
  font-size: 17px;
  box-shadow: 0 0 18px rgba(14,165,233,.18);
  flex-shrink: 0;
}

.v136-hud strong {
  display: block;
  color: #fff;
  font-size: 14.5px;
  line-height: 1.1;
  font-weight: 900;
}

.v136-hud span {
  display: block;
  margin-top: 3px;
  color: #bccedd;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}

/* ============================================================
   PRIMARY CTA BUTTON
   Target: large pill, centered horizontally in stage,
   positioned at ~50% down (Mary's hand level).
   Two-line text: "Book an Appointment" / "with Mary"
   Width: roughly 65% of stage width
   ============================================================ */
.v136-cta {
  position: absolute;
  /* Center horizontally in left portion of stage (where HUDs are) */
  left: 1%;
  top: 51%;
  z-index: 6;
  /* Wide enough to look dominant */
  width: min(88%, 500px);
  min-height: 90px;
  display: grid;
  grid-template-columns: 62px 1fr 62px;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border: 1.5px solid rgba(180,242,255,.72);
  border-radius: 999px;
  cursor: pointer;
  color: #fff;
  text-align: left;
  background:
    radial-gradient(circle at 8% 20%, rgba(125,211,252,.55), transparent 30%),
    linear-gradient(135deg, rgba(36,208,255,.93), rgba(10,132,255,.97) 46%, rgba(27,74,212,.99));
  box-shadow:
    0 0 0 1.5px rgba(125,211,252,.24),
    0 18px 52px rgba(0,0,0,.42),
    0 0 60px rgba(34,211,238,.54),
    0 0 120px rgba(10,132,255,.40),
    inset 0 1.5px 0 rgba(255,255,255,.42),
    inset 0 -8px 20px rgba(7,44,114,.32);
  opacity: 0;
  transform: translateY(18px) scale(.96);
  animation:
    v136CtaIn .9s cubic-bezier(.15,.9,.18,1) .40s forwards,
    v136CtaPulse 3s ease-in-out 1.45s infinite;
  will-change: transform;
}

.v136-cta::before {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: 999px;
  border: 1.5px solid rgba(34,211,238,.46);
  box-shadow: 0 0 28px rgba(34,211,238,.28);
  opacity: .66;
  animation: v136OuterRing 3s ease-in-out infinite;
  pointer-events: none;
}

.v136-cta::after {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 999px;
  background: linear-gradient(108deg, transparent 0%, rgba(255,255,255,.20) 42%, transparent 60%);
  transform: translateX(-128%);
  animation: v136Shine 4.2s ease-in-out infinite;
  pointer-events: none;
}

.v136-cta-icon,
.v136-cta-arrow {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(2,35,86,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 16px rgba(14,165,233,.18);
  font-weight: 900;
}

.v136-cta-icon { font-size: 22px; }
.v136-cta-arrow {
  font-size: 28px;
  animation: v136ArrowNudge 1.8s ease-in-out infinite;
}

.v136-cta-copy {
  position: relative;
  z-index: 2;
  line-height: 1.05;
}

/* Target: "Book an Appointment" on first line, "with Mary" on second */
.v136-cta-copy strong {
  display: block;
  font-size: clamp(18px, 1.75vw, 28px);
  font-weight: 950;
  letter-spacing: -.04em;
}

.v136-cta-copy small {
  display: block;
  margin-top: 4px;
  font-size: clamp(12px, .95vw, 15px);
  font-weight: 800;
  opacity: .90;
}

.v136-cta:hover,
.v136-cta:focus-visible {
  filter: saturate(1.10) brightness(1.07);
}

.v136-cta:focus-visible {
  outline: 2.5px solid rgba(125,211,252,.90);
  outline-offset: 10px;
}

/* Holographic beam + base ring */
.v136-beam {
  position: absolute;
  /* Beam drops from CTA center down */
  left: 20%;
  top: 62%;
  width: 15%;
  height: 28%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(34,211,238,.52), rgba(10,132,255,.14) 52%, transparent 100%);
  clip-path: polygon(38% 0, 62% 0, 84% 100%, 16% 100%);
  filter: drop-shadow(0 0 18px rgba(34,211,238,.36));
  opacity: .60;
  animation: v136BeamFlow 4.2s ease-in-out infinite;
}

.v136-base {
  position: absolute;
  left: 6%;
  bottom: 9%;
  width: 42%;
  height: 78px;
  z-index: 1;
  border-radius: 50%;
  border: 1px solid rgba(34,211,238,.30);
  background:
    radial-gradient(ellipse at center, rgba(34,211,238,.14), transparent 54%),
    repeating-radial-gradient(ellipse at center, rgba(34,211,238,.36) 0 1px, transparent 1px 12px);
  filter: drop-shadow(0 0 22px rgba(34,211,238,.20));
  animation: v136BasePulse 4.5s ease-in-out infinite;
}

/* ============================================================
   KEYFRAMES
   ============================================================ */
@keyframes v136GridDrift    { to { background-position: 0 54px, 54px 0; } }
@keyframes v136ParticleFloat{ to { background-position: 66px -66px; } }
@keyframes v136AuraMove     { 0%,100%{opacity:.68;transform:translateX(0)} 50%{opacity:1;transform:translateX(1.5%)} }
@keyframes v136ScanSweep    { 0%,15%{transform:translateX(-92%);opacity:0} 34%,56%{opacity:.40} 80%,100%{transform:translateX(72%);opacity:0} }
@keyframes v136MaryEnter    { to{opacity:1;transform:translateX(0)} }
@keyframes v136MaryFloat    { 0%,100%{translate:0 0} 50%{translate:0 -8px} }
@keyframes v136HudIn        { to{opacity:1;transform:translateY(0)} }
@keyframes v136HudFloat     { 0%,100%{translate:0 0} 50%{translate:0 -6px} }
@keyframes v136CtaIn        { to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes v136CtaPulse     {
  0%,100%{box-shadow:0 0 0 1.5px rgba(125,211,252,.24),0 18px 52px rgba(0,0,0,.42),0 0 60px rgba(34,211,238,.50),0 0 120px rgba(10,132,255,.36),inset 0 1.5px 0 rgba(255,255,255,.42),inset 0 -8px 20px rgba(7,44,114,.32)}
  50%   {box-shadow:0 0 0 1.5px rgba(125,211,252,.38),0 22px 62px rgba(0,0,0,.46),0 0 78px rgba(34,211,238,.70),0 0 148px rgba(10,132,255,.46),inset 0 1.5px 0 rgba(255,255,255,.48),inset 0 -8px 20px rgba(7,44,114,.32)}
}
@keyframes v136OuterRing    { 0%,100%{opacity:.48;transform:scale(.984)} 50%{opacity:1;transform:scale(1.016)} }
@keyframes v136Shine        { 0%,38%{transform:translateX(-128%)} 60%,100%{transform:translateX(128%)} }
@keyframes v136ArrowNudge   { 0%,100%{transform:translateX(0)} 50%{transform:translateX(5px)} }
@keyframes v136BeamFlow     { 0%,100%{opacity:.40;transform:translateY(0) scaleY(.95)} 50%{opacity:.78;transform:translateY(5px) scaleY(1.05)} }
@keyframes v136BasePulse    { 0%,100%{opacity:.44;transform:scaleX(.92)} 50%{opacity:.78;transform:scaleX(1.02)} }

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* 1440 wide — tighten gap slightly */
@media (max-width: 1440px) {
  .v136-shell {
    grid-template-columns: minmax(270px, .84fr) minmax(440px, 1.16fr);
  }
  .v136-mary { width: min(63%, 490px); }
}

/* 1280 — start tightening */
@media (max-width: 1280px) {
  .v136-shell {
    grid-template-columns: minmax(260px, .86fr) minmax(400px, 1.14fr);
    gap: 24px;
    padding: clamp(32px, 4vw, 56px) clamp(24px, 3.5vw, 56px);
  }
  .v136-copy h2 { font-size: clamp(38px, 4.6vw, 66px); }
  .v136-mary { width: min(62%, 460px); right: -6%; }
  .v136-cta { width: min(90%, 460px); min-height: 82px; }
}

/* 1180 — rebalance further */
@media (max-width: 1180px) {
  .v136-shell {
    grid-template-columns: minmax(250px, .88fr) minmax(380px, 1.12fr);
  }
  .v136-copy h2 { font-size: clamp(36px, 4.4vw, 60px); }
  .v136-mary { width: min(60%, 430px); right: -7%; }
  .v136-cta { width: min(88%, 420px); }
  .v136-hud { width: min(268px, 56%); }
  /* Stats: wrap to 2×2 so they don't get cut */
  .v136-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .v136-stat:nth-child(2) { border-right: 0; }
  .v136-stat:nth-child(-n+2) { border-bottom: 1px solid rgba(125,211,252,.09); }
}

/* 1024 — laptop */
@media (max-width: 1024px) {
  .v136-shell {
    grid-template-columns: minmax(230px, .90fr) minmax(340px, 1.10fr);
    gap: 18px;
  }
  .v136-copy h2 { font-size: clamp(34px, 4.2vw, 54px); }
  .v136-stage { height: clamp(500px, 42vw, 640px); }
  .v136-mary { width: min(58%, 400px); right: -6%; }
  .v136-cta {
    width: min(90%, 390px);
    min-height: 76px;
    grid-template-columns: 52px 1fr 52px;
    gap: 11px;
  }
  .v136-cta-copy strong { font-size: clamp(15px, 1.6vw, 22px); }
}

/* 920 — stack to single column */
@media (max-width: 920px) {
  .v136-shell {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-bottom: 0;
  }
  .v136-copy { max-width: 100%; }
  .v136-chips { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .v136-stats { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .v136-stat:nth-child(2) { border-right: 1px solid rgba(125,211,252,.09); }
  .v136-stat:nth-child(-n+2) { border-bottom: none; }

  .v136-stage {
    height: 520px;
    margin-top: 4px;
  }
  .v136-mary {
    width: min(52%, 380px);
    right: 0;
    bottom: -32px;
  }
  .v136-cta {
    left: 3%;
    top: 42%;
    width: min(54%, 400px);
  }
  .v136-hud-one { left: 1%; top: 5%; }
  .v136-hud-two { left: 6%; top: 24%; }
}

/* 768 — tablet portrait */
@media (max-width: 768px) {
  .v136-appt-section { padding: 88px 0 56px; }
  .v136-shell { padding: 30px 22px 0; border-radius: 24px; }
  .v136-copy h2 { font-size: clamp(34px, 8.5vw, 52px); }
  .v136-stage { height: 480px; }
  .v136-mary { width: min(52%, 340px); }
  .v136-cta {
    left: 1%;
    top: 38%;
    width: min(60%, 340px);
    min-height: 72px;
    grid-template-columns: 44px 1fr 44px;
    gap: 10px;
    padding: 9px 11px;
  }
  .v136-cta-copy strong { font-size: 15px; }
  .v136-cta-copy small { font-size: 11px; }
  .v136-hud { width: min(240px, 58%); padding: 11px 13px; }
  .v136-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .v136-stat:nth-child(2) { border-right: 0; }
  .v136-stat:nth-child(-n+2) { border-bottom: 1px solid rgba(125,211,252,.09); }
}

/* 620 — mobile */
@media (max-width: 620px) {
  .v136-appt-section { padding: 82px 0 52px; }
  .v136-shell {
    padding: 24px 14px 0;
    border-radius: 20px;
    margin-inline: -4px;
  }
  .v136-chips { grid-template-columns: 1fr; }
  .v136-stats { grid-template-columns: 1fr 1fr; }
  .v136-stat:nth-child(2) { border-right: 0; }
  .v136-stat:nth-child(-n+2) { border-bottom: 1px solid rgba(125,211,252,.09); }
  .v136-stat:nth-child(3) { border-bottom: none; }

  .v136-stage { height: 560px; }
  .v136-hud { display: none; }

  /* CTA: centered, near top of stage */
  .v136-cta {
    left: 50%;
    top: 16px;
    width: min(96%, 390px);
    min-height: 72px;
    transform: translateX(-50%) scale(.96);
    grid-template-columns: 44px 1fr 44px;
    gap: 11px;
    padding: 9px 11px;
  }
  .v136-cta-copy strong { font-size: 15px; }
  .v136-cta-copy small { font-size: 11px; }

  .v136-mary {
    width: min(90%, 360px);
    right: -1%;
    bottom: -12px;
  }
  .v136-beam { left: 30%; top: 22%; height: 40%; }
  .v136-base { left: 3%; bottom: 6%; width: 66%; }
}

/* 430 / small phones */
@media (max-width: 430px) {
  .v136-cta {
    grid-template-columns: 40px 1fr 40px;
    min-height: 66px;
    gap: 9px;
    padding: 8px 10px;
  }
  .v136-cta-copy strong { font-size: 14px; }
  .v136-cta-copy small { font-size: 10.5px; }
  .v136-stage { height: 520px; }
  .v136-mary { width: min(92%, 330px); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .v136-bg-grid,
  .v136-bg-grid::after,
  .v136-bg-aura,
  .v136-bg-scan,
  .v136-mary,
  .v136-hud,
  .v136-cta,
  .v136-cta::before,
  .v136-cta::after,
  .v136-cta-arrow,
  .v136-beam,
  .v136-base {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  @media (max-width: 620px) {
    .v136-cta { transform: translateX(-50%) !important; }
  }
}



/* =========================================================
   V137 — Exact target appointment hero, responsive-safe
   Uses the approved visual as the desktop/tablet composition,
   with animated hotspot only. Mobile has a coded fallback.
========================================================= */
.v137-appointment-exact{
  position:relative;
  padding:clamp(120px, 9vw, 172px) 0 clamp(76px, 6vw, 112px);
  scroll-margin-top:150px;
  overflow:hidden;
  background:
    radial-gradient(circle at 68% 44%, rgba(10,132,255,.15), transparent 32%),
    radial-gradient(circle at 16% 58%, rgba(34,211,238,.055), transparent 28%),
    linear-gradient(180deg, rgba(2,8,23,0), rgba(2,8,23,.36) 42%, rgba(2,8,23,0));
}

.v137-appointment-exact::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(125,211,252,.052) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.052) 1px, transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(circle at 50% 46%, black, transparent 80%);
  opacity:.52;
  animation:v137GridDrift 22s linear infinite;
}

.v137-exact-frame{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(125,211,252,.20);
  border-radius:34px;
  background:rgba(2,8,23,.84);
  box-shadow:
    0 36px 120px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.055),
    0 0 0 1px rgba(34,211,238,.035);
  opacity:0;
  transform:translateY(28px);
  transition:opacity .85s ease, transform .85s cubic-bezier(.18,.9,.2,1);
}

.v137-exact-frame.show,
.v137-exact-frame.reveal.show{
  opacity:1;
  transform:translateY(0);
}

.v137-exact-frame::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(112deg, transparent 20%, rgba(125,211,252,.08) 47%, transparent 62%),
    radial-gradient(circle at 58% 51%, rgba(34,211,238,.10), transparent 20%);
  mix-blend-mode:screen;
  opacity:.44;
  transform:translateX(-80%);
  animation:v137FrameSweep 8.6s ease-in-out infinite;
}

.v137-exact-frame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 72px rgba(10,132,255,.08), inset 0 0 18px rgba(34,211,238,.08);
  animation:v137FrameBreath 4.8s ease-in-out infinite;
}

.v137-exact-art{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1495 / 808;
  object-fit:cover;
  object-position:center;
  user-select:none;
  pointer-events:none;
}

/* Animated invisible real CTA hit area — aligned to baked button in the approved artwork */
.v137-exact-hotspot{
  position:absolute;
  left:35.5%;
  top:33.5%;
  width:27.5%;
  height:14%;
  z-index:8;
  border:0;
  border-radius:999px;
  background:transparent;
  cursor:pointer;
}

.v137-exact-hotspot span{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

.v137-exact-hotspot::before{
  content:"";
  position:absolute;
  inset:-8px -10px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.50);
  box-shadow:0 0 28px rgba(34,211,238,.28), inset 0 0 18px rgba(34,211,238,.05);
  opacity:.58;
  animation:v137HotspotPulse 2.8s ease-in-out infinite;
}

.v137-exact-hotspot::after{
  content:"";
  position:absolute;
  top:10%;
  bottom:10%;
  left:0;
  width:36%;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);
  transform:translateX(-135%);
  opacity:.52;
  mix-blend-mode:screen;
  animation:v137HotspotShine 3.4s ease-in-out infinite;
}

.v137-exact-hotspot:hover::before,
.v137-exact-hotspot:focus-visible::before{
  opacity:1;
  border-color:rgba(180,242,255,.88);
  box-shadow:0 0 42px rgba(34,211,238,.48), 0 0 86px rgba(10,132,255,.30), inset 0 0 20px rgba(255,255,255,.055);
}

.v137-exact-hotspot:focus-visible{
  outline:2px solid rgba(125,211,252,.92);
  outline-offset:8px;
}

.v137-mobile-fallback{
  display:none;
}

@keyframes v137GridDrift{to{background-position:0 58px, 58px 0;}}
@keyframes v137FrameSweep{
  0%,22%{transform:translateX(-80%);opacity:0}
  38%,62%{opacity:.48}
  82%,100%{transform:translateX(70%);opacity:0}
}
@keyframes v137FrameBreath{
  0%,100%{opacity:.62}
  50%{opacity:1}
}
@keyframes v137HotspotPulse{
  0%,100%{opacity:.50;transform:scale(.99)}
  50%{opacity:.96;transform:scale(1.018)}
}
@keyframes v137HotspotShine{
  0%,42%{transform:translateX(-135%);opacity:0}
  56%{opacity:.55}
  74%,100%{transform:translateX(275%);opacity:0}
}

@media(max-width:1180px){
  .v137-appointment-exact{
    padding-top:clamp(112px, 10vw, 148px);
  }
  .v137-exact-frame{
    border-radius:28px;
  }
  .v137-exact-hotspot{
    left:35.4%;
    top:33.4%;
    width:27.6%;
    height:14%;
  }
}

@media(max-width:760px){
  .v137-appointment-exact{
    padding:92px 0 70px;
  }
  .v137-exact-frame{
    border-radius:24px;
  }
  .v137-exact-art,
  .v137-exact-hotspot{
    display:none;
  }
  .v137-exact-frame::before{
    opacity:.26;
  }
  .v137-mobile-fallback{
    display:grid;
    position:relative;
    min-height:760px;
    padding:28px 18px 0;
    overflow:hidden;
    background:
      radial-gradient(circle at 72% 58%, rgba(10,132,255,.26), transparent 36%),
      linear-gradient(135deg, rgba(3,12,32,.95), rgba(3,16,44,.98));
  }
  .v137-mobile-fallback::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
      linear-gradient(rgba(125,211,252,.055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(125,211,252,.055) 1px, transparent 1px);
    background-size:46px 46px;
    opacity:.45;
    mask-image:radial-gradient(circle at 52% 44%, black, transparent 82%);
    pointer-events:none;
  }
  .v137-mobile-eyebrow{
    position:relative;
    z-index:3;
    justify-self:start;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 13px;
    border:1px solid rgba(125,211,252,.20);
    border-radius:999px;
    background:rgba(3,18,46,.65);
    color:#7dd3fc;
    font-size:10px;
    font-weight:950;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  .v137-mobile-eyebrow i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#22d3ee;
    box-shadow:0 0 16px rgba(34,211,238,.85);
  }
  .v137-mobile-fallback h2{
    position:relative;
    z-index:3;
    margin:18px 0 14px;
    color:#fff;
    font-size:clamp(40px, 13vw, 58px);
    line-height:.98;
    letter-spacing:-.065em;
    font-weight:950;
  }
  .v137-mobile-fallback h2 span{
    color:#0ea5ff;
  }
  .v137-mobile-fallback p{
    position:relative;
    z-index:3;
    max-width:34rem;
    color:#cbd7e6;
    font-size:15px;
    line-height:1.65;
    margin:0 0 18px;
  }
  .v137-mobile-cta{
    position:relative;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    width:100%;
    min-height:68px;
    padding:14px 16px 14px 18px;
    border:1px solid rgba(180,242,255,.72);
    border-radius:999px;
    color:#fff;
    background:linear-gradient(135deg, rgba(39,211,255,.94), rgba(10,132,255,.97) 50%, rgba(29,78,216,.98));
    box-shadow:0 18px 54px rgba(0,0,0,.36), 0 0 54px rgba(34,211,238,.36), inset 0 1px 0 rgba(255,255,255,.38);
    font:inherit;
    font-weight:950;
    letter-spacing:-.02em;
    cursor:pointer;
    animation:v137HotspotPulse 3s ease-in-out infinite;
  }
  .v137-mobile-cta i{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    flex:0 0 auto;
    border-radius:50%;
    background:rgba(4,39,94,.35);
    font-style:normal;
    font-size:22px;
  }
  .v137-mobile-proof{
    position:relative;
    z-index:4;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:16px;
  }
  .v137-mobile-proof span{
    padding:11px 12px;
    border:1px solid rgba(125,211,252,.14);
    border-radius:14px;
    background:rgba(3,18,44,.58);
    color:#dbeafe;
    font-size:12px;
    font-weight:850;
  }
  .v137-mobile-mary{
    position:absolute;
    z-index:2;
    right:-10%;
    bottom:-18px;
    width:min(88%, 390px);
    max-height:58%;
    object-fit:contain;
    object-position:bottom right;
    filter:drop-shadow(0 24px 58px rgba(0,0,0,.50)) drop-shadow(0 0 20px rgba(14,165,233,.22));
    pointer-events:none;
  }
}

@media(max-width:430px){
  .v137-mobile-fallback{
    min-height:720px;
    padding-inline:15px;
  }
  .v137-mobile-mary{
    width:min(94%, 350px);
    right:-16%;
  }
}

@media(prefers-reduced-motion:reduce){
  .v137-appointment-exact::before,
  .v137-exact-frame,
  .v137-exact-frame::before,
  .v137-exact-frame::after,
  .v137-exact-hotspot::before,
  .v137-exact-hotspot::after,
  .v137-mobile-cta{
    animation:none !important;
    transition:none !important;
  }
  .v137-exact-frame{
    opacity:1 !important;
    transform:none !important;
  }
}


/* =========================================================
   V138 — Full-width exact appointment art alignment fix
   Fix: previous version was trapped inside 1180px .container,
   making the target design look too small and "not pantay".
========================================================= */
.v137-appointment-exact{
  padding:clamp(88px, 7vw, 126px) 0 clamp(70px, 6vw, 108px) !important;
}

.v137-appointment-exact > .container{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
}

.v137-exact-frame{
  width:min(1518px, calc(100vw - 32px)) !important;
  max-width:none !important;
  margin-inline:auto !important;
  border-radius:34px !important;
  transform:translateY(18px) !important;
}

.v137-exact-frame.show,
.v137-exact-frame.reveal.show{
  transform:translateY(0) !important;
}

.v137-exact-art{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  aspect-ratio:1495 / 808 !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Hotspot aligned to the baked CTA after full-width scaling */
.v137-exact-hotspot{
  left:35.55% !important;
  top:33.65% !important;
  width:27.35% !important;
  height:13.55% !important;
}

/* Make the hotspot animation visible but not messy */
.v137-exact-hotspot::before{
  inset:-6px -8px !important;
  border-color:rgba(125,211,252,.48) !important;
  box-shadow:
    0 0 22px rgba(34,211,238,.30),
    0 0 56px rgba(10,132,255,.18),
    inset 0 0 16px rgba(34,211,238,.05) !important;
}

.v137-exact-frame:hover{
  box-shadow:
    0 38px 124px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(34,211,238,.045),
    0 0 56px rgba(10,132,255,.08) !important;
}

@media(max-width:1180px){
  .v137-exact-frame{
    width:calc(100vw - 24px) !important;
    border-radius:28px !important;
  }
  .v137-appointment-exact{
    padding-top:104px !important;
  }
}

@media(max-width:760px){
  .v137-exact-frame{
    width:calc(100vw - 22px) !important;
    border-radius:24px !important;
  }
  .v137-appointment-exact{
    padding:88px 0 70px !important;
  }
}


/* =========================================================
   V139 — Button hotspot coordinate fix + remove baked chat artifact
   - Transparent click area is now aligned to the actual baked CTA.
   - Removed visible hotspot ring/shine because it looked misaligned.
   - Added subtle premium frame motion instead.
========================================================= */

.v137-exact-hotspot{
  /* Actual CTA coordinates measured on 1495x808 artwork:
     left ~600px, top ~318px, width ~560px, height ~135px */
  left:40.1% !important;
  top:39.4% !important;
  width:37.4% !important;
  height:16.7% !important;
  z-index:12 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.v137-exact-hotspot::before,
.v137-exact-hotspot::after{
  display:none !important;
  content:none !important;
}

.v137-exact-hotspot:focus-visible{
  outline:2px solid rgba(125,211,252,.88) !important;
  outline-offset:6px !important;
}

.v137-exact-frame{
  transform-origin:center center;
  animation:v139FrameSoftFloat 8s ease-in-out infinite;
}

.v137-exact-frame.show,
.v137-exact-frame.reveal.show{
  transform:translateY(0) !important;
}

.v137-exact-frame::before{
  opacity:.36 !important;
  animation:v137FrameSweep 9.5s ease-in-out infinite !important;
}

.v137-exact-frame::after{
  box-shadow:
    inset 0 0 76px rgba(10,132,255,.10),
    inset 0 0 22px rgba(34,211,238,.08),
    0 0 56px rgba(10,132,255,.08) !important;
}

.v137-exact-art{
  filter:saturate(1.02) contrast(1.01);
}

@keyframes v139FrameSoftFloat{
  0%,100%{box-shadow:0 36px 120px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.055), 0 0 0 1px rgba(34,211,238,.035);}
  50%{box-shadow:0 42px 130px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.06), 0 0 62px rgba(10,132,255,.09);}
}

@media(max-width:1180px){
  .v137-exact-hotspot{
    left:40.1% !important;
    top:39.4% !important;
    width:37.4% !important;
    height:16.7% !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .v137-exact-frame{
    animation:none !important;
  }
}

/* =========================================================
   V140 - Hero 2 appointment polish
   Keeps the existing markup/modal trigger while removing the
   boxed screenshot feel and aligning the clean target artwork.
========================================================= */
.v137-appointment-exact{
  padding:clamp(74px, 5.8vw, 108px) 0 clamp(54px, 4.8vw, 86px) !important;
  background:
    radial-gradient(circle at 77% 36%, rgba(10,132,255,.20), transparent 34%),
    radial-gradient(circle at 46% 66%, rgba(34,211,238,.10), transparent 28%),
    linear-gradient(180deg, rgba(2,8,23,0), rgba(2,8,23,.24) 48%, rgba(2,8,23,0)) !important;
}

.v137-appointment-exact > .container{
  width:100% !important;
  max-width:none !important;
  padding-inline:0 !important;
}

.v137-exact-frame{
  width:min(1672px, 100vw) !important;
  margin-inline:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  animation:none !important;
}

.v137-exact-frame:hover{
  box-shadow:none !important;
}

.v137-exact-frame::before{
  opacity:.20 !important;
}

.v137-exact-frame::after{
  box-shadow:inset 0 0 88px rgba(10,132,255,.08) !important;
}

.v137-exact-art{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  aspect-ratio:1495 / 808 !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.04) contrast(1.02) !important;
}

.v137-exact-hotspot{
  left:38.85% !important;
  top:39.25% !important;
  width:39.15% !important;
  height:17.35% !important;
}

@media(max-width:1180px){
  .v137-appointment-exact{
    padding-top:clamp(80px, 8vw, 104px) !important;
  }

  .v137-exact-frame{
    width:100vw !important;
  }
}

@media(max-width:760px){
  .v137-appointment-exact{
    padding:78px 0 62px !important;
  }

  .v137-exact-frame{
    width:calc(100vw - 18px) !important;
    border:1px solid rgba(125,211,252,.16) !important;
    border-radius:22px !important;
    background:rgba(2,8,23,.74) !important;
    box-shadow:0 24px 78px rgba(0,0,0,.32) !important;
  }

  .v137-mobile-fallback{
    min-height:700px !important;
    border-radius:inherit;
  }

  .v137-mobile-cta{
    min-height:66px !important;
  }
}

@media(max-width:430px){
  .v137-mobile-fallback{
    min-height:680px !important;
  }
}

/* =========================================================
   V141 - Premium motion CTA for Hero 2 appointment section
   Makes the existing .js-appointment hotspot visible while
   keeping the modal behavior and section structure unchanged.
========================================================= */
.v137-appointment-exact{
  isolation:isolate;
}

.v137-appointment-exact > .container{
  position:relative;
  z-index:1;
}

.v137-appointment-exact::before{
  opacity:.58 !important;
  transform:translate3d(0,0,0);
  animation:v141AppointmentGridDrift 32s linear infinite !important;
}

.v137-appointment-exact::after{
  content:"";
  position:absolute;
  inset:8% 0 6%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 68% 42%, rgba(14,165,233,.18), transparent 32%),
    radial-gradient(circle at 53% 62%, rgba(34,211,238,.09), transparent 26%);
  opacity:.52;
  transform:translate3d(0,0,0) scale(1);
  animation:v141SectionGlowBreath 7.5s ease-in-out infinite;
}

.v137-exact-hotspot{
  left:48.25% !important;
  top:40.85% !important;
  width:31.9% !important;
  height:16.1% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:clamp(10px, 1.1vw, 18px) !important;
  padding:clamp(10px, 1vw, 16px) clamp(12px, 1.45vw, 24px) !important;
  overflow:hidden !important;
  isolation:isolate;
  color:#fff !important;
  font:inherit !important;
  text-align:left !important;
  border:1px solid rgba(188,242,255,.76) !important;
  border-radius:999px !important;
  background:
    linear-gradient(135deg, rgba(48,221,255,.95), rgba(10,132,255,.98) 47%, rgba(29,78,216,.98)) !important;
  box-shadow:
    0 18px 50px rgba(0,0,0,.30),
    0 0 38px rgba(34,211,238,.42),
    0 0 88px rgba(10,132,255,.28),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -16px 36px rgba(3,18,52,.16) !important;
  transform:translate3d(0,0,0) scale(1);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
  animation:v141CtaFloat 5.8s ease-in-out infinite;
}

.v137-exact-hotspot::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:-3px;
  z-index:-1;
  border-radius:inherit;
  background:
    radial-gradient(circle at 28% 42%, rgba(255,255,255,.34), transparent 24%),
    linear-gradient(135deg, rgba(125,211,252,.72), rgba(10,132,255,.22), rgba(34,211,238,.58));
  opacity:.62;
  transform:scale(.985);
  animation:v141CtaGlowPulse 3.6s ease-in-out infinite;
}

.v137-exact-hotspot::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:-35% -24%;
  z-index:0;
  background:linear-gradient(110deg, transparent 34%, rgba(255,255,255,.38) 48%, transparent 62%);
  opacity:.62;
  transform:translate3d(-72%,0,0) skewX(-12deg);
  animation:v141CtaShine 4.6s ease-in-out infinite;
}

.v137-exact-hotspot:hover{
  transform:translate3d(0,-2px,0) scale(1.018);
  border-color:rgba(236,254,255,.96) !important;
  filter:saturate(1.08);
  box-shadow:
    0 22px 58px rgba(0,0,0,.34),
    0 0 48px rgba(34,211,238,.52),
    0 0 104px rgba(10,132,255,.36),
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -16px 36px rgba(3,18,52,.14) !important;
}

.v137-exact-hotspot:focus-visible{
  outline:2px solid rgba(236,254,255,.96) !important;
  outline-offset:7px !important;
}

.v137-exact-hotspot .v141-cta-icon,
.v137-exact-hotspot .v141-cta-copy,
.v137-exact-hotspot .v141-cta-arrow{
  position:relative !important;
  z-index:1;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  clip:auto !important;
  white-space:normal !important;
  border:0 !important;
}

.v137-exact-hotspot .v141-cta-icon{
  display:grid;
  place-items:center;
  flex:0 0 clamp(42px, 3.7vw, 58px);
  width:clamp(42px, 3.7vw, 58px) !important;
  height:clamp(42px, 3.7vw, 58px) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  border-radius:50%;
  background:rgba(4,39,94,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 0 22px rgba(125,211,252,.30);
}

.v137-exact-hotspot .v141-cta-icon::before{
  content:"";
  width:42%;
  height:36%;
  border:2px solid rgba(255,255,255,.92);
  border-top-width:5px;
  border-radius:5px;
  box-shadow:inset 0 -6px 0 rgba(255,255,255,.16);
}

.v137-exact-hotspot .v141-cta-icon::after{
  content:"";
  position:absolute;
  top:36%;
  width:25%;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
}

.v137-exact-hotspot .v141-cta-copy{
  display:grid;
  gap:2px;
  flex:1 1 auto;
  min-width:0;
}

.v137-exact-hotspot .v141-cta-copy strong{
  display:block;
  color:#fff;
  font-size:clamp(16px, 1.42vw, 23px);
  line-height:1.04;
  font-weight:950;
  letter-spacing:0;
  text-shadow:0 2px 14px rgba(2,8,23,.30);
}

.v137-exact-hotspot .v141-cta-copy small{
  display:block;
  color:rgba(236,254,255,.94);
  font-size:clamp(12px, .92vw, 16px);
  line-height:1.1;
  font-weight:750;
  letter-spacing:0;
}

.v137-exact-hotspot .v141-cta-arrow{
  display:grid;
  place-items:center;
  flex:0 0 clamp(40px, 3.35vw, 54px);
  width:clamp(40px, 3.35vw, 54px) !important;
  height:clamp(40px, 3.35vw, 54px) !important;
  border:1px solid rgba(255,255,255,.26) !important;
  border-radius:50%;
  background:rgba(4,39,94,.30);
  color:#fff;
  font-size:clamp(24px, 2.2vw, 34px);
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}

.v137-mobile-cta{
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(135deg, rgba(48,221,255,.96), rgba(10,132,255,.98) 48%, rgba(29,78,216,.98)) !important;
  box-shadow:
    0 18px 54px rgba(0,0,0,.36),
    0 0 42px rgba(34,211,238,.36),
    inset 0 1px 0 rgba(255,255,255,.38) !important;
}

.v137-mobile-cta::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:0;
  border-radius:inherit;
  background:radial-gradient(circle at 28% 44%, rgba(255,255,255,.28), transparent 28%);
  opacity:.62;
  animation:v141CtaGlowPulse 3.8s ease-in-out infinite;
}

.v137-mobile-cta::after{
  content:"";
  position:absolute;
  inset:-42% -35%;
  z-index:0;
  background:linear-gradient(110deg, transparent 36%, rgba(255,255,255,.34) 49%, transparent 62%);
  transform:translate3d(-74%,0,0) skewX(-12deg);
  opacity:.52;
  animation:v141CtaShine 4.8s ease-in-out infinite;
}

.v137-mobile-cta > *{
  position:relative;
  z-index:1;
}

@keyframes v141AppointmentGridDrift{
  0%{transform:translate3d(-18px,-10px,0);opacity:.44;}
  50%{transform:translate3d(12px,8px,0);opacity:.64;}
  100%{transform:translate3d(-18px,-10px,0);opacity:.44;}
}

@keyframes v141SectionGlowBreath{
  0%,100%{opacity:.38;transform:translate3d(0,0,0) scale(.985);}
  50%{opacity:.66;transform:translate3d(0,-6px,0) scale(1.018);}
}

@keyframes v141CtaFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1);}
  50%{transform:translate3d(0,-3px,0) scale(1.006);}
}

@keyframes v141CtaGlowPulse{
  0%,100%{opacity:.50;transform:scale(.985);}
  50%{opacity:.88;transform:scale(1.015);}
}

@keyframes v141CtaShine{
  0%,42%{transform:translate3d(-76%,0,0) skewX(-12deg);opacity:0;}
  54%{opacity:.64;}
  76%,100%{transform:translate3d(76%,0,0) skewX(-12deg);opacity:0;}
}

@media(max-width:1180px){
  .v137-exact-hotspot{
    left:48.25% !important;
    top:40.85% !important;
    width:31.9% !important;
    height:16.1% !important;
  }
}

@media(max-width:760px){
  .v137-exact-hotspot{
    display:none !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .v137-appointment-exact::before,
  .v137-appointment-exact::after,
  .v137-exact-hotspot,
  .v137-exact-hotspot::before,
  .v137-exact-hotspot::after,
  .v137-mobile-cta,
  .v137-mobile-cta::before,
  .v137-mobile-cta::after{
    animation:none !important;
    transition:none !important;
  }

  .v137-exact-hotspot{
    transform:none !important;
  }
}

/* =========================================================
   V142 - Premium ambient motion layer for Hero 2
   Adds lightweight real overlay cards and background depth
   while preserving the existing artwork and modal trigger.
========================================================= */
.v137-appointment-exact{
  background:
    radial-gradient(circle at 78% 28%, rgba(10,132,255,.22), transparent 33%),
    radial-gradient(circle at 58% 56%, rgba(34,211,238,.13), transparent 25%),
    radial-gradient(circle at 34% 70%, rgba(14,165,233,.07), transparent 30%),
    linear-gradient(180deg, rgba(2,8,23,0), rgba(2,8,23,.26) 48%, rgba(2,8,23,0)) !important;
}

.v137-exact-frame{
  overflow:hidden !important;
}

.v137-exact-frame::before{
  background:
    linear-gradient(112deg, transparent 22%, rgba(125,211,252,.08) 48%, transparent 63%),
    radial-gradient(circle at 67% 46%, rgba(34,211,238,.14), transparent 20%),
    repeating-linear-gradient(90deg, rgba(125,211,252,.035) 0 1px, transparent 1px 76px) !important;
  opacity:.34 !important;
  animation:v142FrameLightDrift 13s ease-in-out infinite !important;
}

.v137-exact-frame::after{
  background:
    radial-gradient(circle at 68% 50%, rgba(10,132,255,.24), transparent 22%),
    radial-gradient(circle at 60% 68%, rgba(34,211,238,.12), transparent 17%),
    linear-gradient(180deg, transparent 0 42%, rgba(125,211,252,.035) 52%, transparent 62%) !important;
  box-shadow:
    inset 0 0 92px rgba(10,132,255,.09),
    inset 0 0 22px rgba(34,211,238,.06) !important;
  opacity:.55;
  animation:v142HeroGlowPan 9s ease-in-out infinite;
}

.v142-motion-layer{
  position:absolute;
  inset:0;
  z-index:9;
  pointer-events:none;
  overflow:hidden;
}

.v142-motion-layer::before,
.v142-motion-layer::after{
  content:"";
  position:absolute;
  pointer-events:none;
  transform:translate3d(0,0,0);
}

.v142-motion-layer::before{
  left:45%;
  top:26%;
  width:38%;
  height:48%;
  background:
    radial-gradient(circle at 54% 48%, rgba(34,211,238,.20), transparent 18%),
    radial-gradient(circle at 68% 42%, rgba(10,132,255,.17), transparent 30%);
  opacity:.70;
  filter:blur(.2px);
  animation:v142CenterAura 8.5s ease-in-out infinite;
}

.v142-motion-layer::after{
  left:4%;
  top:10%;
  width:92%;
  height:74%;
  background-image:
    radial-gradient(circle, rgba(125,211,252,.34) 0 1px, transparent 1.6px),
    radial-gradient(circle, rgba(10,132,255,.20) 0 1px, transparent 1.6px);
  background-size:76px 76px, 118px 118px;
  background-position:0 0, 38px 22px;
  opacity:.22;
  mask-image:radial-gradient(circle at 58% 42%, black, transparent 72%);
  animation:v142ParticleDrift 22s linear infinite;
}

.v142-orbit-line{
  position:absolute;
  pointer-events:none;
  border:1px solid rgba(125,211,252,.13);
  border-left-color:transparent;
  border-bottom-color:transparent;
  border-radius:999px;
  opacity:.52;
  transform:translate3d(0,0,0);
}

.v142-orbit-line-a{
  left:43%;
  top:22%;
  width:33%;
  height:40%;
  animation:v142OrbitBreath 10s ease-in-out infinite;
}

.v142-orbit-line-b{
  left:50%;
  top:39%;
  width:27%;
  height:31%;
  opacity:.36;
  animation:v142OrbitBreath 12s ease-in-out infinite reverse;
}

.v142-float-card{
  position:absolute;
  pointer-events:auto;
  cursor:default;
  display:flex;
  align-items:center;
  gap:clamp(10px, 1vw, 14px);
  min-width:clamp(210px, 16.5vw, 282px);
  min-height:clamp(76px, 6vw, 104px);
  padding:clamp(13px, 1.1vw, 18px) clamp(15px, 1.25vw, 22px);
  border:1px solid rgba(125,211,252,.30);
  border-radius:clamp(16px, 1.35vw, 24px);
  color:#f8fbff;
  background:
    linear-gradient(135deg, rgba(5,18,45,.68), rgba(3,18,52,.46)),
    radial-gradient(circle at 24% 20%, rgba(34,211,238,.14), transparent 44%);
  box-shadow:
    0 20px 48px rgba(0,0,0,.28),
    0 0 34px rgba(10,132,255,.16),
    inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(12px) saturate(1.2);
  -webkit-backdrop-filter:blur(12px) saturate(1.2);
  overflow:hidden;
  transform:translate3d(0,0,0);
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.v142-float-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(112deg, transparent 16%, rgba(125,211,252,.20) 45%, transparent 70%);
  opacity:.40;
  transform:translate3d(-74%,0,0);
  animation:v142CardShimmer 6.6s ease-in-out infinite;
}

.v142-float-card::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.045);
  pointer-events:none;
}

.v142-float-card:hover{
  transform:translate3d(0,-4px,0);
  border-color:rgba(180,242,255,.50);
  box-shadow:
    0 24px 58px rgba(0,0,0,.32),
    0 0 46px rgba(34,211,238,.22),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.v142-float-card-founder{
  left:50.7%;
  top:6.2%;
  animation:v142CardFloatA 7.2s ease-in-out infinite;
}

.v142-float-card-strategy{
  left:52.7%;
  top:24.2%;
  min-width:clamp(220px, 17.6vw, 300px);
  animation:v142CardFloatB 8.4s ease-in-out infinite;
}

.v142-card-icon{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 clamp(42px, 3.8vw, 58px);
  width:clamp(42px, 3.8vw, 58px);
  height:clamp(42px, 3.8vw, 58px);
  border:1px solid rgba(125,211,252,.35);
  border-radius:50%;
  background:rgba(4,39,94,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 22px rgba(34,211,238,.22);
  animation:v142IconPulse 3.6s ease-in-out infinite;
}

.v142-card-icon::before,
.v142-card-icon::after{
  content:"";
  position:absolute;
}

.v142-card-icon-user::before{
  top:28%;
  width:28%;
  height:28%;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 18px rgba(34,211,238,.60);
}

.v142-card-icon-user::after{
  left:28%;
  right:28%;
  bottom:25%;
  height:24%;
  border-radius:999px 999px 8px 8px;
  background:#0ea5ff;
}

.v142-card-icon-target::before{
  width:52%;
  height:52%;
  border:2px solid #22d3ee;
  border-radius:50%;
  box-shadow:0 0 15px rgba(34,211,238,.42);
}

.v142-card-icon-target::after{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 16px rgba(255,255,255,.74);
}

.v142-card-copy{
  position:relative;
  z-index:1;
  display:grid;
  gap:5px;
}

.v142-card-copy b{
  color:#fff;
  font-size:clamp(15px, 1.16vw, 19px);
  line-height:1.05;
  font-weight:900;
  letter-spacing:0;
}

.v142-card-copy small{
  color:rgba(219,234,254,.88);
  font-size:clamp(11px, .82vw, 14px);
  line-height:1.35;
  font-weight:650;
  letter-spacing:0;
}

.v142-proof-chip{
  position:absolute;
  left:45.6%;
  top:66.4%;
  display:inline-grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:10px;
  min-width:clamp(126px, 10vw, 164px);
  padding:12px 15px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:18px;
  color:#fff;
  background:rgba(3,18,44,.48);
  box-shadow:0 18px 42px rgba(0,0,0,.25), 0 0 28px rgba(10,132,255,.12);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  animation:v142ProofFloat 9.2s ease-in-out infinite;
}

.v142-proof-chip span{
  grid-row:1 / 3;
  width:30px;
  height:30px;
  border-radius:50%;
  background:
    linear-gradient(135deg, rgba(34,211,238,.95), rgba(10,132,255,.95));
  box-shadow:0 0 20px rgba(34,211,238,.34);
}

.v142-proof-chip span::before{
  content:"";
  display:block;
  width:46%;
  height:46%;
  margin:27%;
  border:2px solid rgba(255,255,255,.88);
  border-radius:6px;
}

.v142-proof-chip b{
  font-size:clamp(18px, 1.5vw, 24px);
  line-height:1;
  font-weight:950;
}

.v142-proof-chip small{
  color:rgba(219,234,254,.82);
  font-size:11px;
  line-height:1.1;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.v137-exact-hotspot{
  box-shadow:
    0 20px 54px rgba(0,0,0,.32),
    0 0 44px rgba(34,211,238,.48),
    0 0 104px rgba(10,132,255,.35),
    inset 0 1px 0 rgba(255,255,255,.44),
    inset 0 -16px 36px rgba(3,18,52,.14) !important;
}

.v137-exact-hotspot::before{
  opacity:.76 !important;
}

.v137-exact-hotspot::after{
  opacity:.70 !important;
}

@keyframes v142FrameLightDrift{
  0%{transform:translate3d(-34%,0,0);opacity:.20;}
  45%,60%{opacity:.38;}
  100%{transform:translate3d(34%,0,0);opacity:.20;}
}

@keyframes v142HeroGlowPan{
  0%,100%{opacity:.42;transform:translate3d(0,0,0) scale(1);}
  50%{opacity:.68;transform:translate3d(10px,-8px,0) scale(1.018);}
}

@keyframes v142CenterAura{
  0%,100%{opacity:.52;transform:translate3d(-8px,5px,0) scale(.985);}
  50%{opacity:.82;transform:translate3d(7px,-8px,0) scale(1.02);}
}

@keyframes v142ParticleDrift{
  to{background-position:76px 76px, -80px 118px;}
}

@keyframes v142OrbitBreath{
  0%,100%{opacity:.26;transform:translate3d(0,0,0) scale(.98);}
  50%{opacity:.58;transform:translate3d(8px,-7px,0) scale(1.025);}
}

@keyframes v142CardFloatA{
  0%,100%{transform:translate3d(0,0,0);}
  50%{transform:translate3d(0,-7px,0);}
}

@keyframes v142CardFloatB{
  0%,100%{transform:translate3d(0,0,0);}
  50%{transform:translate3d(6px,-5px,0);}
}

@keyframes v142ProofFloat{
  0%,100%{opacity:.72;transform:translate3d(0,0,0);}
  50%{opacity:.94;transform:translate3d(-5px,-6px,0);}
}

@keyframes v142CardShimmer{
  0%,40%{transform:translate3d(-80%,0,0);opacity:0;}
  54%{opacity:.42;}
  78%,100%{transform:translate3d(82%,0,0);opacity:0;}
}

@keyframes v142IconPulse{
  0%,100%{transform:scale(1);box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 18px rgba(34,211,238,.18);}
  50%{transform:scale(1.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 0 28px rgba(34,211,238,.34);}
}

@media(max-width:1180px){
  .v142-float-card{
    min-width:clamp(180px, 20vw, 242px);
    min-height:76px;
    padding:12px 14px;
  }

  .v142-float-card-founder{
    left:50.2%;
    top:6.5%;
  }

  .v142-float-card-strategy{
    left:52%;
    top:24%;
  }

  .v142-card-copy b{
    font-size:14px;
  }

  .v142-card-copy small{
    font-size:10.5px;
  }

  .v142-card-icon{
    flex-basis:42px;
    width:42px;
    height:42px;
  }
}

@media(max-width:900px){
  .v142-float-card,
  .v142-proof-chip{
    opacity:.72;
  }

  .v142-float-card{
    min-width:178px;
    min-height:66px;
    gap:9px;
  }

  .v142-card-copy small{
    display:none;
  }
}

@media(max-width:760px){
  .v142-motion-layer{
    display:none;
  }

  .v137-mobile-fallback::after{
    content:"";
    position:absolute;
    inset:22% -18% 18% 18%;
    z-index:1;
    pointer-events:none;
    background:
      radial-gradient(circle at 62% 46%, rgba(34,211,238,.18), transparent 30%),
      radial-gradient(circle at 78% 64%, rgba(10,132,255,.16), transparent 38%);
    opacity:.64;
    animation:v142MobileGlow 8s ease-in-out infinite;
  }
}

@keyframes v142MobileGlow{
  0%,100%{opacity:.42;transform:translate3d(0,0,0) scale(.98);}
  50%{opacity:.72;transform:translate3d(0,-8px,0) scale(1.02);}
}

@media(prefers-reduced-motion:reduce){
  .v137-exact-frame::before,
  .v137-exact-frame::after,
  .v142-motion-layer::before,
  .v142-motion-layer::after,
  .v142-orbit-line,
  .v142-float-card,
  .v142-float-card::before,
  .v142-card-icon,
  .v142-proof-chip,
  .v137-mobile-fallback::after{
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
}

/* =========================================================
   V143 - Hero 2 alignment + richer premium tech motion
   Tightens the real overlays to the baked artwork and adds
   subtle rails, nodes, border lights, and scroll reveal polish.
========================================================= */
.v137-appointment-exact{
  background:
    radial-gradient(circle at 78% 30%, rgba(10,132,255,.25), transparent 31%),
    radial-gradient(circle at 62% 53%, rgba(34,211,238,.16), transparent 23%),
    radial-gradient(circle at 16% 46%, rgba(14,165,233,.075), transparent 34%),
    linear-gradient(180deg, rgba(2,8,23,0), rgba(2,8,23,.28) 48%, rgba(2,8,23,0)) !important;
}

.v137-exact-frame.reveal .v142-motion-layer,
.v137-exact-frame.reveal .v137-exact-hotspot{
  opacity:0;
  filter:blur(7px);
  transition:opacity .85s ease .12s, filter .85s ease .12s;
}

.v137-exact-frame.reveal.show .v142-motion-layer,
.v137-exact-frame.reveal.show .v137-exact-hotspot{
  opacity:1;
  filter:none;
}

.v137-exact-frame::before{
  opacity:.42 !important;
  background:
    linear-gradient(105deg, transparent 18%, rgba(125,211,252,.10) 48%, transparent 64%),
    repeating-linear-gradient(90deg, rgba(125,211,252,.045) 0 1px, transparent 1px 68px),
    repeating-linear-gradient(0deg, rgba(10,132,255,.028) 0 1px, transparent 1px 58px) !important;
  animation:v143GridScan 18s linear infinite !important;
}

.v137-exact-frame::after{
  opacity:.66;
  background:
    radial-gradient(circle at 69% 51%, rgba(10,132,255,.27), transparent 22%),
    radial-gradient(circle at 62% 68%, rgba(34,211,238,.15), transparent 17%),
    linear-gradient(180deg, transparent 0 40%, rgba(125,211,252,.05) 53%, transparent 64%) !important;
  animation:v143DepthGlow 8.2s ease-in-out infinite !important;
}

.v142-motion-layer::before{
  left:42%;
  top:23%;
  width:43%;
  height:54%;
  opacity:.76;
  background:
    radial-gradient(circle at 58% 52%, rgba(34,211,238,.23), transparent 18%),
    radial-gradient(circle at 72% 43%, rgba(10,132,255,.20), transparent 30%),
    conic-gradient(from 120deg at 58% 54%, transparent 0 18%, rgba(125,211,252,.08) 22%, transparent 34% 100%);
  animation:v143CenterAura 9.4s ease-in-out infinite;
}

.v142-motion-layer::after{
  opacity:.30;
  background-size:66px 66px, 104px 104px;
  animation:v143ParticleDrift 18s linear infinite;
}

.v143-tech-rail{
  position:absolute;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(34,211,238,.55), rgba(10,132,255,.22), transparent);
  box-shadow:0 0 18px rgba(34,211,238,.22);
  opacity:.54;
  transform:translate3d(0,0,0);
}

.v143-tech-rail::before,
.v143-tech-rail::after{
  content:"";
  position:absolute;
  top:-3px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 18px rgba(34,211,238,.55);
}

.v143-tech-rail::before{left:12%;}
.v143-tech-rail::after{right:18%;}

.v143-tech-rail-a{
  left:42%;
  top:36%;
  width:32%;
  animation:v143RailSweep 7.6s ease-in-out infinite;
}

.v143-tech-rail-b{
  left:47%;
  top:58%;
  width:26%;
  opacity:.42;
  animation:v143RailSweep 9.2s ease-in-out infinite reverse;
}

.v143-node{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  pointer-events:none;
  background:#22d3ee;
  box-shadow:0 0 12px rgba(34,211,238,.80), 0 0 28px rgba(10,132,255,.35);
  opacity:.70;
  animation:v143NodePulse 3.8s ease-in-out infinite;
}

.v143-node-a{left:69%;top:33%;animation-delay:.2s;}
.v143-node-b{left:58%;top:51%;animation-delay:1.1s;}
.v143-node-c{left:47%;top:65%;animation-delay:1.8s;}

.v142-orbit-line-a{
  left:43.2%;
  top:24.5%;
  width:31%;
  height:38%;
  opacity:.36;
}

.v142-orbit-line-b{
  left:50.8%;
  top:41%;
  width:24%;
  height:28%;
  opacity:.30;
}

.v142-float-card{
  width:clamp(230px, 18.4vw, 308px);
  min-width:0;
  min-height:clamp(72px, 5.5vw, 94px);
  padding:clamp(11px, .9vw, 15px) clamp(13px, 1vw, 18px);
  gap:clamp(9px, .85vw, 12px);
  border-color:rgba(125,211,252,.24);
  background:
    linear-gradient(135deg, rgba(5,18,45,.58), rgba(3,18,52,.36)),
    radial-gradient(circle at 18% 22%, rgba(34,211,238,.12), transparent 48%);
  box-shadow:
    0 16px 40px rgba(0,0,0,.24),
    0 0 26px rgba(10,132,255,.12),
    inset 0 1px 0 rgba(255,255,255,.09);
}

.v142-float-card::before{
  background:
    linear-gradient(112deg, transparent 20%, rgba(125,211,252,.18) 48%, transparent 72%),
    linear-gradient(90deg, rgba(34,211,238,.10), transparent 18%, transparent 82%, rgba(10,132,255,.10));
  opacity:.34;
}

.v142-float-card::after{
  inset:0;
  border:1px solid rgba(180,242,255,.08);
  box-shadow:
    inset 12px 0 18px -18px rgba(34,211,238,.65),
    inset -12px 0 18px -18px rgba(10,132,255,.55);
}

.v142-float-card-founder{
  left:50.0%;
  top:6.3%;
  animation:v143CardFloatA 8s ease-in-out infinite;
}

.v142-float-card-strategy{
  left:52.6%;
  top:24.1%;
  width:clamp(214px, 17vw, 286px);
  min-width:0;
  animation:v143CardFloatB 8.8s ease-in-out infinite;
}

.v142-card-icon{
  flex:0 0 clamp(36px, 3vw, 50px);
  width:clamp(36px, 3vw, 50px);
  height:clamp(36px, 3vw, 50px);
  border-color:rgba(125,211,252,.30);
  background:rgba(4,39,94,.28);
}

.v142-card-copy{
  min-width:0;
  gap:3px;
}

.v142-card-copy b{
  font-size:clamp(13px, 1.02vw, 17px);
  line-height:1.08;
  font-weight:880;
  text-wrap:balance;
}

.v142-card-copy small{
  color:rgba(219,234,254,.72);
  font-size:clamp(10px, .72vw, 12px);
  line-height:1.2;
}

.v142-proof-chip{
  left:45.3%;
  top:66.2%;
  min-width:clamp(112px, 8.4vw, 142px);
  padding:9px 12px;
  border-radius:14px;
  opacity:.78;
}

.v142-proof-chip span{
  width:24px;
  height:24px;
}

.v142-proof-chip b{
  font-size:clamp(16px, 1.24vw, 20px);
}

.v142-proof-chip small{
  font-size:9px;
}

.v137-exact-hotspot{
  left:48.42% !important;
  top:42.15% !important;
  width:31.15% !important;
  height:15.2% !important;
  padding:clamp(8px, .82vw, 13px) clamp(11px, 1.18vw, 20px) !important;
  background:
    linear-gradient(135deg, rgba(48,221,255,.82), rgba(10,132,255,.88) 48%, rgba(29,78,216,.86)) !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.30),
    0 0 38px rgba(34,211,238,.42),
    0 0 88px rgba(10,132,255,.30),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -14px 32px rgba(3,18,52,.14) !important;
  backdrop-filter:blur(3px) saturate(1.08);
  -webkit-backdrop-filter:blur(3px) saturate(1.08);
}

.v137-exact-hotspot::before{
  opacity:.52 !important;
}

.v137-exact-hotspot::after{
  opacity:.50 !important;
}

.v137-exact-hotspot .v141-cta-icon{
  flex-basis:clamp(36px, 3.2vw, 50px);
  width:clamp(36px, 3.2vw, 50px) !important;
  height:clamp(36px, 3.2vw, 50px) !important;
}

.v137-exact-hotspot .v141-cta-arrow{
  flex-basis:clamp(36px, 3vw, 48px);
  width:clamp(36px, 3vw, 48px) !important;
  height:clamp(36px, 3vw, 48px) !important;
}

.v137-exact-hotspot .v141-cta-copy strong{
  font-size:clamp(14px, 1.22vw, 20px);
}

.v137-exact-hotspot .v141-cta-copy small{
  font-size:clamp(11px, .78vw, 14px);
}

@keyframes v143GridScan{
  0%{background-position:-120px 0, 0 0, 0 0;opacity:.28;}
  50%{opacity:.46;}
  100%{background-position:120px 0, 68px 0, 0 58px;opacity:.28;}
}

@keyframes v143DepthGlow{
  0%,100%{opacity:.48;transform:translate3d(0,0,0) scale(.99);}
  50%{opacity:.74;transform:translate3d(8px,-6px,0) scale(1.018);}
}

@keyframes v143CenterAura{
  0%,100%{opacity:.50;transform:translate3d(-8px,4px,0) scale(.985) rotate(0deg);}
  50%{opacity:.82;transform:translate3d(7px,-8px,0) scale(1.02) rotate(1deg);}
}

@keyframes v143ParticleDrift{
  to{background-position:66px 66px, -70px 104px;}
}

@keyframes v143RailSweep{
  0%,100%{opacity:.25;transform:translate3d(-10px,0,0) scaleX(.92);}
  50%{opacity:.68;transform:translate3d(12px,0,0) scaleX(1.04);}
}

@keyframes v143NodePulse{
  0%,100%{opacity:.36;transform:scale(.82);}
  50%{opacity:.92;transform:scale(1.18);}
}

@keyframes v143CardFloatA{
  0%,100%{transform:translate3d(0,0,0);}
  50%{transform:translate3d(0,-5px,0);}
}

@keyframes v143CardFloatB{
  0%,100%{transform:translate3d(0,0,0);}
  50%{transform:translate3d(4px,-4px,0);}
}

@media(max-width:1180px){
  .v142-float-card{
    width:clamp(180px, 25vw, 246px);
    min-height:66px;
    padding:10px 12px;
  }

  .v142-float-card-founder{
    left:50.1%;
    top:6.2%;
  }

  .v142-float-card-strategy{
    left:52.2%;
    top:24.0%;
    width:clamp(176px, 23vw, 232px);
  }

  .v142-card-icon{
    flex-basis:36px;
    width:36px;
    height:36px;
  }

  .v142-card-copy b{
    font-size:12.5px;
  }

  .v142-card-copy small{
    font-size:9.5px;
  }

  .v137-exact-hotspot{
    left:48.42% !important;
    top:42.15% !important;
    width:31.15% !important;
    height:15.2% !important;
  }
}

@media(max-width:900px){
  .v142-float-card{
    opacity:.64;
  }

  .v142-proof-chip,
  .v143-tech-rail,
  .v143-node{
    opacity:.42;
  }
}

@media(max-width:760px){
  .v143-tech-rail,
  .v143-node{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .v143-tech-rail,
  .v143-tech-rail::before,
  .v143-tech-rail::after,
  .v143-node{
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
}

/* =========================================================
   V144 - Hero 2 polish correction
   Fixes overlay alignment, reduces duplicate-card clutter,
   and adds cleaner premium tech motion scoped to Hero 2 only.
========================================================= */
@media(min-width:761px){
  .v137-appointment-exact{
    position:relative;
    overflow:hidden;
    padding-block:clamp(42px, 4.8vw, 76px) !important;
    background:
      radial-gradient(circle at 78% 28%, rgba(10,132,255,.28), transparent 30%),
      radial-gradient(circle at 63% 54%, rgba(34,211,238,.16), transparent 24%),
      radial-gradient(circle at 16% 46%, rgba(14,165,233,.09), transparent 34%),
      linear-gradient(180deg, rgba(2,8,23,0), rgba(2,8,23,.34) 48%, rgba(2,8,23,0)) !important;
  }

  .v137-appointment-exact > .container{
    max-width:min(100%, 1840px) !important;
    padding-inline:clamp(14px, 2vw, 34px) !important;
  }

  .v137-exact-frame{
    border-radius:clamp(10px, 1.1vw, 18px) !important;
    border:1px solid rgba(75,175,255,.18);
    background:#020817;
    box-shadow:
      0 28px 84px rgba(0,0,0,.38),
      0 0 80px rgba(10,132,255,.13),
      inset 0 0 0 1px rgba(180,242,255,.035);
    transform:translate3d(0,0,0);
  }

  .v137-exact-frame.reveal{
    opacity:0;
    transform:translate3d(0,30px,0) scale(.985);
    transition:opacity .75s ease, transform .9s cubic-bezier(.22,.8,.22,1);
  }

  .v137-exact-frame.reveal.show{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }

  .v137-exact-frame::before{
    opacity:.30 !important;
    background:
      linear-gradient(104deg, transparent 19%, rgba(125,211,252,.10) 43%, transparent 62%),
      repeating-linear-gradient(90deg, rgba(125,211,252,.04) 0 1px, transparent 1px 76px),
      repeating-linear-gradient(0deg, rgba(10,132,255,.032) 0 1px, transparent 1px 64px) !important;
    animation:v144GridFlow 24s linear infinite !important;
  }

  .v137-exact-frame::after{
    opacity:.60 !important;
    background:
      radial-gradient(circle at 68% 50%, rgba(10,132,255,.24), transparent 22%),
      radial-gradient(circle at 61% 67%, rgba(34,211,238,.13), transparent 17%),
      linear-gradient(180deg, transparent 0 40%, rgba(125,211,252,.055) 53%, transparent 65%) !important;
    animation:v144HeroBreath 9.5s ease-in-out infinite !important;
  }

  .v142-motion-layer::before{
    left:41%;
    top:21%;
    width:45%;
    height:58%;
    opacity:.62;
    filter:blur(.3px);
    background:
      radial-gradient(circle at 57% 54%, rgba(34,211,238,.18), transparent 17%),
      radial-gradient(circle at 75% 40%, rgba(10,132,255,.19), transparent 31%),
      conic-gradient(from 132deg at 60% 54%, transparent 0 18%, rgba(125,211,252,.07) 22%, transparent 36% 100%);
    animation:v144CenterGlow 10.5s ease-in-out infinite;
  }

  .v142-motion-layer::after{
    opacity:.18;
    background-size:74px 74px, 126px 126px;
    mask-image:radial-gradient(circle at 62% 46%, black, transparent 70%);
    animation:v144ParticleField 26s linear infinite;
  }

  .v144-circuit-line{
    position:absolute;
    z-index:2;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg, transparent, rgba(34,211,238,.50), rgba(10,132,255,.22), transparent);
    box-shadow:0 0 18px rgba(34,211,238,.20);
    opacity:.44;
    transform-origin:left center;
    animation:v144CircuitPulse 8.8s ease-in-out infinite;
  }

  .v144-circuit-line::before{
    content:"";
    position:absolute;
    top:-4px;
    width:9px;
    height:9px;
    border-radius:50%;
    background:rgba(34,211,238,.92);
    box-shadow:0 0 18px rgba(34,211,238,.64), 0 0 34px rgba(10,132,255,.28);
    animation:v144CircuitNode 3.8s ease-in-out infinite;
  }

  .v144-circuit-line-a{
    left:44%;
    top:34%;
    width:31%;
  }

  .v144-circuit-line-a::before{left:34%;}

  .v144-circuit-line-b{
    left:49%;
    top:54%;
    width:26%;
    opacity:.34;
    animation-delay:1.1s;
  }

  .v144-circuit-line-b::before{left:58%;}

  .v144-circuit-line-c{
    left:42%;
    top:72%;
    width:36%;
    opacity:.30;
    animation-delay:2.2s;
  }

  .v144-circuit-line-c::before{left:22%;}

  .v143-tech-rail{
    opacity:.26;
    filter:blur(.1px);
  }

  .v143-node{
    opacity:.52;
  }

  .v142-orbit-line-a{
    left:42.6%;
    top:23%;
    width:33%;
    height:39%;
    opacity:.22;
  }

  .v142-orbit-line-b{
    left:50.2%;
    top:41%;
    width:25%;
    height:29%;
    opacity:.20;
  }

  .v142-float-card{
    pointer-events:none;
    display:grid;
    grid-template-columns:clamp(38px, 3vw, 54px) minmax(0, 1fr);
    align-items:center;
    min-width:0 !important;
    min-height:0 !important;
    padding:clamp(11px, .85vw, 15px) clamp(13px, 1vw, 18px) !important;
    gap:clamp(10px, .8vw, 14px);
    border-radius:clamp(15px, 1.1vw, 22px);
    border-color:rgba(125,211,252,.32);
    background:
      linear-gradient(135deg, rgba(5,18,45,.82), rgba(3,18,52,.62)),
      radial-gradient(circle at 18% 18%, rgba(34,211,238,.16), transparent 44%);
    box-shadow:
      0 18px 42px rgba(0,0,0,.30),
      0 0 30px rgba(10,132,255,.18),
      inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(10px) saturate(1.16);
    -webkit-backdrop-filter:blur(10px) saturate(1.16);
    overflow:hidden;
  }

  .v142-float-card::before{
    opacity:.28;
    animation:v144CardSweep 7.8s ease-in-out infinite;
  }

  .v142-float-card::after{
    inset:1px;
    border-color:rgba(180,242,255,.09);
    box-shadow:
      inset 13px 0 22px -20px rgba(34,211,238,.70),
      inset -13px 0 22px -20px rgba(10,132,255,.62);
  }

  .v142-float-card-founder{
    left:49.2% !important;
    top:5.0% !important;
    width:18.2% !important;
    height:13.6% !important;
    animation:v144CardFloatA 9.5s ease-in-out infinite !important;
  }

  .v142-float-card-strategy{
    left:51.7% !important;
    top:23.4% !important;
    width:17.4% !important;
    height:12.9% !important;
    animation:v144CardFloatB 10.2s ease-in-out infinite !important;
  }

  .v142-card-icon{
    width:clamp(38px, 3vw, 54px) !important;
    height:clamp(38px, 3vw, 54px) !important;
    flex-basis:auto !important;
    border-color:rgba(125,211,252,.40);
    background:rgba(4,39,94,.42);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 0 24px rgba(34,211,238,.25);
  }

  .v142-card-copy{
    min-width:0;
    gap:4px;
  }

  .v142-card-copy b{
    font-size:clamp(13px, 1.02vw, 18px);
    line-height:1.05;
    letter-spacing:0;
    text-wrap:balance;
  }

  .v142-card-copy small{
    max-width:22ch;
    color:rgba(226,240,255,.82);
    font-size:clamp(9.5px, .68vw, 12px);
    line-height:1.25;
    font-weight:650;
  }

  .v142-proof-chip{
    left:45.2% !important;
    top:66.6% !important;
    min-width:clamp(106px, 8vw, 136px);
    padding:8px 11px;
    opacity:.46;
    border-radius:13px;
    transform:translate3d(0,0,0);
    animation:v144ProofIdle 11s ease-in-out infinite !important;
  }

  .v142-proof-chip span{
    width:22px;
    height:22px;
  }

  .v142-proof-chip b{
    font-size:clamp(15px, 1.08vw, 19px);
  }

  .v142-proof-chip small{
    font-size:8px;
    letter-spacing:.02em;
  }

  .v137-exact-hotspot{
    left:48.55% !important;
    top:41.72% !important;
    width:30.55% !important;
    height:14.35% !important;
    padding:clamp(8px, .75vw, 13px) clamp(12px, 1.05vw, 19px) !important;
    background:
      linear-gradient(135deg, rgba(51,205,255,.76), rgba(8,118,255,.90) 48%, rgba(17,73,202,.90)) !important;
    border-color:rgba(190,244,255,.72) !important;
    box-shadow:
      0 18px 44px rgba(0,0,0,.32),
      0 0 28px rgba(34,211,238,.42),
      0 0 74px rgba(10,132,255,.30),
      inset 0 1px 0 rgba(255,255,255,.42),
      inset 0 -14px 30px rgba(3,18,52,.22) !important;
    animation:v141CtaPulse 4.8s ease-in-out infinite !important;
  }

  .v137-exact-hotspot::before{
    opacity:.44 !important;
  }

  .v137-exact-hotspot::after{
    opacity:.45 !important;
  }

  .v137-exact-hotspot .v141-cta-copy strong{
    font-size:clamp(14px, 1.14vw, 20px);
    text-shadow:0 2px 12px rgba(0,0,0,.26);
  }

  .v137-exact-hotspot .v141-cta-copy small{
    font-size:clamp(10.5px, .72vw, 13px);
    color:rgba(255,255,255,.92);
  }

  .v137-exact-hotspot .v141-cta-icon,
  .v137-exact-hotspot .v141-cta-arrow{
    background:rgba(8,74,155,.34);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 0 20px rgba(34,211,238,.22);
  }
}

@media(min-width:1500px){
  .v142-float-card-founder{
    left:49.35% !important;
    top:5.25% !important;
  }

  .v142-float-card-strategy{
    left:51.85% !important;
    top:23.55% !important;
  }
}

@media(max-width:1180px) and (min-width:761px){
  .v137-appointment-exact > .container{
    padding-inline:14px !important;
  }

  .v142-float-card{
    grid-template-columns:36px minmax(0, 1fr);
    padding:9px 10px !important;
    gap:8px;
  }

  .v142-float-card-founder{
    left:49.35% !important;
    top:5.05% !important;
    width:18.7% !important;
    height:13.2% !important;
  }

  .v142-float-card-strategy{
    left:51.75% !important;
    top:23.25% !important;
    width:17.9% !important;
    height:12.6% !important;
  }

  .v142-card-icon{
    width:36px !important;
    height:36px !important;
  }

  .v142-card-copy b{
    font-size:12px;
  }

  .v142-card-copy small{
    font-size:9px;
    line-height:1.18;
  }

  .v137-exact-hotspot{
    left:48.55% !important;
    top:41.72% !important;
    width:30.55% !important;
    height:14.35% !important;
  }
}

@media(max-width:900px) and (min-width:761px){
  .v142-card-copy small{
    display:none;
  }

  .v142-float-card{
    opacity:.76;
  }

  .v144-circuit-line,
  .v143-tech-rail,
  .v143-node,
  .v142-proof-chip{
    opacity:.24;
  }
}

@media(max-width:760px){
  .v144-circuit-line{
    display:none;
  }

  .v137-mobile-cta{
    animation:none !important;
    transform:none !important;
    box-shadow:
      0 16px 34px rgba(0,0,0,.26),
      0 0 34px rgba(34,211,238,.30),
      inset 0 1px 0 rgba(255,255,255,.30) !important;
  }
}

@keyframes v144GridFlow{
  0%{background-position:-160px 0, 0 0, 0 0;opacity:.22;}
  50%{opacity:.34;}
  100%{background-position:160px 0, 76px 0, 0 64px;opacity:.22;}
}

@keyframes v144HeroBreath{
  0%,100%{opacity:.48;transform:translate3d(0,0,0) scale(.992);}
  50%{opacity:.68;transform:translate3d(8px,-6px,0) scale(1.014);}
}

@keyframes v144CenterGlow{
  0%,100%{opacity:.46;transform:translate3d(-7px,4px,0) scale(.988);}
  50%{opacity:.72;transform:translate3d(8px,-7px,0) scale(1.018);}
}

@keyframes v144ParticleField{
  to{background-position:74px 74px, -92px 126px;}
}

@keyframes v144CircuitPulse{
  0%,100%{opacity:.24;transform:translate3d(-8px,0,0) scaleX(.92);}
  50%{opacity:.58;transform:translate3d(10px,0,0) scaleX(1.03);}
}

@keyframes v144CircuitNode{
  0%,100%{opacity:.45;transform:scale(.82);}
  50%{opacity:.96;transform:scale(1.16);}
}

@keyframes v144CardSweep{
  0%,46%{transform:translate3d(-82%,0,0);opacity:0;}
  58%{opacity:.30;}
  86%,100%{transform:translate3d(86%,0,0);opacity:0;}
}

@keyframes v144CardFloatA{
  0%,100%{transform:translate3d(0,0,0);}
  50%{transform:translate3d(0,-4px,0);}
}

@keyframes v144CardFloatB{
  0%,100%{transform:translate3d(0,0,0);}
  50%{transform:translate3d(4px,-4px,0);}
}

@keyframes v144ProofIdle{
  0%,100%{opacity:.34;transform:translate3d(0,0,0);}
  50%{opacity:.54;transform:translate3d(-3px,-4px,0);}
}

@keyframes v144CtaFloat{
  0%,100%{transform:translate3d(0,0,0);}
  50%{transform:translate3d(0,-3px,0);}
}

@media(prefers-reduced-motion:reduce){
  .v137-exact-frame.reveal,
  .v137-exact-frame.reveal.show,
  .v144-circuit-line,
  .v144-circuit-line::before,
  .v142-float-card,
  .v142-float-card::before,
  .v142-proof-chip,
  .v137-exact-hotspot{
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }

  .v137-exact-frame.reveal{
    opacity:1 !important;
  }
}

@media(min-width:761px){
  .v137-appointment-exact{
    padding-block:clamp(28px, 3.1vw, 54px) clamp(42px, 4.8vw, 76px) !important;
    scroll-margin-top:118px;
  }

  .v137-appointment-exact > .container{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-inline:0 !important;
  }

  .v137-exact-frame{
    width:min(1880px, calc(100vw - 24px)) !important;
    max-width:none !important;
    margin-inline:auto !important;
  }

  .v137-exact-frame.reveal .v142-motion-layer,
  .v137-exact-frame.reveal .v137-exact-hotspot,
  .v137-exact-frame.reveal.show .v142-motion-layer,
  .v137-exact-frame.reveal.show .v137-exact-hotspot{
    opacity:1 !important;
    filter:none !important;
  }

  .v142-float-card{
    background:
      linear-gradient(135deg, rgba(5,18,45,.98), rgba(3,18,52,.94)),
      radial-gradient(circle at 18% 18%, rgba(34,211,238,.20), transparent 44%) !important;
    border-color:rgba(135,224,255,.42) !important;
    box-shadow:
      0 18px 42px rgba(0,0,0,.36),
      0 0 34px rgba(10,132,255,.22),
      inset 0 1px 0 rgba(255,255,255,.14) !important;
  }

  .v142-card-copy b,
  .v142-card-copy small{
    text-shadow:0 2px 10px rgba(0,0,0,.30);
  }

  .v142-proof-chip{
    display:none !important;
  }

  .v137-exact-hotspot{
    background:
      linear-gradient(135deg, #36d3ff 0%, #087cff 48%, #0b4fd7 100%) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}

/* =========================================================
   V146 - Hero 2 balanced size + subtle premium motion
   Keeps the centered layout but reduces the artwork scale.
========================================================= */
@media(min-width:761px){
  .v137-appointment-exact{
    padding-block:clamp(42px, 4.6vw, 74px) clamp(54px, 5vw, 86px) !important;
  }

  .v137-appointment-exact > .container{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-inline:0 !important;
  }

  .v137-exact-frame{
    width:min(1700px, calc(100vw - 96px)) !important;
    max-width:none !important;
    margin-inline:auto !important;
    box-shadow:
      0 24px 76px rgba(0,0,0,.38),
      0 0 58px rgba(10,132,255,.15),
      inset 0 0 0 1px rgba(180,242,255,.045) !important;
    animation:v146FrameAura 8.5s ease-in-out infinite !important;
  }

  .v137-exact-frame::before{
    opacity:.34 !important;
    animation:v146GridDrift 28s linear infinite !important;
  }

  .v137-exact-frame::after{
    opacity:.64 !important;
    animation:v146DepthGlow 10s ease-in-out infinite !important;
  }

  .v142-motion-layer::before{
    opacity:.66;
    animation:v146CenterGlow 11s ease-in-out infinite !important;
  }

  .v144-circuit-line{
    opacity:.46;
    animation:v146CircuitFlow 9.5s ease-in-out infinite !important;
  }

  .v143-node{
    animation:v146NodeBlink 4.5s ease-in-out infinite !important;
  }

  .v137-exact-hotspot{
    animation:v141CtaPulse 5.2s ease-in-out infinite !important;
  }
}

@media(max-width:1180px) and (min-width:761px){
  .v137-exact-frame{
    width:min(1040px, calc(100vw - 44px)) !important;
  }
}

@media(max-width:760px){
  .v137-mobile-fallback::after{
    animation:v146MobileGlow 9s ease-in-out infinite !important;
  }
}

@keyframes v146FrameAura{
  0%,100%{
    box-shadow:
      0 24px 76px rgba(0,0,0,.38),
      0 0 48px rgba(10,132,255,.12),
      inset 0 0 0 1px rgba(180,242,255,.04);
  }
  50%{
    box-shadow:
      0 26px 82px rgba(0,0,0,.40),
      0 0 72px rgba(34,211,238,.18),
      inset 0 0 0 1px rgba(180,242,255,.07);
  }
}

@keyframes v146GridDrift{
  0%{background-position:-180px 0, 0 0, 0 0;opacity:.24;}
  50%{opacity:.38;}
  100%{background-position:180px 0, 82px 0, 0 68px;opacity:.24;}
}

@keyframes v146DepthGlow{
  0%,100%{opacity:.50;transform:translate3d(0,0,0) scale(.992);}
  50%{opacity:.70;transform:translate3d(7px,-5px,0) scale(1.012);}
}

@keyframes v146CenterGlow{
  0%,100%{opacity:.48;transform:translate3d(-6px,4px,0) scale(.99);}
  50%{opacity:.76;transform:translate3d(7px,-6px,0) scale(1.016);}
}

@keyframes v146CircuitFlow{
  0%,100%{opacity:.26;transform:translate3d(-8px,0,0) scaleX(.94);}
  50%{opacity:.62;transform:translate3d(9px,0,0) scaleX(1.03);}
}

@keyframes v146NodeBlink{
  0%,100%{opacity:.30;transform:scale(.86);}
  45%,55%{opacity:.86;transform:scale(1.12);}
}

@keyframes v146MobileGlow{
  0%,100%{opacity:.40;transform:translate3d(0,0,0) scale(.985);}
  50%{opacity:.68;transform:translate3d(0,-6px,0) scale(1.015);}
}

@media(prefers-reduced-motion:reduce){
  .v137-exact-frame,
  .v137-exact-frame::before,
  .v137-exact-frame::after,
  .v142-motion-layer::before,
  .v144-circuit-line,
  .v143-node,
  .v137-mobile-fallback::after{
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
}

/* =========================================================
   All-around Thank You page
   Standalone confirmation page for form, review, and booking redirects.
========================================================= */
.thank-you-page{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 24%, rgba(10,132,255,.20), transparent 29%),
    radial-gradient(circle at 28% 70%, rgba(34,211,238,.10), transparent 31%),
    linear-gradient(180deg, rgba(2,8,23,.18), rgba(2,8,23,.72));
}

.thank-you-hero{
  position:relative;
  isolation:isolate;
  min-height:calc(100svh - 96px);
  display:grid;
  align-items:center;
  padding:clamp(92px, 9vw, 142px) 0 clamp(72px, 7vw, 112px);
  overflow:hidden;
}

.thank-you-bg-grid,
.thank-you-orbit,
.thank-you-node{
  position:absolute;
  pointer-events:none;
  z-index:-1;
}

.thank-you-bg-grid{
  inset:-10% 0;
  background:
    linear-gradient(90deg, rgba(125,211,252,.055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(125,211,252,.045) 1px, transparent 1px);
  background-size:86px 86px;
  mask-image:radial-gradient(circle at 52% 44%, black, transparent 72%);
  opacity:.44;
  animation:thankYouGridDrift 28s linear infinite;
}

.thank-you-orbit{
  border:1px solid rgba(125,211,252,.13);
  border-left-color:transparent;
  border-bottom-color:transparent;
  border-radius:999px;
  box-shadow:0 0 48px rgba(10,132,255,.08);
}

.thank-you-orbit-a{
  width:46vw;
  height:46vw;
  right:-10vw;
  top:6%;
  animation:thankYouOrbit 16s ease-in-out infinite;
}

.thank-you-orbit-b{
  width:34vw;
  height:34vw;
  left:-9vw;
  bottom:0;
  opacity:.58;
  animation:thankYouOrbit 18s ease-in-out infinite reverse;
}

.thank-you-node{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 18px rgba(34,211,238,.78), 0 0 36px rgba(10,132,255,.35);
  opacity:.68;
  animation:thankYouNodePulse 4.4s ease-in-out infinite;
}

.thank-you-node-a{left:14%;top:28%;}
.thank-you-node-b{right:18%;top:64%;animation-delay:1.2s;}
.thank-you-node-c{left:48%;bottom:12%;animation-delay:2s;}

.thank-you-layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(320px, .62fr);
  gap:clamp(22px, 3vw, 46px);
  align-items:stretch;
}

.thank-you-card,
.thank-you-panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(125,211,252,.18);
  background:
    linear-gradient(145deg, rgba(4,14,34,.86), rgba(4,19,48,.70)),
    radial-gradient(circle at var(--mx, 50%) var(--my, 10%), rgba(34,211,238,.12), transparent 42%);
  box-shadow:
    0 28px 86px rgba(0,0,0,.38),
    0 0 64px rgba(10,132,255,.12),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px) saturate(1.18);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);
}

.thank-you-card::before,
.thank-you-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(115deg, transparent 18%, rgba(125,211,252,.18) 46%, transparent 68%);
  opacity:.22;
  transform:translate3d(-70%,0,0);
  animation:thankYouShine 7s ease-in-out infinite;
}

.thank-you-card{
  border-radius:28px;
  padding:clamp(28px, 3.1vw, 48px);
}

.thank-you-panel{
  border-radius:24px;
  padding:clamp(20px, 1.9vw, 28px);
  align-self:center;
}

.thank-you-success{
  position:relative;
  width:clamp(66px, 5.5vw, 86px);
  height:clamp(66px, 5.5vw, 86px);
  display:grid;
  place-items:center;
  margin-bottom:20px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.42), transparent 32%),
    linear-gradient(135deg, rgba(34,211,238,.96), rgba(10,132,255,.96));
  box-shadow:
    0 0 38px rgba(34,211,238,.38),
    0 0 88px rgba(10,132,255,.25),
    inset 0 1px 0 rgba(255,255,255,.38);
  animation:thankYouSuccessPulse 4.4s ease-in-out infinite;
}

.thank-you-success::before,
.thank-you-success::after{
  content:"";
  position:absolute;
  inset:-12px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:inherit;
  animation:thankYouRing 3.8s ease-out infinite;
}

.thank-you-success::after{
  inset:-24px;
  animation-delay:1.2s;
  opacity:.45;
}

.thank-you-success span{
  width:34%;
  height:54%;
  border:solid #fff;
  border-width:0 5px 5px 0;
  transform:rotate(45deg) translate(-4px,-4px);
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.24));
}

.thank-you-eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(125,211,252,.26);
  border-radius:999px;
  color:#7dd3fc;
  background:rgba(14,165,233,.10);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.thank-you-card h1{
  max-width:700px;
  margin:18px 0 16px;
  color:#fff;
  font-size:clamp(38px, 4.2vw, 64px);
  line-height:1;
  letter-spacing:0;
}

.thank-you-card p{
  max-width:700px;
  color:#c8d8ee;
  font-size:clamp(15px, 1.14vw, 18px);
  line-height:1.62;
}

.thank-you-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:24px;
}

.thank-you-progress{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-top:24px;
}

.thank-you-progress article{
  position:relative;
  min-height:112px;
  padding:15px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:18px;
  background:rgba(3,18,44,.48);
}

.thank-you-progress i{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  margin-bottom:12px;
  border-radius:50%;
  color:#fff;
  font-style:normal;
  font-weight:900;
  background:linear-gradient(135deg, #22d3ee, #0a84ff);
  box-shadow:0 0 22px rgba(34,211,238,.24);
}

.thank-you-progress b{
  display:block;
  color:#fff;
  font-size:15px;
  margin-bottom:6px;
}

.thank-you-progress span{
  color:#a9bdd4;
  font-size:13px;
  line-height:1.45;
}

.thank-you-panel-head{
  position:relative;
  z-index:1;
  display:flex;
  gap:14px;
  align-items:center;
  padding-bottom:18px;
  border-bottom:1px solid rgba(125,211,252,.14);
}

.thank-you-panel-head img{
  width:48px;
  height:48px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(34,211,238,.20));
}

.thank-you-panel-head span{
  display:block;
  color:#7dd3fc;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.thank-you-panel-head b{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:18px;
}

.thank-you-signal{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin:18px 0;
  padding:16px;
  border:1px solid rgba(125,211,252,.15);
  border-radius:18px;
  background:rgba(3,18,44,.42);
}

.thank-you-signal > span{
  flex:0 0 12px;
  width:12px;
  height:12px;
  margin-top:6px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 18px rgba(34,211,238,.70);
  animation:thankYouNodePulse 2.6s ease-in-out infinite;
}

.thank-you-signal b,
.thank-you-next h2{
  color:#fff;
}

.thank-you-signal small,
.thank-you-note{
  display:block;
  margin-top:6px;
  color:#a9bdd4;
  line-height:1.55;
}

.thank-you-next{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
}

.thank-you-next h2{
  font-size:18px;
  margin-bottom:4px;
}

.thank-you-next a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:46px;
  padding:0 14px;
  border:1px solid rgba(125,211,252,.15);
  border-radius:14px;
  color:#e8f4ff;
  background:rgba(4,20,52,.42);
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.thank-you-next a::after{
  content:">";
  color:#38bdf8;
  font-weight:900;
}

.thank-you-next a:hover{
  transform:translate3d(4px,0,0);
  border-color:rgba(125,211,252,.34);
  background:rgba(10,132,255,.13);
}

.thank-you-note{
  position:relative;
  z-index:1;
  margin-top:16px;
  font-size:13px;
}

@keyframes thankYouGridDrift{
  to{background-position:86px 86px, 86px 86px;}
}

@keyframes thankYouOrbit{
  0%,100%{opacity:.30;transform:translate3d(0,0,0) scale(.98);}
  50%{opacity:.58;transform:translate3d(10px,-8px,0) scale(1.02);}
}

@keyframes thankYouNodePulse{
  0%,100%{opacity:.36;transform:scale(.82);}
  50%{opacity:.92;transform:scale(1.16);}
}

@keyframes thankYouShine{
  0%,44%{opacity:0;transform:translate3d(-76%,0,0) skewX(-10deg);}
  58%{opacity:.28;}
  82%,100%{opacity:0;transform:translate3d(78%,0,0) skewX(-10deg);}
}

@keyframes thankYouSuccessPulse{
  0%,100%{transform:translate3d(0,0,0) scale(1);}
  50%{transform:translate3d(0,-3px,0) scale(1.035);}
}

@keyframes thankYouRing{
  0%{opacity:.56;transform:scale(.82);}
  100%{opacity:0;transform:scale(1.32);}
}

@media(max-width:1080px){
  .thank-you-layout{
    grid-template-columns:1fr;
  }

  .thank-you-panel{
    align-self:stretch;
  }
}

@media(max-width:720px){
  .thank-you-hero{
    padding:104px 0 56px;
  }

  .thank-you-card,
  .thank-you-panel{
    border-radius:20px;
  }

  .thank-you-card{
    padding:26px 20px;
  }

  .thank-you-progress{
    grid-template-columns:1fr;
  }

  .thank-you-actions{
    display:grid;
  }

  .thank-you-actions .btn{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .thank-you-bg-grid,
  .thank-you-orbit,
  .thank-you-node,
  .thank-you-card::before,
  .thank-you-panel::before,
  .thank-you-success,
  .thank-you-success::before,
  .thank-you-success::after,
  .thank-you-signal > span{
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
}


/* =========================================================
   MDS Free Funnel Review Embed Polish v148
   Keeps one funnel page responsive while using the dedicated
   MDS Free Funnel Review GHL form.
   ========================================================= */
@media(min-width:1081px){
  #funnel-inquiry .funnel-form-campaign-grid{
    grid-template-columns:minmax(0,.72fr) minmax(520px,1.08fr);
    gap:32px;
  }
}

#funnel-inquiry .funnel-embed-card{
  align-self:start;
  overflow:visible;
  padding:clamp(26px,2.4vw,34px);
  border-color:rgba(125,211,252,.24);
  background:
    radial-gradient(circle at 18% 0%,rgba(56,189,248,.16),transparent 34%),
    radial-gradient(circle at 95% 18%,rgba(37,99,235,.14),transparent 36%),
    linear-gradient(180deg,rgba(8,24,52,.88),rgba(3,12,28,.76));
  box-shadow:
    0 34px 96px rgba(0,0,0,.34),
    0 0 52px rgba(14,165,233,.11),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.mds-free-review-form-embed{
  position:relative;
  width:100%;
  height:auto !important;
  min-height:1120px !important;
  box-sizing:border-box;
  margin-top:24px;
  padding:0;
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(3,12,28,.50),rgba(2,8,20,.58)),
    radial-gradient(circle at 50% 0%,rgba(56,189,248,.13),transparent 48%);
  border:1px solid rgba(125,211,252,.24);
  box-shadow:
    0 20px 56px rgba(0,0,0,.22),
    0 0 30px rgba(14,165,233,.08),
    inset 0 1px 0 rgba(255,255,255,.06);
  overflow:visible !important;
}

.mds-free-review-form-embed iframe{
  display:block;
  width:100% !important;
  max-width:none !important;
  height:1120px !important;
  min-height:1120px !important;
  border:0 !important;
  border-radius:22px;
  background:transparent !important;
  box-shadow:none;
  overflow:visible !important;
}

.funnel-embed-card .mds-free-review-form-embed{
  margin-inline:auto;
  overflow:visible !important;
}

.mds-free-review-form-embed::after{
  display:none;
}

@media(max-width:1080px){
  .mds-free-review-form-embed{
    min-height:1120px !important;
  }

  .mds-free-review-form-embed iframe{
    height:1120px !important;
    min-height:1120px !important;
  }
}

@media(max-width:760px){
  #funnel-inquiry .funnel-embed-card{
    padding:clamp(22px,6vw,28px);
  }

  .mds-free-review-form-embed{
    margin-top:20px;
    min-height:1180px !important;
    border-radius:22px;
  }

  .mds-free-review-form-embed iframe{
    height:1180px !important;
    min-height:1180px !important;
    border-radius:18px;
  }
}