:root{
  --green:#14b878;
  --green-2:#73df7e;
  --green-dark:#0a6d49;
  --ink:#071a15;
  --text:#52645c;
  --surface:#ffffff;
  --surface-soft:#f5fbf7;
  --border:#dcefe3;
  --shadow:0 24px 70px rgba(7,26,21,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Cairo",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 10% 12%,rgba(115,223,126,.11),transparent 24%),
    radial-gradient(circle at 90% 18%,rgba(20,184,120,.08),transparent 20%),
    linear-gradient(180deg,#fff 0%,#f9fdfb 55%,#f3faf6 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
.landing-container{width:min(1320px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;padding:14px 0;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(220,239,227,.9)}
@supports(backdrop-filter:blur(12px)){.site-header{backdrop-filter:blur(12px)}}
.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{width:145px;height:56px;display:grid;place-items:center;flex:0 0 auto}
.brand img{width:100%;height:100%;object-fit:contain}
.simple-nav{display:flex;align-items:center;justify-content:center;gap:26px;font-weight:800;color:#34483e}
.simple-nav a{padding:10px 4px}
.header-actions{display:flex;align-items:center;gap:10px}
.theme-toggle{width:48px;height:48px;border-radius:15px;border:1px solid var(--border);background:#fff;cursor:pointer;display:grid;place-items:center;font-size:18px}
.button{min-height:48px;padding:11px 21px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{color:#fff;background:linear-gradient(135deg,var(--green),var(--green-2));box-shadow:0 16px 34px rgba(20,184,120,.23)}
.button-secondary{color:#244238;background:rgba(255,255,255,.88);border-color:var(--border)}
.button-large{min-height:58px;padding:15px 27px;border-radius:17px}
.hero-section{padding:52px 0 84px;position:relative;isolation:isolate}
.hero-section::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,transparent 0 48%,rgba(20,184,120,.025) 48% 49%,transparent 49% 100%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px;min-height:620px}
.hero-copy{padding-block:24px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.78);font-size:14px;font-weight:800;color:#365047}
.eyebrow span{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(20,184,120,.12)}
.hero-copy h1{margin:22px 0 12px;display:grid;gap:2px;font-size:clamp(48px,5.5vw,76px);line-height:1.08;letter-spacing:-2px;font-weight:900}
.hero-copy h1 span,.hero-copy h1 strong{display:block}
.hero-copy h1 strong{color:#2caf43}
.hero-copy h1 span{color:#171d1a}
.teacher-name{margin:0 0 14px;color:#267f39;font-size:clamp(21px,2vw,28px);font-weight:900}
.hero-subtitle{max-width:640px;margin:0 0 28px;color:var(--text);font-size:17px;line-height:1.95;font-weight:600}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.hero-visual{min-height:590px;display:grid;place-items:center;position:relative}
.hero-visual::before{content:"";position:absolute;width:min(530px,90%);height:min(530px,90%);border-radius:50%;background:radial-gradient(circle,rgba(115,223,126,.19),rgba(20,184,120,.04) 46%,transparent 70%);z-index:-1}
.hero-image-card{width:min(610px,100%);height:600px;border-radius:34px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid rgba(220,239,227,.95);display:flex;align-items:flex-end;justify-content:center}
.hero-image-card img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:-28px;position:relative;z-index:2}
.feature-card{min-height:172px;padding:24px 20px;border-radius:25px;border:1px solid var(--border);background:rgba(255,255,255,.92);box-shadow:0 18px 46px rgba(7,26,21,.06);text-align:center}
.feature-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin:0 auto 14px;background:#eafbed;color:var(--green);font-size:22px;font-weight:900}
.feature-card h2{margin:0 0 6px;font-size:22px}
.feature-card p{margin:0;color:var(--text);font-size:14px;font-weight:700}
.closing-section{padding:82px 0 92px}
.closing-card{min-height:260px;border-radius:34px;padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}
.closing-badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:#ecfbef;color:var(--green-dark);font-weight:900;font-size:13px}
.closing-card h2{margin:14px 0 8px;font-size:clamp(32px,4vw,52px);line-height:1.22}
.closing-card p{margin:0;color:var(--text);font-weight:700;line-height:1.8}
.closing-actions{display:flex;gap:12px;flex-wrap:wrap;flex:0 0 auto}
.site-footer{padding:34px 0;background:#071a15;color:#fff}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-brand{width:140px;height:54px;padding:5px;background:#fff;border-radius:14px}
.footer-brand img{width:100%;height:100%;object-fit:contain}
.site-footer p,.site-footer a{color:#c9ddd3;font-weight:700}
.custom-cursor{position:fixed;left:0;top:0;width:15px;height:15px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-2));box-shadow:0 0 0 3px rgba(255,255,255,.92),0 0 0 10px rgba(20,184,120,.16);pointer-events:none;z-index:9999;opacity:0;transform:translate3d(-100px,-100px,0);transition:width .15s ease,height .15s ease,opacity .15s ease;will-change:transform}
.custom-cursor.visible{opacity:1}
.custom-cursor.hover{width:20px;height:20px}
@media(hover:hover) and (pointer:fine){body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}}
html.theme-dark{color-scheme:dark;--ink:#edf9f1;--text:#b6cbbf;--surface:#071611;--surface-soft:#081a14;--border:rgba(115,223,126,.16);--shadow:0 24px 70px rgba(0,0,0,.32)}
html.theme-dark body{background:radial-gradient(circle at 10% 12%,rgba(20,184,120,.15),transparent 24%),radial-gradient(circle at 90% 18%,rgba(115,223,126,.08),transparent 20%),linear-gradient(180deg,#06110d 0%,#071610 58%,#06130e 100%)}
html.theme-dark .site-header{background:rgba(6,17,13,.88);border-color:rgba(115,223,126,.13)}
html.theme-dark .simple-nav{color:#d3e7dc}
html.theme-dark .theme-toggle,html.theme-dark .button-secondary,html.theme-dark .eyebrow,html.theme-dark .feature-card,html.theme-dark .closing-card{background:rgba(9,27,20,.92);border-color:rgba(115,223,126,.17);color:#edf9f1}
html.theme-dark .hero-copy h1 span{color:#f2fff6}
html.theme-dark .teacher-name{color:#79df86}
html.theme-dark .hero-subtitle,html.theme-dark .feature-card p,html.theme-dark .closing-card p{color:#b6cbbf}
html.theme-dark .hero-image-card{background:#fff;border-color:rgba(255,255,255,.08)}
html.theme-dark .feature-icon{background:rgba(20,184,120,.14)}
html.theme-dark .closing-badge{background:rgba(20,184,120,.13);color:#8deb8b}
@media(max-width:980px){
  .simple-nav{display:none}
  .hero-grid{grid-template-columns:1fr;gap:18px;min-height:auto}
  .hero-copy{text-align:center;display:grid;justify-items:center;order:1}
  .hero-visual{order:0;min-height:auto}
  .hero-image-card{height:520px;max-width:560px}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}
  .closing-card{display:grid;text-align:center;justify-items:center}
}
@media(max-width:680px){
  .landing-container{width:min(100% - 22px,1320px)}
  .site-header{padding:8px 0}
  .header-inner{min-height:62px;gap:8px}
  .brand{width:96px;height:44px}
  .header-actions{gap:6px}
  .header-actions .button-secondary{display:none}
  .theme-toggle{width:42px;height:42px;border-radius:13px}
  .button{padding:10px 15px;min-height:44px}
  .hero-section{padding:30px 0 56px}
  .hero-copy h1{font-size:clamp(40px,13vw,58px);letter-spacing:-1px}
  .hero-subtitle{font-size:15px}
  .hero-image-card{height:420px;border-radius:26px}
  .feature-grid{grid-template-columns:1fr 1fr;gap:10px}
  .feature-card{min-height:150px;padding:18px 12px;border-radius:20px}
  .feature-card h2{font-size:18px}
  .feature-card p{font-size:12px}
  .closing-section{padding:58px 0 64px}
  .closing-card{padding:30px 20px;border-radius:26px}
  .closing-actions{width:100%;display:grid}
  .closing-actions .button{width:100%}
  .footer-inner{display:grid;text-align:center;justify-items:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.custom-cursor{transition:none}}


/* ===============================
   Landing polish v40
   =============================== */
.site-header{
  background:rgba(247,251,248,.90);
}
.header-inner{
  grid-template-columns:auto 1fr;
}
.brand{
  width:112px;
  height:46px;
}
.brand img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.header-actions{
  margin-inline-start:auto;
}
.hero-section{
  padding:56px 0 42px;
  background:
    radial-gradient(circle at 16% 16%,rgba(115,223,126,.16),transparent 28%),
    radial-gradient(circle at 84% 22%,rgba(20,184,120,.10),transparent 24%),
    linear-gradient(180deg,#eef8f1 0%,#f4faf6 52%,#eef7f1 100%);
}
.hero-section::before{
  background:
    linear-gradient(120deg,transparent 0 46%,rgba(20,184,120,.035) 46% 47%,transparent 47% 100%),
    radial-gradient(circle at 72% 62%,rgba(255,255,255,.72),transparent 36%);
}
.feature-grid{
  margin-top:44px;
  margin-bottom:-28px;
  z-index:5;
}
.feature-card{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;
  will-change:transform;
}
.feature-card:hover{
  transform:translateY(-9px) scale(1.015);
  border-color:rgba(20,184,120,.30);
  box-shadow:0 28px 58px rgba(7,26,21,.13);
  background:rgba(255,255,255,.98);
}
.feature-card:hover .feature-icon{
  transform:rotate(-5deg) scale(1.08);
  box-shadow:0 10px 24px rgba(20,184,120,.16);
}
.feature-icon{
  transition:transform .28s ease,box-shadow .28s ease;
}
.closing-section{
  padding:104px 0 92px;
}
.cursor-glow{
  position:fixed;
  left:0;
  top:0;
  width:340px;
  height:340px;
  border-radius:50%;
  pointer-events:none;
  z-index:9997;
  opacity:0;
  transform:translate3d(-500px,-500px,0) translate(-50%,-50%);
  background:radial-gradient(circle,rgba(115,223,126,.22) 0%,rgba(20,184,120,.12) 28%,rgba(20,184,120,.055) 48%,transparent 72%);
  filter:blur(6px);
  mix-blend-mode:multiply;
  transition:opacity .18s ease;
  will-change:transform,opacity;
}
.cursor-glow.visible{opacity:.92}
.custom-cursor{
  z-index:9999;
  box-shadow:0 0 0 3px rgba(255,255,255,.96),0 0 0 10px rgba(20,184,120,.20),0 0 28px rgba(20,184,120,.48);
}
html.theme-dark .site-header{background:rgba(6,17,13,.90)}
html.theme-dark .hero-section{
  background:
    radial-gradient(circle at 16% 16%,rgba(20,184,120,.18),transparent 28%),
    radial-gradient(circle at 84% 22%,rgba(115,223,126,.09),transparent 24%),
    linear-gradient(180deg,#071510 0%,#081a14 55%,#071710 100%);
}
html.theme-dark .feature-card:hover{
  background:rgba(11,33,24,.98);
  border-color:rgba(115,223,126,.34);
  box-shadow:0 28px 62px rgba(0,0,0,.34);
}
html.theme-dark .cursor-glow{
  mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(115,223,126,.20) 0%,rgba(20,184,120,.11) 30%,rgba(20,184,120,.045) 50%,transparent 72%);
}
@media(max-width:980px){
  .feature-grid{margin-top:38px;margin-bottom:-18px}
  .closing-section{padding-top:82px}
}
@media(max-width:680px){
  .brand{width:82px;height:38px}
  .hero-section{padding:34px 0 34px}
  .feature-grid{margin-top:30px;margin-bottom:0}
  .closing-section{padding-top:58px}
  .cursor-glow{display:none}
}

/* ===============================
   Dynamic hero artwork v41
   =============================== */
.hero-visual{
  min-height:640px;
  overflow:visible;
  perspective:1200px;
}
.hero-art{
  --hero-rx:0deg;
  --hero-ry:0deg;
  --hero-x:0px;
  --hero-y:0px;
  position:relative;
  width:min(620px,100%);
  height:630px;
  display:grid;
  place-items:center;
  isolation:isolate;
  transform-style:preserve-3d;
}
.hero-art-glow{
  position:absolute;
  width:510px;
  height:510px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(115,223,126,.28),rgba(20,184,120,.08) 46%,transparent 72%);
  filter:blur(4px);
  z-index:-4;
  animation:heroGlowPulse 6.5s ease-in-out infinite;
}
.hero-image-card{
  position:absolute;
  inset:78px 62px 68px 74px;
  width:auto;
  height:auto;
  border-radius:44px;
  overflow:visible;
  background:
    radial-gradient(circle at 76% 20%,rgba(255,255,255,.94),transparent 30%),
    linear-gradient(145deg,#f8fff9 0%,#e8f8ed 54%,#dff3e6 100%);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 38px 80px rgba(7,46,32,.16),inset 0 1px 0 rgba(255,255,255,.95);
  transform:rotateX(var(--hero-rx)) rotateY(var(--hero-ry)) translate3d(var(--hero-x),var(--hero-y),0);
  transition:transform .25s ease-out,box-shadow .3s ease;
  transform-style:preserve-3d;
  z-index:2;
}
.hero-image-card::before{
  content:"";
  position:absolute;
  inset:22px;
  border-radius:32px;
  border:1px solid rgba(20,184,120,.10);
  background:
    radial-gradient(circle at 12% 84%,rgba(20,184,120,.11),transparent 28%),
    linear-gradient(115deg,rgba(255,255,255,.42),transparent 42%);
  pointer-events:none;
}
.hero-image-card::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-22px;
  height:42px;
  border-radius:50%;
  background:rgba(5,39,26,.20);
  filter:blur(24px);
  z-index:-1;
}
.hero-image-shine{
  position:absolute;
  top:18px;
  right:22px;
  width:118px;
  height:118px;
  border-radius:35px;
  background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,0));
  transform:rotate(16deg);
  opacity:.65;
}
.hero-image-card img{
  position:absolute;
  left:50%;
  bottom:-66px;
  width:124%;
  height:auto;
  max-width:none;
  max-height:690px;
  object-fit:contain;
  object-position:center bottom;
  transform:translateX(-50%) translateZ(48px);
  filter:drop-shadow(0 28px 24px rgba(5,36,25,.18));
  animation:heroSubjectFloat 5.8s ease-in-out infinite;
  z-index:4;
}
.hero-art-blob{
  position:absolute;
  border-radius:42% 58% 55% 45% / 45% 42% 58% 55%;
  z-index:-2;
  filter:saturate(.95);
}
.hero-art-blob-a{
  width:190px;
  height:220px;
  left:4px;
  bottom:86px;
  background:linear-gradient(145deg,rgba(20,184,120,.88),rgba(115,223,126,.56));
  transform:rotate(-18deg);
  animation:heroBlobA 9s ease-in-out infinite;
}
.hero-art-blob-b{
  width:154px;
  height:138px;
  right:4px;
  top:80px;
  background:linear-gradient(145deg,rgba(187,246,197,.82),rgba(89,206,119,.22));
  transform:rotate(22deg);
  animation:heroBlobB 8s ease-in-out infinite reverse;
}
.hero-art-orbit{
  position:absolute;
  border:1.5px solid rgba(20,184,120,.19);
  border-radius:50%;
  z-index:5;
  pointer-events:none;
}
.hero-art-orbit-a{
  width:610px;
  height:180px;
  left:0;
  bottom:84px;
  transform:rotate(-12deg);
  border-left-color:transparent;
  border-top-color:rgba(115,223,126,.48);
  animation:heroOrbit 9s ease-in-out infinite;
}
.hero-art-orbit-b{
  width:380px;
  height:120px;
  right:18px;
  top:68px;
  transform:rotate(16deg);
  border-right-color:transparent;
  opacity:.58;
  animation:heroOrbitSmall 11s ease-in-out infinite reverse;
}
.hero-art-dots{
  position:absolute;
  width:170px;
  height:150px;
  left:8px;
  top:65px;
  background-image:radial-gradient(rgba(20,184,120,.28) 1.6px,transparent 1.6px);
  background-size:17px 17px;
  mask-image:radial-gradient(circle,#000 20%,transparent 72%);
  -webkit-mask-image:radial-gradient(circle,#000 20%,transparent 72%);
  opacity:.62;
  z-index:-1;
}
.hero-art-dna{
  position:absolute;
  width:92px;
  height:190px;
  right:22px;
  bottom:72px;
  color:rgba(20,184,120,.18);
  z-index:1;
  transform:rotate(12deg);
  animation:heroDnaFloat 8s ease-in-out infinite;
}
.hero-art-node{
  position:absolute;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#52ce72;
  box-shadow:0 0 0 8px rgba(82,206,114,.13),0 0 24px rgba(82,206,114,.34);
  z-index:6;
}
.hero-art-node::after{
  content:"";
  position:absolute;
  width:88px;
  height:1px;
  top:50%;
  background:linear-gradient(90deg,rgba(20,184,120,.34),transparent);
  transform-origin:right center;
}
.hero-art-node-a{right:22px;top:212px;animation:heroNode 4.8s ease-in-out infinite}
.hero-art-node-a::after{right:10px;transform:rotate(-28deg)}
.hero-art-node-b{left:35px;bottom:160px;width:13px;height:13px;animation:heroNode 5.6s ease-in-out infinite reverse}
.hero-art-node-b::after{left:8px;transform:rotate(24deg);transform-origin:left center}
.hero-art-spark{
  position:absolute;
  color:#2dc85b;
  text-shadow:0 0 18px rgba(45,200,91,.35);
  z-index:7;
  animation:heroSpark 4s ease-in-out infinite;
}
.hero-art-spark-a{font-size:26px;left:84px;top:132px}
.hero-art-spark-b{font-size:18px;right:80px;bottom:100px;animation-delay:-1.7s}
.hero-art:hover .hero-image-card{
  box-shadow:0 46px 96px rgba(7,46,32,.22),inset 0 1px 0 rgba(255,255,255,.95);
}
@keyframes heroSubjectFloat{
  0%,100%{transform:translateX(-50%) translateY(0) translateZ(48px)}
  50%{transform:translateX(-50%) translateY(-9px) translateZ(48px)}
}
@keyframes heroGlowPulse{0%,100%{transform:scale(.98);opacity:.72}50%{transform:scale(1.06);opacity:1}}
@keyframes heroBlobA{0%,100%{transform:translate(0,0) rotate(-18deg)}50%{transform:translate(10px,-14px) rotate(-12deg)}}
@keyframes heroBlobB{0%,100%{transform:translate(0,0) rotate(22deg)}50%{transform:translate(-10px,12px) rotate(29deg)}}
@keyframes heroOrbit{0%,100%{transform:rotate(-12deg) translateX(0)}50%{transform:rotate(-8deg) translateX(8px)}}
@keyframes heroOrbitSmall{0%,100%{transform:rotate(16deg) translateX(0)}50%{transform:rotate(21deg) translateX(-8px)}}
@keyframes heroDnaFloat{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-12px) rotate(8deg)}}
@keyframes heroNode{0%,100%{transform:scale(.9);opacity:.72}50%{transform:scale(1.16);opacity:1}}
@keyframes heroSpark{0%,100%{transform:scale(.82) rotate(0);opacity:.45}50%{transform:scale(1.15) rotate(15deg);opacity:1}}
html.theme-dark .hero-image-card{
  background:
    radial-gradient(circle at 76% 20%,rgba(255,255,255,.94),transparent 30%),
    linear-gradient(145deg,#fbfffc 0%,#ebf8ef 54%,#e1f3e7 100%);
  border-color:rgba(255,255,255,.74);
}
html.theme-dark .hero-art-dna{color:rgba(115,223,126,.22)}
html.theme-dark .hero-art-orbit{border-color:rgba(115,223,126,.22);border-left-color:transparent}
@media(max-width:980px){
  .hero-visual{min-height:570px}
  .hero-art{height:560px;max-width:570px}
  .hero-image-card{inset:72px 58px 64px}
  .hero-image-card img{width:118%;bottom:-58px;max-height:620px}
  .hero-art-orbit-a{width:560px}
}
@media(max-width:680px){
  .hero-visual{min-height:440px}
  .hero-art{height:440px;width:100%}
  .hero-image-card{inset:54px 28px 48px;border-radius:30px}
  .hero-image-card::before{inset:14px;border-radius:22px}
  .hero-image-card img{width:122%;bottom:-45px;max-height:500px}
  .hero-art-glow{width:360px;height:360px}
  .hero-art-blob-a{width:118px;height:145px;left:-8px;bottom:52px}
  .hero-art-blob-b{width:96px;height:90px;right:-4px;top:50px}
  .hero-art-orbit-a{width:420px;height:120px;left:50%;bottom:52px;transform:translateX(-50%) rotate(-12deg)}
  .hero-art-orbit-b{display:none}
  .hero-art-dots{width:110px;height:100px;left:-6px;top:38px}
  .hero-art-dna{width:62px;height:132px;right:4px;bottom:46px}
  .hero-art-node-a{right:8px;top:150px}
  .hero-art-node-b{left:12px;bottom:105px}
  .hero-art-spark-a{left:38px;top:88px}
  .hero-art-spark-b{right:40px;bottom:68px}
}
@media(prefers-reduced-motion:reduce){
  .hero-image-card img,.hero-art-glow,.hero-art-blob,.hero-art-orbit,.hero-art-dna,.hero-art-node,.hero-art-spark{animation:none!important}
}

/* ===============================
   Hero subject bottom mask v42
   Keep the doctor/skeleton inside the card at the bottom,
   while allowing the upper body to break out above it.
   =============================== */
.hero-image-card{
  overflow:visible;
  box-shadow:
    0 38px 80px rgba(7,46,32,.16),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -24px 36px rgba(210,239,219,.34);
}
.hero-image-card img{
  bottom:0 !important;
  width:118% !important;
  max-height:650px !important;
  transform-origin:center bottom;
  clip-path:inset(-180px -110px 0 -110px);
  -webkit-clip-path:inset(-180px -110px 0 -110px);
  animation:heroSubjectFloatMasked 5.8s ease-in-out infinite !important;
}
@keyframes heroSubjectFloatMasked{
  0%,100%{transform:translateX(-50%) translateY(0) translateZ(48px)}
  50%{transform:translateX(-50%) translateY(-7px) translateZ(48px)}
}
@media(max-width:980px){
  .hero-image-card img{
    bottom:0 !important;
    width:114% !important;
    max-height:570px !important;
    clip-path:inset(-150px -90px 0 -90px);
    -webkit-clip-path:inset(-150px -90px 0 -90px);
  }
}
@media(max-width:680px){
  .hero-image-card img{
    bottom:0 !important;
    width:112% !important;
    max-height:450px !important;
    clip-path:inset(-120px -70px 0 -70px);
    -webkit-clip-path:inset(-120px -70px 0 -70px);
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-image-card img{animation:none!important;}
}


/* Landing page light-only guard v43 */
body.landing-lite .theme-toggle,[data-theme-toggle]{display:none!important;}
html.theme-dark body.landing-lite{
  --ink:#061b15;
  --text:#53675f;
  --surface:#ffffff;
  --surface-soft:#f3fbf6;
  --border:rgba(20,184,120,.13);
  --shadow:0 24px 70px rgba(16,62,44,.10);
  color-scheme:light;
}