/* Asman v6 — the whole stylesheet. Tokens first, then base, layout primitives, components, sections. */

/* ---------- tokens ---------- */
:root{
  --bg:#FFFFFF;
  --tint:#EFF8FF;
  --navy:#09275A;
  --text:#475569;
  --blue:#008CF0;
  --blue-dark:#0072C6;
  /* button fill/text: white on #008CF0 is 3.4:1, so every button uses this darker blue (4.6:1) */
  --btn:#0077CC;
  --btn-hover:#005FA3;
  --border:#DFE9F2;
  --green:#15803D; --green-soft:#ECFDF3;
  --amber:#B45309; --amber-soft:#FFF7E6;
  --red:#B91C1C; --red-soft:#FEF2F2;
  --radius:14px;
  --radius-btn:12px;
  --shadow:0 8px 24px rgba(9,39,90,.08);
  --font:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --head-h:72px;
}

/* ---------- reset / base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + 8px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;line-height:1.6;font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-wrap:break-word}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{color:var(--navy);font-weight:700;line-height:1.2;text-wrap:balance}
h1{font-size:clamp(2rem, 4.6vw, 3.25rem);font-weight:800;line-height:1.1;letter-spacing:-.02em}
h2,.h2{font-size:clamp(1.6rem, 3vw, 2.25rem);font-weight:800;line-height:1.15;letter-spacing:-.015em;color:var(--navy)}
h3{font-size:1.125rem}
b,strong{font-weight:700}
:focus-visible{outline:3px solid #008CF0;outline-offset:2px}
::selection{background:#CDE8FD}

/* ---------- layout primitives ---------- */
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:clamp(56px, 8vw, 96px) 0}
.section--tint{background:#EFF8FF}
.lead{font-size:1.125rem;line-height:1.6;color:var(--text);max-width:62ch}
.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.card{background:#FFFFFF;border:1px solid #DFE9F2;border-radius:14px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.icon{width:24px;height:24px;flex:none}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;
  border:1px solid transparent;border-radius:var(--radius-btn);font-weight:700;font-size:.9375rem;line-height:1.25;
  text-align:center;cursor:pointer;text-decoration:none;transition:background-color .15s, border-color .15s, color .15s}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--btn);color:#FFFFFF}
.btn-primary:hover{background:var(--btn-hover)}
.btn-ghost{background:#FFFFFF;color:var(--btn);border-color:var(--btn)}
.btn-ghost:hover{background:var(--tint)}
.btn[disabled]{opacity:.6;cursor:progress}

/* ---------- skip link ---------- */
.skip{position:absolute;left:16px;top:-100px;z-index:100;background:var(--navy);color:#FFFFFF;padding:10px 16px;border-radius:var(--radius-btn);font-weight:700}
.skip:focus{top:12px}

/* ---------- header ---------- */
.site-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border)}
.site-head>.wrap{display:flex;align-items:center;gap:24px;min-height:var(--head-h)}
.logo{display:inline-flex;align-items:center;min-height:44px;gap:8px;color:var(--navy);font-weight:800;font-size:1.375rem;letter-spacing:-.01em;flex:none}
.logo:hover{text-decoration:none}
#site-nav{display:flex;align-items:center;justify-content:center;gap:4px 28px;flex:1;flex-wrap:wrap}
#site-nav a{color:var(--navy);font-weight:500;font-size:.9375rem;padding:10px 0}
#site-nav a:hover{color:var(--blue);text-decoration:none}
#site-nav a[aria-current="page"]{color:var(--blue);box-shadow:inset 0 -2px 0 var(--blue)}
#site-nav .nav-cta{display:none}
.head-right{display:flex;align-items:center;gap:16px;flex:none}
.lang-switch{display:inline-flex;align-items:center;gap:2px;font-size:.875rem;font-weight:700;color:var(--navy)}
.lang-switch>a,.lang-switch>span[aria-current]{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:44px;padding:0 4px}
.lang-switch>a{color:#64748B;font-weight:500}
.lang-switch>a:hover{color:var(--blue);text-decoration:none}
.lang-switch .sep{color:var(--border)}
.head-cta{padding:10px 18px}
.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--border);
  border-radius:var(--radius-btn);background:#FFFFFF;color:var(--navy);cursor:pointer}

@media (max-width:859px){
  .site-head>.wrap{flex-wrap:wrap;gap:12px;justify-content:space-between}
  #site-nav{order:3;flex-basis:100%;justify-content:flex-start;gap:0 20px;padding-bottom:8px}
  .has-menu .menu-toggle{display:inline-flex}
  .has-menu #site-nav{display:none}
  .has-menu.open #site-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:4px 0 12px;border-top:1px solid var(--border)}
  .has-menu.open #site-nav a{padding:12px 0;min-height:44px;border-bottom:1px solid var(--border)}
  .has-menu.open #site-nav a:last-child{border-bottom:0}
  .has-menu.open #site-nav a[aria-current="page"]{box-shadow:none}
  .head-right{gap:8px}
}
@media (max-width:479px){
  .wrap{padding:0 16px}
  .has-menu .head-cta{display:none}
  .has-menu.open #site-nav .nav-cta{display:block;color:var(--blue);font-weight:700}
}

/* ---------- footer ---------- */
.site-foot{border-top:1px solid var(--border);padding:32px 0;background:#FFFFFF}
.site-foot>.wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px 40px}
.foot-brand{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-right:auto}
.foot-brand p{font-size:.875rem}
.foot-links{display:flex;flex-wrap:wrap;gap:0 24px}
.foot-links a{color:var(--navy);font-weight:500;font-size:.9375rem;display:inline-flex;align-items:center;min-height:44px}
.foot-links a:hover{color:var(--blue)}
@media (max-width:859px){
  .site-foot>.wrap{flex-direction:column;align-items:flex-start;gap:12px}
  .foot-brand{flex-direction:column;align-items:flex-start}
}

/* ---------- home: hero ---------- */
[hidden]{display:none!important}
.hero{padding:clamp(40px, 6vw, 80px) 0 clamp(48px, 6vw, 80px)}
.hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}
.hero-grid>*{min-width:0}
.hero-badge{display:inline-flex;align-items:center;gap:8px}
.hero-badge svg{width:18px;height:18px;flex:none}
.hero h1{margin-top:16px;font-size:clamp(2rem, 3.6vw, 2.875rem)}
.hero .lead{margin-top:20px;font-size:1.0625rem}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-note{margin-top:16px;font-size:.875rem;color:var(--text);max-width:52ch}
@media (max-width:899px){
  .hero-grid{grid-template-columns:1fr;gap:36px}
}
@media (max-width:479px){
  .hero .actions .btn{width:100%}
}

/* hero diagram: the hub with the five ecosystem parts around it */
.eco-map{position:relative;width:100%;max-width:580px;margin:0 auto;aspect-ratio:10 / 9;background:#FFFFFF;
  border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}
.eco-lines{position:absolute;inset:0;width:100%;height:100%;max-width:none;fill:none;stroke:#DFE9F2;stroke-width:2}
.eco-lines *{vector-effect:non-scaling-stroke}
.eco-lines ellipse{stroke-dasharray:4 6}
.eco-hub{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;
  width:25%;aspect-ratio:1;padding:10px;border-radius:50%;background:var(--navy);color:#FFFFFF;font-weight:800;font-size:1rem;
  line-height:1.25;text-align:center;box-shadow:0 0 0 10px #EFF8FF}
.eco-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;
  gap:8px;width:26%;padding:12px 8px;border:1px solid #CDE8FD;border-radius:14px;background:#EFF8FF;color:var(--navy);
  font-size:.875rem;font-weight:700;line-height:1.3;text-align:center}
.eco-node>span:last-child{max-width:100%;overflow-wrap:break-word}
.eco-node .ico-box{width:40px;height:40px;background:#FFFFFF}
.eco-node .icon{width:22px;height:22px}
@media (max-width:600px){
  .eco-map{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;aspect-ratio:auto;padding:16px}
  .eco-lines{display:none}
  .eco-hub{position:static;transform:none;grid-column:1 / -1;justify-self:center;width:auto;aspect-ratio:auto;min-height:44px;
    padding:10px 22px;border-radius:999px;box-shadow:0 0 0 6px #EFF8FF;margin:6px 0 8px}
  .eco-node{position:static;transform:none;width:auto;padding:12px 8px;font-size:.8125rem}
}

/* ---------- till (shared with the Start page) ---------- */
.till{background:#FFFFFF;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.till-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:14px 20px;border-bottom:1px solid var(--border)}
.till-head>b{color:var(--navy);font-size:1rem}
.net{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.8125rem;font-weight:700}
.net i{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.till.offline .net{background:var(--red-soft);color:var(--red)}
.till-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;padding:6px 20px;background:var(--tint);border-bottom:1px solid var(--border)}
.queue{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:var(--navy);font-weight:500;min-height:44px}
#queue-n{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 8px;border-radius:999px;
  background:var(--amber-soft);color:var(--amber);border:1px solid #F5D9A8;font-size:.8125rem;font-weight:800;font-variant-numeric:tabular-nums}
.switch{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--navy)}
.switch input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:40px;height:24px;margin:0;border-radius:999px;
  background:#CBD5E1;cursor:pointer}
.switch input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#FFFFFF;
  box-shadow:0 1px 2px rgba(9,39,90,.25)}
.switch input:checked{background:var(--red)}
.switch input:checked::after{transform:translateX(16px)}
.switch input:focus-visible{outline:3px solid #008CF0;outline-offset:3px}
.till-instruction{padding:12px 20px 0;font-size:.8125rem;color:#64748B}
.till-main{display:grid;grid-template-columns:minmax(0, 1fr);gap:12px;padding:12px 20px;border-bottom:1px solid var(--border)}
.till-products{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px;align-content:start}
.till-products button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:56px;min-width:0;
  padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#FFFFFF;color:var(--navy);text-align:left;cursor:pointer;
  font-size:.8125rem;font-weight:600;line-height:1.3;transition:border-color .15s, background-color .15s}
.till-products button span{overflow-wrap:anywhere;hyphens:auto}
.till-products button small{font-size:.75rem;font-weight:500;color:#64748B;font-variant-numeric:tabular-nums}
.till-products button:hover{border-color:var(--blue);background:var(--tint)}
.till-check{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#FBFDFF}
.till-receipt li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:.875rem;color:var(--navy)}
.till-receipt li>span:first-child{min-width:0;overflow-wrap:anywhere}
.till-receipt li>span:last-child{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}
.till-check .till-empty{padding:6px 0}
.till-receipt:empty{display:none}
.till-sum{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding-top:10px;border-top:1px solid var(--border);
  color:var(--navy);font-weight:600}
.till-sum b{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.till-payopts{display:grid;grid-template-columns:repeat(auto-fit, minmax(7.5rem, 1fr));gap:8px;margin:0;padding:0;border:0}
.pay-opt{display:flex;align-items:center;gap:8px;min-height:44px;min-width:0;padding:6px 12px;border:1px solid var(--border);border-radius:10px;
  background:#FFFFFF;color:var(--navy);font-size:.875rem;font-weight:600;cursor:pointer}
.pay-opt span{min-width:0;overflow-wrap:break-word}
.pay-opt input{flex:none;width:18px;height:18px;margin:0;accent-color:#008CF0;cursor:pointer}
.pay-opt input:focus-visible{outline:3px solid #008CF0;outline-offset:2px}
.pay-opt:has(input:checked){border-color:var(--blue);background:var(--tint);color:var(--blue-dark)}
.till-pay{width:100%}
.till-pay:disabled{background:#E2E8F0;color:#64748B;cursor:not-allowed}
.till-body{padding:12px 20px 16px;min-height:96px}
.till-log{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748B}
#till-list li{display:grid;grid-template-columns:minmax(0, 1fr) auto auto;align-items:center;gap:8px 12px;padding:8px 0;
  border-top:1px solid var(--border);font-size:.875rem;color:var(--navy)}
#till-list li:first-child{border-top:0}
#till-list li>span:first-child{overflow-wrap:anywhere}
#till-list li>span:first-child small{color:#64748B;font-size:.8125rem;font-weight:500}
#till-list li>span:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap}
#till-list .st{padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;background:var(--green-soft);color:var(--green)}
#till-list li.p .st{background:#F1F5F9;color:#64748B}
#till-list li.q .st{background:var(--amber-soft);color:var(--amber)}
.till-empty{padding:16px 0;font-size:.875rem;color:#64748B;text-align:center}
.till-sim{margin-top:12px;font-size:.8125rem;color:var(--text)}
/* wide enough for products and receipt side by side: the full-width stacked hero (600-899) and the 1280 hero column */
@media (min-width:600px) and (max-width:899px), (min-width:1100px){
  .till-main{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}
  .till-products{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width:419px){
  .till-head,.till-bar,.till-main,.till-body{padding-left:14px;padding-right:14px}
  .till-instruction{padding-left:14px;padding-right:14px}
  .till-products{grid-template-columns:repeat(2, minmax(0, 1fr))}
  #till-list li{gap:6px 8px}
}

/* ---------- trust strip ---------- */
.trust{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#FFFFFF}
.trust>.wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding-top:18px;padding-bottom:18px;font-size:.9375rem}
.trust-label{color:#64748B}
.trust ul{display:flex;flex-wrap:wrap;gap:4px 0;color:var(--navy)}
.trust li:not(:last-child)::after{content:"·";margin:0 10px;color:#94A3B8}
.trust-fact{margin-left:auto;color:var(--navy);font-weight:600}
@media (max-width:759px){.trust-fact{margin-left:0}}

/* ---------- pains ---------- */
.pain-list{display:grid;gap:20px;margin-top:36px}
.pain{display:grid;grid-template-columns:minmax(0, 1fr) 48px minmax(0, 1fr);align-items:stretch}
.was,.now{padding:20px 24px;border-radius:14px;border:1px solid}
.was{background:var(--red-soft);border-color:#F6D5D5}
.now{background:var(--green-soft);border-color:#CDEBD8}
.pain-tag{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:800;font-size:.9375rem}
.was .pain-tag{color:var(--red)}
.now .pain-tag{color:var(--green)}
.pain-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex:none}
.pain-mark .icon{width:16px;height:16px}
.was .pain-mark{background:#FDE2E2}
.now .pain-mark{background:#D3F2DF}
.was p+p,.now p+p{color:var(--text)}
.now .gain{margin-top:10px;color:var(--navy);font-weight:700}
.pain-arrow{display:flex;align-items:center;justify-content:center;color:#94A3B8}
@media (max-width:759px){
  .pain{grid-template-columns:1fr;gap:8px}
  .pain-arrow{display:none}
  .was,.now{padding:16px 18px}
}

/* ---------- founder story ---------- */
.story-grid{display:grid;grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);gap:48px;align-items:center}
.story-body{display:grid;gap:14px;margin-top:24px;padding-left:24px;border-left:4px solid var(--navy);max-width:68ch}
.story-body p{font-size:1.0625rem;line-height:1.65}
.story-sign{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px;background:#FFFFFF;
  border:1px solid var(--border);border-radius:16px}
.story-name{color:var(--navy);font-size:.9375rem;line-height:1.5}
.story-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
@media (max-width:899px){
  .story-grid{grid-template-columns:1fr;gap:28px}
  .story-sign{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;column-gap:18px;row-gap:4px;padding:22px}
  .story-sign .avatar{grid-row:1 / span 2;width:64px;height:64px;font-size:1.25rem}
  .story-link{justify-self:start}
}
@media (max-width:479px){
  .story-body{padding-left:16px}
  .story-sign{padding:18px}
}

/* ---------- ecosystem (what) ---------- */
.what .lead{margin-top:16px}
.ico-box{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--tint);color:var(--blue);flex:none}
.eco-list{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px;margin-top:40px}
.eco-item{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:22px 20px;
  background:#FFFFFF;border:1px solid var(--border);border-radius:14px}
.eco-item h3{font-size:1.0625rem}
.eco-item p{font-size:.9375rem;line-height:1.55}

@media (max-width:759px){.eco-list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}}
@media (max-width:479px){.eco-list{grid-template-columns:1fr;gap:12px}.eco-item{padding:18px}}
.what-try{max-width:760px;margin:56px auto 0}
.what-end{margin-bottom:20px;color:var(--navy);font-size:1.125rem;font-weight:700;text-align:center;text-wrap:balance}
.what-till .till-sim{text-align:center}
@media (min-width:600px){
  .what-till .till-main{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}
  .what-till .till-products{grid-template-columns:repeat(2, minmax(0, 1fr))}
}

/* ---------- owner ---------- */
.owner-grid{display:grid;grid-template-columns:minmax(0, 4fr) minmax(0, 8fr);gap:48px;align-items:center}
.owner .lead{margin-top:16px;font-size:1.0625rem}
.owner-list{display:grid;gap:14px;margin-top:28px}
.owner-list li{display:flex;align-items:center;gap:14px;color:var(--navy);font-weight:500}
.owner-list .ico-box{width:40px;height:40px;background:#FFFFFF;border:1px solid var(--border)}
.owner-list .icon{width:20px;height:20px}
.owner-demo{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:center}
.owner-demo>*{min-width:0}
@media (max-width:999px){
  .owner-grid{grid-template-columns:1fr}
}

/* phone component */
.phone{width:260px;max-width:100%;padding:10px;border-radius:36px;background:var(--navy);box-shadow:var(--shadow);flex:none}
.phone-screen{background:#FFFFFF;border-radius:28px;padding:22px 16px 18px}
.phone-cap{font-size:.75rem;font-weight:600;color:#64748B}
.phone-figure{font-size:1.625rem;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.2}
.phone-bars{display:flex;align-items:flex-end;gap:6px;height:64px;margin:14px 0 10px}
.phone-bars i{flex:1;border-radius:4px 4px 0 0;background:var(--blue);opacity:.85}
.phone-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--border);font-size:.8125rem}
.phone-row b{color:var(--navy);font-variant-numeric:tabular-nums;white-space:nowrap}
.phone-alert{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--amber-soft);color:var(--amber);font-size:.75rem;font-weight:600;line-height:1.45}
.phone-foot{padding:8px 0 2px;text-align:center;font-size:.6875rem;color:#BFD3EA}

/* report component */
.report-wrap{flex:1 1 300px;max-width:400px}
.report-wrap .eyebrow{margin-bottom:10px}
.report{padding:20px 22px;box-shadow:var(--shadow)}
.report h3{font-size:.875rem;letter-spacing:.06em;padding-bottom:12px;border-bottom:1px solid var(--border)}
.report dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.875rem}
.report dd{margin:0;color:var(--navy);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.report .warn dt,.report .warn dd{color:var(--amber)}
.report .warn{background:var(--amber-soft);margin:0 -10px;padding:8px 10px!important;border-radius:8px;border-bottom:0!important}
.report .total{border-bottom:0!important}
.report .total dt,.report .total dd{color:var(--navy);font-weight:800}
.report-foot{margin-top:8px;font-size:.75rem;color:#64748B}

/* ---------- cases (table component) ---------- */
.cases-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px}
.cases-note{font-size:.875rem;color:#64748B}
.table{width:100%;margin-top:32px;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;font-size:.9375rem}
.table th,.table td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}
.table thead th{background:#F7FAFD;color:#64748B;font-size:.8125rem;font-weight:600}
.table tbody tr:last-child>*{border-bottom:0}
.table tbody th{font-weight:400}
.case-name{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:700}
.case-name .icon{color:var(--blue)}
@media (max-width:699px){
  .table,.table tbody,.table tr,.table th,.table td{display:block}
  .table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .table tbody tr{padding:16px 18px;border-bottom:1px solid var(--border)}
  .table th,.table td{padding:4px 0;border-bottom:0}
  .table tbody th{padding-bottom:8px}
  .table td::before{content:attr(data-label);display:block;font-size:.75rem;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.04em}
  .table td+td{margin-top:8px}
}

/* ---------- lower half: shared rhythm ---------- */
/* cases, prices, process and FAQ are all white: one full gap between them, not two */
.cases+.prices,.prices+.process,.process+.faq{padding-top:0}
.prices .lead{margin-top:16px}

/* ---------- packages ---------- */
.plans{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px;margin-top:40px;align-items:stretch}
.plan{display:flex;flex-direction:column;padding:28px 26px;background:#FFFFFF;border:1px solid var(--border);border-radius:16px;min-width:0}
.plan--hi{background:#EFF8FF;border-color:#008CF0;box-shadow:var(--shadow)}
.plan h3{font-size:1.375rem;font-weight:800}
.plan-desc{margin-top:6px;font-size:.9375rem;color:#64748B}
.plan-list{display:grid;gap:10px;margin:22px 0 0;padding-top:20px;border-top:1px solid var(--border)}
.plan-list li{display:flex;align-items:flex-start;gap:10px;color:var(--navy);font-size:.9375rem;line-height:1.45}
.plan-list .icon{width:18px;height:18px;margin-top:2px;color:var(--blue);stroke-width:2.2}
.plan-list .plan-prev{font-weight:700}
.plan-backup{margin-top:18px;font-size:.875rem}
.plan-backup b{color:var(--navy)}
.plan-price{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:20px}
.plan-price span{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748B}
.plan-price b{color:var(--navy);font-size:1rem;line-height:1.35}
.plan .btn{margin-top:18px;width:100%}
/* #64748B on the pale-blue card is 4.4:1; slate keeps it above 4.5:1 */
.plan--hi .plan-desc,.plan--hi .plan-price span{color:var(--text)}
@media (max-width:899px){
  .plans{grid-template-columns:1fr;gap:16px}
}

/* disclosure summary shared by the comparison block and the FAQ */
.compare-box>summary,.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;
  padding:12px 18px;cursor:pointer;list-style:none;color:var(--navy);font-weight:700;border-radius:12px}
.compare-box>summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}
.chev{flex:none;color:var(--blue);transition:transform .2s}
details[open]>summary .chev{transform:rotate(180deg)}
summary:focus-visible{outline:3px solid #008CF0;outline-offset:2px}
.compare-scroll:focus-visible{outline:3px solid #008CF0;outline-offset:-3px}

/* comparison table */
.compare-box{margin-top:28px;border:1px solid var(--border);border-radius:14px;background:#FFFFFF}
.compare-box>summary:hover{background:#F7FAFD}
.compare-box[open]>summary{background:#EFF8FF;border-radius:13px 13px 0 0;border-bottom:1px solid var(--border)}
.compare-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:0 0 13px 13px}
.compare{width:100%;border-collapse:collapse;font-size:.9375rem}
.compare th,.compare td{padding:12px 18px;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle}
.compare tbody tr:last-child>*{border-bottom:0}
.compare thead th{color:var(--navy);font-size:1rem;font-weight:800;white-space:nowrap}
.compare thead th a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-decoration-color:#9CCFF5;text-underline-offset:3px}
.compare thead th a:hover{color:var(--blue)}
.compare tbody th{text-align:left;font-weight:500;color:var(--navy)}
.compare td{color:var(--navy);font-size:.875rem;font-weight:600}
.compare .hi{background:#EFF8FF}
.compare .yes{display:inline-flex;color:var(--green)}
.compare .yes .icon{width:20px;height:20px;stroke-width:2.4}
.compare .no{color:#94A3B8}
.scroll-hint{display:none}
.price-note{margin-top:24px;font-size:.875rem;color:#64748B;max-width:80ch}
@media (max-width:699px){
  .compare{min-width:520px}
  .compare th,.compare td{padding:10px 12px}
  /* the feature names stay pinned while the plan columns scroll under them */
  .compare tbody th,.compare thead td{position:sticky;left:0;z-index:1;width:150px;min-width:150px;background:#FFFFFF;
    box-shadow:inset -1px 0 0 var(--border);font-size:.8125rem}
  .scroll-hint{display:flex;justify-content:flex-end;padding:8px 14px 0;color:var(--blue)}
  .scroll-hint .icon{width:20px;height:20px;animation:nudge 1.6s ease-in-out infinite}
  /* edge shadow that disappears once the table is scrolled to its end */
  .compare-scroll{background:linear-gradient(to left, #FFFFFF 30%, rgba(255,255,255,0)) right/24px 100% no-repeat local,
    radial-gradient(farthest-side at 100% 50%, rgba(9,39,90,.16), rgba(9,39,90,0)) right/12px 100% no-repeat scroll}
  .compare .hi{background:rgba(239,248,255,.85)}
}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}

/* ---------- process ---------- */
.steps{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:24px;margin-top:40px;counter-reset:none}
.steps li{position:relative;min-width:0}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;
  background:#EFF8FF;border:1px solid #CDE8FD;color:var(--navy);font-weight:800;font-size:1rem;font-variant-numeric:tabular-nums}
.steps h3{margin-top:16px;font-size:1.0625rem}
.steps p{margin-top:6px;font-size:.9375rem;line-height:1.55}
@media (min-width:900px){
  /* connector arrow from each badge towards the next step */
  .steps li:not(:last-child)::after{content:"";position:absolute;top:23px;left:60px;right:-12px;height:2px;
    background:linear-gradient(to right, #CDE8FD, #9CCFF5)}
  .steps li:not(:last-child)::before{content:"";position:absolute;top:19px;right:-12px;width:8px;height:8px;
    border-top:2px solid #9CCFF5;border-right:2px solid #9CCFF5;transform:rotate(45deg)}
}
@media (max-width:899px){
  .steps{grid-template-columns:1fr;gap:0;max-width:640px}
  .steps li{display:grid;grid-template-columns:48px minmax(0, 1fr);column-gap:18px;padding-bottom:28px}
  .steps li:last-child{padding-bottom:0}
  .steps li:not(:last-child)::after{content:"";position:absolute;left:23px;top:52px;bottom:4px;width:2px;background:#CDE8FD}
  .step-num{grid-row:1 / span 2}
  .steps h3{margin-top:11px}
}

/* ---------- FAQ ---------- */
.faq-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:12px 24px;margin-top:32px;align-items:start}
.faq-col{display:grid;gap:12px;min-width:0}
.faq details{border:1px solid var(--border);border-radius:12px;background:#FFFFFF}
.faq summary{font-size:1rem;line-height:1.4;border-radius:11px}
.faq summary:hover{background:#F7FAFD}
.faq details[open]>summary{background:#EFF8FF;border-radius:11px 11px 0 0}
.faq details>p{padding:14px 18px 18px;font-size:.9375rem}
@media (max-width:899px){
  .faq-grid{grid-template-columns:1fr;gap:12px}
}

/* ---------- contact ---------- */
.contact-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:56px;align-items:start}
.contact .lead{margin-top:16px;font-size:1.0625rem}
.contact-bio{margin-top:16px;font-size:.9375rem;max-width:62ch}
.founder{display:flex;align-items:center;gap:14px;margin-top:28px}
.founder>span:last-child{display:flex;flex-direction:column;gap:2px}
.founder b{color:var(--navy);font-size:.9375rem;line-height:1.4}
.founder a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;font-weight:600;align-self:flex-start}
.avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--navy);
  color:#FFFFFF;font-weight:800;font-size:1.125rem;letter-spacing:.02em;flex:none}
.lead-form{display:grid;gap:18px;padding:32px;box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:18px}
.lead-form label{display:grid;gap:6px;min-width:0}
.lead-form label>span{color:var(--navy);font-size:.875rem;font-weight:600}
.lead-form input:not(.hp),.lead-form select{width:100%;min-height:48px;padding:10px 14px;border:1px solid #C9D6E5;border-radius:10px;
  background:#FFFFFF;color:var(--navy);font-size:1rem}
.lead-form select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;
  background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23008CF0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/20px no-repeat}
.lead-form input::placeholder{color:#94A3B8}
.lead-form input:hover,.lead-form select:hover{border-color:#9CCFF5}
.lead-form input:focus-visible,.lead-form select:focus-visible{outline:3px solid #008CF0;outline-offset:1px;border-color:#008CF0}
.lead-form [aria-invalid="true"]{border-color:var(--red);background:var(--red-soft)}
.lead-form .btn{width:100%;min-height:52px;font-size:1rem}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
#f-status{font-size:.8125rem;color:#64748B;line-height:1.5}
#f-status.busy{color:var(--navy);font-weight:600}
#f-status.ok,#f-status.err{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;font-size:.9375rem;font-weight:600}
#f-status.ok{background:var(--green-soft);color:var(--green);border:1px solid #CDEBD8}
#f-status.err{background:var(--red-soft);color:var(--red);border:1px solid #F6D5D5}
#f-status.ok::before,#f-status.err::before{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;
  border-radius:50%;color:#FFFFFF;font-size:.8125rem;font-weight:800;line-height:1}
#f-status.ok::before{content:"✓";background:var(--green)}
#f-status.err::before{content:"!";background:var(--red)}
@media (max-width:899px){
  .contact-grid{grid-template-columns:1fr;gap:36px}
}
@media (max-width:479px){
  .form-row{grid-template-columns:1fr}
  .lead-form{padding:22px 18px}
}

/* ================= inner pages (About, Start, Guide) ================= */

/* shared pieces */
.page-hero{padding:clamp(40px, 6vw, 72px) 0}
.page-hero h1{max-width:22ch;font-size:clamp(2rem, 3.6vw, 2.875rem)}
.page-hero .lead{margin-top:18px}
.page-hero .hero-note{max-width:62ch}
.page-hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.tag{display:inline-flex;align-items:center;align-self:flex-start;padding:3px 10px;border-radius:999px;background:var(--tint);
  border:1px solid #CDE8FD;color:var(--navy);font-size:.75rem;font-weight:700;line-height:1.4}
.card-grid{display:grid;gap:20px;margin-top:32px}
.card-grid>li{display:flex;flex-direction:column;gap:8px;padding:24px;min-width:0}
.card-grid h3{font-size:1.0625rem}
.card-grid p{font-size:.9375rem;line-height:1.55}
@media (min-width:600px){.card-grid--4,.card-grid--3{grid-template-columns:repeat(2, minmax(0, 1fr))}}
@media (min-width:1000px){.card-grid--4{grid-template-columns:repeat(4, minmax(0, 1fr))}}
@media (min-width:900px){.card-grid--3{grid-template-columns:repeat(3, minmax(0, 1fr))}}
.more-link{margin-top:16px}
.more-link a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.cta-block{text-align:center}
.cta-block h2{max-width:28ch;margin:0 auto}
.cta-block .lead{margin:16px auto 0}
.cta-block .btn{margin-top:28px}
/* white sections that follow each other share one gap, not two */
.about-founder+.dls,.dls+.team,.team+.growth,.process+.price-block{padding-top:0}
@media (max-width:479px){
  .page-hero .actions .btn,.cta-block .btn,.act-row .btn{width:100%}
}

/* About: founder */
.bio{display:grid;grid-template-columns:96px minmax(0, 1fr);gap:28px;max-width:860px}
.avatar--lg{width:96px;height:96px;font-size:1.75rem}
.bio-role{margin-top:4px;color:var(--navy);font-weight:500}
.quote{margin:20px 0 0;padding:4px 0 4px 20px;border-left:4px solid var(--blue)}
.quote p{color:var(--navy);font-size:1.125rem;font-weight:600;line-height:1.5}
.bio-text>p:not(.bio-role){margin-top:16px}
.bio-text .quote+p{margin-top:20px}
@media (max-width:599px){
  .bio{grid-template-columns:1fr;gap:18px}
  .avatar--lg{width:72px;height:72px;font-size:1.375rem}
}
.cred{display:grid;gap:16px;margin-top:40px}
.cred li{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--border);border-top:3px solid var(--blue);
  border-radius:12px;background:#FFFFFF;min-width:0}
.cred b{color:var(--navy);line-height:1.35}
.cred span{font-size:.875rem;line-height:1.5}
@media (min-width:600px){.cred{grid-template-columns:repeat(2, minmax(0, 1fr))}}
@media (min-width:1000px){.cred{grid-template-columns:repeat(4, minmax(0, 1fr))}}

/* About: definition-list blocks as accordions */
.dls>.wrap{display:grid;gap:16px}
.acc{border:1px solid var(--border);border-radius:14px;background:#FFFFFF}
.acc>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:16px 22px;
  cursor:pointer;list-style:none;border-radius:13px}
.acc>summary::-webkit-details-marker{display:none}
.acc>summary:hover{background:#F7FAFD}
.acc[open]>summary{background:#EFF8FF;border-radius:13px 13px 0 0;border-bottom:1px solid var(--border)}
.acc>summary h2{font-size:clamp(1.25rem, 2.2vw, 1.5rem)}
.acc-body{padding:8px 22px 20px}
.acc-body>.lead{margin:12px 0 4px;font-size:1rem}
.def-list>div{display:grid;grid-template-columns:minmax(0, 260px) minmax(0, 1fr);gap:6px 32px;padding:14px 0;border-bottom:1px solid var(--border)}
.def-list>div:last-child{border-bottom:0}
.def-list dt{color:var(--navy);font-weight:600}
.def-list dd{margin:0;max-width:72ch;color:var(--text);font-size:.9375rem}
@media (max-width:759px){
  .def-list>div{grid-template-columns:1fr}
  .acc>summary{padding:14px 16px}
  .acc-body{padding:4px 16px 16px}
}

/* About: team and growth */
.team .lead{margin-top:14px}
.growth .card-grid .tag{margin-bottom:4px}

/* Start: flow, scope lists, price */
.flow .lead{margin-top:14px}
.flow .card-grid>li{gap:6px}
.flow .card-grid .tag{margin-bottom:6px}
.act-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:32px}
.act-note{font-size:.875rem;color:var(--text)}
.scope-grid{display:grid;gap:20px}
@media (min-width:760px){.scope-grid{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}
.scope-col{padding:28px;min-width:0}
.scope-col h2{font-size:clamp(1.375rem, 2.4vw, 1.75rem)}
.scope-lead{margin-top:10px;font-size:.9375rem}
.tick-list{display:grid;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
.tick-list li{display:flex;align-items:flex-start;gap:12px;color:var(--navy);font-size:.9375rem;line-height:1.45}
.tick-list .icon{width:20px;height:20px;margin-top:1px;color:var(--green);stroke-width:2.2}
.tick-list--no .icon{color:#94A3B8}
.tick-list--no li{color:var(--text)}
.tick-list b{white-space:nowrap}
@media (max-width:479px){.scope-col{padding:22px 18px}}
.step-dot::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--blue)}
.price-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding:32px;background:#F7FAFD}
.price-card>div{flex:1 1 360px;min-width:0}
.price-card h2{font-size:clamp(1.25rem, 2vw, 1.5rem)}
.price-big{margin-top:8px;color:var(--navy);font-size:clamp(1.375rem, 2.6vw, 1.875rem);font-weight:800;line-height:1.3}
.price-card .price-note{margin-top:10px;color:var(--text)}
@media (max-width:479px){
  .price-card{padding:22px 18px}
  .price-card .btn{width:100%}
}

/* Guide */
.guide-part+.guide-part{border-top:1px solid var(--border)}
.guide-part .lead{margin-top:12px}
.guide-steps{display:grid;gap:0;margin-top:32px;max-width:820px}
.guide-steps>li{position:relative;display:grid;grid-template-columns:48px minmax(0, 1fr);column-gap:20px;padding-bottom:28px}
.guide-steps>li:last-child{padding-bottom:0}
.guide-steps>li:not(:last-child)::after{content:"";position:absolute;left:23px;top:52px;bottom:4px;width:2px;background:#CDE8FD}
.guide-steps h3{margin-top:11px;font-size:1.0625rem}
.guide-steps p{margin-top:6px;font-size:.9375rem;line-height:1.65}
.guide-steps .tag{margin-top:10px}
kbd{display:inline;padding:1px 7px;border:1px solid #C9D6E5;border-bottom-width:2px;border-radius:6px;background:#F7FAFD;
  color:var(--navy);font-family:inherit;font-size:.875em;font-weight:600;white-space:normal;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.tag kbd{padding:0;border:0;background:none;font-size:inherit}
.guide-tip{margin-top:32px;max-width:820px;padding:16px 20px;border-left:4px solid var(--blue);border-radius:0 12px 12px 0;background:#EFF8FF;color:var(--navy)}
.guide-end{margin-top:20px;max-width:820px;color:var(--navy);font-weight:600}
@media (max-width:479px){
  .guide-steps>li{grid-template-columns:40px minmax(0, 1fr);column-gap:14px}
  .guide-steps .step-num{width:40px;height:40px}
  .guide-steps>li:not(:last-child)::after{left:19px;top:44px}
  .guide-steps h3{margin-top:7px}
}

/* ---------- motion ---------- */


.story-quote{margin:28px 0 0;padding:20px 24px;background:#fff;border:1px solid var(--line,#DFE9F2);border-radius:14px}
.story-quote p{margin:0;color:#09275A;font-weight:600;font-size:1.15rem;line-height:1.5}

/* Belent HR section (2026-10-04) */
.hr .head{max-width:720px}
.hr-badge{display:inline-block;background:#EFF8FF;border:1px solid #DFE9F2;border-radius:999px;padding:4px 12px}
.hr-list{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px}
.hr-item{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px 20px;border:1px solid #DFE9F2;border-radius:14px;background:#fff}
.hr-item h3{font-size:1.0625rem;margin:0}.hr-item p{margin:0;font-size:.9375rem;line-height:1.55}
.hr-note{margin:24px 0 0;color:#475569}.hr .act{margin:20px 0 0}
@media (max-width:899px){.hr-list{grid-template-columns:repeat(2, minmax(0, 1fr))}}
@media (max-width:539px){.hr-list{grid-template-columns:1fr}}

@media (max-width:1099px){.eco-list{grid-template-columns:repeat(3, minmax(0, 1fr))}}
@media (max-width:759px){.eco-list{grid-template-columns:repeat(2, minmax(0, 1fr))}}
@media (max-width:600px){.eco-node:last-child{grid-column:1 / -1}}
@media (max-width:479px){.eco-list{grid-template-columns:1fr}}

/* motion (2026-10-04): reveal on scroll, hero diagram build-up, gentle hover; off for reduced motion */
.motion .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1)}
.motion .rv.in{opacity:1;transform:none}
.motion .eco-map .eco-node,.motion .eco-map .eco-lines{opacity:0;transition:opacity .5s ease, transform .5s cubic-bezier(.2,.7,.2,1)}
.motion .eco-map .eco-node{transform:translate(-50%, -50%) scale(.85)}
.motion .eco-map.go .eco-lines{opacity:1;transition-delay:.1s}
.motion .eco-map.go .eco-node{opacity:1;transform:translate(-50%, -50%) scale(1)}
.motion .eco-map.go .eco-node:nth-of-type(2){transition-delay:.25s}.motion .eco-map.go .eco-node:nth-of-type(3){transition-delay:.35s}
.motion .eco-map.go .eco-node:nth-of-type(4){transition-delay:.45s}.motion .eco-map.go .eco-node:nth-of-type(5){transition-delay:.55s}
.motion .eco-map.go .eco-node:nth-of-type(6){transition-delay:.65s}.motion .eco-map.go .eco-node:nth-of-type(7){transition-delay:.75s}
.motion .eco-map.go .eco-node:nth-of-type(8){transition-delay:.85s}
@keyframes hub-breathe{0%,100%{box-shadow:0 0 0 10px rgba(0,140,240,.10)}50%{box-shadow:0 0 0 18px rgba(0,140,240,.04)}}
.motion .eco-map.go .eco-hub{animation:hub-breathe 4s ease-in-out 1.2s infinite}
@keyframes dash-flow{to{stroke-dashoffset:-40}}
.motion .eco-map.go .eco-lines ellipse{animation:dash-flow 6s linear infinite}
.eco-item,.hr-item,.plan-card,.pains li>*{transition:transform .25s ease, box-shadow .25s ease}
@media (hover:hover){.eco-item:hover,.hr-item:hover,.plan-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(9,39,90,.10)}
  .motion .rv.in.eco-item:hover,.motion .rv.in.hr-item:hover,.motion .rv.in.plan-card:hover{transform:translateY(-3px)}}
@media (max-width:600px){.motion .eco-map .eco-node,.motion .eco-map.go .eco-node{transform:none}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}