:root{--ink:#213832;--ink-2:#38534b;--paper:#f7f3ed;--paper-2:#eee7dd;--card:#fffdfa;--accent:#c96d4b;--accent-soft:#f1c1aa;--sage:#d9e1d9;--line:rgba(33,56,50,.15);--shadow:0 24px 80px rgba(33,56,50,.12);--radius:28px;--shell:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}.shell{width:min(calc(100% - 48px),var(--shell));margin:0 auto}.narrow{max-width:920px}.section-pad{padding:104px 0}.section-soft{background:var(--paper-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0 0 18px;font-size:.77rem;font-weight:800;letter-spacing:.12em;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.06}h1{font-size:clamp(3rem,6.3vw,6.25rem);font-weight:750;max-width:980px;margin-bottom:26px}h2{font-size:clamp(2.25rem,4vw,4.3rem);font-weight:740}h3{font-size:1.45rem;font-weight:720}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;font-weight:700;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.button:hover{transform:translateY(-2px);background:#2b4740;box-shadow:0 10px 28px rgba(33,56,50,.16)}.button-small{min-height:44px;padding:0 18px;font-size:.92rem}.button-block{width:100%;border-radius:14px}.text-link{display:inline-flex;gap:8px;align-items:center;font-weight:750;border-bottom:1px solid currentColor;padding-bottom:3px}.text-link span{font-size:1.15em}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,243,237,.88);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 8px 28px rgba(33,56,50,.06)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:850;letter-spacing:.08em}.brand-mark{position:relative;width:30px;height:30px;display:inline-block}.brand-mark span{position:absolute;inset:3px 8px;border:2px solid var(--ink);border-radius:50% 50% 48% 52%;transform:rotate(35deg)}.brand-mark span+span{transform:rotate(-35deg)}.site-nav{display:flex;align-items:center;gap:28px}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{font-size:.94rem;font-weight:650;color:var(--ink-2);position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--accent);transition:right .2s ease}.nav-links a:hover:after,.nav-links a.is-active:after{right:0}.nav-links a.is-active{color:var(--ink)}.menu-toggle,.nav-mobile-legal{display:none}
.hero{padding-top:78px;background:radial-gradient(circle at 86% 12%,rgba(241,193,170,.55),transparent 24%),var(--paper)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:72px;align-items:center}.hero-copy h1{max-width:820px}.hero-lead,.sub-lead{font-size:1.18rem;color:var(--ink-2);max-width:720px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:26px;margin:36px 0 54px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);padding-top:26px}.mini-metrics div{display:grid;gap:6px}.mini-metrics strong{font-size:.95rem}.mini-metrics span{font-size:.84rem;color:var(--ink-2)}.hero-visual{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center}.orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb-one{width:460px;height:460px;background:var(--accent-soft);opacity:.42;right:-90px;top:8px}.orb-two{width:290px;height:290px;background:var(--sage);left:-20px;bottom:8px}.dashboard-card{position:relative;z-index:2;width:min(100%,500px);padding:30px;border:1px solid rgba(255,255,255,.7);background:rgba(255,253,250,.88);backdrop-filter:blur(14px);border-radius:32px;box-shadow:var(--shadow)}.dashboard-top{display:flex;justify-content:space-between;gap:15px;font-size:.78rem;color:var(--ink-2);margin-bottom:18px}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#7ca57b;margin-right:7px}.dashboard-card h2{font-size:2rem;margin-bottom:22px}.dashboard-panel,.next-card{background:var(--paper-2);border-radius:18px;padding:18px;display:grid;gap:5px}.dashboard-panel small,.next-card small{color:var(--ink-2)}.progress-wrap{margin:24px 0}.progress-label{display:flex;justify-content:space-between;gap:20px;font-size:.88rem;margin-bottom:9px}.progress-track{height:8px;background:#e2ddd5;border-radius:20px;overflow:hidden}.progress-track span{display:block;width:68%;height:100%;background:var(--accent);border-radius:inherit}.chart-bars{height:140px;display:flex;align-items:flex-end;gap:10px;margin:24px 0}.chart-bars i{flex:1;background:linear-gradient(180deg,var(--accent),#a95538);border-radius:7px 7px 3px 3px;opacity:.9}.next-card{position:relative;background:var(--ink);color:#fff;padding-right:50px}.next-card small{color:rgba(255,255,255,.66)}.next-card span{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.4rem}.trust-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-top:80px}.trust-line span{height:1px;background:var(--line)}.trust-line p{margin:0;color:var(--ink-2);font-size:.92rem;text-align:center}.section-heading{max-width:860px;margin-bottom:54px}.benefit-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:20px}.benefit-card{min-height:260px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px;position:relative;overflow:hidden}.benefit-card:nth-child(3){grid-column:2}.benefit-featured{grid-row:span 2;min-height:540px;background:var(--ink);color:#fff}.card-index{display:block;font-size:.78rem;font-weight:800;letter-spacing:.12em;color:var(--accent);margin-bottom:70px}.benefit-card h3{font-size:clamp(1.8rem,3vw,3rem);max-width:520px}.benefit-card p{max-width:500px;color:var(--ink-2)}.benefit-featured p{color:rgba(255,255,255,.72)}.mini-map{position:absolute;left:32px;right:32px;bottom:34px;height:150px}.mini-map:before,.mini-map:after{content:"";position:absolute;left:0;right:0;border-top:1px dashed rgba(255,255,255,.22)}.mini-map:before{top:38%}.mini-map:after{top:74%}.mini-map span{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--accent-soft);border:4px solid rgba(255,255,255,.22)}.mini-map span:nth-child(1){left:5%;top:63%}.mini-map span:nth-child(2){left:42%;top:28%}.mini-map span:nth-child(3){right:6%;top:48%}.mini-map b{position:absolute;left:7%;right:8%;top:43%;height:2px;background:linear-gradient(90deg,var(--accent-soft),transparent);transform:rotate(-8deg)}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.process-intro{position:sticky;top:130px;align-self:start}.process-intro h2{font-size:clamp(2.2rem,4vw,4rem)}.process-intro .text-link{margin-top:20px}.steps-list{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:28px 1fr;gap:28px;padding:34px 0;border-bottom:1px solid var(--line)}.step>span{width:16px;height:16px;border:4px solid var(--accent-soft);background:var(--accent);border-radius:50%;margin-top:5px}.step h3{font-size:1.55rem;margin-bottom:10px}.step p{color:var(--ink-2);margin:0;max-width:600px}.testimonials-section{background:#e5ded4}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review-card{background:var(--card);border-radius:24px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:310px;border:1px solid rgba(33,56,50,.08)}.review-card>p{font-size:1.12rem;line-height:1.7}.review-person{display:flex;align-items:center;gap:13px}.review-person img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.review-person div{display:grid}.review-person span{font-size:.84rem;color:var(--ink-2)}.start-section{background:var(--ink);color:#fff}.start-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.start-copy{padding-top:28px}.start-copy h2{font-size:clamp(2.5rem,4.5vw,4.9rem)}.start-copy>p:not(.eyebrow){color:rgba(255,255,255,.68);max-width:550px}.form-decoration{margin-top:48px;display:flex;gap:10px}.form-decoration span{width:55px;height:55px;border:1px solid rgba(255,255,255,.25);border-radius:50%}.form-decoration span:nth-child(2){margin-left:-24px}.form-decoration span:nth-child(3){margin-left:-24px}.form-card{background:var(--card);color:var(--ink);border-radius:30px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.16)}.form-card>p{color:var(--ink-2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 18px}.form-grid label{display:grid;gap:7px;font-size:.84rem;font-weight:700}.form-grid input,.form-grid select{width:100%;min-width:0;height:50px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:0 14px;color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-grid input:focus,.form-grid select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(201,109,75,.12)}.form-wide{grid-column:1/-1}.form-note,.form-message{font-size:.78rem!important;margin:11px 0 0!important}.form-message{color:#356b54!important}.site-footer{background:#182b26;color:#fff;padding:72px 0 28px}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:60px}.brand-footer{margin-bottom:20px}.brand-footer .brand-mark span{border-color:#fff}.footer-brand p{color:rgba(255,255,255,.62);max-width:520px}.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:11px}.footer-grid strong{font-size:.85rem;color:rgba(255,255,255,.55);margin-bottom:6px}.footer-grid a{font-size:.92rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:54px;padding-top:24px;color:rgba(255,255,255,.46);font-size:.82rem}
.subpage-main{min-height:70vh}.sub-hero{padding-top:95px;padding-bottom:90px}.sub-hero h1{font-size:clamp(3rem,6vw,6rem);max-width:1050px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-card,.contact-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:32px}.value-card>span{display:block;color:var(--accent);font-weight:800;font-size:.8rem;margin-bottom:50px}.value-card h2{font-size:2rem}.value-card p{color:var(--ink-2)}.feature-list{display:grid}.feature-row{display:grid;grid-template-columns:80px 1fr auto;gap:28px;align-items:start;border-top:1px solid var(--line);padding:32px 0}.feature-row:last-child{border-bottom:1px solid var(--line)}.feature-row>span{font-weight:800;color:var(--accent)}.feature-row h2{font-size:clamp(1.7rem,3vw,2.7rem);margin-bottom:10px}.feature-row p{margin:0;color:var(--ink-2);max-width:650px}.feature-row i{font-style:normal;font-size:1.4rem}.offer-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:start}.offer-card,.notice-card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:32px}.offer-card ol{list-style:none;padding:0;margin:0}.offer-card li{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line);font-size:1.15rem;font-weight:700}.offer-card li span{color:var(--accent);font-size:.78rem}.notice-card{position:sticky;top:120px;background:var(--ink);color:#fff}.notice-card p{color:rgba(255,255,255,.68);margin:15px 0 24px}.notice-card .button{background:#fff;color:var(--ink);border-color:#fff}.signup-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.signup-aside{min-height:560px;background:var(--accent-soft);border-radius:30px;padding:36px;display:flex;flex-direction:column;justify-content:space-between}.signup-aside blockquote{font-size:clamp(2rem,3.8vw,4rem);line-height:1.08;letter-spacing:-.04em;margin:40px 0}.aside-stat{border-top:1px solid rgba(33,56,50,.18);padding-top:22px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.aside-stat strong{font-size:3rem}.aside-stat span{color:var(--ink-2)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-card{min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.contact-card span{color:var(--ink-2);font-size:.9rem}.contact-card a,.contact-card strong{font-size:clamp(1.4rem,3vw,2.3rem);letter-spacing:-.03em;overflow-wrap:anywhere}.faq-list{max-width:980px}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-item button{width:100%;padding:26px 0;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;gap:24px;text-align:left;font-size:1.18rem;font-weight:750;cursor:pointer}.faq-item button i{font-style:normal;font-size:1.6rem;font-weight:400;transition:transform .2s ease}.faq-item button[aria-expanded="true"] i{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.faq-answer p{overflow:hidden;margin:0;color:var(--ink-2);max-width:760px}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-item.is-open .faq-answer p{padding-bottom:28px}.legal-copy{max-width:850px;display:grid;gap:38px}.legal-copy section{padding-bottom:34px;border-bottom:1px solid var(--line)}.legal-copy h2{font-size:1.65rem}.legal-copy p{color:var(--ink-2);font-size:1.03rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease;transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.faq-answer,.menu-toggle span{transition:none}}
@media (max-width:1024px){.shell{width:min(calc(100% - 40px),var(--shell))}.section-pad{padding:86px 0}.nav-links{gap:15px}.site-nav{gap:18px}.nav-links a{font-size:.87rem}.hero-grid{grid-template-columns:1fr .85fr;gap:38px}.hero-visual{min-height:500px}.mini-metrics{gap:16px}.process-grid{gap:50px}.start-grid{gap:46px}.reviews-grid{gap:14px}.review-card{padding:24px}}
@media (max-width:900px){.menu-toggle{display:flex;width:44px;height:44px;border:1px solid var(--line);background:var(--card);border-radius:50%;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span:not(.sr-only){width:18px;height:2px;background:var(--ink);transition:transform .2s ease}.menu-toggle[aria-expanded="true"] span:nth-of-type(1){transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-of-type(2){transform:translateY(-3.5px) rotate(-45deg)}.site-nav{position:fixed;inset:78px 0 auto 0;background:var(--paper);border-top:1px solid var(--line);padding:22px 20px 28px;display:grid;gap:24px;transform:translateY(-130%);opacity:0;visibility:hidden;transition:transform .28s ease,opacity .2s ease,visibility .28s;box-shadow:0 24px 50px rgba(33,56,50,.12);max-height:calc(100vh - 78px);overflow:auto}.site-nav.is-open{transform:none;opacity:1;visibility:visible}.nav-links{display:grid;gap:0}.nav-links a{padding:13px 0;border-bottom:1px solid var(--line);font-size:1rem}.nav-links a:after{display:none}.nav-mobile-legal{display:flex;gap:20px;flex-wrap:wrap;font-size:.86rem;color:var(--ink-2)}.hero-grid,.start-grid,.signup-layout{grid-template-columns:1fr}.hero-copy{max-width:780px}.hero-visual{min-height:520px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-featured{grid-column:1/-1;grid-row:auto;min-height:470px}.benefit-card:nth-child(3){grid-column:auto}.process-grid{grid-template-columns:1fr}.process-intro{position:static;max-width:720px}.reviews-grid{grid-template-columns:1fr}.review-card{min-height:0}.start-copy{padding-top:0}.form-decoration{display:none}.values-grid{grid-template-columns:1fr}.offer-layout{grid-template-columns:1fr}.notice-card{position:static}.footer-grid{grid-template-columns:1.3fr .7fr}.footer-brand{grid-column:1/-1}}
@media (max-width:768px){.shell{width:min(calc(100% - 32px),var(--shell))}.section-pad{padding:72px 0}.header-inner{height:72px}.site-nav{inset:72px 0 auto}.hero{padding-top:54px}.hero-grid{gap:26px}.hero-actions{margin:30px 0 40px;flex-wrap:wrap}.mini-metrics{grid-template-columns:1fr;border-top:0;padding-top:0}.mini-metrics div{border-top:1px solid var(--line);padding-top:15px}.hero-visual{min-height:460px}.dashboard-card{padding:22px;border-radius:24px}.orb-one{width:360px;height:360px;right:-120px}.orb-two{width:220px;height:220px}.trust-line{margin-top:54px;grid-template-columns:1fr}.trust-line span{display:none}.benefit-grid{grid-template-columns:1fr}.benefit-card:nth-child(3){grid-column:auto}.benefit-card{min-height:230px;padding:26px}.benefit-featured{min-height:430px}.card-index{margin-bottom:42px}.section-heading{margin-bottom:34px}.reviews-grid{gap:14px}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.form-card{padding:26px}.feature-row{grid-template-columns:52px 1fr}.feature-row i{display:none}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-brand{grid-column:auto}.sub-hero{padding-top:66px;padding-bottom:62px}}
@media (max-width:430px){.shell{width:min(calc(100% - 28px),var(--shell))}.section-pad{padding:60px 0}.brand-word{font-size:.95rem}.hero h1,.sub-hero h1{font-size:clamp(2.55rem,13vw,3.75rem)}.hero-lead,.sub-lead{font-size:1.03rem}.hero-actions{align-items:stretch;gap:16px}.hero-actions .button{width:100%}.hero-actions .text-link{justify-content:center}.hero-visual{min-height:420px}.dashboard-card{padding:18px}.dashboard-top{font-size:.7rem}.dashboard-card h2{font-size:1.6rem}.chart-bars{height:112px;gap:7px}.benefit-featured{min-height:390px}.mini-map{height:120px;left:24px;right:24px;bottom:24px}.step{grid-template-columns:20px 1fr;gap:16px}.start-section .form-card{margin-inline:-2px}.form-card{border-radius:22px;padding:22px}.signup-aside{min-height:430px;padding:26px}.offer-card,.notice-card,.value-card,.contact-card{padding:24px}.offer-card li{grid-template-columns:42px 1fr;font-size:1.02rem}.feature-row{grid-template-columns:42px 1fr;gap:12px}.faq-item button{font-size:1.03rem;padding:22px 0}.footer-bottom{margin-top:40px}}
@media (max-width:390px){.shell{width:min(calc(100% - 24px),var(--shell))}.header-inner{height:68px}.site-nav{inset:68px 0 auto}.button{min-height:50px;padding:0 19px}.dashboard-card{border-radius:20px}.dashboard-panel,.next-card{padding:14px}.review-card{padding:22px}.form-grid{gap:13px}}
@media (max-width:360px){.shell{width:min(calc(100% - 20px),var(--shell))}.brand{gap:8px}.brand-mark{width:26px;height:26px}.hero h1,.sub-hero h1{font-size:2.45rem}.eyebrow{font-size:.69rem;letter-spacing:.1em}.dashboard-card{padding:15px}.dashboard-top{display:grid}.form-card{padding:18px}.form-grid input,.form-grid select{padding:0 11px}.footer-grid{gap:28px}}


/* --- polish update: hero, motion, avatars, ultra-small screens --- */
h1, h2, h3, p, a, span, strong, small, label, li, blockquote {
  overflow-wrap: break-word;
}
.hero-copy,
.hero-visual,
.process-intro,
.steps-list,
.start-copy,
.form-card,
.review-card,
.value-card,
.contact-card,
.offer-card,
.notice-card,
.signup-aside,
.hero-grid > *,
.benefit-grid > *,
.process-grid > *,
.start-grid > *,
.signup-layout > *,
.offer-layout > *,
.footer-grid > *,
.contact-grid > *,
.reviews-grid > *,
.values-grid > * {
  min-width: 0;
}
.hero {
  padding-top: 64px;
}
.hero-grid {
  grid-template-columns: minmax(0, .96fr) minmax(420px, 1.04fr);
  gap: 56px;
  align-items: start;
}
.hero-copy {
  padding-top: 18px;
}
.hero h1 {
  font-size: clamp(3.35rem, 5.45vw, 5.65rem);
  max-width: 660px;
  margin-bottom: 22px;
  text-wrap: balance;
}
.hero-lead {
  max-width: 620px;
}
.hero-actions {
  margin: 34px 0 46px;
}
.hero-visual {
  min-height: 640px;
  padding: 24px 12px 10px;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden;
  isolation: isolate;
}
.hero-visual::before {
  content: "";
  position: absolute;
  inset: 36px 22px 36px 62px;
  border-radius: 42px;
  background: linear-gradient(155deg, rgba(255,255,255,.56), rgba(238,231,221,.96));
  border: 1px solid rgba(33,56,50,.08);
  box-shadow: 0 30px 70px rgba(33,56,50,.09);
  z-index: 0;
}
.dashboard-card {
  width: min(100%, 540px);
}
.progress-track span {
  width: 0;
  transition: width .95s cubic-bezier(.16, 1, .3, 1) .12s;
}
.reveal.is-visible .progress-track span {
  width: 68%;
}
.chart-bars i {
  transform-origin: bottom center;
  transform: scaleY(.22);
  transition: transform .7s cubic-bezier(.16, 1, .3, 1);
}
.chart-bars i:nth-child(1) { transition-delay: .05s; }
.chart-bars i:nth-child(2) { transition-delay: .11s; }
.chart-bars i:nth-child(3) { transition-delay: .17s; }
.chart-bars i:nth-child(4) { transition-delay: .23s; }
.chart-bars i:nth-child(5) { transition-delay: .29s; }
.chart-bars i:nth-child(6) { transition-delay: .35s; }
.chart-bars i:nth-child(7) { transition-delay: .41s; }
.reveal.is-visible .chart-bars i {
  transform: scaleY(1);
}
.benefit-card,
.review-card,
.form-card,
.offer-card,
.notice-card,
.value-card,
.contact-card,
.dashboard-card {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.benefit-card:hover,
.review-card:hover,
.form-card:hover,
.offer-card:hover,
.notice-card:hover,
.value-card:hover,
.contact-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 44px rgba(33,56,50,.10);
}
.hero-visual .dashboard-card {
  animation: floatCard 8s ease-in-out infinite;
}
.hero-visual .orb-one {
  animation: orbDrift 13s ease-in-out infinite;
}
.hero-visual .orb-two {
  animation: orbDrift 11s ease-in-out infinite reverse;
}
.status-dot::before {
  animation: pulseDot 2.8s ease-in-out infinite;
}
.mini-map span:nth-child(1) { animation: mapPulse 4.6s ease-in-out infinite; }
.mini-map span:nth-child(2) { animation: mapPulse 4.6s ease-in-out infinite .7s; }
.mini-map span:nth-child(3) { animation: mapPulse 4.6s ease-in-out infinite 1.4s; }
.mini-map b {
  animation: lineSweep 5.8s ease-in-out infinite;
  transform-origin: left center;
}
@keyframes floatCard {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
@keyframes orbDrift {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -12px, 0); }
}
@keyframes pulseDot {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(124,165,123,.3); }
  50% { opacity: .7; box-shadow: 0 0 0 5px rgba(124,165,123,0); }
}
@keyframes mapPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); }
}
@keyframes lineSweep {
  0%, 100% { transform: rotate(-8deg) scaleX(.92); opacity: .8; }
  50% { transform: rotate(-6deg) scaleX(1.02); opacity: 1; }
}
@media (max-width:1200px) {
  .hero-grid {
    grid-template-columns: minmax(0, .96fr) minmax(380px, .98fr);
    gap: 42px;
  }
  .hero h1 {
    font-size: clamp(3.15rem, 5.2vw, 5.15rem);
    max-width: 590px;
  }
  .hero-visual::before {
    inset: 28px 12px 32px 28px;
  }
}
@media (max-width:1024px) {
  .hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .92fr);
    gap: 30px;
  }
  .hero h1 {
    font-size: clamp(3rem, 5.2vw, 4.8rem);
  }
  .hero-visual {
    min-height: 560px;
    padding: 10px 4px 0;
  }
  .hero-visual::before {
    inset: 18px 0 22px 18px;
    border-radius: 34px;
  }
}
@media (max-width:900px) {
  .hero {
    padding-top: 54px;
  }
  .hero-copy {
    padding-top: 0;
  }
  .hero h1 {
    max-width: 100%;
  }
  .hero-visual {
    min-height: 500px;
    padding: 0;
    align-items: center;
    justify-content: center;
  }
  .hero-visual::before {
    inset: 14px 0 22px;
    border-radius: 30px;
  }
  .hero-visual .dashboard-card {
    animation-duration: 9.5s;
  }
}
@media (max-width:768px) {
  .hero-visual {
    min-height: 470px;
  }
  .hero-visual::before {
    inset: 12px 0 20px;
  }
}
@media (max-width:430px) {
  .hero h1,
  .sub-hero h1 {
    font-size: clamp(2.3rem, 11.8vw, 3.35rem);
  }
  h2 {
    font-size: clamp(2rem, 10.5vw, 3rem);
  }
  .section-heading h2,
  .process-intro h2,
  .start-copy h2 {
    text-wrap: balance;
  }
  .hero-visual {
    min-height: 400px;
  }
  .hero-visual::before {
    inset: 10px 0 18px;
    border-radius: 26px;
  }
  .dashboard-card h2 {
    font-size: 1.48rem;
  }
  .dashboard-top {
    gap: 10px;
  }
}
@media (max-width:360px) {
  .hero h1,
  .sub-hero h1 {
    font-size: 2.08rem;
  }
  .hero-lead,
  .sub-lead,
  .step p,
  .review-card > p,
  .legal-copy p {
    font-size: 1rem;
  }
  .hero-visual {
    min-height: 380px;
  }
  .dashboard-card h2 {
    font-size: 1.38rem;
  }
  .review-person {
    gap: 11px;
  }
  .review-person img {
    width: 50px;
    height: 50px;
  }
}
@media (max-width:320px) {
  .shell {
    width: calc(100% - 16px);
  }
  .section-pad {
    padding: 48px 0;
  }
  .header-inner {
    gap: 12px;
  }
  .brand-word {
    font-size: .88rem;
  }
  .site-nav {
    padding: 18px 16px 22px;
  }
  .nav-mobile-legal {
    gap: 12px;
    font-size: .82rem;
  }
  .hero h1,
  .sub-hero h1 {
    font-size: 1.92rem;
    line-height: 1.08;
  }
  h2 {
    font-size: 1.85rem;
    line-height: 1.1;
  }
  .hero-lead,
  .sub-lead,
  .review-card > p,
  .step p,
  .legal-copy p,
  .footer-brand p {
    font-size: .96rem;
  }
  .hero-actions {
    margin: 24px 0 32px;
    gap: 14px;
  }
  .button,
  .button-small {
    width: 100%;
  }
  .hero-visual {
    min-height: 350px;
  }
  .hero-visual::before {
    inset: 8px 0 16px;
    border-radius: 22px;
  }
  .dashboard-card,
  .form-card,
  .offer-card,
  .notice-card,
  .value-card,
  .contact-card,
  .benefit-card,
  .review-card,
  .signup-aside {
    padding: 18px;
    border-radius: 20px;
  }
  .dashboard-top,
  .progress-label {
    font-size: .78rem;
  }
  .dashboard-card h2,
  .step h3,
  .review-person strong,
  .contact-card a,
  .contact-card strong {
    font-size: 1.28rem;
  }
  .dashboard-panel,
  .next-card {
    padding: 13px;
  }
  .next-card {
    padding-right: 42px;
  }
  .next-card span {
    right: 14px;
  }
  .chart-bars {
    height: 96px;
    gap: 6px;
    margin: 18px 0;
  }
  .mini-metrics {
    gap: 12px;
  }
  .mini-map {
    left: 18px;
    right: 18px;
    bottom: 18px;
    height: 100px;
  }
  .benefit-featured {
    min-height: 320px;
  }
  .step {
    gap: 12px;
  }
  .form-grid {
    gap: 12px;
  }
  .form-grid input,
  .form-grid select {
    height: 48px;
    padding: 0 10px;
  }
  .footer-grid,
  .legal-copy {
    gap: 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-visual .dashboard-card,
  .hero-visual .orb,
  .status-dot::before,
  .mini-map span,
  .mini-map b {
    animation: none !important;
  }
  .progress-track span,
  .chart-bars i,
  .benefit-card,
  .review-card,
  .form-card,
  .offer-card,
  .notice-card,
  .value-card,
  .contact-card,
  .dashboard-card {
    transition: none !important;
  }
}

/* --- final responsive hardening + dashboard CTA --- */
.dashboard-cta {
  cursor: pointer;
  text-decoration: none;
  outline: none;
}
.dashboard-cta:hover {
  background: #2b4740;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(33,56,50,.18);
}
.dashboard-cta:focus-visible {
  box-shadow: 0 0 0 4px rgba(201,109,75,.28);
}
.eyebrow {
  overflow-wrap: normal;
  word-break: normal;
}
.review-person img {
  background: #f5ede3;
}
@media (max-width: 900px) {
  .hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px;
  }
  .hero-copy,
  .hero-visual {
    width: 100%;
    max-width: 100%;
  }
  .hero-copy {
    padding-top: 0;
  }
  .hero-visual {
    min-height: 0;
    padding: 18px 0 22px;
    overflow: hidden;
  }
  .hero-visual::before {
    inset: 0;
  }
  .dashboard-card {
    width: min(100%, 560px);
    margin-inline: auto;
  }
  .orb-one {
    right: -120px;
  }
  .orb-two {
    left: -90px;
  }
}
@media (max-width: 768px) {
  .hero {
    padding-top: 42px;
  }
  .hero-grid {
    gap: 28px;
  }
  .hero h1,
  .sub-hero h1 {
    max-width: 100%;
  }
  .hero-visual {
    padding: 10px 0 18px;
  }
  .dashboard-card {
    width: 100%;
  }
  .benefit-grid,
  .start-grid,
  .signup-layout,
  .offer-layout,
  .contact-grid,
  .values-grid,
  .reviews-grid,
  .process-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .benefit-featured,
  .benefit-card:nth-child(3),
  .footer-brand {
    grid-column: auto !important;
  }
  .site-nav {
    width: 100%;
    max-width: 100vw;
  }
}
@media (max-width: 430px) {
  .hero h1,
  .sub-hero h1 {
    font-size: clamp(2.25rem, 11.2vw, 3.15rem);
    line-height: 1.05;
    text-wrap: balance;
  }
  .hero-lead,
  .sub-lead {
    line-height: 1.6;
  }
  .dashboard-card {
    padding: 18px;
  }
  .dashboard-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .progress-label {
    align-items: center;
  }
  .chart-bars {
    min-width: 0;
    width: 100%;
  }
  .next-card {
    min-width: 0;
  }
  .next-card strong,
  .next-card small {
    min-width: 0;
  }
}
@media (max-width: 360px) {
  .hero {
    padding-top: 34px;
  }
  .hero h1,
  .sub-hero h1 {
    font-size: 2rem;
  }
  .hero-visual {
    padding-inline: 0;
  }
  .dashboard-card {
    padding: 15px;
    border-radius: 19px;
  }
  .dashboard-top {
    font-size: .72rem;
  }
  .dashboard-card h2 {
    font-size: 1.34rem;
  }
  .dashboard-panel,
  .next-card {
    border-radius: 14px;
  }
  .next-card {
    padding-right: 42px;
  }
  .chart-bars {
    height: 94px;
    gap: 5px;
  }
  .chart-bars i {
    min-width: 0;
  }
  .reviews-grid {
    gap: 12px;
  }
  .review-card {
    min-width: 0;
  }
}
@media (max-width: 320px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }
  .shell {
    width: calc(100% - 16px);
    max-width: 100%;
  }
  .header-inner {
    height: 64px;
  }
  .site-nav {
    inset: 64px 0 auto 0;
    max-height: calc(100dvh - 64px);
  }
  .hero {
    padding-top: 28px;
  }
  .hero-grid {
    gap: 22px;
  }
  .hero h1,
  .sub-hero h1 {
    font-size: 1.84rem;
    line-height: 1.07;
  }
  .eyebrow {
    font-size: .66rem;
    letter-spacing: .08em;
    line-height: 1.45;
  }
  .hero-actions .button,
  .hero-actions .text-link {
    width: 100%;
  }
  .hero-visual {
    padding: 6px 0 14px;
  }
  .hero-visual::before {
    border-radius: 20px;
  }
  .dashboard-card {
    padding: 13px;
    border-radius: 17px;
  }
  .dashboard-top {
    gap: 6px 10px;
  }
  .dashboard-card h2 {
    font-size: 1.25rem;
    margin-bottom: 16px;
  }
  .dashboard-panel {
    padding: 12px;
  }
  .progress-wrap {
    margin: 18px 0;
  }
  .progress-label {
    gap: 10px;
    font-size: .77rem;
  }
  .chart-bars {
    height: 82px;
    margin: 16px 0;
    gap: 4px;
  }
  .next-card {
    padding: 12px 38px 12px 12px;
    gap: 3px;
  }
  .next-card strong {
    font-size: .92rem;
  }
  .next-card small {
    font-size: .72rem;
  }
  .next-card span {
    right: 12px;
  }
  .benefit-card,
  .review-card,
  .form-card,
  .signup-aside,
  .offer-card,
  .notice-card,
  .value-card,
  .contact-card {
    padding: 17px;
  }
  .review-person {
    align-items: center;
  }
  .review-person img {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
  }
  .review-person strong {
    font-size: .95rem;
  }
  .review-person span {
    font-size: .78rem;
  }
}

/* Keep the dashboard itself stable so its CTA is easy to click. */
.hero-visual .dashboard-card {
  animation: none;
}

/* v4 mobile fixes: featured visual spacing + sticky burger panel */
@media (max-width: 900px) {
  /* The header itself is sticky, so the menu is positioned from the sticky
     header instead of from the document. It now opens below the burger at
     any scroll position, including near the footer. */
  .site-header {
    overflow: visible;
  }
  .header-inner {
    position: static;
  }
  .site-nav {
    position: absolute !important;
    inset: auto 0 auto 0 !important;
    top: 100% !important;
    width: 100% !important;
    max-width: none !important;
    max-height: calc(100dvh - 78px) !important;
    transform: translateY(-10px) scale(.995) !important;
    transform-origin: top center;
    pointer-events: none;
  }
  .site-nav.is-open {
    transform: none !important;
    pointer-events: auto;
  }

  /* Correct X state: the first span is the screen-reader label. */
  .menu-toggle[aria-expanded="true"] > span:nth-child(2) {
    transform: translateY(3.5px) rotate(45deg) !important;
  }
  .menu-toggle[aria-expanded="true"] > span:nth-child(3) {
    transform: translateY(-3.5px) rotate(-45deg) !important;
  }
}

@media (max-width: 768px) {
  .site-nav {
    max-height: calc(100dvh - 72px) !important;
  }

  /* Keep the decorative chart in its own reserved area so it can never
     overlap the copy on narrow screens. */
  .benefit-featured {
    display: flex;
    flex-direction: column;
    min-height: 440px;
  }
  .benefit-featured .card-index {
    margin-bottom: 44px;
  }
  .benefit-featured h3 {
    max-width: 100%;
    text-shadow: none;
    filter: none;
  }
  .benefit-featured p {
    margin-bottom: 26px;
  }
  .benefit-featured .mini-map {
    position: relative;
    inset: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 112px;
    flex: 0 0 112px;
    margin-top: auto;
  }

  /* Avoid sub-pixel transformed text on phone renderers. */
  .benefit-card.reveal {
    transform: none;
    transition: opacity .45s ease;
  }
  .benefit-card:hover {
    transform: none;
  }
}

@media (max-width: 430px) {
  .benefit-featured {
    min-height: 420px;
  }
  .benefit-featured .card-index {
    margin-bottom: 34px;
  }
  .benefit-featured h3 {
    font-size: clamp(1.85rem, 9.2vw, 2.35rem);
    line-height: 1.08;
  }
  .benefit-featured p {
    margin-bottom: 22px;
  }
  .benefit-featured .mini-map {
    height: 104px;
    flex-basis: 104px;
  }
}

@media (max-width: 390px) {
  .site-nav {
    max-height: calc(100dvh - 68px) !important;
  }
}

@media (max-width: 320px) {
  .site-nav {
    max-height: calc(100dvh - 64px) !important;
  }
  .benefit-featured {
    min-height: 400px;
  }
  .benefit-featured .card-index {
    margin-bottom: 28px;
  }
  .benefit-featured h3 {
    font-size: 1.72rem;
  }
  .benefit-featured p {
    margin-bottom: 18px;
  }
  .benefit-featured .mini-map {
    height: 94px;
    flex-basis: 94px;
  }
}

/* v5: viewport-anchored mobile navigation. This intentionally overrides
   the earlier sticky/absolute mobile menu implementation. */
@media (max-width: 900px) {
  body {
    padding-top: 78px;
  }

  /* Do not let opening the menu reset the current document scroll position. */
  body.menu-open {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .site-header {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
  }

  .site-nav {
    position: fixed !important;
    top: 78px !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: calc(100dvh - 78px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    z-index: 999 !important;
    transform: translate3d(0, -12px, 0) !important;
    transform-origin: top center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .site-nav.is-open {
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

@media (max-width: 768px) {
  body {
    padding-top: 72px;
  }
  .site-nav {
    top: 72px !important;
    max-height: calc(100dvh - 72px) !important;
  }
}

@media (max-width: 390px) {
  body {
    padding-top: 68px;
  }
  .site-nav {
    top: 68px !important;
    max-height: calc(100dvh - 68px) !important;
  }
}

.golv-trust-band { background: var(--paper); }
.golv-trust-card {
  display: grid;
  gap: 12px;
  max-width: 720px;
  padding: 32px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: var(--card);
  box-shadow: var(--shadow);
}
.golv-trust-badge {
  font-size: .77rem;
  font-weight: 800;
  letter-spacing: .12em;
  color: var(--accent);
  text-transform: uppercase;
}
.golv-trust-heading { font-size: 1.45rem; margin: 0; }
.golv-trust-score { display: flex; align-items: baseline; gap: 16px; }
.golv-trust-num { font-size: 3.2rem; font-weight: 750; letter-spacing: -.04em; line-height: 1; }
.golv-trust-stars { color: var(--accent); font-size: 1.35rem; letter-spacing: .12em; }
.golv-trust-meta { margin: 0; color: var(--ink-2); }
.insights-copy { display: grid; gap: 18px; max-width: 860px; margin-bottom: 40px; }
.insights-copy p { color: var(--ink-2); font-size: 1.05rem; line-height: 1.7; }
.insights-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.insight-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 28px;
}
.insight-card h3 { font-size: 1.35rem; margin-bottom: 12px; }
.insight-card p { margin: 0; color: var(--ink-2); }
.insights-disclaimer { margin-top: 36px; max-width: 860px; color: var(--ink-2); font-size: .95rem; }
.footer-risk { margin-top: 18px; font-size: .88rem; color: rgba(255,255,255,.62); max-width: 520px; }
@media (max-width: 900px) {
  .insights-grid { grid-template-columns: 1fr; }
}