*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0b1526;background:#fff;font-family:Inter,Arial,sans-serif}
.site-header{height:118px;border-bottom:1px solid #e9edf2}.header-inner{height:100%;max-width:1360px;margin:auto;padding:0 32px;position:relative;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;height:112px;text-decoration:none;color:#111;z-index:3}.brand img{height:108px}.brand span{font-family:Cinzel,serif;font-size:18px;white-space:nowrap;margin-left:-14px;position:relative;top:5px}nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:38px}nav a,.signin{text-decoration:none;color:#111;font-size:14px;font-weight:500}.actions{display:flex;align-items:center;gap:22px;z-index:3}.header-cta,.primary-cta{background:#173D6B;color:white;text-decoration:none;border-radius:7px;font-weight:600}.header-cta{padding:13px 20px;font-size:14px}.language{border:0;background:none;font:500 14px Inter;color:#37465a}
.hero{min-height:680px;background:#fff;display:flex;align-items:center}.hero-inner{width:100%;max-width:1360px;margin:auto;padding:60px 32px 75px;display:grid;grid-template-columns:43% 57%;align-items:center;gap:24px}.hero-copy{padding-left:6px;z-index:4}.location{display:inline-block;background:#eef5fd;color:#173D6B;border-radius:7px;padding:8px 12px;margin-bottom:22px;font:700 13px Manrope;letter-spacing:.09em}
h1{font:700 64px/.98 Manrope;margin:0 0 27px;letter-spacing:-.052em}h1 .word-wrap{display:inline-block;height:68px;min-width:390px;overflow:hidden;vertical-align:bottom}#rotating-word{display:inline-block;color:#2F78D2;position:relative;top:9px;transition:opacity .42s,transform .42s}#rotating-word.out{opacity:0;transform:translateY(-22px)}#rotating-word.in{animation:wordin .5s ease}@keyframes wordin{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.ai-line{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ai-badge{display:grid;place-items:center;width:36px;height:30px;border-radius:7px;background:#F27F62;color:#fff;font:700 13px Manrope}.ai-line strong{font:600 17px Manrope}.lead{max-width:530px;color:#65758a;font:400 18px/1.58 Manrope;margin:0 0 30px}.primary-cta{display:inline-flex;gap:18px;align-items:center;padding:15px 22px;font-size:15px}
.hero-visual{height:535px;position:relative}.gradient-panel{position:absolute;inset:28px 22px 18px 34px;border-radius:46px;
background:radial-gradient(ellipse at 48% 48%,rgba(204,229,255,.90) 0%,rgba(222,238,255,.72) 48%,rgba(240,247,255,.34) 72%,rgba(255,255,255,0) 100%);
filter:blur(2px)}
.scene{position:absolute;inset:0;opacity:0;transform:translateY(15px) scale(.985);transition:opacity .75s ease,transform .75s ease;pointer-events:none}.scene.active{opacity:1;transform:none}.photo-pair{position:absolute;inset:0;display:grid;place-items:center}.photo-pair img{width:94%;max-height:510px;object-fit:contain;border-radius:28px;mix-blend-mode:multiply}
.person-card,.property-card{position:absolute;width:355px;height:440px;background:#fff;border:7px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 22px 55px rgba(23,61,107,.13)}.person-card{left:55px;top:40px;transform:rotate(-5deg);z-index:2}.property-card{right:28px;top:70px;transform:rotate(5deg);z-index:1}.photo-fill{height:100%;display:flex;align-items:center;justify-content:center;font:700 20px Manrope;letter-spacing:.08em;color:#173D6B}.land-fill{background:linear-gradient(145deg,#dcecff,#f7fbff 45%,#c8dfc7)}.land-property{background:linear-gradient(155deg,#b8d9a9,#e9dfb6 55%,#8db58a)}.business-fill{background:linear-gradient(145deg,#e8d5c3,#fff5e9 48%,#b9d4c3)}.business-property{background:linear-gradient(145deg,#c98961,#f0d7b6 50%,#769783)}.anna-note{position:absolute;left:22px;right:22px;bottom:30px;background:#fff;border-radius:18px;box-shadow:0 8px 25px rgba(0,0,0,.12);display:flex;align-items:center;gap:10px;padding:10px 13px;font-size:12px}.anna-note img{width:42px;height:42px;object-fit:cover;border-radius:50%}.match{position:absolute;right:18px;top:18px;background:#fff;color:#15946f;border-radius:14px;padding:10px 14px;font-weight:700}.meta{position:absolute;left:0;right:0;bottom:0;background:#fff;padding:15px 18px}.meta b,.meta small{display:block}.meta small{color:#65758a;margin-top:5px}
.next-section{background:#f7f9fc;text-align:center;padding:95px 30px 120px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:600;color:#2F78D2}.next-section h2{font:600 42px/1.15 Manrope;margin:16px auto 42px}.dashboard-placeholder{max-width:1080px;height:390px;border:1px dashed #cbd4df;border-radius:22px;margin:auto;display:grid;place-items:center;color:#8a96a5;background:#fff}
@media(max-width:1100px){nav{display:none}.hero-inner{grid-template-columns:1fr}.hero-copy{max-width:680px;margin:auto}.hero-visual{max-width:760px;width:100%;margin:auto}.actions .signin{display:none}}@media(max-width:650px){.site-header{height:94px}.header-inner{padding:0 18px}.brand img{height:84px}.brand span{font-size:14px}.header-cta{display:none}.hero-inner{padding:40px 20px 60px}h1{font-size:45px}h1 .word-wrap{height:49px;min-width:270px}.lead{font-size:16px}.hero-visual{height:390px}.person-card,.property-card{width:245px;height:315px}.person-card{left:8px}.property-card{right:8px}.next-section h2{font-size:32px}}

.lead strong{color:#173D6B;font-weight:700}
.signin-button{display:inline-flex;align-items:center;justify-content:center;background:#173D6B;color:#fff!important;padding:13px 22px;border-radius:7px;font-weight:600}
.pricing-anchor{position:relative;top:-118px;visibility:hidden}

.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.secondary-cta{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border:1.5px solid #173D6B;border-radius:7px;color:#173D6B;text-decoration:none;font-size:15px;font-weight:600;background:#fff;transition:background .18s ease}
.secondary-cta:hover{background:#f4f8fc}

/* v0.19 — wide directional hero halo + equal card geometry */
.hero{position:relative;isolation:isolate}
.hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  width:clamp(760px,62vw,1180px);
  height:620px;
  top:-82px;
  left:43%;
  transform:rotate(-8deg);
  transform-origin:top left;
  background:
    radial-gradient(ellipse at 28% 24%,
      rgba(219,236,255,.38) 0%,
      rgba(222,239,255,.31) 30%,
      rgba(229,242,255,.22) 52%,
      rgba(242,248,255,.10) 72%,
      rgba(255,255,255,0) 88%);
  filter:blur(14px);
}
.gradient-panel{display:none!important}

.hero-visual{position:relative;overflow:visible}
.scene[data-scene="HOME"]{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s ease}
.scene[data-scene="HOME"].active{opacity:1;pointer-events:auto}

.visual-card{
  position:absolute;
  width:355px;
  height:440px;
  box-sizing:border-box;
  overflow:hidden;
  border:7px solid #fff;
  border-radius:28px;
  background:#fff;
  box-shadow:0 20px 48px rgba(23,61,107,.13);
}
.home-seeker{left:55px;top:40px;transform:rotate(-5deg);z-index:2}
.home-match{right:28px;top:70px;transform:rotate(5deg);z-index:1}

.visual-card .card-photo{position:absolute;inset:0;background:#eaf3fb}
.visual-card .card-photo img{width:100%;height:100%;object-fit:cover;display:block}
.anna-message{
  position:absolute;
  left:20px;right:20px;bottom:22px;
  min-height:62px;
  box-sizing:border-box;
  display:flex;align-items:center;gap:10px;
  padding:11px 14px;
  background:rgba(255,255,255,.96);
  border-radius:16px;
  box-shadow:0 8px 24px rgba(23,61,107,.12);
  color:#173D6B;font-size:12px;font-weight:600;line-height:1.35;
}
.anna-message img{width:30px;height:30px;object-fit:cover;border-radius:50%;flex:0 0 auto}
.match-badge{
  position:absolute;right:16px;top:16px;z-index:3;
  padding:9px 13px;border-radius:13px;background:#fff;
  color:#0a9b72;font-size:14px;font-weight:800;
  box-shadow:0 6px 18px rgba(23,61,107,.08)
}
.home-match .card-photo{bottom:72px}
.property-info{
  position:absolute;left:0;right:0;bottom:0;height:72px;
  box-sizing:border-box;padding:12px 18px;background:#fff;
  display:flex;flex-direction:column;justify-content:center;gap:4px;
  color:#0b1b30
}
.property-info strong{font-size:14px}
.property-info span{font-size:11px;color:#68778b}

@media(max-width:900px){
  .hero::before{left:22%;top:80px;width:900px;opacity:.75}
}

/* v0.21 cards — halo from v0.19 remains unchanged */
.gradient-panel{display:none!important}
.hero-visual{position:relative;overflow:visible}
.scene{position:absolute;inset:0;opacity:0;pointer-events:none}
.scene.active{opacity:1;pointer-events:auto}
.visual-card{
 position:absolute;width:355px;height:440px;box-sizing:border-box;overflow:hidden;
 border:7px solid #fff;border-radius:28px;background:#fff;
 box-shadow:0 20px 48px rgba(23,61,107,.13);
 transition:opacity .62s ease,transform .72s cubic-bezier(.22,.75,.25,1)
}
.seeker-card{left:55px;top:40px;transform:rotate(-5deg);z-index:2}
.result-card{right:28px;top:70px;transform:rotate(5deg);z-index:1}
.scene.entering .seeker-card{opacity:0;transform:translate(-38px,18px) rotate(-9deg)}
.scene.entering .result-card{opacity:0;transform:translate(38px,18px) rotate(9deg)}
.scene.leaving .seeker-card{opacity:0;transform:translate(-30px,-10px) rotate(-8deg)}
.scene.leaving .result-card{opacity:0;transform:translate(30px,-10px) rotate(8deg)}
.full-photo,.art-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.result-photo{height:calc(100% - 76px)}
.anna-message{position:absolute;left:18px;right:18px;bottom:20px;min-height:62px;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:11px 14px;background:rgba(255,255,255,.96);border-radius:16px;box-shadow:0 8px 24px rgba(23,61,107,.12);color:#173D6B;font-size:12px;font-weight:600;line-height:1.35}
.anna-message img{width:31px;height:31px;object-fit:cover;border-radius:50%;flex:0 0 auto}
.match-badge{position:absolute;right:16px;top:16px;z-index:4;padding:9px 13px;border-radius:13px;background:#fff;color:#0a9b72;font-size:14px;font-weight:800;box-shadow:0 6px 18px rgba(23,61,107,.08)}
.property-info{position:absolute;left:0;right:0;bottom:0;height:76px;box-sizing:border-box;padding:12px 17px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:4px;color:#0b1b30}
.property-info strong{font-size:13px}.property-info span{font-size:10.5px;color:#68778b}

/* Filled LAND / BUSINESS scenes: HTML/CSS artwork, no placeholder labels */
.art-photo{overflow:hidden}
.land-seekers{background:linear-gradient(180deg,#b9dcfa 0 48%,#d8e9c5 48% 72%,#d8c19d 72%)}
.land-seekers .sun{position:absolute;width:74px;height:74px;border-radius:50%;background:#fff3c8;right:38px;top:38px}
.land-seekers .island{position:absolute;left:-30px;right:-30px;height:130px;bottom:75px;background:#6f9f73;border-radius:55% 50% 0 0;transform:rotate(-3deg)}
.person{position:absolute;bottom:52px;width:86px;height:190px}
.person i{position:absolute;left:22px;top:0;width:48px;height:48px;border-radius:50%;background:#d7a37d}
.person b{position:absolute;left:8px;top:42px;width:76px;height:145px;border-radius:38px 38px 16px 16px;background:#f3eee4}
.person.p1{left:85px}.person.p2{left:165px;transform:scale(.94)}
.person.p2 b{background:#7f9ab0}.person.p2 i{background:#b98262}
.land-result{background:linear-gradient(180deg,#a9d7f5 0 37%,#6eb4cc 37% 53%,#78a866 53% 100%)}
.land-result .hills{position:absolute;left:-20px;right:-20px;top:150px;height:130px;background:#537f58;border-radius:60% 45% 0 0}
.land-result .plot{position:absolute;left:42px;right:30px;bottom:76px;height:150px;background:linear-gradient(135deg,#9cbd72,#6f9b58);clip-path:polygon(18% 0,100% 15%,82% 100%,0 78%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.65)}
.land-result .palms{position:absolute;right:25px;top:85px;font-size:64px;color:#2f704c;transform:rotate(-8deg)}

.business-seekers{background:linear-gradient(180deg,#b8d9f1 0 47%,#ead7bd 47% 100%)}
.business-seekers .terrace{position:absolute;left:25px;right:25px;bottom:70px;height:150px;background:#f7f2e9;border-radius:14px 14px 0 0;box-shadow:0 -12px 0 #c98f65}
.business-seekers .p1{left:92px;bottom:40px}.business-seekers .p2{left:178px;bottom:40px}
.business-seekers .p1 b{background:#173D6B}.business-seekers .p2 b{background:#f1e7d7}
.business-result{background:linear-gradient(180deg,#a8d5ee 0 43%,#d8c5a5 43% 100%)}
.business-result .roof{position:absolute;left:25px;right:25px;top:115px;height:45px;background:#8b5f45;clip-path:polygon(8% 100%,18% 0,88% 0,100% 100%)}
.business-result .shopfront{position:absolute;left:42px;right:42px;top:155px;height:175px;background:linear-gradient(90deg,#4b7182 0 23%,#d9ecf1 23% 47%,#4b7182 47% 70%,#d9ecf1 70%);border:8px solid #eee2d1}
.business-result .tables{position:absolute;left:0;right:0;bottom:88px;text-align:center;font-size:38px;color:#765a43}
.business-result .greenery{position:absolute;left:-20px;right:-20px;bottom:70px;height:42px;background:#5f965c;border-radius:50% 50% 0 0}

/* v0.22 — photo cards + smooth identical 1→2→3→1 loop.
   Validated v0.19 hero halo remains unchanged. */
.gradient-panel{display:none!important}
.scene{position:absolute;inset:0;opacity:0;pointer-events:none}
.scene.active{opacity:1;pointer-events:auto}
.visual-card{
 transition:opacity .56s ease,transform .66s cubic-bezier(.22,.75,.25,1)!important;
}
.seeker-card{left:55px;top:40px;transform:translateX(0) rotate(-5deg)!important}
.result-card{right:28px;top:70px;transform:translateX(0) rotate(5deg)!important}
.scene.entering .seeker-card{opacity:0;transform:translateX(34px) rotate(-5deg)!important}
.scene.entering .result-card{opacity:0;transform:translateX(34px) rotate(5deg)!important}
.scene.leaving .seeker-card{opacity:0;transform:translateX(-34px) rotate(-5deg)!important}
.scene.leaving .result-card{opacity:0;transform:translateX(-34px) rotate(5deg)!important}
.full-photo{object-position:center center}
.result-photo{height:calc(100% - 76px)}
.anna-message img{width:34px!important;height:34px!important;border-radius:50%;object-fit:cover}

/* v0.23 — site geometry remains authoritative; photo framing only. */
.scene .full-photo{object-fit:cover}
.scene[data-scene="HOME"] .seeker-card .full-photo{object-position:center 48%}
.scene[data-scene="HOME"] .result-card .full-photo{object-position:center 48%}
.scene[data-scene="LAND"] .seeker-card .full-photo{object-position:center 48%}
.scene[data-scene="LAND"] .result-card .full-photo{object-position:center 48%}
.scene[data-scene="BUSINESS"] .seeker-card .full-photo{object-position:center 48%}
.scene[data-scene="BUSINESS"] .result-card .full-photo{object-position:center 48%}

/* v0.26 — BUSINESS brick only: right-side opportunity copy follows the clear edge. */
.scene[data-scene="BUSINESS"] .property-info{align-items:flex-end;text-align:right;padding-left:72px;padding-right:17px}
.scene[data-scene="BUSINESS"] .property-info strong,.scene[data-scene="BUSINESS"] .property-info span{width:100%;text-align:right}

/* v0.33 — HOME right footer alignment only */
.scene[data-scene="HOME"] .result-card .property-info{
  left:auto !important;
  right:20px !important;
  width:calc(100% - 40px) !important;
  text-align:right !important;
  align-items:flex-end !important;
}
.scene[data-scene="HOME"] .result-card .property-info strong,
.scene[data-scene="HOME"] .result-card .property-info span{
  display:block !important;
  width:100% !important;
  text-align:right !important;
}

/* v0.34 — LAND right footer alignment */
.scene[data-scene="LAND"] .result-card .property-info{
  left:auto !important;
  right:20px !important;
  width:calc(100% - 40px) !important;
  text-align:right !important;
  align-items:flex-end !important;
}
.scene[data-scene="LAND"] .result-card .property-info strong,
.scene[data-scene="LAND"] .result-card .property-info span{
  display:block !important;
  width:100% !important;
  text-align:right !important;
}

/* v0.38 — preserve validated card composition; subtle halo + overflow fix only */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
}

/* Subtle ambient halo:
   starts upper-right, drifts diagonally (~45°) toward the cards,
   no hard edge, and stays inside the visual side of the hero. */
.hero-visual{
  position:relative;
  isolation:isolate;
}
.hero-visual::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  top:-150px;
  right:-120px;
  width:760px;
  height:600px;
  border-radius:50%;
  background:
    radial-gradient(
      ellipse at 76% 12%,
      rgba(205,230,255,.34) 0%,
      rgba(216,236,255,.25) 24%,
      rgba(229,243,255,.16) 45%,
      rgba(241,249,255,.08) 63%,
      rgba(255,255,255,0) 82%
    );
  filter:blur(38px);
  transform:rotate(12deg);
}
.hero-visual .scene{
  z-index:2;
}

/* v0.40 — root fix for final 1–2 px card nudge.
   The scene parent must never scale/translate during card transitions.
   Individual card transforms remain exactly as validated. */
.hero-visual .scene,
.hero-visual .scene.active,
.hero-visual .scene.entering,
.hero-visual .scene.leaving{
  transform:none !important;
}

/* v0.42 — ONLY CHANGE from validated v0.40:
   actual rotating HOME / LAND / BUSINESS element -> coral */
#rotating-word{
  color:#F27F62 !important;
}

/* v0.43 — integrated HOW IT WORKS using the 10 supplied SVG illustrations */
.how-section{background:#f7f9fc;padding:86px 0 92px}
.how-inner{max-width:1360px;margin:0 auto;padding:0 32px}
.how-intro{text-align:center;margin:0 auto 42px}
.how-kicker{margin:0 0 13px;color:#2F78D2;font:600 12px Manrope;letter-spacing:.18em}
.how-intro h2{margin:0 0 10px;color:#173D6B;font:600 38px/1.15 Manrope;letter-spacing:-.025em}
.how-intro>p:not(.how-kicker){margin:0 0 5px;color:#6b7f9c;font:400 20px/1.4 Manrope}
.how-intro strong{display:block;color:#F27F62;font:600 20px Manrope}
.how-compare{display:grid;grid-template-columns:1fr 1fr;gap:38px}
.how-column{padding:24px 24px 27px;border-radius:22px;background:linear-gradient(135deg,#fff8f5,#fff0eb)}
.how-with{background:linear-gradient(135deg,#f5fbff,#edf7ff)}
.how-pill{width:max-content;margin:0 auto 13px;padding:7px 24px;border-radius:20px;background:#ffe0da;color:#F27F62;font:700 16px Manrope;letter-spacing:.035em}
.how-with .how-pill{background:#dcecff;color:#2F78D2}
.how-column>h3{text-align:center;margin:0 0 5px;color:#173D6B;font:600 24px/1.2 Manrope}
.how-lead{text-align:center;margin:0 0 22px;color:#6b7f9c;font:400 15px/1.4 Manrope}
.how-step{min-height:148px;display:grid;grid-template-columns:235px 1fr;align-items:center;margin:0 0 16px;padding:8px 17px;border-radius:18px;background:rgba(255,255,255,.58)}
.how-step:last-child{margin-bottom:0}
.how-art{height:132px;display:flex;align-items:center;justify-content:center;overflow:visible}
.how-art img{display:block;width:100%;height:100%;object-fit:contain}
.how-copy{padding-left:12px;min-width:0}
.how-copy h4{margin:0 0 7px;color:#173D6B;font:600 16px/1.2 Manrope}
.how-time{display:flex;align-items:center;gap:9px;margin:0 0 6px;color:#F27F62;font:500 15px Manrope}
.how-time img{width:23px;height:23px;display:block}
.how-time span{color:#F27F62}
.how-copy p{margin:0;color:#6b7f9c;font:400 14px/1.3 Manrope}
.how-outro{text-align:center;padding-top:44px}
.how-outro h3{margin:0 0 15px;color:#173D6B;font:600 27px/1.2 Manrope}
.how-outro h3:after{content:"";display:block;width:245px;height:5px;margin:7px auto 0;border-radius:50%;background:#F27F62;transform:rotate(-2deg)}
.how-outro p{margin:0;color:#6b7f9c;font:400 16px Manrope}
@media(max-width:1050px){.how-compare{grid-template-columns:1fr}.how-column{max-width:720px;width:100%;margin:auto}}
@media(max-width:650px){.how-section{padding:62px 0 70px}.how-inner{padding:0 18px}.how-intro{margin-bottom:30px}.how-intro h2{font-size:29px}.how-intro>p:not(.how-kicker),.how-intro strong{font-size:16px}.how-step{grid-template-columns:145px 1fr;min-height:130px;padding:7px 9px}.how-art{height:116px}.how-copy{padding-left:7px}.how-copy h4{font-size:14px}.how-copy p,.how-time{font-size:12px}.how-time img{width:20px;height:20px}.how-outro{padding-top:36px}.how-outro h3{font-size:23px}}

/* v0.44 — validated visual refinements */
.how-section{background:#fffdf9;padding:104px 0 112px}
.how-intro{margin-bottom:58px}
.how-intro h2{max-width:900px;margin:0 auto 15px;font-size:48px;line-height:1.12}
.how-intro>p:not(.how-kicker){margin-bottom:7px}
.how-compare{gap:44px}
.how-column{padding:31px 28px 34px}
.how-with{background:linear-gradient(135deg,#f4faff,#e9f5ff)}
.how-without{background:linear-gradient(135deg,#fff8f5,#fff0eb)}
.how-column>h3{margin-bottom:8px}
.how-lead{margin-bottom:31px}
.how-step{grid-template-columns:285px 1fr;min-height:174px;margin-bottom:21px;padding:8px 19px}
.how-art{height:158px}
.how-copy{padding-left:14px}
.how-copy h4{font-size:17px;margin-bottom:8px}
.how-copy p{font-size:14.5px;line-height:1.35}
.how-time{font-size:15.5px;margin-bottom:7px}
.how-time img{width:24px;height:24px}
.how-without .how-time{color:#F27F62}
.how-without .how-time span{color:#F27F62}
.how-with .how-time{color:#2F78D2}
.how-with .how-time span{color:#2F78D2}
.how-time img{filter:none}
.how-outro{padding-top:58px}
@media(max-width:1180px) and (min-width:1051px){
 .how-step{grid-template-columns:240px 1fr}
 .how-art{height:148px}
}
@media(max-width:650px){
 .how-section{padding:72px 0 78px}
 .how-intro{margin-bottom:38px}
 .how-intro h2{font-size:34px}
 .how-column{padding:24px 16px 27px}
 .how-lead{margin-bottom:24px}
 .how-step{grid-template-columns:155px 1fr;min-height:142px;margin-bottom:17px}
 .how-art{height:128px}
 .how-outro{padding-top:44px}
}

@media(max-width:650px){.how-title-break{display:none}}

/* v0.45 — ONLY change: SVG illustrations visually doubled */
.how-art{height:158px;overflow:visible}
.how-art img:not([src$="time.svg"]){
  width:200%;
  height:200%;
  max-width:none;
  object-fit:contain;
}
@media(max-width:1180px) and (min-width:1051px){
  .how-art{height:148px}
}
@media(max-width:650px){
  .how-art{height:128px}
}

/* v0.46 — exact page continuity + true colored time SVGs */
.how-section{background:#fff;}

/* v0.47 — final validated refinements before next section */
.how-intro h2{font-size:56px;}
/* Remove the subtle separator under the site header */
.site-header,.header,.topbar,header{
  border-bottom:none !important;
  box-shadow:none;
}
@media(max-width:650px){
  .how-intro h2{font-size:34px;}
}

/* v0.48 — visual test requested: Hero H1 dark blue + solution underline blue */
.hero h1,
.hero-title,
.hero-copy h1{
  color:#173D6B !important;
}
/* Keep the rotating category word coral */
.hero h1 .accent,
.hero h1 .rotating-word,
.hero-title .accent,
.hero-title .rotating-word{
  color:#F27F62 !important;
}
.how-outro h3:after{
  background:#2F78D2 !important;
}

/* v0.49 — Anna real-interface demo section */
.anna-demo-section{background:#fff;padding:118px 0 128px;overflow:hidden}
.anna-demo-inner{max-width:1500px;margin:auto;padding:0 32px}
.anna-demo-intro{text-align:center;margin-bottom:64px}
.anna-demo-kicker{margin:0 0 14px;color:#2F78D2;font:600 12px Manrope;letter-spacing:.18em}
.anna-demo-intro h2{margin:0;color:#173D6B;font:600 56px/1.1 Manrope;letter-spacing:-.025em}
.anna-demo-shell{position:relative;display:grid;grid-template-columns:260px 1fr;height:720px;border:1px solid #dfe5ee;border-radius:20px;background:#fff;box-shadow:0 28px 70px rgba(23,61,107,.13);overflow:hidden}
.anna-demo-sidebar{display:flex;flex-direction:column;background:#f7f8fa;border-right:1px solid #e5e8ed;padding:24px 17px 18px}
.anna-demo-brand{display:flex;gap:11px;align-items:center;padding:0 7px 25px;border-bottom:1px solid #e1e5eb}
.anna-demo-logo,.anna-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#173D6B;color:#fff;font:700 12px Manrope}
.anna-demo-brand strong{display:block;color:#173D6B;font:600 17px Manrope}.anna-demo-brand small{display:block;color:#78889c;font:11px Manrope;margin-top:2px}
.anna-demo-sidebar nav{display:grid;gap:7px;padding-top:24px}.anna-nav{position:relative;display:flex;align-items:center;gap:12px;border:0;background:transparent;border-radius:10px;padding:13px 14px;text-align:left;color:#607187;font:500 14px Manrope;cursor:pointer}.anna-nav span{font-size:20px}.anna-nav b{margin-left:auto;background:#e9edf2;color:#607187;border-radius:12px;padding:2px 7px;font:600 11px Manrope}.anna-nav.active{background:#fff;color:#173D6B;box-shadow:0 2px 9px rgba(23,61,107,.07)}.anna-nav.active span{color:#F27F62}
.anna-demo-user{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid #e1e5eb;padding:17px 5px 0}.anna-demo-user>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#dbe3ed;color:#173D6B;font:600 13px Manrope}.anna-demo-user strong,.anna-demo-user small{display:block}.anna-demo-user strong{color:#173D6B;font:600 12px Manrope}.anna-demo-user small{color:#8491a1;font:10px Manrope}
.anna-demo-main{position:relative;min-width:0;background:#fff}.anna-screen{display:none;height:100%;box-sizing:border-box}.anna-screen.active{display:block}
.anna-conversation-head,.anna-page-head{height:78px;box-sizing:border-box;padding:24px 30px;border-bottom:1px solid #e8ebef}.anna-conversation-head{display:flex;align-items:center;justify-content:space-between}.anna-conversation-head h3,.anna-page-head h3,.simple-screen>h3{margin:0;color:#173D6B;font:600 23px Manrope}.anna-conversation-head button{border:1px solid #dce2e9;background:#fff;border-radius:8px;padding:9px 14px;color:#173D6B;font:500 12px Manrope}
.anna-chat-window{height:570px;overflow:hidden;padding:36px 13%;box-sizing:border-box;scroll-behavior:smooth}.anna-welcome{display:flex;gap:16px;margin-bottom:35px}.anna-welcome h3{margin:0 0 7px;color:#173D6B;font:600 18px Manrope}.anna-welcome p,.anna-bubble p{margin:3px 0;color:#65768b;font:13px/1.45 Manrope}.anna-bubble{max-width:70%;padding:14px 17px;margin:0 0 18px;border-radius:14px}.anna-bubble b{display:block;margin-bottom:4px;color:#173D6B;font:600 12px Manrope}.anna-bubble.james{margin-left:auto;background:#edf5ff}.anna-bubble.anna{background:#f7f8fa}
.anna-chat-input{position:absolute;left:13%;right:13%;bottom:23px;height:46px;border:1px solid #dfe4ea;border-radius:10px;background:#fff;color:#a0a9b5;padding:13px 15px;box-sizing:border-box;font:12px Manrope;box-shadow:0 3px 14px rgba(23,61,107,.06)}.anna-chat-input span{float:right;color:#F27F62}
.anna-page-head{height:auto}.anna-page-head h3 span{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:12px;background:#e7f0fb;color:#2F78D2;font-size:12px;vertical-align:middle}.anna-page-head p{margin:5px 0 0;color:#8592a2;font:12px Manrope}
.anna-property-scroll{height:620px;overflow:hidden;padding:24px 26px;box-sizing:border-box;scroll-behavior:smooth}.anna-property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.anna-property-grid article{position:relative;border:1px solid #e2e7ed;border-radius:12px;background:#fff;overflow:hidden;padding-bottom:14px;box-shadow:0 3px 10px rgba(23,61,107,.045)}.property-photo{height:118px;display:grid;place-items:center;background:linear-gradient(135deg,#dce8f4,#edf3f8);color:#7890a8;font:600 12px Manrope}.p2,.p5,.p8{background:linear-gradient(135deg,#e8e2d9,#f4efe8)}.p3,.p6,.p9{background:linear-gradient(135deg,#dce9df,#eff5ef)}.anna-property-grid h4,.anna-property-grid strong,.anna-property-grid p,.anna-property-grid a{display:block;margin-left:13px;margin-right:13px}.anna-property-grid h4{margin-top:12px;margin-bottom:5px;color:#173D6B;font:600 13px/1.25 Manrope}.anna-property-grid strong{color:#173D6B;font:600 12px Manrope}.anna-property-grid p{margin-top:6px;margin-bottom:9px;color:#7d8c9d;font:11px Manrope}.anna-property-grid a{color:#2F78D2;font:500 10px Manrope}.anna-property-grid button{position:absolute;right:10px;top:128px;border:0;background:transparent;color:#F27F62;font-size:18px}.saved-grid{padding:27px}
.simple-screen{padding:28px}.simple-card,.account-card{margin-top:25px;border:1px solid #e1e6ec;border-radius:12px;padding:24px;max-width:470px}.simple-card b,.simple-card span{display:inline-block}.simple-card span{float:right;color:#2a9a65}.simple-card p,.account-card p{color:#7c8998;font:12px Manrope}.account-card{text-align:center}.account-avatar{display:grid;place-items:center;width:68px;height:68px;margin:auto;border-radius:50%;background:#173D6B;color:#fff;font:600 22px Manrope}.account-card h4{color:#173D6B;font:600 17px Manrope}
.james-cursor{position:absolute;z-index:30;left:400px;top:260px;pointer-events:none;transition:left .7s cubic-bezier(.2,.75,.25,1),top .7s cubic-bezier(.2,.75,.25,1),opacity .3s;filter:drop-shadow(0 3px 4px rgba(0,0,0,.12))}.james-cursor>span{display:block;color:#173D6B;font-size:27px;transform:rotate(-18deg)}.james-cursor b{position:absolute;left:22px;top:20px;background:#173D6B;color:#fff;border-radius:5px;padding:4px 7px;font:600 10px Manrope}
@media(max-width:900px){.anna-demo-shell{grid-template-columns:190px 1fr;height:650px}.anna-demo-sidebar{padding-left:10px;padding-right:10px}.anna-property-grid{grid-template-columns:repeat(2,1fr)}.anna-demo-intro h2{font-size:46px}}

/* v0.50 conversation-flow refinements */
.anna-demo-shell{grid-template-columns:255px 1fr}
.anna-demo-sidebar{z-index:4}
.anna-conversation-head{height:72px}.pass-pill{background:#edf7f3;color:#258060;border-radius:15px;padding:6px 11px;font:600 10px Manrope}
.anna-chat-window{height:585px;padding:25px 10% 100px;overflow-y:auto;scrollbar-width:none}.anna-chat-window::-webkit-scrollbar{display:none}
.anna-start-card{display:grid;grid-template-columns:210px 1fr;gap:30px;align-items:center;min-height:440px;padding:10px 2% 34px;border-bottom:1px solid #edf0f3;margin-bottom:28px}
.anna-portrait{height:300px;border-radius:120px 120px 24px 24px;background:linear-gradient(160deg,#f8d7ca,#f7eee8);display:grid;place-items:center;overflow:hidden}
.anna-portrait-face{display:grid;place-items:center;width:126px;height:126px;border-radius:50%;background:#173D6B;color:#fff;font:600 34px Cinzel}
.anna-start-brand{color:#173D6B;font:600 27px Cinzel}.anna-start-role{color:#718196;font:500 11px Manrope;margin:4px 0 24px}.anna-start-copy h3{margin:0 0 5px;color:#173D6B;font:600 22px Manrope}.anna-start-copy h4{margin:0 0 13px;color:#F27F62;font:600 14px Manrope}.anna-start-copy p{color:#68798d;font:12px/1.55 Manrope}.anna-start-copy>strong{display:block;margin-top:15px;color:#173D6B;font:600 13px Manrope}.anna-start-tags{display:flex;gap:7px;margin:15px 0}.anna-start-tags span{border:1px solid #dbe4ee;border-radius:12px;padding:5px 8px;color:#2F78D2;font:600 8px Manrope;letter-spacing:.04em}
.anna-chat-input{left:10%;right:10%;bottom:20px;z-index:5;display:flex;align-items:center}.anna-chat-input i{width:1px;height:17px;background:#173D6B;animation:annaBlink .7s infinite}.anna-chat-input button{margin-left:auto;border:0;background:transparent;color:#2F78D2;font-size:18px}@keyframes annaBlink{50%{opacity:0}}
.anna-bubble{opacity:1;transform:none}.bubble-enter{opacity:0;transform:translateY(12px);transition:.32s ease}.bubble-enter.shown{opacity:1;transform:translateY(0)}
.matches-nav .matches-count{opacity:0;transform:scale(.6);transition:.35s}.matches-nav.matches-ready{background:#eaf4ff!important;color:#2F78D2!important;box-shadow:inset 0 0 0 1px #cfe4fb}.matches-nav.matches-ready .matches-count{opacity:1;transform:scale(1);background:#2F78D2;color:white}
.james-cursor{width:46px;height:54px;left:0;top:0;transition:left .75s cubic-bezier(.2,.75,.25,1),top .75s cubic-bezier(.2,.75,.25,1),opacity .25s,transform .16s;filter:drop-shadow(0 3px 4px rgba(0,0,0,.16))}
.james-cursor svg{width:46px;height:54px;display:block;transform:scaleX(-1);transform-origin:center}.james-cursor svg path{fill:#173D6B}
.james-cursor b{left:28px;top:35px;white-space:nowrap;background:#173D6B;border-radius:5px;padding:5px 8px;font:600 10px Manrope}.cursor-hidden{opacity:0}.cursor-click{transform:scale(.88)}

/* v0.51 — structural fix + real visual assets */
.anna-demo-sidebar{
  position:relative!important;
  left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;
  width:auto!important;height:auto!important;
  overflow:hidden!important;
}
.anna-demo-sidebar nav{
  position:static!important;
  left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;
  width:100%!important;height:auto!important;
  display:grid!important;
  gap:7px!important;
  padding:24px 0 0!important;
  margin:0!important;
}
.anna-demo-sidebar .anna-nav{
  position:relative!important;
  left:auto!important;top:auto!important;
  transform:none!important;
  width:100%!important;
  margin:0!important;
}
.anna-demo-main{overflow:hidden}
.anna-portrait{background:#f8ded3}
.anna-portrait img{width:100%;height:100%;object-fit:contain;display:block}
.anna-portrait-face{display:none}
#typingInput,.anna-chat-input,.anna-bubble p,.anna-bubble.james p,.anna-bubble.anna p{
  color:#26384c!important;
}
.property-photo{height:150px;background:#eef2f5;overflow:hidden;display:block}
.property-photo img{width:100%;height:100%;display:block;object-fit:cover}

.anna-demo-shell{transition:opacity .8s ease}.anna-demo-shell.demo-fade{opacity:0}
.anna-start-card{grid-template-columns:49% 51%;gap:0;padding:0;min-height:455px;border:0;overflow:hidden;border-radius:18px;background:#f6fbff}
.anna-real-photo{height:455px;overflow:hidden}.anna-real-photo img{width:100%;height:100%;object-fit:cover;object-position:46% center;display:block}
.anna-real-card{margin:28px 25px 28px -8px;padding:20px 28px;border-radius:18px;background:rgba(255,255,255,.93);color:#173D6B}
.anna-real-card h2{margin:0;color:#173D6B;font:700 30px Manrope}.anna-real-card h3{margin:6px 0 22px;color:#557aa8;font:500 18px/1.35 Manrope}.anna-real-card h4{margin:0 0 4px;font:700 13px Manrope}.anna-real-card h5{margin:0 0 15px;font:700 17px Manrope}.anna-real-card h5 span{color:#2F78D2}.anna-real-card>p{font:12px/1.5 Manrope;color:#315b8c}
.anna-real-features{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0}.anna-real-features>div{text-align:center;border-right:1px solid #d9e4ef}.anna-real-features>div:last-child{border:0}.anna-real-features b{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 7px;border-radius:50%;background:#ddecfb;color:#173D6B}.anna-real-features strong,.anna-real-features small{display:block}.anna-real-features strong{font:700 8px Manrope}.anna-real-features small{font:9px Manrope;color:#6783a4}
.anna-language{display:flex;gap:12px;background:#e9f3ff;border-radius:11px;padding:11px 13px;font:11px/1.45 Manrope}.anna-question{margin-top:16px;font:700 17px Manrope}
.property-photo{position:relative}.match-badge{position:absolute;left:10px;top:10px;background:#e9f4ff;color:#2F78D2;border:1px solid #cfe5fb;border-radius:12px;padding:5px 8px;font:700 9px Manrope}
.property-photo .heart{position:absolute!important;right:9px!important;top:9px!important;width:30px;height:30px;border-radius:50%!important;background:rgba(255,255,255,.94)!important;display:grid;place-items:center;color:#F27F62!important;font-size:20px!important;box-shadow:0 2px 7px rgba(0,0,0,.12)}
.saved-nav.saved-ready{background:#fff3ef!important}.saved-nav.saved-ready .saved-count{background:#F27F62!important;color:#fff!important}.saved-content{padding:28px}.saved-empty{height:430px;display:grid;place-content:center;text-align:center}.saved-grid{padding:0;grid-template-columns:repeat(3,1fr)}.saved-grid article{max-width:290px}

/* v0.53 — compact real cards + Facebook conclusion */
.anna-property-scroll{padding:22px 24px!important}
.anna-property-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:start!important}
.anna-property-grid .property-card{
  height:auto!important;min-height:0!important;transform:none!important;rotate:none!important;
  padding:0 0 13px!important;border-radius:12px!important;overflow:hidden!important;
}
.anna-property-grid .property-photo{height:142px!important;min-height:142px!important;transform:none!important;overflow:hidden!important}
.anna-property-grid .property-photo img{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
.match-badge{
  width:auto!important;max-width:max-content!important;height:auto!important;
  left:9px!important;top:9px!important;right:auto!important;
  padding:4px 7px!important;border-radius:10px!important;
  background:#e9f4ff!important;color:#2F78D2!important;border:1px solid #cfe5fb!important;
  font:700 8px/1 Manrope!important;transform:none!important;
}
.property-photo .heart{
  display:grid!important;visibility:visible!important;opacity:1!important;
  right:9px!important;top:9px!important;left:auto!important;
  width:30px!important;height:30px!important;padding:0!important;
}
.anna-property-grid .property-card h4{margin-top:10px!important}
.anna-property-grid .property-card a{cursor:pointer}
.anna-facebook-popup{position:absolute;inset:0;z-index:24;display:flex;align-items:center;justify-content:center;background:rgba(248,250,253,.55);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.anna-facebook-popup.open{opacity:1;visibility:visible}
.anna-fb-window{width:480px;max-width:64%;background:#fff;border:1px solid #d9e0e8;border-radius:15px;box-shadow:0 20px 55px rgba(23,61,107,.22);overflow:hidden}
.anna-fb-top{height:48px;display:flex;align-items:center;gap:9px;padding:0 15px;border-bottom:1px solid #e5e8ed;color:#173D6B}.anna-fb-top>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#1877f2;color:#fff;font:800 22px Arial}.anna-fb-top b{font:700 14px Manrope}.anna-fb-top i{margin-left:auto;font-style:normal;color:#7c8795}
.anna-fb-url{margin:10px 13px;padding:7px 10px;border-radius:7px;background:#f4f6f8;color:#788494;font:10px Manrope}
.anna-fb-post{margin:0 13px 14px;border:1px solid #e0e4e9;border-radius:10px;overflow:hidden;background:#fff}.anna-fb-author{display:flex;align-items:center;gap:9px;padding:12px}.fb-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dbe9fb;color:#173D6B;font:700 10px Manrope}.anna-fb-author b,.anna-fb-author small{display:block}.anna-fb-author b{color:#172b4d;font:600 11px Manrope}.anna-fb-author small{color:#7b8794;font:9px Manrope}.anna-fb-author em{margin-left:auto;font-style:normal}.anna-fb-post>p{padding:0 12px;margin:0 0 11px;color:#27384b;font:11px/1.45 Manrope}.anna-fb-post>img{width:100%;height:225px;object-fit:cover;display:block}.anna-fb-meta,.anna-fb-actions{display:flex;justify-content:space-between;padding:9px 12px;color:#6f7c8c;font:9px Manrope}.anna-fb-actions{border-top:1px solid #e5e8ed;font-weight:600;justify-content:space-around}

/* v0.54 — visible save hearts and exact click flow */
.property-photo .heart{
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  z-index:8!important;
  right:10px!important;
  top:10px!important;
  left:auto!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(23,61,107,.10)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#F27F62!important;
  font:500 22px/1 Arial,sans-serif!important;
  box-shadow:0 2px 8px rgba(23,61,107,.14)!important;
  transform:none!important;
}
.property-photo .heart.saved-heart{
  background:#fff!important;
  color:#e95f4f!important;
  font-weight:700!important;
}
.saved-grid .property-photo .heart.saved-heart{color:#e95f4f!important}

/* v0.55 — SVG hearts guaranteed on all 9 cards + exact DOM heart target */
.property-card .property-photo .heart{
 display:grid!important;place-items:center!important;position:absolute!important;
 right:10px!important;top:10px!important;left:auto!important;bottom:auto!important;
 width:34px!important;height:34px!important;z-index:30!important;
 padding:0!important;margin:0!important;border-radius:50%!important;
 border:1px solid rgba(23,61,107,.13)!important;background:#fff!important;
 opacity:1!important;visibility:visible!important;overflow:visible!important;
 box-shadow:0 2px 9px rgba(23,61,107,.16)!important;
}
.property-card .property-photo .heart svg{display:block!important;width:19px!important;height:19px!important}
.property-card .property-photo .heart svg path{
 fill:#fff!important;stroke:#F27F62!important;stroke-width:1.9!important;stroke-linejoin:round!important;
}
.property-card .property-photo .heart.saved-heart svg path{fill:#e95f4f!important;stroke:#e95f4f!important}
.property-card .property-photo .heart.heart-target{box-shadow:0 0 0 5px rgba(242,127,98,.18),0 2px 9px rgba(23,61,107,.16)!important}

/* v0.56 — Match grid geometry: keep all 3 cards and all hearts inside viewport */
.anna-screen[data-screen-panel="matches"] .anna-property-scroll{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:22px 22px 28px!important;
}
.anna-screen[data-screen-panel="matches"] .anna-property-grid{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:16px!important;
  row-gap:16px!important;
  padding:0!important;
  margin:0!important;
}
.anna-screen[data-screen-panel="matches"] .property-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
}
.anna-screen[data-screen-panel="matches"] .property-photo{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.anna-screen[data-screen-panel="matches"] .property-photo .heart{
  right:10px!important;
  top:10px!important;
  z-index:40!important;
}

/* v0.57 — Saved card exactly follows one Match-column geometry */
.anna-screen[data-screen-panel="saved"] .saved-content{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  padding:22px 22px 28px!important;
}
.anna-screen[data-screen-panel="saved"] .saved-grid{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:16px!important;
  row-gap:16px!important;
  padding:0!important;
  margin:0!important;
}
.anna-screen[data-screen-panel="saved"] .saved-grid .property-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  overflow:hidden!important;
}
.anna-screen[data-screen-panel="saved"] .saved-grid .property-photo{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:142px!important;
  min-height:142px!important;
  overflow:hidden!important;
}
.anna-screen[data-screen-panel="saved"] .saved-grid .property-photo img{
  width:100%!important;height:100%!important;object-fit:cover!important;
}

/* v0.58 — exact Match/Saved card geometry + unified page titles */
:root{--anna-demo-grid-gap:16px;--anna-demo-side-pad:22px}

/* One exact formula for one card in both screens. */
.anna-screen[data-screen-panel="matches"] .anna-property-grid,
.anna-screen[data-screen-panel="saved"] .saved-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--anna-demo-grid-gap)!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.anna-screen[data-screen-panel="matches"] .property-card,
.anna-screen[data-screen-panel="saved"] .saved-grid .property-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.anna-screen[data-screen-panel="matches"] .property-photo,
.anna-screen[data-screen-panel="saved"] .saved-grid .property-photo{
  width:100%!important;
  height:142px!important;
  min-height:142px!important;
  max-height:142px!important;
  box-sizing:border-box!important;
}
.anna-screen[data-screen-panel="matches"] .anna-property-scroll,
.anna-screen[data-screen-panel="saved"] .saved-content{
  padding-left:var(--anna-demo-side-pad)!important;
  padding-right:var(--anna-demo-side-pad)!important;
  box-sizing:border-box!important;
}

/* Conversation / Matches / Saved: identical title typography. */
.anna-demo-main .anna-page-head h3,
.anna-demo-main .anna-conversation-head h3,
.anna-demo-main .anna-conversation-head h2,
.anna-demo-main .anna-conversation-title,
.anna-demo-main [data-screen-panel="conversation"] .anna-page-title{
  font-family:Manrope,Arial,sans-serif!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#173D6B!important;
  margin:0!important;
}

/* v0.59 — Saved card copies live Match #1 rendered width */
.anna-screen[data-screen-panel="saved"] .saved-grid article{max-width:none!important}
.anna-demo-main .anna-conversation-head h3,
.anna-demo-main .anna-page-head h3{
  color:#173D6B!important;
  font:600 23px Manrope!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* v0.61 — Saved and Matches share the exact same grid container geometry.
   No runtime width measurement. */
.anna-screen[data-screen-panel="matches"] .anna-property-scroll,
.anna-screen[data-screen-panel="saved"] .saved-content{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  padding:22px 22px 28px!important;
  margin:0!important;
}
.anna-screen[data-screen-panel="matches"] .anna-property-grid,
.anna-screen[data-screen-panel="saved"] .saved-grid{
  box-sizing:border-box!important;
  display:grid!important;
  width:100%!important;
  max-width:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  padding:0!important;
  margin:0!important;
}
.anna-screen[data-screen-panel="matches"] .property-card,
.anna-screen[data-screen-panel="saved"] .saved-grid .property-card{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
}
.anna-screen[data-screen-panel="matches"] .property-photo,
.anna-screen[data-screen-panel="saved"] .saved-grid .property-photo{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:142px!important;
  min-height:142px!important;
  max-height:142px!important;
}

/* v0.62 — visual comparison correction:
   Saved card was 4 px wider than the Match card in the supplied captures. */
.anna-screen[data-screen-panel="saved"] .saved-grid .property-card{
  width:calc(100% - 4px)!important;
  max-width:calc(100% - 4px)!important;
}
.anna-screen[data-screen-panel="saved"] .saved-grid .property-photo{
  width:100%!important;
  max-width:100%!important;
}

/* v0.63 — cancel the v0.62 manual -4px guess.
   Exact width is captured from visible Match #1 before leaving Matches. */
.anna-screen[data-screen-panel="saved"] .saved-grid .property-card{
  width:100%!important;
  max-width:100%!important;
}


/* v0.64 — Dashboard demo: preserve scrolling, hide internal scrollbars. */
.anna-demo-main,
.anna-demo-main *,
.anna-screen,
.anna-screen * {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.anna-demo-main::-webkit-scrollbar,
.anna-demo-main *::-webkit-scrollbar,
.anna-screen::-webkit-scrollbar,
.anna-screen *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.anna-demo-shell{overscroll-behavior:none!important;touch-action:none!important;}


/* v0.66 — Website Pricing / Passes */
.pricing-section{
  background:#f7f9fc;
  padding:112px 0 118px;
  scroll-margin-top:92px;
}
.pricing-inner{max-width:1180px;margin:0 auto;padding:0 32px;text-align:center}
.pricing-intro{max-width:760px;margin:0 auto 58px}
.pricing-kicker{
  margin:0 0 17px;color:#F27F62;font:700 13px Manrope,sans-serif;
  letter-spacing:.14em;
}
.pricing-intro h2{
  margin:0;color:#173D6B;font:700 52px/1.08 Manrope,sans-serif;letter-spacing:-1.8px;
}
.pricing-subtitle{
  margin:22px 0 0;color:#62748a;font:400 18px/1.55 Inter,sans-serif;
}
.pricing-subtitle strong{color:#173D6B;font-weight:600}
.pricing-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
  align-items:stretch;max-width:1080px;margin:0 auto;
}
.pass-card{
  position:relative;display:flex;flex-direction:column;justify-content:space-between;
  min-height:430px;padding:38px 34px 32px;background:#fff;border:1px solid #e1e7ee;
  border-radius:22px;box-shadow:0 12px 34px rgba(23,61,107,.055);text-align:left;
}
.pass-card.pass-popular{
  border:2px solid #2F78D2;transform:translateY(-10px);
  box-shadow:0 18px 46px rgba(47,120,210,.13);
}
.popular-badge{
  position:absolute;top:-17px;left:50%;transform:translateX(-50%);
  padding:9px 20px;border-radius:999px;background:#2F78D2;color:#fff;
  font:700 11px Manrope,sans-serif;letter-spacing:.08em;white-space:nowrap;
}
.pass-name{
  margin:0 0 17px;color:#F27F62;font:700 12px Manrope,sans-serif;letter-spacing:.13em;
}
.pass-card h3{margin:0;color:#173D6B;font:700 28px Manrope,sans-serif}
.pass-price{display:flex;align-items:flex-end;gap:9px;margin-top:23px;color:#173D6B}
.pass-price strong{font:700 48px/.95 Manrope,sans-serif;letter-spacing:-1.8px}
.pass-price span{padding-bottom:5px;font:700 13px Manrope,sans-serif;letter-spacing:.05em}
.pass-convert{margin:10px 0 0;color:#93a0ae;font:500 12px Inter,sans-serif}
.pass-desc{margin:27px 0 0;color:#62748a;font:400 15px/1.65 Inter,sans-serif}
.pass-button{
  display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;margin-top:32px;border:1.5px solid #2F78D2;border-radius:12px;
  color:#2F78D2;text-decoration:none;font:700 14px Manrope,sans-serif;
  transition:.2s ease;background:#fff;
}
.pass-button span{font-size:19px;line-height:1}
.pass-button-primary{background:#2F78D2;color:#fff}
.pass-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(47,120,210,.12)}
.pass-includes{
  display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;
  margin:48px auto 0;color:#51677e;font:500 13px Inter,sans-serif;
}
.pass-includes span::first-letter{color:#2F78D2}
.stripe-trust{
  display:flex;align-items:center;justify-content:center;gap:8px;margin-top:26px;
  color:#8997a7;font:500 12px Inter,sans-serif;
}
.stripe-trust strong{
  color:#635BFF;font:700 17px/1 Inter,sans-serif;letter-spacing:-.6px;
}
.stripe-trust i{display:block;width:1px;height:15px;background:#d5dce4;margin:0 5px}
.stripe-lock{color:#6f8092;font-size:15px}
@media(max-width:850px){
  .pricing-section{padding:82px 0 90px}
  .pricing-inner{padding:0 20px}
  .pricing-intro h2{font-size:39px}
  .pricing-grid{grid-template-columns:1fr;gap:24px;max-width:480px}
  .pass-card.pass-popular{transform:none;margin-top:8px}
  .pass-card{min-height:390px}
}
@media(max-width:520px){
  .pricing-intro h2{font-size:33px}
  .pricing-subtitle{font-size:16px}
  .pass-card{padding:34px 26px 27px}
  .pass-price strong{font-size:44px}
  .pass-includes{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:12px 16px}
  .stripe-trust{flex-wrap:wrap}
}


/* v0.68 — Pricing refinements */
.pricing-section{
  background:#fff !important;
}
.pricing-grid{
  align-items:start !important;
}
.pass-card{
  width:100%;
  min-height:430px;
  box-sizing:border-box;
}
.pass-card.pass-popular{
  min-height:450px !important; /* 10px above + 10px below the standard cards */
  transform:translateY(-10px) !important;
}
@media(max-width:850px){
  .pass-card.pass-popular{
    min-height:390px !important;
    transform:none !important;
  }
}


/* v0.69 — Pass extension reassurance */
.pass-extension-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:22px auto 0;
  color:#62748a;
  font:400 13px/1.5 Inter,sans-serif;
}
.pass-extension-note strong{
  color:#173D6B;
  font-weight:700;
}
@media(max-width:600px){
  .pass-extension-note{
    display:block;
    max-width:360px;
  }
  .pass-extension-note strong{
    display:block;
    margin-bottom:3px;
  }
}


/* v0.70 — Pricing hierarchy:
   CTA + Most Popular aligned with the site's navy;
   Pass extension becomes a visible coral reassurance badge. */
.popular-badge{
  background:#173D6B !important;
}
.pass-button-primary{
  background:#173D6B !important;
  border-color:#173D6B !important;
  color:#fff !important;
}
.pass-extension-note{
  width:max-content;
  max-width:calc(100% - 40px);
  margin:25px auto 0 !important;
  padding:8px 15px;
  border-radius:999px;
  background:#F27F62;
  color:#fff !important;
  gap:7px;
  font-size:12px !important;
  line-height:1.35 !important;
  box-shadow:0 5px 14px rgba(242,127,98,.12);
}
.pass-extension-note strong,
.pass-extension-note span{
  color:#fff !important;
}
.pass-extension-note strong{
  font-weight:700 !important;
}
@media(max-width:600px){
  .pass-extension-note{
    width:auto;
    max-width:360px;
    border-radius:15px;
    padding:9px 14px;
  }
  .pass-extension-note strong{
    display:inline;
    margin:0;
  }
}

/* v0.71 */
.pass-card.pass-popular{border-color:#173D6B !important;}


/* v0.72 — About Anna */
.about-section{
  background:#fff;
  padding:118px 0 122px;
  scroll-margin-top:92px;
}
.about-inner{
  max-width:1120px;
  margin:0 auto;
  padding:0 34px;
  display:grid;
  grid-template-columns:42% 58%;
  align-items:center;
  gap:48px;
}
.about-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:470px;
}
.about-anna-image{
  display:block;
  width:min(100%,410px);
  height:auto;
  object-fit:contain;
}
.about-copy{
  max-width:610px;
  text-align:left;
}
.about-kicker{
  margin:0 0 17px;
  color:#F27F62;
  font:700 13px Manrope,sans-serif;
  letter-spacing:.14em;
}
.about-copy h2{
  margin:0 0 28px;
  color:#173D6B;
  font:700 52px/1.08 Manrope,sans-serif;
  letter-spacing:-1.7px;
}
.about-copy > p{
  margin:0 0 17px;
  color:#62748a;
  font:400 16px/1.7 Inter,sans-serif;
}
.about-copy p strong{color:#173D6B}
.about-copy .about-lead{
  margin:4px 0 18px;
  font-size:18px;
  line-height:1.55;
}
.about-independence{
  margin:28px 0 24px;
  padding:22px 24px;
  border-left:4px solid #F27F62;
  border-radius:0 14px 14px 0;
  background:#f8fafc;
  color:#62748a;
  font:400 15px/1.6 Inter,sans-serif;
}
.about-independence > strong{
  display:block;
  margin-bottom:5px;
  color:#173D6B;
  font:700 17px/1.4 Manrope,sans-serif;
}
.about-independence p{margin:0}
.about-independence .about-for-you{
  margin-top:9px;
  color:#173D6B;
  font-weight:700;
}
.about-copy .about-closing{
  margin:0;
  color:#173D6B;
  font:700 18px/1.5 Manrope,sans-serif;
}
@media(max-width:850px){
  .about-section{padding:86px 0 92px}
  .about-inner{
    grid-template-columns:1fr;
    gap:26px;
    padding:0 24px;
  }
  .about-visual{
    min-height:0;
    order:0;
  }
  .about-anna-image{width:min(78vw,350px)}
  .about-copy{
    max-width:650px;
    margin:0 auto;
    order:1;
  }
  .about-copy h2{font-size:42px}
}
@media(max-width:520px){
  .about-inner{padding:0 20px}
  .about-copy h2{font-size:36px}
  .about-copy > p{font-size:15px}
  .about-copy .about-lead{font-size:17px}
  .about-independence{padding:19px 19px}
}


/* v0.73 — About Anna visual balance */
.about-anna-image{
  width:min(100%,510px) !important;
}
.about-visual{
  min-height:520px !important;
}
@media(max-width:850px){
  .about-anna-image{width:min(88vw,420px) !important;}
  .about-visual{min-height:0 !important;}
}


/* v0.74 — HQ Anna, larger and vertically aligned with the About heading area */
.about-inner{
  align-items:start !important;
}
.about-visual{
  min-height:0 !important;
  align-self:start;
  justify-content:center;
  padding-top:22px;
}
.about-anna-image{
  width:min(100%,570px) !important;
  max-width:none !important;
}
@media(max-width:850px){
  .about-visual{padding-top:0 !important;}
  .about-anna-image{width:min(92vw,460px) !important;}
}


/* v0.75 — About Anna XL visual test */
.about-visual{
  overflow:visible !important;
}
.about-anna-image{
  width:650px !important;
  max-width:650px !important;
}
@media(max-width:1100px){
  .about-anna-image{
    width:600px !important;
    max-width:600px !important;
  }
}
@media(max-width:850px){
  .about-anna-image{
    width:min(92vw,460px) !important;
    max-width:460px !important;
  }
}


/* v0.76 — About readability: keep Anna XL, increase breathing room,
   narrow the editorial copy without changing typography or content. */
.about-inner{
  max-width:1180px !important;
  grid-template-columns:47% 53% !important;
  column-gap:72px !important;
}
.about-copy{
  width:100%;
  max-width:550px !important;
  justify-self:start;
}
@media(max-width:1100px){
  .about-inner{
    grid-template-columns:46% 54% !important;
    column-gap:52px !important;
  }
  .about-copy{
    max-width:530px !important;
  }
}
@media(max-width:850px){
  .about-inner{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .about-copy{
    max-width:600px !important;
    justify-self:center;
  }
}


/* v0.77 — Reuse the Hero AI badge inline in About */
.about-lead .ai-badge{
  display:inline-flex;
  vertical-align:middle;
  margin:0 3px;
  transform:translateY(-1px);
}


/* v0.78 — About AI badge: force the same compact, centered visual as Hero */
.about-lead .ai-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:36px !important;
  height:30px !important;
  padding:0 9px !important;
  margin:0 4px !important;
  border-radius:7px !important;
  background:#F27F62 !important;
  color:#fff !important;
  font-family:Manrope,sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
  vertical-align:middle !important;
  transform:translateY(-1px) !important;
  box-sizing:border-box !important;
}

/* v0.81 — Behind the Search */
.behind-section{background:#fff;padding:96px 24px 108px;overflow:hidden}
.behind-inner{width:min(1180px,100%);margin:0 auto}
.behind-intro{text-align:center;max-width:790px;margin:0 auto 54px}
.behind-kicker{margin:0 0 20px;color:#667b95;font-size:15px;font-weight:600;letter-spacing:.20em}
.behind-intro h2{margin:0;color:#123d6b;font-size:clamp(36px,4vw,54px);line-height:1.08;letter-spacing:-.035em;font-weight:700}
.behind-subtitle{max-width:690px;margin:24px auto 0;color:#60748d;font-size:17px;line-height:1.7}
.scan-stage{position:relative;height:510px;max-width:1120px;margin:0 auto 48px}
.scan-radar{position:absolute;left:50%;top:50%;width:252px;height:252px;transform:translate(-50%,-50%);border-radius:50%}
.radar-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(18,61,107,.12);border-radius:50%;transform:translate(-50%,-50%)}
.radar-ring-1{width:92px;height:92px}.radar-ring-2{width:168px;height:168px}.radar-ring-3{width:250px;height:250px}
.radar-sweep{position:absolute;inset:0;border-radius:50%;overflow:hidden;animation:annaRadar 14s linear infinite}
.radar-sweep:before{content:"";position:absolute;left:50%;top:50%;width:50%;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(242,127,98,.85),rgba(242,127,98,0));box-shadow:0 0 12px rgba(242,127,98,.18)}
.radar-sweep:after{content:"";position:absolute;left:50%;top:50%;width:50%;height:50%;transform-origin:0 0;clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(135deg,rgba(242,127,98,.10),rgba(242,127,98,0) 70%)}
.radar-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(18,61,107,.14);box-shadow:0 10px 30px rgba(18,61,107,.08);color:#123d6b;font-size:11px;font-weight:800;letter-spacing:.12em}
@keyframes annaRadar{to{transform:rotate(360deg)}}
.group-pill{position:absolute;padding:11px 15px;border:1px solid #e5ebf2;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(18,61,107,.055);color:#536b85;font-size:12px;font-weight:650;line-height:1;white-space:nowrap;animation:groupScan 14s ease-in-out infinite;animation-delay:var(--d)}
@keyframes groupScan{0%,8%,100%{border-color:#e5ebf2;color:#536b85;box-shadow:0 8px 24px rgba(18,61,107,.055);transform:translateY(0)}12%,22%{border-color:rgba(242,127,98,.72);color:#123d6b;box-shadow:0 10px 28px rgba(242,127,98,.15);transform:translateY(-2px)}30%,92%{border-color:#dce8f3;color:#365b80;box-shadow:0 8px 24px rgba(18,61,107,.07);transform:translateY(0)}}
.g1{left:3%;top:10%;--d:-1s}.g2{left:25%;top:4%;--d:-2.2s}.g3{right:26%;top:5%;--d:-3.4s}.g4{right:3%;top:12%;--d:-4.6s}
.g5{left:8%;top:29%;--d:-5.8s}.g6{left:29%;top:24%;--d:-7s}.g7{right:30%;top:24%;--d:-8.2s}.g8{right:8%;top:31%;--d:-9.4s}
.g9{left:1%;top:50%;--d:-10.6s}.g10{left:22%;top:47%;--d:-11.8s}.g11{right:21%;top:47%;--d:-13s}.g12{right:1%;top:52%;--d:-.2s}
.g13{left:7%;top:70%;--d:-1.4s}.g14{left:27%;top:72%;--d:-2.6s}.g15{right:27%;top:72%;--d:-3.8s}.g16{right:6%;top:70%;--d:-5s}
.g17{left:16%;bottom:2%;--d:-6.2s}.g18{left:38%;bottom:0;--d:-7.4s}.g19{right:20%;bottom:3%;--d:-8.6s}.g20{right:1%;bottom:10%;--d:-9.8s}
.cycle-row{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 auto 34px;color:#123d6b}
.cycle-row div{text-align:center;min-width:150px}.cycle-row strong{display:block;font-size:13px;letter-spacing:.12em}.cycle-row span{display:block;margin-top:6px;color:#718399;font-size:12px}.cycle-row i{font-style:normal;color:#f27f62;font-size:19px}
.cycle-note{max-width:780px;margin:0 auto;padding:20px 26px;text-align:center;border-radius:14px;background:#f7f9fc;color:#123d6b}
.cycle-note strong{font-size:15px}.cycle-note p{margin:7px 0 0;color:#667b92;font-size:14px;line-height:1.55}
@media(max-width:900px){.behind-section{padding:78px 18px 86px}.scan-stage{height:570px}.group-pill{font-size:11px;padding:10px 12px}.g2,.g3,.g14,.g15{display:none}.scan-radar{width:220px;height:220px}.radar-ring-3{width:218px;height:218px}.cycle-row{gap:12px;flex-wrap:wrap}.cycle-row i{font-size:15px}.cycle-row div{min-width:130px}}
@media(max-width:620px){.behind-intro{margin-bottom:34px}.behind-intro h2{font-size:34px}.behind-subtitle{font-size:15px}.scan-stage{height:620px}.scan-radar{width:178px;height:178px}.radar-ring-1{width:66px;height:66px}.radar-ring-2{width:120px;height:120px}.radar-ring-3{width:176px;height:176px}.radar-core{width:54px;height:54px;font-size:10px}.group-pill{font-size:10px;padding:9px 10px}.g6,.g7,.g10,.g11,.g17,.g18{display:none}.g1{left:1%;top:8%}.g4{right:1%;top:10%}.g5{left:2%;top:25%}.g8{right:2%;top:27%}.g9{left:0;top:45%}.g12{right:0;top:47%}.g13{left:2%;top:65%}.g16{right:2%;top:66%}.g19{left:4%;right:auto;bottom:7%}.g20{right:2%;bottom:5%}.cycle-row{display:grid;grid-template-columns:1fr;gap:8px}.cycle-row i{transform:rotate(90deg)}.cycle-note{padding:18px 16px}}
@media(prefers-reduced-motion:reduce){.radar-sweep,.group-pill{animation:none}}

/* v0.82 — Behind the Search compact cluster */
.scan-stage{height:430px;max-width:900px;margin:0 auto 42px}
.scan-radar{width:340px;height:340px}
.radar-ring-1{width:122px;height:122px}.radar-ring-2{width:228px;height:228px}.radar-ring-3{width:338px;height:338px}
.group-pill{padding:10px 14px}
.g1{left:10%;top:9%;--d:-1s}.g2{left:34%;top:3%;--d:-2.2s}.g3{right:14%;top:8%;--d:-3.4s}.g4{right:2%;top:24%;--d:-4.6s}
.g5{left:1%;top:25%;--d:-5.8s}.g6{left:25%;top:21%;--d:-7s}.g7{right:24%;top:21%;--d:-8.2s}.g8{right:1%;top:42%;--d:-9.4s}
.g9{left:2%;top:45%;--d:-10.6s}.g10{left:20%;top:40%;--d:-11.8s}.g11{right:19%;top:40%;--d:-13s}.g12{right:3%;top:61%;--d:-.2s}
.g13{left:3%;top:64%;--d:-1.4s}.g14{left:22%;top:61%;--d:-2.6s}.g15{right:22%;top:61%;--d:-3.8s}.g16{right:7%;top:78%;--d:-5s}
.g17{left:13%;bottom:3%;--d:-6.2s}.g18{left:36%;bottom:0;--d:-7.4s}.g19{right:19%;bottom:2%;--d:-8.6s}.g20{right:0;bottom:4%;--d:-9.8s}
@media(max-width:900px){.scan-stage{height:520px;max-width:760px}.scan-radar{width:300px;height:300px}.radar-ring-1{width:108px;height:108px}.radar-ring-2{width:200px;height:200px}.radar-ring-3{width:298px;height:298px}}
@media(max-width:620px){.scan-stage{height:600px}.scan-radar{width:220px;height:220px}.radar-ring-1{width:78px;height:78px}.radar-ring-2{width:146px;height:146px}.radar-ring-3{width:218px;height:218px}}

/* v0.83 — Behind the Search wide radar / organic constellation */
.scan-stage{height:470px;max-width:1120px;margin:0 auto 42px}
.scan-radar{width:1040px;height:1040px;left:50%;top:50%}
.radar-ring-1{width:330px;height:330px}
.radar-ring-2{width:670px;height:670px}
.radar-ring-3{width:1030px;height:1030px}
.radar-core{width:64px;height:64px}
.group-pill{padding:10px 14px}
/* Deliberately balanced but non-symmetrical. No mirrored rows. */
.g1{left:5%;top:8%;--d:-1s}.g2{left:29%;top:2%;--d:-2.2s}.g3{right:18%;top:7%;--d:-3.4s}.g4{right:2%;top:18%;--d:-4.6s}
.g5{left:1%;top:25%;--d:-5.8s}.g6{left:22%;top:20%;--d:-7s}.g7{right:31%;top:24%;--d:-8.2s}.g8{right:3%;top:37%;--d:-9.4s}
.g9{left:6%;top:43%;--d:-10.6s}.g10{left:27%;top:39%;--d:-11.8s}.g11{right:20%;top:45%;--d:-13s}.g12{right:1%;top:57%;--d:-.2s}
.g13{left:2%;top:62%;--d:-1.4s}.g14{left:23%;top:58%;--d:-2.6s}.g15{right:27%;top:65%;--d:-3.8s}.g16{right:5%;top:76%;--d:-5s}
.g17{left:12%;bottom:4%;--d:-6.2s}.g18{left:37%;bottom:1%;--d:-7.4s}.g19{right:22%;bottom:5%;--d:-8.6s}.g20{right:1%;bottom:1%;--d:-9.8s}
@media(max-width:900px){.scan-stage{height:520px;max-width:760px}.scan-radar{width:720px;height:720px}.radar-ring-1{width:240px;height:240px}.radar-ring-2{width:470px;height:470px}.radar-ring-3{width:710px;height:710px}}
@media(max-width:620px){.scan-stage{height:600px}.scan-radar{width:520px;height:520px}.radar-ring-1{width:174px;height:174px}.radar-ring-2{width:340px;height:340px}.radar-ring-3{width:510px;height:510px}}
\n\n/* v0.84 — section label system + Behind the Search refinement */
.how-kicker,.pricing-kicker,.about-kicker,.behind-kicker{
  margin-bottom:17px;
  color:#F27F62;
  font:700 14px Manrope,sans-serif;
  letter-spacing:.16em;
  line-height:1.2;
}
.behind-intro{max-width:900px;margin-bottom:54px}
.behind-intro h2{font-size:clamp(36px,4vw,54px)}
.behind-subtitle{max-width:820px}
/* Keep the constellation organic while filling the upper centre-right void. */
.g3{right:16%;top:5%}
.g7{right:28%;top:18%}
.g8{right:2%;top:34%}
.g12{right:9%;top:52%}
.g15{right:29%;top:61%}
.g16{right:4%;top:73%}
.g19{right:20%;bottom:2%}
.g20{right:0;bottom:0}
/* Give the explanatory process its own breathing room below the radar. */
.cycle-row{position:relative;z-index:4;margin-top:118px;margin-bottom:34px}
.cycle-row:before{content:"";position:absolute;z-index:-1;inset:-34px -24px;background:#fff}
.cycle-note{position:relative;z-index:4}
@media(max-width:900px){
  .how-kicker,.pricing-kicker,.about-kicker,.behind-kicker{font-size:13px}
  .cycle-row{margin-top:76px}
}
@media(max-width:620px){
  .how-kicker,.pricing-kicker,.about-kicker,.behind-kicker{font-size:12px}
  .cycle-row{margin-top:38px}
}

/* v0.85 — synchronized radar scan + denser organic constellation */
.how-kicker,.pricing-kicker,.about-kicker,.behind-kicker{
  color:#F27F62 !important;
  font-family:Manrope,sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase;
}
/* Pills are activated by the actual sweep angle in JS, never by an independent animation. */
.group-pill{animation:none !important;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.group-pill.scan-hit{border-color:rgba(242,127,98,.88);color:#123d6b;box-shadow:0 10px 28px rgba(242,127,98,.18);transform:translateY(-2px)}
/* Organic distribution: fill the inner radar without creating mirrored rows. */
.g1{left:4%;top:8%}.g2{left:28%;top:1%}.g3{right:17%;top:6%}.g4{right:2%;top:18%}
.g5{left:0;top:27%}.g6{left:20%;top:21%}.g7{right:32%;top:20%}.g8{right:2%;top:36%}
.g9{left:5%;top:45%}.g10{left:25%;top:40%}.g11{right:23%;top:43%}.g12{right:7%;top:51%}
.g13{left:1%;top:63%}.g14{left:21%;top:57%}.g15{right:31%;top:59%}.g16{right:4%;top:69%}
.g17{left:11%;bottom:3%}.g18{left:36%;bottom:7%}.g19{right:22%;bottom:5%}.g20{right:0;bottom:1%}
/* Move the process clearly below the radar illustration. */
.cycle-row{margin-top:176px !important}
@media(max-width:900px){
  .how-kicker,.pricing-kicker,.about-kicker,.behind-kicker{font-size:13px !important}
  .cycle-row{margin-top:110px !important}
}
@media(max-width:620px){
  .how-kicker,.pricing-kicker,.about-kicker,.behind-kicker{font-size:12px !important}
  .cycle-row{margin-top:54px !important}
}

/* v0.86 — circular sweep sector + fuller organic centre */
/* The sweep is clipped by the radar circle so its outside edge follows the circumference. */
.radar-sweep{
  overflow:hidden;
  background:conic-gradient(from 324deg at 50% 50%,
    rgba(242,127,98,0) 0deg,
    rgba(242,127,98,.018) 8deg,
    rgba(242,127,98,.055) 22deg,
    rgba(242,127,98,.105) 34deg,
    rgba(242,127,98,0) 36deg,
    rgba(242,127,98,0) 360deg);
}
.radar-sweep:after{display:none !important}
.radar-sweep:before{
  width:50%;
  height:1px;
  background:linear-gradient(90deg,rgba(242,127,98,.92),rgba(242,127,98,.50) 72%,rgba(242,127,98,.18));
  box-shadow:0 0 10px rgba(242,127,98,.14);
}
/* Extra real groups occupy the inner field without forming a mirrored pattern. */
.g21{left:40%;top:15%}
.g22{left:43%;top:31%}
.g23{left:45%;top:69%}
@media(max-width:900px){.g21{left:39%;top:14%}.g22{left:42%;top:31%}.g23{left:43%;top:70%}}
@media(max-width:620px){.g21,.g22,.g23{display:none}}

/* v0.87 — final visual balance + Anna focal point + demo kicker consistency */
.anna-demo-kicker,.how-kicker,.pricing-kicker,.about-kicker,.behind-kicker{
  color:#F27F62 !important;
  font-family:Manrope,sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase;
}
/* Anna is the visual source of the orange scan. */
.radar-core{
  background:#F27F62 !important;
  border-color:#F27F62 !important;
  color:#fff !important;
  box-shadow:0 10px 30px rgba(242,127,98,.20) !important;
}
/* Refine only the three newest inner-field groups for a more natural visual rhythm. */
.g21{left:41%;top:5%}
.g22{left:44%;top:31%}
.g23{left:45%;top:76%}
@media(max-width:900px){
  .anna-demo-kicker,.how-kicker,.pricing-kicker,.about-kicker,.behind-kicker{font-size:13px !important}
  .g21{left:40%;top:5%}.g22{left:43%;top:31%}.g23{left:44%;top:77%}
}
@media(max-width:620px){
  .anna-demo-kicker,.how-kicker,.pricing-kicker,.about-kicker,.behind-kicker{font-size:12px !important}
}

/* v0.88 — final Behind the Search micro-adjustment */
/* Align Samui Property Rent&Sale with the lower-right Samui Land, villa sale & rent pill. */
.g18{bottom:1% !important}
@media(max-width:900px){.g18{bottom:1% !important}}

/* v0.89 — FAQ first clean implementation */
.faq-section{padding:110px 0 120px;background:#fff}
.faq-inner{width:min(1120px,calc(100% - 48px));margin:0 auto}
.faq-intro{text-align:center;max-width:760px;margin:0 auto 54px}
.faq-kicker{margin:0 0 14px;color:#F27F62;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}
.faq-intro h2{margin:0 0 14px;color:#07366b;font:700 42px/1.12 Manrope,sans-serif;letter-spacing:-.035em}
.faq-intro>p:not(.faq-kicker){margin:0;color:#637b9b;font:400 17px/1.65 Manrope,sans-serif}
.faq-list{max-width:920px;margin:0 auto;border-top:1px solid #e3ebf4}
.faq-item{border-bottom:1px solid #e3ebf4}
.faq-question{appearance:none;-webkit-appearance:none;width:100%;border:0;background:transparent;margin:0;padding:23px 4px;display:flex;align-items:center;justify-content:space-between;gap:28px;text-align:left;cursor:pointer;color:#07366b;font:600 17px/1.45 Manrope,sans-serif}
.faq-question span{display:block}
.faq-question b{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#637b9b;background:#f5f8fc;font:400 25px/1 Manrope,sans-serif;transition:color .18s ease,background .18s ease,transform .18s ease}
.faq-question:hover b,.faq-question:focus-visible b{color:#637b9b;background:#eef3f9}
.faq-question:focus-visible{outline:2px solid rgba(99,123,155,.32);outline-offset:4px;border-radius:8px}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.faq-answer>p{overflow:hidden;margin:0;padding:0 58px 0 4px;color:#637b9b;font:400 15.5px/1.75 Manrope,sans-serif;transition:padding .28s ease}
.faq-item.open .faq-answer{grid-template-rows:1fr}
.faq-item.open .faq-answer>p{padding-bottom:24px}
.faq-item.open .faq-question b{color:#637b9b;background:#f5f8fc}
@media(max-width:700px){.faq-section{padding:76px 0 88px}.faq-inner{width:min(100% - 32px,1120px)}.faq-intro{margin-bottom:38px}.faq-kicker{font-size:12px}.faq-intro h2{font-size:31px}.faq-intro>p:not(.faq-kicker){font-size:15px}.faq-question{padding:20px 2px;font-size:15px;gap:16px}.faq-question b{flex-basis:30px;width:30px;height:30px;font-size:22px}.faq-answer>p{padding-right:38px;font-size:14px}}

/* v0.90 — FAQ final refinements */
.faq-contact{max-width:920px;margin:58px auto 0;padding-top:42px;text-align:center;border-top:1px solid #e3ebf4}
.faq-contact h3{margin:0 0 10px;color:#07366b;font:700 22px/1.3 Manrope,sans-serif;letter-spacing:-.02em}
.faq-contact p{margin:0 0 10px;color:#637b9b;font:400 15.5px/1.7 Manrope,sans-serif}
.faq-contact a{color:#637b9b;font:600 15.5px/1.5 Manrope,sans-serif;text-decoration:none;border-bottom:1px solid rgba(99,123,155,.38)}
.faq-contact a:hover,.faq-contact a:focus-visible{color:#637b9b;border-bottom-color:#637b9b}
@media(max-width:700px){.faq-contact{margin-top:44px;padding-top:34px}.faq-contact h3{font-size:20px}.faq-contact p,.faq-contact a{font-size:14px}}


/* v0.91 — FAQ payment + final visual micro-corrections */
/* One separator only: the last FAQ item's bottom rule separates the list from contact. */
.faq-contact{border-top:0 !important;}
/* Stronger intermediate-blue affordance, still no orange. */
.faq-question b{color:#4f78ad !important;background:#f5f8fc !important;}
.faq-question:hover b,.faq-question:focus-visible b{color:#fff !important;background:#4f78ad !important;}
.faq-item.open .faq-question b{color:#fff !important;background:#4f78ad !important;}

/* v0.92 — Anna Ginger footer */
.site-footer{background:#fff;border-top:1px solid #e7edf4;padding:68px 24px 0;color:#07366b}
.footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.55fr .9fr .9fr 1.05fr;gap:64px;align-items:start}
.footer-brand{display:inline-flex;align-items:center;height:112px;gap:0;color:#111;text-decoration:none;margin-left:-27px}.footer-brand span{font-family:Cinzel,serif;font-size:18px;font-weight:400;line-height:normal;letter-spacing:normal;white-space:nowrap;margin-left:-14px;position:relative;top:5px}
.footer-brand img{width:auto;height:108px;object-fit:contain}
.footer-brand-block>p{max-width:330px;margin:-7px 0 22px;color:#637b9b;font:400 14px/1.7 Manrope,sans-serif}.footer-ai-badge{display:inline-grid;place-items:center;min-width:28px;height:23px;padding:0 7px;margin:0 3px;border-radius:6px;background:#F27F62;color:#fff;font:700 11px/1 Manrope,sans-serif;vertical-align:middle}
.footer-facebook{display:flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:#637b9b;color:#fff;text-decoration:none;transition:transform .18s ease,background .18s ease}
.footer-facebook span{font:700 21px/1 Arial,sans-serif;transform:translateY(1px)}
.footer-facebook:hover,.footer-facebook:focus-visible{background:#4f6f98;transform:translateY(-1px);outline:none}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.footer-column h3{margin:0 0 8px;color:#07366b;font:700 12px/1.2 Manrope,sans-serif;letter-spacing:.12em}
.footer-column a,.footer-column span{color:#466589;font:400 13px/1.45 Manrope,sans-serif;text-decoration:none}
.footer-column a:hover,.footer-column a:focus-visible{color:#07366b;outline:none}
.footer-legal span{cursor:default}
.footer-contact a{overflow-wrap:anywhere}
.footer-bottom{max-width:1180px;margin:56px auto 0;padding:22px 0 26px;border-top:1px solid #edf1f5;color:#8a9bb0;font:400 11.5px/1.5 Manrope,sans-serif}
@media(max-width:900px){.footer-inner{grid-template-columns:1.4fr 1fr;gap:48px 56px}.footer-contact{grid-column:2}.footer-bottom{margin-top:46px}}
@media(max-width:600px){.site-footer{padding:52px 22px 0}.footer-inner{grid-template-columns:1fr;gap:38px}.footer-contact{grid-column:auto}.footer-brand-block>p{margin:-7px 0 22px}.footer-bottom{margin-top:40px;padding-bottom:22px}.footer-column{gap:11px}}

/* v0.97 — final footer vertical alignment */
@media (min-width:901px){
  .footer-brand-block{transform:translateY(-20px)}
  .footer-brand-block>p{margin:-15px 0 22px}
}


/* =========================================================
   v1.08.36 PUBLIC HERO MOBILE LAB
   Mobile only. Desktop hero geometry remains untouched.
   ========================================================= */
.language-picker{position:relative;display:inline-flex;align-items:center}
.language-chevron{
  display:inline-block;
  width:0;height:0;
  margin-left:7px;
  vertical-align:middle;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:7px solid #173D6B;
  transform:translateY(1px);
}
.language-menu{
  position:absolute;
  z-index:1000;
  top:calc(100% + 10px);
  right:0;
  min-width:142px;
  padding:7px;
  border:1px solid #e1e8f1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 14px 34px rgba(23,61,107,.15);
  opacity:0;
  visibility:hidden;
  transform:translateY(-5px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.language-menu.open{opacity:1;visibility:visible;transform:none}
.language-menu button{
  display:block;
  width:100%;
  padding:10px 12px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#173D6B;
  text-align:left;
  font:600 13px/1.2 Manrope,sans-serif;
  cursor:pointer;
}
.language-menu button:hover,.language-menu button:focus-visible{background:#f3f7fc;outline:none}

@media(max-width:600px){
  .language{min-width:54px;padding:10px 4px 10px 8px!important;cursor:pointer}
  .language-chevron{border-left-width:5px;border-right-width:5px;border-top-width:7px;margin-left:8px}

  /* Give the visual its own compact mobile stage. */
  .hero{padding-bottom:0!important}
  .hero-inner{padding-bottom:0!important}
  .hero-visual{
    width:100%!important;
    height:350px!important;
    min-height:350px!important;
    margin:28px auto 0!important;
    overflow:hidden!important;
    isolation:isolate;
  }
  .hero-visual::before{
    top:-30px!important;
    right:-120px!important;
    width:520px!important;
    height:410px!important;
    opacity:.7!important;
  }
  .hero-visual .scene{
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }

  /* Main seeker/couple card: dominant. */
  .hero-visual .seeker-card{
    z-index:3!important;
    left:50%!important;
    right:auto!important;
    top:20px!important;
    width:min(82vw,320px)!important;
    height:310px!important;
    border-width:6px!important;
    border-radius:24px!important;
    transform:translateX(-50%) rotate(-2deg)!important;
  }

  /* Opportunity/result card: deliberately secondary and partly hidden. */
  .hero-visual .result-card{
    z-index:2!important;
    left:-24px!important;
    right:auto!important;
    top:54px!important;
    width:150px!important;
    height:245px!important;
    border-width:5px!important;
    border-radius:21px!important;
    transform:rotate(5deg)!important;
    opacity:.96;
  }

  /* Preserve the same rotating scenes, adapted to the compact geometry. */
  .hero-visual .scene.entering .seeker-card{
    opacity:0!important;
    transform:translateX(calc(-50% + 24px)) rotate(-2deg)!important;
  }
  .hero-visual .scene.leaving .seeker-card{
    opacity:0!important;
    transform:translateX(calc(-50% - 24px)) rotate(-2deg)!important;
  }
  .hero-visual .scene.entering .result-card{
    opacity:0!important;
    transform:translateX(18px) rotate(5deg)!important;
  }
  .hero-visual .scene.leaving .result-card{
    opacity:0!important;
    transform:translateX(-18px) rotate(5deg)!important;
  }

  .hero-visual .seeker-card .anna-message{
    left:13px!important;
    right:13px!important;
    bottom:13px!important;
    min-height:54px!important;
    padding:9px 11px!important;
    gap:8px!important;
    border-radius:14px!important;
    font-size:10.5px!important;
  }
  .hero-visual .seeker-card .anna-message img{
    width:29px!important;height:29px!important;
  }

  /* Secondary card stays readable without competing with the main card. */
  .hero-visual .result-card .match-badge{
    top:9px!important;right:8px!important;
    padding:6px 8px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }
  .hero-visual .result-card .result-photo{height:calc(100% - 54px)!important}
  .hero-visual .result-card .property-info{
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:54px!important;
    padding:8px 9px!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  .hero-visual .result-card .property-info strong{
    width:100%!important;font-size:9px!important;text-align:left!important;
  }
  .hero-visual .result-card .property-info span{
    width:100%!important;font-size:7.5px!important;text-align:left!important;
  }

  /* Visible breathing room between the bottom of the cards and HOW IT WORKS. */
  .how-section{padding-top:58px!important}
}


/* =========================================================
   v1.08.37 PUBLIC HERO MOBILE - SINGLE HOME CARD TEST
   Overrides v1.08.36 mobile card composition only.
   Desktop remains untouched.
   ========================================================= */
@media(max-width:600px){
  /* Compact static visual stage. */
  .hero-visual{
    height:390px!important;
    min-height:390px!important;
    margin:30px auto 0!important;
    overflow:visible!important;
  }

  /* Mobile does not wait for the desktop HOME/LAND/BUSINESS scene animation.
     HOME remains the single visible witness card. */
  .hero-visual .scene{
    opacity:0!important;
    pointer-events:none!important;
  }
  .hero-visual .scene[data-scene="HOME"]{
    opacity:1!important;
    pointer-events:auto!important;
  }

  /* One large vertical card, using the original desktop card proportion:
     355 x 440 = 0.8068 width/height. */
  .hero-visual .scene[data-scene="HOME"] .seeker-card{
    display:block!important;
    z-index:3!important;
    left:50%!important;
    right:auto!important;
    top:12px!important;
    width:min(88vw,355px)!important;
    height:auto!important;
    aspect-ratio:355 / 440!important;
    border:7px solid #fff!important;
    border-radius:28px!important;
    transform:translateX(-50%) rotate(-3deg)!important;
    opacity:1!important;
  }

  /* No secondary card on mobile. */
  .hero-visual .scene[data-scene="HOME"] .result-card,
  .hero-visual .scene[data-scene="LAND"] .visual-card,
  .hero-visual .scene[data-scene="BUSINESS"] .visual-card{
    display:none!important;
  }

  /* Keep Anna's message comfortably readable on the wider card. */
  .hero-visual .scene[data-scene="HOME"] .seeker-card .anna-message{
    left:16px!important;
    right:16px!important;
    bottom:17px!important;
    min-height:62px!important;
    padding:11px 13px!important;
    gap:10px!important;
    border-radius:16px!important;
    font-size:11.5px!important;
    line-height:1.35!important;
  }
  .hero-visual .scene[data-scene="HOME"] .seeker-card .anna-message img{
    width:34px!important;
    height:34px!important;
  }

  /* Real visual breathing after the tilted card. */
  .how-section{
    padding-top:64px!important;
  }
}


/* v1.08.38 PUBLIC HERO MOBILE DETAILS */
@media(max-width:600px){
  .hero-visual{
    margin-bottom:64px!important;
  }
  .how-section{
    padding-top:58px!important;
  }
}

/* v1.08.38 revised HOME message */
@media(max-width:600px){
  .hero-visual .scene[data-scene="HOME"] .seeker-card .anna-message span strong{
    display:inline-block;
    margin-top:2px;
    color:#173D6B;
    font-weight:700;
  }
}


/* =========================================================
   v1.08.39 PUBLIC HERO IPAD LAB
   iPad portrait range only. Mobile <=600 and desktop >1100
   retain their existing rules.
   ========================================================= */

/* Shared iPad logic: same immediate single-card Hero as phone. */
@media(min-width:601px) and (max-width:1100px){
  .hero{
    min-height:0!important;
    padding-bottom:0!important;
  }
  .hero-inner{
    grid-template-columns:1fr!important;
    gap:0!important;
    padding-top:54px!important;
    padding-bottom:0!important;
  }
  .hero-copy{
    width:100%!important;
    max-width:760px!important;
    margin:0 auto!important;
    padding-left:0!important;
  }
  .hero-visual{
    width:100%!important;
    max-width:760px!important;
    height:500px!important;
    min-height:500px!important;
    margin:38px auto 72px!important;
    overflow:visible!important;
  }

  /* Freeze the visual witness on HOME for tablet. */
  .hero-visual .scene{
    opacity:0!important;
    pointer-events:none!important;
  }
  .hero-visual .scene[data-scene="HOME"]{
    opacity:1!important;
    pointer-events:auto!important;
  }
  .hero-visual .scene[data-scene="HOME"] .seeker-card{
    display:block!important;
    z-index:3!important;
    left:50%!important;
    right:auto!important;
    top:14px!important;
    width:355px!important;
    height:auto!important;
    aspect-ratio:355 / 440!important;
    border:7px solid #fff!important;
    border-radius:28px!important;
    transform:translateX(-50%) rotate(-3deg)!important;
    opacity:1!important;
  }
  .hero-visual .scene[data-scene="HOME"] .result-card,
  .hero-visual .scene[data-scene="LAND"] .visual-card,
  .hero-visual .scene[data-scene="BUSINESS"] .visual-card{
    display:none!important;
  }
  .hero-visual .scene[data-scene="HOME"] .seeker-card .anna-message{
    left:18px!important;
    right:18px!important;
    bottom:19px!important;
    min-height:66px!important;
    padding:12px 14px!important;
    gap:11px!important;
    border-radius:16px!important;
    font-size:12px!important;
    line-height:1.38!important;
  }
  .hero-visual .scene[data-scene="HOME"] .seeker-card .anna-message img{
    width:36px!important;
    height:36px!important;
  }
  .how-section{
    padding-top:76px!important;
  }
}

/* iPad mini portrait, around 768px. */
@media(min-width:601px) and (max-width:900px){
  .header-inner{padding-left:26px!important;padding-right:26px!important}
  .hero-inner{padding-left:34px!important;padding-right:34px!important}
  .hero-copy{max-width:700px!important}
  .hero-copy h1{font-size:56px!important;line-height:1!important}
  .hero-copy h1 .word-wrap{height:60px!important;min-width:340px!important}
  .lead{max-width:620px!important;font-size:17px!important}
  .hero-visual{
    height:485px!important;
    min-height:485px!important;
    margin-top:34px!important;
    margin-bottom:72px!important;
  }
}

/* iPad Pro 13 portrait, around 1032px. */
@media(min-width:901px) and (max-width:1100px){
  .header-inner{padding-left:38px!important;padding-right:38px!important}
  .hero-inner{padding-left:52px!important;padding-right:52px!important}
  .hero-copy{max-width:820px!important}
  .hero-copy h1{font-size:60px!important;line-height:.99!important}
  .hero-copy h1 .word-wrap{height:64px!important;min-width:370px!important}
  .lead{max-width:650px!important;font-size:18px!important}
  .hero-visual{
    height:535px!important;
    min-height:535px!important;
    margin-top:42px!important;
    margin-bottom:78px!important;
  }
  .hero-visual .scene[data-scene="HOME"] .seeker-card{
    width:390px!important;
    aspect-ratio:355 / 440!important;
  }
  .hero-visual .scene[data-scene="HOME"] .seeker-card .anna-message{
    font-size:12.5px!important;
  }
}


/* =========================================================
   v1.08.40 PUBLIC HERO IPAD PRO 13 REFLOW
   901-1100px only. Restore the two-card scene animation,
   enlarge the tablet UI, and reduce the oversized copy column.
   ========================================================= */
@media(min-width:901px) and (max-width:1100px){
  .site-header{
    height:112px!important;
  }
  .header-inner{
    max-width:980px!important;
    padding-left:34px!important;
    padding-right:34px!important;
  }
  .brand img{height:100px!important}
  .brand span{font-size:17px!important}
  .actions{
    gap:18px!important;
  }
  .language-picker{
    transform:scale(1.18);
    transform-origin:right center;
  }
  .language,
  #languageToggle{
    font-size:16px!important;
    min-height:44px!important;
    padding:8px 6px!important;
  }
  .language-chevron{
    width:0!important;
    height:0!important;
    border-left:5px solid transparent!important;
    border-right:5px solid transparent!important;
    border-top:7px solid #173D6B!important;
    margin-left:7px!important;
  }

  .hero-inner{
    width:100%!important;
    max-width:1032px!important;
    padding:42px 58px 0!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .hero-copy{
    width:100%!important;
    max-width:650px!important;
    margin:0!important;
    padding:0!important;
  }
  .location{
    font-size:14px!important;
    padding:9px 13px!important;
    margin-bottom:20px!important;
  }
  .hero-copy h1{
    font-size:68px!important;
    line-height:.98!important;
    max-width:650px!important;
    margin-bottom:26px!important;
  }
  .hero-copy h1 .word-wrap{
    height:72px!important;
    min-width:400px!important;
  }
  .ai-line{
    font-size:16px!important;
  }
  .ai-badge{
    width:40px!important;
    height:34px!important;
  }
  .lead{
    max-width:620px!important;
    font-size:19px!important;
    line-height:1.58!important;
    margin-bottom:30px!important;
  }
  .hero-actions{
    gap:16px!important;
  }
  .primary-cta,
  .secondary-cta{
    min-height:50px!important;
    padding:15px 23px!important;
    font-size:16px!important;
  }

  /* Full-width animation stage below the copy. */
  .hero-visual{
    width:100%!important;
    max-width:900px!important;
    height:565px!important;
    min-height:565px!important;
    margin:54px auto 82px!important;
    overflow:visible!important;
  }

  /* Undo the tablet single-card freeze from v1.08.39. */
  .hero-visual .scene{
    opacity:0!important;
    pointer-events:none!important;
  }
  .hero-visual .scene.active{
    opacity:1!important;
    pointer-events:auto!important;
  }

  .hero-visual .scene[data-scene="HOME"] .seeker-card,
  .hero-visual .scene[data-scene="HOME"] .result-card,
  .hero-visual .scene[data-scene="LAND"] .visual-card,
  .hero-visual .scene[data-scene="BUSINESS"] .visual-card{
    display:block!important;
    width:355px!important;
    height:440px!important;
    aspect-ratio:auto!important;
    border:7px solid #fff!important;
    border-radius:28px!important;
    opacity:1!important;
  }

  /* Re-establish the original paired geometry in the larger tablet stage. */
  .hero-visual .scene[data-scene="HOME"] .seeker-card,
  .hero-visual .scene[data-scene="LAND"] .seeker-card,
  .hero-visual .scene[data-scene="BUSINESS"] .seeker-card{
    left:72px!important;
    right:auto!important;
    top:36px!important;
    transform:rotate(-5deg)!important;
    z-index:2!important;
  }
  .hero-visual .scene[data-scene="HOME"] .result-card,
  .hero-visual .scene[data-scene="LAND"] .result-card,
  .hero-visual .scene[data-scene="BUSINESS"] .result-card{
    left:auto!important;
    right:60px!important;
    top:68px!important;
    transform:rotate(5deg)!important;
    z-index:1!important;
  }

  .hero-visual .anna-message{
    left:20px!important;
    right:20px!important;
    bottom:22px!important;
    min-height:66px!important;
    padding:12px 14px!important;
    font-size:12px!important;
    line-height:1.38!important;
  }
  .hero-visual .anna-message img{
    width:36px!important;
    height:36px!important;
  }

  .how-section{
    padding-top:84px!important;
  }
}


/* =========================================================
   v1.08.41 PUBLIC HERO IPAD PRO 13 SCALE
   901-1100px only: larger copy + larger overlapping cards.
   ========================================================= */
@media(min-width:901px) and (max-width:1100px){
  .hero-inner{
    padding:38px 48px 0!important;
  }
  .hero-copy{
    max-width:760px!important;
  }
  .location{
    font-size:15px!important;
    padding:10px 14px!important;
  }
  .hero-copy h1{
    max-width:760px!important;
    font-size:74px!important;
    line-height:.98!important;
    margin-bottom:28px!important;
  }
  .hero-copy h1 .word-wrap{
    height:78px!important;
    min-width:430px!important;
  }
  .ai-line{
    gap:12px!important;
    margin-bottom:15px!important;
    font-size:18px!important;
  }
  .ai-badge{
    width:43px!important;
    height:37px!important;
    font-size:15px!important;
  }
  .lead{
    max-width:720px!important;
    font-size:21px!important;
    line-height:1.58!important;
    margin-bottom:34px!important;
  }
  .primary-cta,
  .secondary-cta{
    min-height:55px!important;
    padding:17px 26px!important;
    font-size:18px!important;
  }

  /* Larger desktop-like overlapping animation below the copy. */
  .hero-visual{
    max-width:936px!important;
    height:650px!important;
    min-height:650px!important;
    margin:58px auto 88px!important;
  }

  .hero-visual .scene[data-scene="HOME"] .seeker-card,
  .hero-visual .scene[data-scene="HOME"] .result-card,
  .hero-visual .scene[data-scene="LAND"] .visual-card,
  .hero-visual .scene[data-scene="BUSINESS"] .visual-card{
    width:430px!important;
    height:533px!important;
    border-width:8px!important;
    border-radius:32px!important;
  }

  .hero-visual .scene[data-scene="HOME"] .seeker-card,
  .hero-visual .scene[data-scene="LAND"] .seeker-card,
  .hero-visual .scene[data-scene="BUSINESS"] .seeker-card{
    left:86px!important;
    right:auto!important;
    top:34px!important;
    transform:rotate(-5deg)!important;
    z-index:2!important;
  }
  .hero-visual .scene[data-scene="HOME"] .result-card,
  .hero-visual .scene[data-scene="LAND"] .result-card,
  .hero-visual .scene[data-scene="BUSINESS"] .result-card{
    left:420px!important;
    right:auto!important;
    top:72px!important;
    transform:rotate(5deg)!important;
    z-index:1!important;
  }

  .hero-visual .anna-message{
    left:22px!important;
    right:22px!important;
    bottom:24px!important;
    min-height:82px!important;
    padding:14px 16px!important;
    gap:12px!important;
    border-radius:18px!important;
    font-size:15px!important;
    line-height:1.4!important;
  }
  .hero-visual .anna-message img{
    width:43px!important;
    height:43px!important;
  }

  .hero-visual .match-badge{
    font-size:14px!important;
    padding:8px 11px!important;
  }
  .hero-visual .property-info{
    min-height:88px!important;
    padding:13px 17px!important;
  }
  .hero-visual .property-info h3{
    font-size:16px!important;
  }
  .hero-visual .property-info p{
    font-size:13px!important;
  }

  .how-section{
    padding-top:92px!important;
  }
}


/* =========================================================
   v1.08.43 PUBLIC HERO TABLET UNIFIED
   iPad Mini: restore paired animated cards.
   iPad Pro 13: keep paired animation, shift copy +30px right,
   and increase perceived Hero-copy scale to match Mini.
   Phone <=600 and desktop >1100 remain untouched.
   ========================================================= */

/* iPad Mini portrait, 601-900px */
@media(min-width:601px) and (max-width:900px){
  .hero-inner{
    padding:46px 34px 0!important;
  }
  .hero-copy{
    width:100%!important;
    max-width:700px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  .hero-copy h1{
    font-size:56px!important;
    line-height:1!important;
  }
  .hero-copy h1 .word-wrap{
    height:60px!important;
    min-width:340px!important;
  }
  .lead{
    max-width:650px!important;
    font-size:17px!important;
    line-height:1.58!important;
  }

  /* Restore HOME/LAND/BUSINESS paired scene animation. */
  .hero-visual{
    width:100%!important;
    max-width:720px!important;
    height:570px!important;
    min-height:570px!important;
    margin:46px auto 78px!important;
    overflow:visible!important;
  }
  .hero-visual .scene{
    opacity:0!important;
    pointer-events:none!important;
  }
  .hero-visual .scene.active{
    opacity:1!important;
    pointer-events:auto!important;
  }

  .hero-visual .scene[data-scene="HOME"] .seeker-card,
  .hero-visual .scene[data-scene="HOME"] .result-card,
  .hero-visual .scene[data-scene="LAND"] .visual-card,
  .hero-visual .scene[data-scene="BUSINESS"] .visual-card{
    display:block!important;
    width:330px!important;
    height:409px!important;
    aspect-ratio:auto!important;
    border:7px solid #fff!important;
    border-radius:28px!important;
    opacity:1!important;
  }

  .hero-visual .scene[data-scene="HOME"] .seeker-card,
  .hero-visual .scene[data-scene="LAND"] .seeker-card,
  .hero-visual .scene[data-scene="BUSINESS"] .seeker-card{
    left:50px!important;
    right:auto!important;
    top:34px!important;
    transform:rotate(-5deg)!important;
    z-index:2!important;
  }
  .hero-visual .scene[data-scene="HOME"] .result-card,
  .hero-visual .scene[data-scene="LAND"] .result-card,
  .hero-visual .scene[data-scene="BUSINESS"] .result-card{
    left:310px!important;
    right:auto!important;
    top:64px!important;
    transform:rotate(5deg)!important;
    z-index:1!important;
  }

  .hero-visual .anna-message{
    left:17px!important;
    right:17px!important;
    bottom:19px!important;
    min-height:68px!important;
    padding:11px 13px!important;
    gap:10px!important;
    border-radius:16px!important;
    font-size:12.5px!important;
    line-height:1.38!important;
  }
  .hero-visual .anna-message img{
    width:35px!important;
    height:35px!important;
  }
  .hero-visual .match-badge{
    font-size:11.5px!important;
    padding:7px 9px!important;
  }
  .hero-visual .property-info{
    min-height:76px!important;
    padding:11px 14px!important;
  }
  .hero-visual .property-info h3{font-size:14px!important}
  .hero-visual .property-info p{font-size:11px!important}

  .how-section{
    padding-top:82px!important;
  }
}

/* iPad Pro 13 portrait, 901-1100px */
@media(min-width:901px) and (max-width:1100px){
  /* Same perceived prominence as Mini, scaled for the larger viewport. */
  .hero-copy{
    max-width:790px!important;
    transform:translateX(30px)!important;
  }
  .location{
    font-size:16px!important;
    padding:10px 14px!important;
  }
  .hero-copy h1{
    max-width:790px!important;
    font-size:78px!important;
    line-height:.98!important;
  }
  .hero-copy h1 .word-wrap{
    height:82px!important;
    min-width:450px!important;
  }
  .ai-line{
    font-size:19px!important;
  }
  .ai-badge{
    width:44px!important;
    height:38px!important;
    font-size:15px!important;
  }
  .lead{
    max-width:740px!important;
    font-size:22px!important;
    line-height:1.58!important;
  }
  .primary-cta,
  .secondary-cta{
    min-height:57px!important;
    padding:18px 27px!important;
    font-size:18px!important;
  }

  /* Preserve the validated v1.08.41 overlapping animation geometry. */
  .hero-visual{
    max-width:936px!important;
    height:650px!important;
    min-height:650px!important;
    margin:58px auto 88px!important;
  }
  .hero-visual .scene{
    opacity:0!important;
    pointer-events:none!important;
  }
  .hero-visual .scene.active{
    opacity:1!important;
    pointer-events:auto!important;
  }
  .hero-visual .scene[data-scene="HOME"] .seeker-card,
  .hero-visual .scene[data-scene="HOME"] .result-card,
  .hero-visual .scene[data-scene="LAND"] .visual-card,
  .hero-visual .scene[data-scene="BUSINESS"] .visual-card{
    display:block!important;
    width:430px!important;
    height:533px!important;
  }
  .hero-visual .scene[data-scene="HOME"] .seeker-card,
  .hero-visual .scene[data-scene="LAND"] .seeker-card,
  .hero-visual .scene[data-scene="BUSINESS"] .seeker-card{
    left:86px!important;
    right:auto!important;
    top:34px!important;
    transform:rotate(-5deg)!important;
    z-index:2!important;
  }
  .hero-visual .scene[data-scene="HOME"] .result-card,
  .hero-visual .scene[data-scene="LAND"] .result-card,
  .hero-visual .scene[data-scene="BUSINESS"] .result-card{
    left:420px!important;
    right:auto!important;
    top:72px!important;
    transform:rotate(5deg)!important;
    z-index:1!important;
  }
}


/* =========================================================
   v1.08.44 TABLET HERO - ACTUAL TYPOGRAPHY TARGETS
   Final tablet overrides target the elements that actually
   carry the typography, including .ai-line strong.
   ========================================================= */

/* iPad Mini portrait: visual reference */
@media(min-width:601px) and (max-width:900px){
  .hero-copy .location{
    font-size:14px!important;
    line-height:1.2!important;
  }
  .hero-copy h1{
    font-size:56px!important;
    line-height:1!important;
    letter-spacing:-2.2px!important;
  }
  .hero-copy h1 .word-wrap{
    height:60px!important;
  }
  .hero-copy .ai-line{
    gap:9px!important;
    margin-bottom:14px!important;
  }
  .hero-copy .ai-line strong{
    font:600 17px/1.35 Manrope,Arial,sans-serif!important;
  }
  .hero-copy .ai-badge{
    width:37px!important;
    height:32px!important;
    font-size:13px!important;
  }
  .hero-copy .lead{
    font-size:17px!important;
    line-height:1.55!important;
    max-width:650px!important;
  }
  .hero-copy .primary-cta,
  .hero-copy .secondary-cta{
    font-size:15px!important;
    line-height:1.2!important;
    min-height:48px!important;
    padding:14px 21px!important;
  }
}

/* iPad Pro 13 portrait: same perceived scale as Mini */
@media(min-width:901px) and (max-width:1100px){
  .hero-copy{
    max-width:790px!important;
    transform:translateX(30px)!important;
  }
  .hero-copy .location{
    font-size:18px!important;
    line-height:1.2!important;
    padding:11px 15px!important;
  }
  .hero-copy h1{
    font-size:82px!important;
    line-height:.98!important;
    letter-spacing:-3.2px!important;
    max-width:790px!important;
  }
  .hero-copy h1 .word-wrap{
    height:86px!important;
    min-width:470px!important;
  }
  .hero-copy .ai-line{
    gap:13px!important;
    margin-bottom:18px!important;
  }
  .hero-copy .ai-line strong{
    font:600 23px/1.35 Manrope,Arial,sans-serif!important;
  }
  .hero-copy .ai-badge{
    width:48px!important;
    height:41px!important;
    font-size:16px!important;
  }
  .hero-copy .lead{
    font-size:24px!important;
    line-height:1.52!important;
    max-width:760px!important;
    margin-bottom:36px!important;
  }
  .hero-copy .primary-cta,
  .hero-copy .secondary-cta{
    font-size:20px!important;
    line-height:1.2!important;
    min-height:60px!important;
    padding:19px 29px!important;
  }
}


/* =========================================================
   v1.08.45 HOW IT WORKS - MOBILE TEXT WIDTH
   Phone only: move the illustration column 10px left and
   give that recovered width to the text column.
   ========================================================= */
@media(max-width:600px){
  .how-step{
    grid-template-columns:135px minmax(0,1fr)!important;
  }
  .how-art{
    transform:translateX(-10px)!important;
  }
  .how-copy{
    padding-left:0!important;
    min-width:0!important;
  }
}


/* =========================================================
   v1.08.46 HOW IT WORKS - PHONE + TABLET RESPONSIVE
   ========================================================= */

/* The extra break is only for phone. */
.how-mobile-break{display:none}

/* Phone fixes */
@media(max-width:600px){
  /* When .how-title-break is hidden, the literal HTML space keeps
     "Groups are" separated. */
  .how-mobile-break{display:block!important}
}

/* iPad Mini: reduce the oversized transition gap after Hero cards. */
@media(min-width:601px) and (max-width:900px){
  .hero-visual{
    margin-bottom:24px!important;
  }
  .how-section{
    padding-top:42px!important;
  }
}

/* iPad Pro 13: use the tablet width instead of a 720px desktop-like column. */
@media(min-width:901px) and (max-width:1100px){
  .how-section{
    padding:86px 0 98px!important;
  }
  .how-inner{
    max-width:none!important;
    width:100%!important;
    padding:0 42px!important;
    box-sizing:border-box!important;
  }
  .how-intro{
    max-width:930px!important;
    margin:0 auto 52px!important;
  }
  .how-kicker{
    font-size:14px!important;
  }
  .how-intro h2{
    max-width:930px!important;
    font-size:58px!important;
    line-height:1.08!important;
  }
  .how-intro>p:not(.how-kicker){
    font-size:22px!important;
  }
  .how-intro strong{
    font-size:22px!important;
  }
  .how-compare{
    grid-template-columns:1fr!important;
    gap:48px!important;
    width:100%!important;
  }
  .how-column{
    width:100%!important;
    max-width:940px!important;
    margin:0 auto!important;
    padding:38px 38px 42px!important;
    box-sizing:border-box!important;
    border-radius:28px!important;
  }
  .how-pill{
    font-size:18px!important;
    padding:9px 28px!important;
  }
  .how-column>h3{
    font-size:30px!important;
    line-height:1.2!important;
  }
  .how-lead{
    font-size:18px!important;
    margin-bottom:34px!important;
  }
  .how-step{
    grid-template-columns:350px minmax(0,1fr)!important;
    min-height:214px!important;
    margin-bottom:24px!important;
    padding:12px 24px!important;
    border-radius:22px!important;
  }
  .how-art{
    height:194px!important;
  }
  .how-copy{
    padding-left:18px!important;
  }
  .how-copy h4{
    font-size:22px!important;
    line-height:1.22!important;
    margin-bottom:10px!important;
  }
  .how-time{
    font-size:19px!important;
    gap:10px!important;
    margin-bottom:9px!important;
  }
  .how-time img{
    width:29px!important;
    height:29px!important;
  }
  .how-copy p{
    font-size:18px!important;
    line-height:1.4!important;
  }
  .how-outro{
    padding-top:54px!important;
  }
  .how-outro h3{
    font-size:32px!important;
  }
  .how-outro p{
    font-size:19px!important;
  }
}


/* =========================================================
   v1.08.48 RESPONSIVE SECTION ORDER
   Demo is useful only on iPad Pro 13 and desktop.
   ========================================================= */

/* Phone + iPad Mini: remove the dashboard demo completely.
   The document now flows HOW -> ABOUT -> PRICING. */
@media(max-width:900px){
  .anna-demo-section{
    display:none!important;
  }
}

/* iPad Pro 13 and desktop keep the real animated demo.
   Do not let it trap page scrolling. */
@media(min-width:901px){
  .anna-demo-shell{
    pointer-events:none!important;
  }
}


/* =========================================================
   v1.08.49 HOW OUTRO + ABOUT RESPONSIVE CLEANUP
   Responsive only. Desktop >1100 remains unchanged.
   ========================================================= */

/* Phone, iPad Mini and iPad Pro 13:
   remove the redundant "Same opportunities..." conclusion. */
@media(max-width:1100px){
  .how-outro{
    display:none!important;
  }
}

/* Phone: demo already hidden in v1.08.48. Pull About upward and
   give its copy the same comfortable horizontal breathing as Hero. */
@media(max-width:600px){
  .about-section{
    padding:48px 0 82px!important;
  }
  .about-inner{
    padding:0 30px!important;
    gap:14px!important;
  }
  .about-visual{
    min-height:0!important;
    padding-top:0!important;
    margin:0 auto -6px!important;
  }
  .about-anna-image{
    width:min(88vw,390px)!important;
    max-width:390px!important;
  }
  .about-copy{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
}

/* iPad Mini: demo already hidden. Pull Anna up after How. */
@media(min-width:601px) and (max-width:900px){
  .about-section{
    padding:54px 0 94px!important;
  }
  .about-inner{
    padding:0 42px!important;
    gap:18px!important;
  }
  .about-visual{
    min-height:0!important;
    padding-top:0!important;
    margin:0 auto!important;
  }
  .about-anna-image{
    width:min(72vw,500px)!important;
    max-width:500px!important;
  }
  .about-copy{
    width:100%!important;
    max-width:680px!important;
    margin:0 auto!important;
  }
}

/* iPad Pro 13: keep See Anna at work for real-iPad review,
   but About is no longer a miniature desktop two-column layout. */
@media(min-width:901px) and (max-width:1100px){
  .about-section{
    padding:72px 0 108px!important;
  }
  .about-inner{
    width:100%!important;
    max-width:940px!important;
    padding:0 48px!important;
    box-sizing:border-box!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
    justify-items:center!important;
  }
  .about-visual{
    width:100%!important;
    min-height:0!important;
    padding-top:0!important;
    margin:0 auto!important;
  }
  .about-anna-image{
    width:min(62vw,560px)!important;
    max-width:560px!important;
  }
  .about-copy{
    width:100%!important;
    max-width:820px!important;
    margin:0 auto!important;
    justify-self:center!important;
  }
  .about-copy h2{
    font-size:48px!important;
    line-height:1.08!important;
  }
  .about-copy>p{
    font-size:18px!important;
    line-height:1.62!important;
  }
  .about-copy .about-lead{
    font-size:20px!important;
  }
  .about-independence{
    font-size:17px!important;
    line-height:1.55!important;
  }
  .about-copy .about-closing{
    font-size:20px!important;
  }
}


/* =========================================================
   v1.08.50 MINI HOW + PHONE PRICING
   ========================================================= */

/* iPad Mini only: keep the validated How layout, reduce only
   the main How statement so it no longer competes with the page H1. */
@media(min-width:601px) and (max-width:900px){
  .how-intro h2{
    font-size:42px!important;
    line-height:1.12!important;
    max-width:720px!important;
  }
}

/* PRICING is a phone-only section identifier. */
.pricing-mobile-label{
  display:none;
}

@media(max-width:600px){
  .pricing-mobile-label{
    display:block!important;
    margin:0 0 5px!important;
    color:#F27F62!important;
    font:700 12px/1.2 Manrope,sans-serif!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }
  .pricing-kicker{
    margin-top:0!important;
  }

  /* Keep left alignment, but give card content more breathing room. */
  .pass-card{
    padding-left:34px!important;
    padding-right:20px!important;
  }

  /* Standard cards get a clearer neutral border on white.
     The popular card keeps its existing navy border. */
  .pass-card:not(.pass-popular){
    border-color:#C8D2DF!important;
  }
  .pass-card.pass-popular{
    border-color:#173D6B!important;
  }
}

/* =========================================================
   v1.08.51 PRICING CARD BENEFITS
   ========================================================= */
.pass-card-includes{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:22px 0 24px;
  color:#173D6B;
  font:500 14px/1.4 Manrope,sans-serif;
}
.pass-card-includes span{display:block}

/* Equal visual height for all three pricing cards. */
.pricing-grid .pass-card,
.pricing-grid .pass-card.pass-popular{
  min-height:500px!important;
  height:500px!important;
}
.pricing-grid .pass-card{
  display:flex!important;
  flex-direction:column!important;
}
.pricing-grid .pass-top{
  flex:1 1 auto!important;
}
.pricing-grid .pass-button{
  margin-top:auto!important;
}

/* Phone only: equal left/right padding. */
@media(max-width:600px){
  .pricing-grid .pass-card{
    padding-left:34px!important;
    padding-right:34px!important;
  }
  .pricing-grid .pass-card,
  .pricing-grid .pass-card.pass-popular{
    min-height:500px!important;
    height:500px!important;
  }
  .pass-card-includes{
    font-size:13px!important;
    gap:7px!important;
    margin:20px 0 22px!important;
  }
}


/* =========================================================
   v1.08.52 PRICING RESPONSIVE POLISH
   ========================================================= */

/* More breathing room between benefits and CTA on desktop. */
@media(min-width:1101px){
  .pass-card-includes{
    margin-bottom:36px!important;
  }
}

/* Standard cards: clearer neutral border on all responsive tablet sizes.
   Popular keeps its existing navy border. */
@media(max-width:1100px){
  .pricing-grid .pass-card:not(.pass-popular){
    border-color:#B7C4D4!important;
  }
  .pricing-grid .pass-card.pass-popular{
    border-color:#173D6B!important;
  }
}

/* iPad Pro / 1032: no miniature three-column desktop.
   Stack the three cards vertically, centered and comfortably wide. */
@media(min-width:901px) and (max-width:1100px){
  .pricing-grid{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:32px!important;
    width:100%!important;
  }
  .pricing-grid .pass-card,
  .pricing-grid .pass-card.pass-popular{
    width:min(100%,680px)!important;
    max-width:680px!important;
    height:auto!important;
    min-height:500px!important;
    transform:none!important;
  }
}


/* =========================================================
   v1.08.53 PRICING IPAD FINAL PASS
   ========================================================= */

/* PRICING label: phone + both iPad responsive ranges.
   Desktop >1100 keeps the original presentation. */
@media(min-width:601px) and (max-width:1100px){
  .pricing-mobile-label{
    display:block!important;
    margin:0 0 6px!important;
    color:#F27F62!important;
    font:700 13px/1.2 Manrope,sans-serif!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }
  .pricing-kicker{
    margin-top:0!important;
  }
}

/* iPad Pro / 1032 only.
   Keep vertical stacking, restore a card-like proportion and scale
   the internal typography for a real tablet rather than mini desktop. */
@media(min-width:901px) and (max-width:1100px){
  .pricing-grid{
    gap:30px!important;
  }
  .pricing-grid .pass-card,
  .pricing-grid .pass-card.pass-popular{
    width:min(100%,560px)!important;
    max-width:560px!important;
    min-height:0!important;
    height:auto!important;
    padding:38px 38px 32px!important;
  }
  .pass-card .pass-name{
    font-size:13px!important;
    line-height:1.3!important;
    margin-bottom:18px!important;
  }
  .pass-card h3{
    font-size:30px!important;
    line-height:1.15!important;
    margin-bottom:20px!important;
  }
  .pass-price strong{
    font-size:54px!important;
    line-height:1!important;
  }
  .pass-price span{
    font-size:14px!important;
  }
  .pass-convert{
    font-size:13px!important;
    margin-top:8px!important;
  }
  .pass-desc{
    font-size:17px!important;
    line-height:1.55!important;
    margin-top:28px!important;
  }
  .pass-card-includes{
    font-size:16px!important;
    line-height:1.45!important;
    gap:9px!important;
    margin:28px 0 34px!important;
  }
  .pricing-grid .pass-button{
    min-height:56px!important;
    font-size:16px!important;
  }
}


/* =========================================================
   v1.08.54 RADAR MOBILE DENSE LAB
   Phone only. Radar animation itself is untouched.
   ========================================================= */
@media(max-width:600px){
  .scan-stage{
    height:590px!important;
    min-height:590px!important;
    position:relative!important;
    overflow:hidden!important;
  }

  /* Keep the existing radar animation and ANNA core unchanged.
     Only the group pills are made smaller and redistributed densely. */
  .scan-stage .group-pill{
    font-size:9.5px!important;
    line-height:1.12!important;
    padding:8px 11px!important;
    border-radius:12px!important;
    white-space:nowrap!important;
    max-width:156px!important;
    min-width:0!important;
    width:auto!important;
    transform:none!important;
  }

  /* Dense outer/inner orbit. Central exclusion zone around ANNA stays clear. */
  .scan-stage .g1 {left:7%!important;  top:6%!important;}
  .scan-stage .g2 {left:38%!important; top:4%!important;}
  .scan-stage .g3 {right:5%!important; top:8%!important;}
  .scan-stage .g4 {left:4%!important;  top:16%!important;}
  .scan-stage .g5 {left:35%!important; top:14%!important;}
  .scan-stage .g6 {right:3%!important; top:18%!important;}
  .scan-stage .g7 {left:3%!important;  top:27%!important;}
  .scan-stage .g8 {left:34%!important; top:24%!important;}
  .scan-stage .g9 {right:2%!important; top:29%!important;}

  .scan-stage .g10{left:2%!important;  top:40%!important;}
  .scan-stage .g11{right:1%!important; top:41%!important;}

  /* Leave the core/name clear between roughly 43% and 63% of the stage. */
  .scan-stage .g12{left:2%!important;  top:62%!important;}
  .scan-stage .g13{right:2%!important; top:62%!important;}
  .scan-stage .g14{left:4%!important;  top:72%!important;}
  .scan-stage .g15{left:35%!important; top:69%!important;}
  .scan-stage .g16{right:2%!important; top:73%!important;}
  .scan-stage .g17{left:3%!important;  top:82%!important;}
  .scan-stage .g18{left:34%!important; top:80%!important;}
  .scan-stage .g19{right:2%!important; top:84%!important;}
  .scan-stage .g20{left:5%!important;  top:91%!important;}
  .scan-stage .g21{left:35%!important; top:89%!important;}
  .scan-stage .g22{right:2%!important; top:92%!important;}
  .scan-stage .g23{left:34%!important; top:97%!important;}
}


/* =========================================================
   v1.08.55 RADAR MOBILE CROWN
   Dense ring of group pills around ANNA. Phone only.
   ========================================================= */
@media(max-width:600px){
  .scan-stage{
    height:560px!important;
    min-height:560px!important;
    overflow:hidden!important;
  }
  .scan-stage .group-pill{
    font-size:9px!important;
    line-height:1.08!important;
    padding:7px 9px!important;
    border-radius:11px!important;
    max-width:142px!important;
    white-space:nowrap!important;
  }

  /* Upper crown */
  .scan-stage .g1 {left:30%!important; top:8%!important;}
  .scan-stage .g2 {left:5%!important;  top:15%!important;}
  .scan-stage .g3 {right:4%!important; top:15%!important;}
  .scan-stage .g4 {left:25%!important; top:20%!important;}
  .scan-stage .g5 {left:2%!important;  top:27%!important;}
  .scan-stage .g6 {right:2%!important; top:27%!important;}
  .scan-stage .g7 {left:20%!important; top:32%!important;}
  .scan-stage .g8 {right:19%!important;top:33%!important;}

  /* Side crown, kept outside the ANNA core */
  .scan-stage .g9 {left:1%!important;  top:40%!important;}
  .scan-stage .g10{right:1%!important; top:41%!important;}
  .scan-stage .g11{left:2%!important;  top:50%!important;}
  .scan-stage .g12{right:2%!important; top:51%!important;}

  /* Lower crown starts immediately below the protected core */
  .scan-stage .g13{left:4%!important;  top:61%!important;}
  .scan-stage .g14{right:3%!important; top:61%!important;}
  .scan-stage .g15{left:22%!important; top:66%!important;}
  .scan-stage .g16{right:18%!important;top:68%!important;}
  .scan-stage .g17{left:2%!important;  top:73%!important;}
  .scan-stage .g18{right:2%!important; top:76%!important;}
  .scan-stage .g19{left:20%!important; top:80%!important;}
  .scan-stage .g20{right:16%!important;top:84%!important;}
  .scan-stage .g21{left:3%!important;  top:88%!important;}
  .scan-stage .g22{right:2%!important; top:91%!important;}
  .scan-stage .g23{left:29%!important; top:94%!important;}
}


/* =========================================================
   v1.08.56 RADAR MOBILE CROWN REBUILD
   Mobile only. Real HTML/CSS. Existing radar animation untouched.
   ========================================================= */
@media(max-width:600px){
  .scan-stage{
    height:570px!important;
    min-height:570px!important;
    overflow:hidden!important;
    position:relative!important;
  }

  /* Neutralise legacy pill geometry before rebuilding the crown. */
  .scan-stage .group-pill{
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    max-width:138px!important;
    margin:0!important;
    transform:none!important;
    font-size:8.6px!important;
    line-height:1.05!important;
    padding:6px 8px!important;
    border-radius:10px!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }

  /*
    Compact crown around ANNA:
    - dense upper arc
    - balanced left/right shoulders
    - narrow protected core around ANNA
    - dense lower arc
  */
  .scan-stage .g1 {left:32%!important; top:5%!important;}
  .scan-stage .g2 {left:7%!important;  top:12%!important;}
  .scan-stage .g3 {left:55%!important; top:12%!important;}
  .scan-stage .g4 {left:2%!important;  top:20%!important;}
  .scan-stage .g5 {left:34%!important; top:19%!important;}
  .scan-stage .g6 {left:67%!important; top:21%!important;}
  .scan-stage .g7 {left:5%!important;  top:29%!important;}
  .scan-stage .g8 {left:35%!important; top:27%!important;}
  .scan-stage .g9 {left:68%!important; top:30%!important;}

  .scan-stage .g10{left:1%!important;  top:39%!important;}
  .scan-stage .g11{left:67%!important; top:40%!important;}

  /* Core is intentionally clear around the orange ANNA circle. */
  .scan-stage .g12{left:1%!important;  top:51%!important;}
  .scan-stage .g13{left:68%!important; top:52%!important;}

  .scan-stage .g14{left:5%!important;  top:62%!important;}
  .scan-stage .g15{left:35%!important; top:65%!important;}
  .scan-stage .g16{left:68%!important; top:62%!important;}
  .scan-stage .g17{left:2%!important;  top:72%!important;}
  .scan-stage .g18{left:34%!important; top:74%!important;}
  .scan-stage .g19{left:67%!important; top:72%!important;}
  .scan-stage .g20{left:7%!important;  top:82%!important;}
  .scan-stage .g21{left:38%!important; top:84%!important;}
  .scan-stage .g22{left:67%!important; top:82%!important;}
  .scan-stage .g23{left:35%!important; top:92%!important;}
}


/* =========================================================
   v1.08.57 RADAR MOBILE VISIBILITY ROOT-CAUSE FIX
   Root cause: legacy mobile rules hide multiple group pills.
   ========================================================= */
@media(max-width:600px){
  .scan-stage .group-pill{
    display:block!important;
  }
}


/* =========================================================
   v1.08.58 RADAR MOBILE 10 REAL GROUPS
   Phone only: 10 existing real group names, larger and readable.
   Radar animation remains untouched.
   ========================================================= */
@media(max-width:600px){
  .scan-stage{
    height:560px!important;
    min-height:560px!important;
    overflow:hidden!important;
  }

  /* Hide all first, then expose only the ten selected real groups. */
  .scan-stage .group-pill{
    display:none!important;
  }
  .scan-stage .g1,
  .scan-stage .g4,
  .scan-stage .g5,
  .scan-stage .g8,
  .scan-stage .g9,
  .scan-stage .g12,
  .scan-stage .g13,
  .scan-stage .g16,
  .scan-stage .g19,
  .scan-stage .g23{
    display:block!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:170px!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    font-weight:650!important;
    padding:9px 12px!important;
    border-radius:12px!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }

  /* 3 upper, 2 left, 2 right, 3 lower. Keep ANNA clear. */
  .scan-stage .g1 {left:31%!important; top:7%!important;}
  .scan-stage .g4 {left:5%!important;  top:19%!important;}
  .scan-stage .g5 {right:5%!important; left:auto!important; top:19%!important;}

  .scan-stage .g8 {left:2%!important;  top:37%!important;}
  .scan-stage .g9 {right:2%!important; left:auto!important; top:37%!important;}

  .scan-stage .g12{left:2%!important;  top:57%!important;}
  .scan-stage .g13{right:2%!important; left:auto!important; top:57%!important;}

  .scan-stage .g16{left:4%!important;  top:75%!important;}
  .scan-stage .g19{right:4%!important; left:auto!important; top:75%!important;}
  .scan-stage .g23{left:30%!important; top:88%!important;}
}


/* =========================================================
   v1.08.59 RADAR MOBILE ORGANIC CLOUD
   Phone only. Same 10 real groups, less geometric and more compact.
   Radar animation untouched.
   ========================================================= */
@media(max-width:600px){
  /* Keep the readable pill typography from v1.08.58. */
  .scan-stage .g1,
  .scan-stage .g4,
  .scan-stage .g5,
  .scan-stage .g8,
  .scan-stage .g9,
  .scan-stage .g12,
  .scan-stage .g13,
  .scan-stage .g16,
  .scan-stage .g19,
  .scan-stage .g23{
    font-size:11.5px!important;
    line-height:1.15!important;
    padding:9px 12px!important;
  }

  /* Organic compact cloud: intentionally irregular, no horizontal rows. */
  .scan-stage .g1 {left:35%!important; top:11%!important;}
  .scan-stage .g4 {left:8%!important;  top:21%!important;}
  .scan-stage .g5 {right:4%!important; left:auto!important; top:17%!important;}

  .scan-stage .g8 {left:3%!important;  top:34%!important;}
  .scan-stage .g9 {right:1%!important; left:auto!important; top:29%!important;}

  .scan-stage .g12{left:5%!important;  top:49%!important;}
  .scan-stage .g13{right:2%!important; left:auto!important; top:45%!important;}

  .scan-stage .g16{left:8%!important;  top:65%!important;}
  .scan-stage .g19{right:1%!important; left:auto!important; top:61%!important;}
  .scan-stage .g23{left:30%!important; top:76%!important;}
}


/* v1.08.60 RADAR MOBILE SHORT REAL GROUPS */
@media(max-width:600px){
  .scan-stage{height:525px!important;min-height:525px!important;}
  .scan-stage .group-pill{display:none!important;}
  .scan-stage .g1,.scan-stage .g2,.scan-stage .g3,.scan-stage .g4,.scan-stage .g5,
  .scan-stage .g6,.scan-stage .g7,.scan-stage .g8,.scan-stage .g10,.scan-stage .g11{
    display:block!important;right:auto!important;bottom:auto!important;width:auto!important;min-width:0!important;
    max-width:160px!important;height:auto!important;margin:0!important;transform:none!important;
    font-size:11.5px!important;line-height:1.15!important;font-weight:650!important;padding:9px 12px!important;
    border-radius:12px!important;white-space:nowrap!important;box-sizing:border-box!important;
  }
  .scan-stage .g1 {left:34%!important;top:7%!important;}
  .scan-stage .g2 {left:5%!important;top:19%!important;}
  .scan-stage .g3 {right:3%!important;left:auto!important;top:14%!important;}
  .scan-stage .g4 {left:2%!important;top:34%!important;}
  .scan-stage .g5 {right:1%!important;left:auto!important;top:29%!important;}
  .scan-stage .g6 {right:2%!important;left:auto!important;top:48%!important;}
  .scan-stage .g7 {left:3%!important;top:53%!important;}
  .scan-stage .g8 {left:7%!important;top:69%!important;}
  .scan-stage .g10{right:2%!important;left:auto!important;top:66%!important;}
  .scan-stage .g11{left:30%!important;top:82%!important;}
}

/* v1.08.61 RADAR MOBILE MICRO-POSITION
   Only these two horizontal offsets are changed. */
@media(max-width:600px){
  .scan-stage .g7{transform:translateX(-4px)!important;}
  .scan-stage .g6{transform:translateX(3px)!important;}
}

/* =========================================================
   v1.08.62 MOBILE SCAN CYCLE ALIGNMENT
   Process block only. Radar and group pills remain untouched.
   ========================================================= */
@media(max-width:600px){
  .cycle-row{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    margin-top:90px!important;
    margin-bottom:34px!important;
  }
  .cycle-row div{
    min-width:0!important;
    width:100%!important;
    text-align:center!important;
  }
  .cycle-row i{
    display:block!important;
    width:100%!important;
    height:34px!important;
    line-height:34px!important;
    margin:5px 0!important;
    text-align:center!important;
    transform:none!important;
    font-size:0!important;
    color:#f27f62!important;
  }
  .cycle-row i::before{
    content:"↓";
    display:block;
    font-size:19px;
    line-height:34px;
    font-style:normal;
  }
}


/* =========================================================
   v1.08.64 LEGACY IPAD CSS COMPATIBILITY
   Tablet-only fallback for older Safari/iPadOS.
   Phone <=600 and desktop >1100 remain untouched.
   ========================================================= */
@media (min-width:601px) and (max-width:1100px){

  /* HERO: keep AI badge + line centered as one visual unit. */
  .hero-copy .ai-line{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    width:100%!important;
  }
  .hero-copy .ai-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    margin-left:0!important;
    margin-right:10px!important;
  }

  /* HOW: explicit centered tablet cards; don't rely on newer gap behavior. */
  .how-compare{
    width:100%!important;
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  .how-column{
    width:calc(100% - 48px)!important;
    max-width:720px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
  .how-column + .how-column{
    margin-top:28px!important;
  }
  .how-column .how-pill,
  .how-column h3,
  .how-column .how-lead,
  .how-column .how-time,
  .how-column .how-outro{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* PRICING: legacy Safari fallback when flex/grid gap is ignored. */
  .pricing-grid,
  .price-grid,
  .pricing-cards{
    row-gap:28px!important;
  }
  .price-card{
    margin-bottom:28px!important;
  }
  .price-card:last-child{
    margin-bottom:0!important;
  }

  /* FAQ: comfortable tablet gutters and a dedicated + button column. */
  .faq-inner{
    width:calc(100% - 48px)!important;
    max-width:900px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  .faq-item,
  .faq-row,
  .faq-question{
    box-sizing:border-box!important;
  }
  .faq-question{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:72px!important;
    padding:18px 70px 18px 22px!important;
    text-align:left!important;
  }
  .faq-question > span:first-child,
  .faq-question .faq-question-text{
    display:block!important;
    min-width:0!important;
    flex:1 1 auto!important;
    padding-right:12px!important;
  }
  .faq-question .faq-icon,
  .faq-question .faq-plus,
  .faq-question > span:last-child{
    position:absolute!important;
    right:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  .faq-answer{
    padding-left:22px!important;
    padding-right:70px!important;
  }
}


/* =========================================================
   v1.08.65 LEGACY IPAD REAL-SELECTOR FIX
   Tablet only, 601–1100px. Old Safari-compatible fallbacks.
   ========================================================= */
@media (min-width:601px) and (max-width:1100px){

  /* HERO: line belongs to the left-aligned copy column. */
  .hero-copy .ai-line{
    justify-content:flex-start!important;
    text-align:left!important;
    width:auto!important;
  }
  .hero-copy .ai-badge{
    margin-left:0!important;
    margin-right:10px!important;
  }

  /* HERO CTAs: explicit spacing fallback when flex gap is unsupported. */
  .hero-actions{
    gap:0!important;
  }
  .hero-actions > *{
    margin-right:16px!important;
    margin-bottom:12px!important;
  }
  .hero-actions > *:last-child{
    margin-right:0!important;
  }

  /* PRICING: actual cards are .pass-card.
     Explicit margins work on older Safari even when flex/grid gap does not. */
  .pricing-grid{
    gap:0!important;
  }
  .pricing-grid .pass-card{
    margin-bottom:30px!important;
  }
  .pricing-grid .pass-card:last-child{
    margin-bottom:0!important;
  }

  /* RADAR: don't rely on CSS Grid place-items for old Safari. */
  .radar-core{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  /* FAQ: actual +/− element is the direct <b>.
     Make its circle and glyph centering explicit. */
  .faq-question{
    position:relative!important;
    display:block!important;
    min-height:72px!important;
    padding:18px 72px 18px 22px!important;
  }
  .faq-question > span{
    display:block!important;
    width:100%!important;
    padding:0!important;
  }
  .faq-question > b{
    position:absolute!important;
    right:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0 0 2px 0!important;
    box-sizing:border-box!important;
    text-align:center!important;
    font-size:24px!important;
    line-height:32px!important;
  }

  /* Old Safari fallback: don't use grid-template-rows:0fr for accordion hiding. */
  .faq-answer{
    display:block!important;
    max-height:0!important;
    overflow:hidden!important;
    opacity:0!important;
    padding-left:22px!important;
    padding-right:70px!important;
    transition:max-height .28s ease, opacity .18s ease!important;
  }
  .faq-answer > p{
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
  }
  .faq-item.open .faq-answer{
    max-height:520px!important;
    opacity:1!important;
  }
  .faq-item.open .faq-answer > p{
    padding-bottom:24px!important;
  }
}


/* =========================================================
   v1.08.66 IPAD FOOTER + LEGACY PAGE BACKGROUND
   Tablet only. Phone and desktop untouched.
   ========================================================= */

/* All iPads/tablets: align the ANNA GINGER footer block to the top
   of the navigation/legal columns. */
@media (min-width:601px) and (max-width:1100px){
  .footer-grid{
    align-items:start!important;
  }
  .footer-brand{
    align-self:start!important;
    margin-top:0!important;
    padding-top:0!important;
  }
}

/* Older/smaller iPad fallback. Explicit page paint + larger touch spacing. */
@media (min-width:601px) and (max-width:900px){
  html,
  body{
    background:#FDFDFD!important;
    background-color:#FDFDFD!important;
    width:100%!important;
    min-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body > main,
  main,
  .site-shell{
    background:#FDFDFD!important;
    background-color:#FDFDFD!important;
  }

  /* Navigation: explicit vertical spacing for old Safari and finger targets. */
  .footer-nav a{
    display:block!important;
    min-height:38px!important;
    line-height:22px!important;
    padding:8px 0!important;
    margin:0!important;
  }
  .footer-nav a + a{
    margin-top:4px!important;
  }

  /* Legal/social: separate title, Facebook and legal links. */
  .footer-legal{
    align-self:start!important;
  }
  .footer-legal .footer-social,
  .footer-legal .social-links{
    margin-top:14px!important;
    margin-bottom:14px!important;
  }
  .footer-legal a{
    min-height:38px!important;
    line-height:22px!important;
  }
  .footer-legal-links a{
    display:block!important;
    padding:8px 0!important;
    margin:0!important;
  }
  .footer-legal-links a + a{
    margin-top:4px!important;
  }
}


/* =========================================================
   v1.08.67 IPAD FOOTER ACTUAL SELECTORS + FULL TABLET RANGE
   Fixes v1.08.66 selectors and removes the <=900 dependency.
   Phone <=600 and desktop >1100 untouched.
   ========================================================= */
@media (min-width:601px) and (max-width:1100px){

  /* Full tablet canvas: old iPads can report widths above 900px. */
  html,
  body,
  main{
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    background:#FDFDFD!important;
    background-color:#FDFDFD!important;
  }

  /* Footer itself must paint edge-to-edge too. */
  .site-footer{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    background:#FDFDFD!important;
    background-color:#FDFDFD!important;
  }

  /* Actual footer grid is .footer-inner, not .footer-grid. */
  .footer-inner{
    align-items:start!important;
  }

  /* Override the older >=901 transform and align the whole brand block
     visually with the top of NAVIGATION / LEGAL. */
  .footer-brand-block{
    align-self:start!important;
    transform:translateY(-32px)!important;
    margin-top:0!important;
    padding-top:0!important;
  }

  /* Actual navigation links are direct children of .footer-column.
     Explicit touch rows: no reliance on flex gap in old Safari. */
  .footer-inner > .footer-column:not(.footer-legal):not(.footer-contact) > a{
    display:block!important;
    min-height:42px!important;
    padding:10px 0!important;
    margin:0!important;
    line-height:22px!important;
    box-sizing:border-box!important;
  }
  .footer-inner > .footer-column:not(.footer-legal):not(.footer-contact) > a + a{
    margin-top:4px!important;
  }

  /* Actual Legal items are SPANs, not links. */
  .footer-legal{
    gap:0!important;
    align-self:start!important;
  }
  .footer-legal > h3{
    margin:0 0 16px!important;
  }
  .footer-legal > span{
    display:block!important;
    min-height:42px!important;
    padding:10px 0!important;
    margin:0!important;
    line-height:22px!important;
    box-sizing:border-box!important;
  }
  .footer-legal > span + span{
    margin-top:4px!important;
  }

  /* Facebook belongs to the brand block. Give it breathing room from
     the tagline and from neighboring footer content. */
  .footer-brand-block > .footer-facebook{
    margin-top:16px!important;
  }
}


/* =========================================================
   v1.08.68 IPAD FOOTER ROW CONTROL + LEGACY EDGE PAINT
   Based on the real footer DOM.
   Phone <=600 and desktop >1100 untouched.
   ========================================================= */
@media (min-width:601px) and (max-width:1100px){

  /* Footer tablet grid: explicitly control both rows.
     Row 1 = Brand / Navigation
     Row 2 = Legal / Contact */
  .footer-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:44px!important;
    row-gap:34px!important;
    align-items:start!important;
  }

  .footer-brand-block{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
  }

  .footer-inner > .footer-column:not(.footer-legal):not(.footer-contact){
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
  }

  /* Bring Legal up to a natural distance below Facebook. */
  .footer-legal{
    grid-column:1!important;
    grid-row:2!important;
    align-self:start!important;
    margin:0!important;
  }

  /* Keep Contact on row 2 instead of letting old Safari collapse it
     directly under FAQ. */
  .footer-contact{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    margin:0!important;
  }

  /* Paint beyond the site's inner canvas. This specifically addresses
     the exposed side strips visible on older iPad Safari. */
  html{
    background:#FDFDFD!important;
  }
  body{
    position:relative!important;
    background:#FDFDFD!important;
  }
  body::before{
    content:""!important;
    position:fixed!important;
    z-index:-1!important;
    top:0!important;
    bottom:0!important;
    left:-100vw!important;
    right:-100vw!important;
    background:#FDFDFD!important;
    pointer-events:none!important;
  }
}

@media (min-width:601px) and (max-width:900px){
  /* Old-iPad fallback: explicit spacing independent of grid/flex gap. */
  .footer-inner > .footer-column:not(.footer-legal):not(.footer-contact) > a{
    display:block!important;
    padding:10px 0!important;
    margin:0 0 6px!important;
    min-height:42px!important;
  }
  .footer-legal > h3,
  .footer-contact > h3{
    margin-bottom:14px!important;
  }
  .footer-legal > span{
    display:block!important;
    padding:10px 0!important;
    margin:0 0 6px!important;
    min-height:42px!important;
  }
}


/* =========================================================
   v1.08.69 IPAD FOOTER GUTTERS + LEGACY VIEWPORT PAINT
   Tablet only. Phone <=600 and desktop >1100 untouched.
   ========================================================= */
@media (min-width:601px) and (max-width:1100px){

  /* Match footer horizontal rhythm to the public Hero on tablets. */
  .site-footer{
    box-sizing:border-box!important;
    padding-left:42px!important;
    padding-right:42px!important;
  }
  .footer-inner,
  .footer-bottom{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Legacy Safari: paint the viewport itself, not only the document box.
     The 100vw pseudo-layer sits behind the page and covers side gutters
     exposed by old viewport/layout behaviour. */
  html,
  body{
    background:#FDFDFD!important;
    background-color:#FDFDFD!important;
  }
  body{
    min-height:100vh!important;
  }
  body::before{
    content:""!important;
    position:fixed!important;
    z-index:-2147483647!important;
    top:0!important;
    left:50%!important;
    width:100vw!important;
    height:100vh!important;
    min-height:100%!important;
    transform:translateX(-50%)!important;
    background:#FDFDFD!important;
    background-color:#FDFDFD!important;
    pointer-events:none!important;
  }
}

/* Smaller/older iPads use the same site gutter as the tablet Hero,
   while preserving enough room for the two footer columns. */
@media (min-width:601px) and (max-width:900px){
  .site-footer{
    padding-left:32px!important;
    padding-right:32px!important;
  }
}


/* =========================================================
   v1.08.70 IPAD FOOTER CENTERED + LEGACY OUTER CANVAS
   Tablet only. Phone <=600 and desktop >1100 untouched.
   ========================================================= */
@media (min-width:601px) and (max-width:1100px){

  /* Simple iPad footer: one centered vertical stack. */
  .site-footer{
    padding-left:32px!important;
    padding-right:32px!important;
    text-align:center!important;
  }
  .footer-inner{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:680px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    gap:0!important;
    text-align:center!important;
  }
  .footer-brand-block,
  .footer-inner > .footer-column,
  .footer-legal,
  .footer-contact{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:520px!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:center!important;
    transform:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }

  .footer-brand-block{
    margin-top:0!important;
    margin-bottom:38px!important;
  }
  .footer-inner > .footer-column:not(.footer-legal):not(.footer-contact){
    margin-bottom:38px!important;
  }
  .footer-legal{
    margin-bottom:38px!important;
  }
  .footer-contact{
    margin-bottom:0!important;
  }

  .footer-brand,
  .footer-tagline,
  .footer-facebook,
  .footer-column h3,
  .footer-column a,
  .footer-column span{
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }

  /* Comfortable touch spacing for all iPads. */
  .footer-inner > .footer-column:not(.footer-legal):not(.footer-contact) > a,
  .footer-legal > span{
    display:block!important;
    min-height:42px!important;
    padding:10px 0!important;
    margin-top:0!important;
    margin-bottom:4px!important;
    box-sizing:border-box!important;
  }
  .footer-column > h3{
    margin-bottom:14px!important;
  }

  .footer-bottom{
    width:100%!important;
    max-width:680px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }

  /* Legacy iPad: paint the browser/document outer canvas itself.
     Using both html and body plus an oversized fixed layer avoids
     depending on the site's centered content width. */
  html,
  body{
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    background:#FDFDFD!important;
    background-color:#FDFDFD!important;
  }
  html::before{
    content:""!important;
    position:fixed!important;
    z-index:-2147483647!important;
    top:-100vh!important;
    bottom:-100vh!important;
    left:-100vw!important;
    right:-100vw!important;
    background:#FDFDFD!important;
    pointer-events:none!important;
  }
}


/* =========================================================
   v1.08.72 LEGAL PAGES - ENGLISH
   Privacy Policy + Terms & Conditions
   ========================================================= */
.legal-page{
  background:#FDFDFD;
  padding:84px 24px 110px;
  color:#173D6B;
}
.legal-inner{
  width:100%;
  max-width:900px;
  margin:0 auto;
}
.legal-kicker{
  margin:0 0 14px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.16em;
  color:#F27F62;
}
.legal-page h1{
  margin:0 0 12px;
  font-size:56px;
  line-height:1.05;
  color:#173D6B;
}
.legal-updated{
  margin:0 0 36px;
  font-size:14px;
  color:#66758A;
}
.legal-intro{
  max-width:820px;
  margin:0 0 48px;
  font-size:20px;
  line-height:1.7;
  color:#334D6E;
}
.legal-page h2{
  margin:38px 0 12px;
  font-size:24px;
  line-height:1.25;
  color:#173D6B;
}
.legal-page p{
  margin:0 0 14px;
  font-size:17px;
  line-height:1.75;
  color:#42556F;
}
.legal-page a{
  color:#2F78D2;
  text-decoration:none;
}
.legal-page a:hover{
  text-decoration:underline;
}
.footer-legal-link{
  color:inherit;
  text-decoration:none;
}
@media (max-width:900px){
  .legal-page{
    padding:64px 32px 90px;
  }
  .legal-page h1{
    font-size:46px;
  }
}
@media (max-width:600px){
  .legal-page{
    padding:48px 22px 72px;
  }
  .legal-page h1{
    font-size:38px;
  }
  .legal-intro{
    font-size:18px;
    margin-bottom:38px;
  }
  .legal-page h2{
    margin-top:32px;
    font-size:21px;
  }
  .legal-page p{
    font-size:16px;
  }
}

/* v1.08.79 pricing fourth benefit */
@media (min-width:901px){
  .pricing-grid .pass-card,
  .pricing-grid .pass-card.pass-popular{min-height:560px!important;height:560px!important}
  html[lang="fr"] .pricing-grid .pass-card,
  html[lang="fr"] .pricing-grid .pass-card.pass-popular{min-height:580px!important;height:580px!important}
  .pricing-grid .pass-button{margin-bottom:8px!important}
}
@media (max-width:900px){
  .pricing-grid .pass-card,
  .pricing-grid .pass-card.pass-popular{min-height:0!important;height:auto!important;padding-bottom:38px!important}
  .pricing-grid .pass-button{margin-top:28px!important;margin-bottom:4px!important}
}
@media (max-width:600px){
  .pricing-grid .pass-card,
  .pricing-grid .pass-card.pass-popular{min-height:0!important;height:auto!important;padding-bottom:36px!important}
}


/* v1.08.81 pricing benefit checkmarks - all languages / all viewports */
.pricing-grid .pass-card-includes .benefit-check,
.pricing-grid .pass-card .benefit-check,
.pass-card-includes .benefit-check{
  color:#F27F62!important;
  font-weight:700!important;
}

/* v1.08.82 Thai language */
html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea{
  font-family:Inter,"Noto Sans Thai","Tahoma",sans-serif;
}
html[lang="th"] .ai-badge,
html[lang="th"] .footer-ai-badge{
  background:#F27F62!important;
  color:#fff!important;
}


/* =========================================================
   v1.08.88 PRICING VALUE DIFFERENTIATION
   Equal promo slot keeps the three cards aligned.
   ========================================================= */
.pass-promo-slot{
  min-height:44px;
  margin-top:12px;
  display:flex;
  align-items:flex-start;
}
.pass-promo-slot span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 11px;
  border-radius:9px;
  background:#FFF0EB;
  color:#E86548;
  font:700 11px/1.35 Manrope,sans-serif;
}
.pass-card-includes strong{
  font-weight:700;
  color:#173D6B;
}
.pass-promo-slot + .pass-desc{
  margin-top:15px;
}
@media (max-width:600px){
  .pass-promo-slot{min-height:42px;margin-top:11px}
  .pass-promo-slot span{font-size:11px;padding:7px 10px}
}


/* =========================================================
   v1.08.89 PRICING CARD BREATHING ROOM
   Desktop only. Preserve tablet/mobile responsive behavior.
   ========================================================= */
@media (min-width:1101px){
  .pricing-grid .pass-card,
  .pricing-grid .pass-card.pass-popular{
    min-height:590px!important;
    height:590px!important;
  }
  html[lang="fr"] .pricing-grid .pass-card,
  html[lang="fr"] .pricing-grid .pass-card.pass-popular{
    min-height:610px!important;
    height:610px!important;
  }
  .pricing-grid .pass-button{
    margin-bottom:20px!important;
  }
}


/* =========================================================
   v1.08.90 PRICING CTA TRUE BOTTOM ALIGNMENT
   Root cause fix: a later rule overrode margin-top:auto.
   ========================================================= */
@media (min-width:1101px){
  .pricing-grid .pass-card{
    display:flex!important;
    flex-direction:column!important;
  }
  .pricing-grid .pass-card .pass-button{
    margin-top:auto!important;
    margin-bottom:20px!important;
    flex-shrink:0!important;
  }
}


/* =========================================================
   v1.08.91 PRICING CTA ABSOLUTE ROW ALIGNMENT
   The popular card is visually raised; compensate its CTA so
   all three CTA buttons share the same viewport baseline.
   ========================================================= */
@media (min-width:1101px){
  .pricing-grid .pass-card.pass-popular .pass-button{
    transform:translateY(10px)!important;
  }
}


/* =========================================================
   v1.08.92 PRICING CTA FR FINAL BASELINE
   EN and TH are already aligned in the visual check.
   FR popular CTA needs 8px additional compensation.
   ========================================================= */
@media (min-width:1101px){
  html[lang="fr"] .pricing-grid .pass-card.pass-popular .pass-button{
    transform:translateY(18px)!important;
  }
}


/* =========================================================
   v1.08.93 PRICING CTA HARD BASELINE
   Desktop: anchor CTAs to card bottoms instead of text flow.
   This removes language/copy-height dependence completely.
   ========================================================= */
@media (min-width:1101px){
  .pricing-grid .pass-card{
    position:relative!important;
  }
  .pricing-grid .pass-card .pass-button{
    position:absolute!important;
    left:34px!important;
    right:34px!important;
    bottom:30px!important;
    width:auto!important;
    margin:0!important;
    transform:none!important;
  }
  /* Popular card itself is raised by 10px. Lower its CTA 10px
     inside that card so the visible CTA baseline matches outer cards. */
  .pricing-grid .pass-card.pass-popular .pass-button,
  html[lang="fr"] .pricing-grid .pass-card.pass-popular .pass-button{
    bottom:20px!important;
    transform:none!important;
  }
}

/* Production: compact public live inventory badge - EN / FR / TH */
.anna-public-inventory[hidden]{display:none!important}
.anna-public-inventory{display:flex;flex-direction:column;align-items:center;gap:7px;margin:21px auto 0;max-width:100%;font-family:Manrope,Arial,sans-serif}
.anna-public-inventory-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;max-width:100%;border:1px solid #c4d9ef;background:#edf5fe;border-radius:40px;padding:10px 19px;box-shadow:0 3px 14px rgba(23,61,107,.08);color:#173d6b;line-height:1.3}
.anna-public-inventory-pill svg{width:23px;height:23px;flex:none;stroke:#2561a0;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.anna-public-inventory-number{font-size:26px;font-weight:800;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}
.anna-public-inventory-label{font-size:14px;font-weight:700;text-align:left;min-width:0}
.anna-public-inventory-note{color:#657c98;font-size:12px;line-height:1.4;text-align:center}
@media(max-width:600px){
 .anna-public-inventory{margin-top:18px;gap:7px}
 .anna-public-inventory-pill{padding:9px 14px;gap:8px;border-radius:17px;width:min(100%,390px)}
 .anna-public-inventory-pill svg{width:21px;height:21px}
 .anna-public-inventory-number{font-size:24px}
 .anna-public-inventory-label{font-size:12.5px;line-height:1.4}
 .anna-public-inventory-note{font-size:11px}
}


/* v1.78 — Restore access to Sign in beside the How it works CTA on mobile/tablet.
   Desktop keeps its existing Sign in button in the header. */
.hero-actions .hero-mobile-signin{display:none}
@media (max-width:1100px){
  .hero-actions{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
  }
  .hero-actions > *{
    margin-right:0!important;
    margin-bottom:0!important;
  }
  .hero-actions .primary-cta,
  .hero-actions .hero-mobile-signin{
    align-self:stretch!important;
  }
  .hero-actions .hero-mobile-signin{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    min-height:50px!important;
    padding:14px 18px!important;
    border:1.5px solid #173D6B!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#173D6B!important;
    text-decoration:none!important;
    font:600 15px/1.2 Manrope,Arial,sans-serif!important;
    white-space:nowrap!important;
  }
}
@media (max-width:600px){
  .hero-actions{gap:8px!important}
  .hero-actions .primary-cta{
    min-height:46px!important;
    padding:12px 13px!important;
    font-size:13px!important;
    gap:7px!important;
    white-space:nowrap!important;
  }
  .hero-actions .hero-mobile-signin{
    min-height:46px!important;
    padding:12px 13px!important;
    font-size:13px!important;
  }
}
@media (max-width:380px){
  .hero-actions{gap:6px!important}
  .hero-actions .primary-cta{
    padding:11px 10px!important;
    font-size:12px!important;
    gap:5px!important;
  }
  .hero-actions .hero-mobile-signin{
    padding:11px 10px!important;
    font-size:12px!important;
  }
}