/* ===== RobosizeMe Catalogue — design system (Satoshi · mint · white) ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* brand book v1.0: navy foundations, deep green actions, mint only as a small accent */
  --navy:#0D223F;--navy-2:#14294A;--navy-3:#192A46;--navy-line:rgba(255,255,255,.1);--navy-mut:#A9B5C3;
  --mint:#007B6A;--mint-hover:#00685A;--mint-light:#E6F4F1;--mint-mid:#BFE3DA;--mint-dark:#00604F;
  --accent:#00D1A4;--accent-soft:rgba(0,209,164,.14);
  --black:#0C203B;--gray-900:#1B2C47;--gray-700:#4A5A72;--gray-500:#6F7E93;--gray-400:#98A4B5;--gray-300:#C5CDD9;
  --gray-200:#E3E8F0;--gray-150:#EAEEF4;--gray-100:#F0F2F7;--gray-50:#F6F7FB;--white:#FFF;
  --red:#E8553A;--red-light:#FFF0F0;--blue:#2B6CB0;--blue-light:#EDF6FF;--orange:#C4590A;--orange-light:#FFF5EB;
  --green-dark:#2E7D32;--green-light:#F0FFF4;--purple:#9333EA;--purple-light:#FDF4FF;--yellow:#9A7B00;--yellow-light:#FFFCE8;
  --radius:20px;--radius-sm:14px;--radius-xs:10px;--radius-btn:8px;--radius-tag:6px;
  --shadow-card:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03);
  --shadow-hover:0 2px 8px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.05);
  --shadow-dd:0 8px 30px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.04);
  --font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--white);color:var(--black);font-size:14px;font-weight:500;line-height:1.55;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
@media(max-width:700px){.wrap{padding:0 16px}}
h1,h2,h3,h4{line-height:1.1;letter-spacing:-.02em;font-weight:800}
.ic{width:20px;height:20px;flex-shrink:0}
.label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--gray-500)}
.section-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gray-400)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--mint)}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--accent)}

/* ---------- header ---------- */
.hd{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--gray-150)}
.hd-in{display:flex;align-items:center;gap:28px;height:64px}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand svg{width:26px;height:26px}
.brand .word{font-size:17px;font-weight:700;letter-spacing:-.4px}
.brand .sep{width:1px;height:20px;background:var(--gray-200);margin:0 2px}
.brand .cat-tag{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--mint)}
.hd nav{display:flex;gap:4px;margin-left:auto}
.hd nav a{font-size:13.5px;font-weight:500;color:var(--gray-700);padding:8px 12px;border-radius:var(--radius-xs);transition:all .15s}
.hd nav a:hover{background:var(--gray-100);color:var(--black)}
.hd-actions{display:flex;align-items:center;gap:10px;margin-left:8px}
@media(max-width:1060px){.hd nav{display:none}.hd-in{gap:12px}.hd-actions{margin-left:auto}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;padding:12px 20px;border-radius:var(--radius-btn);transition:all .2s;white-space:nowrap;border:1px solid transparent}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--mint);color:var(--white)}
.btn-primary:hover{background:var(--mint-hover)}
.btn-black{background:var(--black);color:var(--white)}
.btn-black:hover{background:var(--gray-900)}
.btn-white{background:var(--white);color:var(--navy)}
.btn-white:hover{background:var(--gray-100)}
.btn-secondary{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}
.btn-secondary:hover{background:var(--gray-200);color:var(--black)}
.btn-ghost-w{background:rgba(255,255,255,.1);color:var(--white);border-color:rgba(255,255,255,.45)}
.btn-accent{background:var(--accent);color:var(--navy);font-weight:800}
.btn-accent:hover{background:#19E3B8}
.btn-ghost-w:hover{background:rgba(255,255,255,.26)}
.btn-lg{padding:15px 26px;font-size:15.5px}
.btn-sm{padding:7px 14px;font-size:12.5px}
.pill{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:100px;border:1px solid var(--gray-200);background:var(--white);font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s;white-space:nowrap}
.pill:hover{border-color:var(--gray-300)}
.pill.active{background:var(--black);color:var(--white);border-color:var(--black)}
.pill .n{font-size:11px;font-weight:700;color:var(--gray-400)}
.pill.active .n{color:rgba(255,255,255,.6)}

/* ---------- tags / badges ---------- */
.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-tag);font-size:11.5px;font-weight:600;background:var(--gray-100);color:var(--gray-700)}
.tag.mint{background:var(--mint-light);color:var(--mint-dark)}
.tag.blue{background:var(--blue-light);color:var(--blue)}
.tag.orange{background:var(--orange-light);color:var(--orange)}
.tag.purple{background:var(--purple-light);color:var(--purple)}
.tag.yellow{background:var(--yellow-light);color:var(--yellow)}
.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--mint-light);color:var(--mint-dark)}
.chip-live{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;background:#063142;border:1px solid rgba(0,209,164,.35);color:#CFF7EC;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.chip-live .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(0,209,164,.2)}

/* ---------- hero (mint block) ---------- */
.hero{padding:0}
.hero-card{background:var(--navy);border-radius:28px;color:var(--white);padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);position:relative;overflow:hidden}
.hero-card::after{content:"";position:absolute;right:-140px;top:-180px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(0,209,164,.14),transparent 68%);pointer-events:none}
.hero-card>*{position:relative;z-index:1}
.hero h2.big{font-size:clamp(38px,5vw,64px);letter-spacing:-2.2px;margin:18px 0 16px;line-height:1}
.hero .lede{font-size:clamp(15.5px,1.4vw,18px);line-height:1.55;color:#C5D0E2;max-width:56ch;font-weight:500}
.hero .lede b,.hero .lede .bx{color:var(--white);font-weight:700}
.hero .points{display:flex;flex-direction:column;gap:11px;margin:26px 0 30px}
.hero .points div{display:flex;gap:11px;font-size:14.5px;line-height:1.5;color:#C5D0E2}
.hero .points .ck{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(0,209,164,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.hero .points .ck svg{width:12px;height:12px}
.hero .points b,.hero .points .bx{color:var(--white)}
.price{display:flex;align-items:flex-end;gap:16px}
.price .from{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--navy-mut);margin-bottom:9px}
.price .amt{font-size:clamp(40px,4.4vw,56px);font-weight:900;letter-spacing:-2.4px;line-height:.95}
.price .per{font-size:13.5px;color:var(--navy-mut);margin-bottom:7px;line-height:1.4;max-width:30ch}
.price .per b,.price .per .bx{color:var(--white);display:block;font-size:15px}
.hero .fine{margin-top:12px;font-size:12.5px;color:var(--navy-mut)}
.hero .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;align-items:center}
.hero .cta .link{color:var(--white);font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:0 6px}
/* right column */
.hero-side{display:flex;flex-direction:column;gap:14px}
.flow{background:var(--navy-3);border:1px solid var(--navy-line);border-radius:var(--radius);padding:18px 20px 14px}
.flow .lbls{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--navy-mut);margin-bottom:12px}
.flow .nodes{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;align-items:center;gap:6px}
.flow .node{background:var(--white);color:var(--black);border-radius:var(--radius-sm);padding:14px 10px 12px;text-align:center;box-shadow:var(--shadow-card)}
.flow .node svg{width:26px;height:26px;margin:0 auto 8px;color:var(--gray-700)}
.flow .node.core{background:var(--mint);color:var(--white)}
.flow .node.core svg{color:var(--white)}
.flow .node span{display:block;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.flow .arrow{color:var(--accent);display:flex;justify-content:center}
.flow .arrow svg{width:22px;height:22px}
.flow .note{text-align:center;font-size:12px;color:var(--navy-mut);margin-top:12px}
.est{background:var(--white);color:var(--black);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-hover)}
.est .hd2{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.est h4{font-size:15px;font-weight:700;letter-spacing:-.2px}
.est .row{margin-bottom:12px}
.est label{display:flex;justify-content:space-between;font-size:13px;color:var(--gray-700);margin-bottom:6px}
.est label b,.est label .bx{color:var(--black);font-weight:700}
.est input[type=range]{width:100%;accent-color:var(--mint);height:4px}
.est .roi{min-width:150px}
.est .out{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-top:1px solid var(--gray-150);padding-top:14px;margin-top:4px}
.est .v{font-size:34px;font-weight:800;letter-spacing:-1.4px;line-height:1;color:var(--mint)}
.est .k{font-size:12px;color:var(--gray-500);margin-top:6px;max-width:40ch}
.est .roi{text-align:right;font-size:12px;color:var(--gray-500)}
.est .roi b,.est .roi .bx{display:block;font-size:20px;font-weight:900;letter-spacing:-.6px;color:var(--black)}
.est .foot{font-size:11.5px;color:var(--gray-400);margin-top:12px;line-height:1.5}
@media(max-width:960px){.hero-card{grid-template-columns:1fr}.hero h2.big{font-size:clamp(34px,8vw,48px)}}

/* ---------- how strip ---------- */
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 0}
.how .step{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-card)}
.how .n{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--mint-light);color:var(--mint);font-weight:800;font-size:13px;margin-bottom:12px}
.how h3{font-size:15px;font-weight:700;letter-spacing:-.2px;margin-bottom:4px}
.how p{color:var(--gray-500);font-size:13.5px;line-height:1.5}
@media(max-width:820px){.how{grid-template-columns:1fr}}

/* ---------- section headings ---------- */
.sec{padding:72px 0 0}
.sec-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.sec-hd h2{font-size:clamp(26px,3vw,34px);letter-spacing:-1px;margin-top:8px}
.sec-hd p{color:var(--gray-500);font-size:15px;max-width:60ch;margin-top:8px}

/* ---------- catalogue layout ---------- */
.cat{display:grid;grid-template-columns:250px 1fr;gap:36px;align-items:start}
.cat-nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:4px}
.cat-dd{display:none}
.nav-i{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-xs);font-size:13.5px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .15s;border:0;background:none;text-align:left;width:100%}
.nav-i:hover{background:var(--gray-100);color:var(--black)}
.nav-i.active{background:var(--mint-light);color:var(--mint-dark);font-weight:700}
.nav-i .n{margin-left:auto;font-size:11px;font-weight:700;color:var(--gray-400);background:var(--gray-100);padding:2px 7px;border-radius:100px}
.nav-i.active .n{background:var(--white);color:var(--mint-dark)}
.cat-pills{display:none}
@media(max-width:900px){
  .cat{display:block}
  .cat-nav{position:static;display:block;margin:0 0 22px}
  .cat-nav .nav-i{display:none}
  .cat-dd{display:block;position:relative}
  .cat-dd .dd-l{position:absolute;left:16px;top:9px;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gray-400);pointer-events:none}
  .cat-dd select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;padding:26px 48px 12px 16px;border:1px solid var(--gray-200);border-radius:14px;background:var(--white);box-shadow:var(--shadow-card);font:inherit;font-size:16px;font-weight:700;letter-spacing:-.2px;color:var(--black);outline:none;line-height:1.3}
  .cat-dd select:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(0,123,106,.15)}
  .cat-dd .dd-c{position:absolute;right:16px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--mint);pointer-events:none}
}
.group{margin-bottom:44px}
.group-hd{display:flex;align-items:baseline;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.group-hd h3{font-size:20px;font-weight:900;letter-spacing:-.5px}
.group-hd .n{font-size:12px;font-weight:600;color:var(--gray-400)}
.group-hd p{flex-basis:100%;color:var(--gray-500);font-size:13.5px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:640px){.grid{grid-template-columns:1fr}}
.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px 22px;display:flex;flex-direction:column;gap:10px;transition:all .2s;cursor:pointer;position:relative}
.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.card.sel{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint) inset}
.card .top{display:flex;align-items:center;justify-content:space-between}
.ic-wr{width:40px;height:40px;border-radius:var(--radius-xs);background:var(--mint-light);color:var(--mint-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ic-wr .ic{width:21px;height:21px}
.card .code{font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--gray-400)}
.card h3{font-size:16px;font-weight:700;letter-spacing:-.3px}
.card .d{color:var(--gray-500);font-size:13.5px;line-height:1.5;flex:1}
.card .sys{display:flex;flex-wrap:wrap;gap:5px}
.card .bot{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--gray-100);margin-top:2px}
.pick{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--gray-700)}
.pick .bx{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--gray-300);display:flex;align-items:center;justify-content:center;background:var(--white);transition:all .15s}
.pick .bx svg{width:11px;height:11px;color:var(--white);opacity:0}
.card.sel .pick .bx{background:var(--mint);border-color:var(--mint)}
.card.sel .pick .bx svg{opacity:1}
.card.sel .pick{color:var(--mint-dark)}
.card .more{font-size:13px;font-weight:600;color:var(--gray-500)}
.card:hover .more{color:var(--black)}
.card.vcc-card{border-color:var(--mint-mid);background:linear-gradient(180deg,var(--mint-light),var(--white) 60%)}
.card.sel .pick .bx{background:var(--mint);border-color:var(--mint)}
.empty{text-align:center;color:var(--gray-500);padding:40px 0;font-size:14px}
.empty a{color:var(--mint-dark);font-weight:700;text-decoration:underline}

/* ---------- trust ---------- */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:960px){.trust{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.trust{grid-template-columns:1fr}}
.trust .t{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:22px}
.trust h3{font-size:15px;font-weight:700;margin:14px 0 6px;letter-spacing:-.2px}
.trust p{font-size:13px;color:var(--gray-500);line-height:1.55}

/* ---------- final CTA ---------- */
.cta-band{margin:72px 0 0;background:var(--navy);color:var(--white);border-radius:28px;padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,48px);align-items:center;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;left:-160px;bottom:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,209,164,.16),transparent 68%);pointer-events:none}
.cta-band>*{position:relative}
.cta-band h2{font-size:clamp(28px,3.4vw,42px);letter-spacing:-1.4px;max-width:18ch;line-height:1.05}
.cta-band h2 em{font-style:normal;color:var(--accent)}
.cta-band p{color:#C5D0E2;margin-top:14px;font-size:15.5px;max-width:46ch;line-height:1.6}
.cta-band .proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px}
.cta-band .proof div{font-size:12.5px;color:var(--navy-mut)}
.cta-band .proof b,.cta-band .proof .bx{display:block;font-size:20px;color:var(--white);letter-spacing:-.5px}
.people-band{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pcard{background:var(--navy-3);border:1px solid var(--navy-line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:6px;color:var(--white);transition:all .2s}
.pcard:hover{transform:translateY(-3px);border-color:rgba(0,209,164,.45);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.pcard .av{width:52px;height:52px;border-radius:50%;background:var(--mint);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin-bottom:8px}
.pcard.linda .av{background:#2E4A7A}
.pcard .rg{font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}
.pcard b,.pcard .bx{font-size:17px;letter-spacing:-.3px}
.pcard span{font-size:13px;color:var(--navy-mut);line-height:1.45}
.pcard .btn{margin-top:14px;width:100%;font-size:15px;padding:14px 20px}
.pcard .btn-accent{background:var(--accent);color:var(--navy);font-weight:800}
.pcard .btn-accent:hover{background:#19E3B8}
.pcard .btn-white{background:var(--white);color:var(--navy);font-weight:800}
.pcard .btn-white:hover{background:var(--gray-100)}
@media(max-width:900px){.cta-band{grid-template-columns:1fr}}
@media(max-width:560px){.people-band{grid-template-columns:1fr}}

/* ---------- footer ---------- */
.ft{margin-top:72px;border-top:1px solid var(--gray-150);padding:40px 0 48px;color:var(--gray-500);font-size:13px;background:var(--gray-50)}
.ft .home{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:18px 22px;margin-bottom:32px}
.ft .home .brand svg{width:34px;height:34px}
.ft .home .brand .word{font-size:20px}
.ft .home .t{font-size:13.5px;color:var(--gray-700)}
.ft .home .t b,.ft .home .t .bx{display:block;color:var(--black);font-size:15px;margin-bottom:2px}
.ft .top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.ft p{max-width:44ch;margin-top:12px;line-height:1.6}
.ft .cols{display:flex;gap:56px;flex-wrap:wrap}
.ft h5{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gray-400);margin-bottom:12px}
.ft .cols a{display:block;margin-bottom:8px;color:var(--gray-700)}
.ft .cols a:hover{color:var(--black)}
.ft .bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:36px;padding-top:20px;border-top:1px solid var(--gray-150);font-size:12px;color:var(--gray-400)}

/* ---------- modal ---------- */
.ovl{position:fixed;inset:0;background:rgba(26,26,26,.5);backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto;z-index:100}
.ovl.on{display:flex}
.mod{width:min(1040px,100%);background:var(--white);border-radius:24px;box-shadow:var(--shadow-dd);position:relative;padding:clamp(22px,3vw,40px);animation:up .25s ease both}
.mod.narrow{width:min(720px,100%)}
@keyframes up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.mod-x{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-700);transition:all .15s}
.mod-x:hover{background:var(--black);color:var(--white)}
.mod h2{font-size:clamp(24px,3vw,32px);letter-spacing:-1px;padding-right:48px}
.mod .sub{color:var(--gray-500);font-size:15px;margin:8px 0 24px;max-width:64ch}
.toggle{display:inline-flex;background:var(--gray-100);border-radius:100px;padding:4px}
.toggle button{border:0;background:transparent;color:var(--gray-700);font-weight:600;font-size:13.5px;padding:9px 18px;border-radius:100px;transition:all .2s;text-align:center;line-height:1.2}
.toggle button[aria-pressed="true"]{background:var(--black);color:var(--white)}
.toggle small{display:block;font-weight:500;font-size:11px;opacity:.7}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;text-align:left}
@media(max-width:1100px){.plans{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.plans{grid-template-columns:1fr}}
.plan{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:26px 24px;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-card)}
.plan.on{border-color:var(--mint);box-shadow:0 0 0 2px var(--mint) inset,var(--shadow-hover)}
.plan .ptag{position:absolute;top:-12px;left:22px;background:var(--mint);color:var(--white);font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:5px 12px;border-radius:100px}
.plan h3{font-size:21px;font-weight:900;letter-spacing:-.4px}
.plan .d{color:var(--gray-500);font-size:13.5px;margin:5px 0 18px;min-height:36px}
.plan .p{font-size:40px;font-weight:900;letter-spacing:-1.6px;line-height:1}
.plan .p small{font-size:14px;font-weight:500;color:var(--gray-500);letter-spacing:0;margin-left:4px}
.plan .tx{margin-top:9px;font-size:14.5px}
.plan .tx b,.plan .tx .bx{font-weight:700}
.plan .tx span{color:var(--gray-500)}
.plan .setup{font-size:12.5px;color:var(--gray-500);margin-top:5px}
.plan ul{list-style:none;margin:18px 0 20px;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--gray-700)}
.plan li{display:flex;gap:8px}
.plan li svg{width:15px;height:15px;color:var(--mint);flex-shrink:0;margin-top:2px}
.plan .ex{font-size:12.5px;color:var(--gray-500);padding-top:12px;border-top:1px solid var(--gray-150);margin-bottom:16px}
.plan .ex b,.plan .ex .bx{color:var(--black)}
.plan .btn{margin-top:auto;width:100%}
.mod .foot{font-size:12.5px;color:var(--gray-500);margin-top:18px;line-height:1.55}
.mod .note{background:var(--mint-light);border-radius:var(--radius-sm);padding:14px 18px;font-size:13.5px;color:var(--mint-dark);margin-top:18px;line-height:1.5}
.mod .note b,.mod .note .bx{color:var(--black)}
/* detail modal */
.det-hd{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px;padding-right:48px}
.det-hd .ic-wr{width:52px;height:52px;border-radius:var(--radius-sm)}
.det-hd .ic-wr .ic{width:26px;height:26px}
.det-hd h2{font-size:26px}
.det-hd .meta{font-size:12px;color:var(--gray-500);margin-top:4px}
.det p.long{font-size:15px;line-height:1.65;color:var(--gray-700);margin-bottom:18px}
.det ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:20px}
.det li{display:flex;gap:10px;font-size:14px;color:var(--gray-700)}
.det li svg{width:17px;height:17px;color:var(--mint);flex-shrink:0;margin-top:2px}
.det .tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}
.det .acts{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- drawer ---------- */
.dw-ovl{position:fixed;inset:0;background:rgba(26,26,26,.4);display:none;z-index:90}
.dw-ovl.on{display:block}
.dw{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--white);z-index:95;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-dd)}
.dw.on{transform:none}
.dw-hd{display:flex;align-items:center;gap:10px;padding:20px 22px;border-bottom:1px solid var(--gray-150)}
.dw-hd h3{font-size:18px;font-weight:700}
.dw-hd .n{background:var(--mint-light);color:var(--mint-dark);font-weight:700;font-size:12px;padding:3px 9px;border-radius:100px}
.dw-hd .mod-x{position:static;margin-left:auto;width:34px;height:34px}
.dw-bd{flex:1;overflow:auto;padding:14px 22px}
.dw-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-100);align-items:flex-start}
.dw-item .ic-wr{width:36px;height:36px}
.dw-item h4{font-size:14px;font-weight:700}
.dw-item .code{font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--gray-400)}
.dw-item .rm{margin-left:auto;color:var(--gray-400);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.dw-item .rm:hover{background:var(--gray-100);color:var(--black)}
.dw-empty{text-align:center;color:var(--gray-500);padding:40px 10px;font-size:14px;line-height:1.6}
.dw-ft{padding:18px 22px 22px;border-top:1px solid var(--gray-150);background:var(--gray-50)}
.dw-ft .hint{font-size:13px;color:var(--gray-500);margin-bottom:12px;line-height:1.5}
.dw-ft .hint b,.dw-ft .hint .bx{color:var(--black)}
.cart-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--gray-200);border-radius:100px;font-weight:600;font-size:13px;background:var(--white);transition:all .2s}
.cart-btn:hover{border-color:var(--gray-300)}
.cart-btn .ct{min-width:20px;height:20px;padding:0 6px;border-radius:100px;background:var(--gray-100);color:var(--gray-500);font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.cart-btn .ct.on{background:var(--mint);color:var(--white)}

/* ---------- toast ---------- */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--black);color:var(--white);padding:12px 18px;border-radius:100px;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:10px;opacity:0;transition:all .25s;z-index:200;pointer-events:none;white-space:nowrap;max-width:calc(100vw - 32px)}
.toast .ic{width:16px;height:16px;color:var(--mint)}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- page: pricing scorer ---------- */
.page-hd{padding:44px 0 28px}
.page-hd h1{font-size:clamp(30px,3.6vw,42px);letter-spacing:-1.4px;margin-top:8px}
.page-hd p{color:var(--gray-700);font-size:15.5px;max-width:64ch;margin-top:10px;line-height:1.55}
.crumb{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--gray-500)}
.crumb a:hover{color:var(--black)}
.scorer{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start;padding-bottom:80px}
@media(max-width:900px){.scorer{grid-template-columns:1fr}.panel{position:static!important}}
.q{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:22px 24px;margin-bottom:12px}
.q .ql{font-weight:700;font-size:15.5px;letter-spacing:-.2px;margin-bottom:4px;display:flex;gap:10px}
.q .ql .qn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--mint-light);color:var(--mint-dark);font-size:11px;font-weight:800;flex-shrink:0;margin-top:1px}
.q .hint{color:var(--gray-500);font-size:12.5px;margin-bottom:14px;line-height:1.45;padding-left:32px}
.opts{display:flex;flex-wrap:wrap;gap:8px;padding-left:32px}
.opt{position:relative}
.opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.opt label{display:block;padding:9px 15px;border:1px solid var(--gray-200);border-radius:100px;font-size:13.5px;font-weight:500;color:var(--gray-700);cursor:pointer;user-select:none;transition:.15s;background:var(--white)}
.opt label:hover{border-color:var(--gray-300)}
.opt input:checked+label{background:var(--black);border-color:var(--black);color:var(--white);font-weight:700}
.opt input:focus-visible+label{outline:2px solid var(--mint);outline-offset:2px}
.warn{display:none;margin:14px 0 0 32px;background:var(--orange-light);border-radius:var(--radius-xs);padding:12px 14px;font-size:13px;color:var(--orange);line-height:1.5}
.warn.show{display:block}
.footnote{color:var(--gray-400);font-size:12px;margin:10px 0 0 32px;line-height:1.5}
.vol{width:100%;max-width:300px;margin-left:32px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xs);padding:11px 14px;font-size:15px;font-weight:600;display:block}
.vol:focus{outline:2px solid var(--mint);outline-offset:1px}
.panel{position:sticky;top:84px;background:var(--mint);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-hover);color:var(--white)}
.panel h2{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:rgba(255,255,255,.8);font-weight:700}
.score-row{display:flex;align-items:baseline;gap:8px;margin:10px 0 4px}
.score-row .num{font-size:34px;font-weight:900;letter-spacing:-1px}
.score-row .of{color:rgba(255,255,255,.7);font-size:14px}
.bar{height:6px;border-radius:100px;background:rgba(255,255,255,.25);overflow:hidden;margin-bottom:18px}
.bar span{display:block;height:100%;background:var(--white);transition:width .25s}
.tier-badge{display:inline-block;padding:6px 16px;border-radius:100px;background:var(--white);color:var(--mint-dark);font-weight:800;font-size:15px;margin-bottom:16px}
.deploy-toggle{display:flex;background:rgba(255,255,255,.18);border-radius:100px;padding:3px;margin-bottom:16px}
.deploy-toggle button{flex:1;border:0;background:transparent;color:rgba(255,255,255,.85);font-weight:700;font-size:12.5px;padding:8px 6px;border-radius:100px;transition:.15s}
.deploy-toggle button[aria-pressed="true"]{background:var(--white);color:var(--black)}
.pl{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:14px}
.pl b,.pl .bx{font-size:18px;font-weight:800}
.pl .lbl{color:rgba(255,255,255,.8)}
.pl.total{border-top:1px solid rgba(255,255,255,.4);border-bottom:0;margin-top:4px;padding-top:14px}
.pl.total .lbl{color:var(--white);font-weight:700}
.pl.total b,.pl.total .bx{font-size:26px}
.panel .btn{width:100%;margin-top:18px}
.panel .tiny{font-size:11.5px;color:rgba(255,255,255,.75);margin-top:10px;text-align:center}
.custom-box{display:none;background:var(--white);color:var(--black);border-radius:var(--radius-sm);padding:20px}
.custom-box.show{display:block}
.custom-box h3{color:var(--orange);font-size:16px;font-weight:800;margin-bottom:6px}
.custom-box p{color:var(--gray-700);font-size:13.5px;line-height:1.55}
.results.hidden{display:none}
.item-strip{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:12px;box-shadow:var(--shadow-card)}
.item-strip .ic-wr{width:34px;height:34px}
.item-strip b,.item-strip .bx{font-size:14px}
.item-strip span{font-size:12px;color:var(--gray-500);display:block}
.item-strip .tag{margin-left:auto}

/* ---------- page: book ---------- */
.bk{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start;padding:36px 0 80px}
@media(max-width:920px){.bk{grid-template-columns:1fr}.bk-side{position:static!important}}
.bk-side{position:sticky;top:84px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:26px 28px}
.bk-side h1{font-size:24px;letter-spacing:-.6px;margin:6px 0 10px}
.bk-side p{color:var(--gray-700);font-size:14px;line-height:1.6}
.bk-side ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:16px 0}
.bk-side li{display:flex;gap:10px;font-size:13.5px;color:var(--gray-700)}
.bk-side li svg{width:16px;height:16px;color:var(--mint);flex-shrink:0;margin-top:2px}
.bk-side .sum{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:14px 16px;margin-top:14px}
.bk-side .sum .pl{color:var(--gray-700);border-color:var(--gray-150);font-size:13.5px}
.bk-side .sum .pl b,.bk-side .sum .pl .bx{color:var(--black);font-size:15px}
.bk-side .sum .pl .lbl{color:var(--gray-500)}
.bk-side .sum .pl.total .lbl{color:var(--black)}
.bk-side .sum .pl.total b,.bk-side .sum .pl.total .bx{color:var(--mint-dark);font-size:22px}
.bk-main{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:30px 32px;box-shadow:var(--shadow-card)}
.bk-main h2{font-size:24px;letter-spacing:-.6px}
.bk-main .lead{color:var(--gray-500);font-size:14.5px;line-height:1.6;margin:8px 0 22px}
.people{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
@media(max-width:600px){.people{grid-template-columns:1fr}}
.person{border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;cursor:pointer;transition:all .2s;background:var(--white);text-align:left;display:flex;flex-direction:column;gap:6px}
.person:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.person.on{border-color:var(--mint);box-shadow:0 0 0 2px var(--mint) inset}
.person .av{width:46px;height:46px;border-radius:50%;background:var(--mint);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;margin-bottom:6px}
.person.linda .av{background:var(--navy)}
.person .rg{font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mint)}
.person .ttl{font-size:13px;color:var(--gray-700);font-weight:600}
.person b,.person .bx{font-size:16px;letter-spacing:-.2px}
.person span{font-size:12.5px;color:var(--gray-500);line-height:1.45}
.person .tz{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-700);margin-top:6px}
.person .tz svg{width:13px;height:13px;color:var(--gray-400)}
.cal-wrap{border:1px solid var(--gray-200);border-radius:var(--radius-sm);overflow:hidden;background:var(--gray-50);min-height:640px}
.cal-wrap iframe{width:100%;height:700px;border:0;display:block}
.cal-wrap .calendly-inline-widget{min-width:100%;height:700px}
.cal-fb{padding:14px 2px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--gray-500)}
.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.fld label{font-size:12.5px;font-weight:600;color:var(--gray-700)}
.fld input,.fld textarea,.fld select{border:1px solid var(--gray-200);border-radius:var(--radius-xs);padding:11px 14px;font-size:14px;background:var(--white);transition:border-color .15s;width:100%}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--mint)}
.fld input.err{border-color:var(--red);background:var(--red-light)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.f2{grid-template-columns:1fr}}
.ck{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--gray-700);line-height:1.5;margin:6px 0 16px;cursor:pointer}
.ck input{margin-top:3px;accent-color:var(--mint)}
.thanks{text-align:center;padding:34px 10px}
.thanks .big{width:84px;height:84px;border-radius:50%;background:var(--mint);margin:0 auto 22px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px var(--mint-light)}
.thanks .big svg{width:40px;height:40px;color:var(--white)}
.thanks h2{font-size:28px}
.thanks p{color:var(--gray-500);max-width:440px;margin:12px auto 0;line-height:1.6;font-size:14.5px}
.nxt{max-width:440px;margin:24px auto 0;text-align:left;display:flex;flex-direction:column;gap:12px}
.nxt div{display:flex;gap:12px;font-size:13.5px;color:var(--gray-700)}
.nxt .n{width:24px;height:24px;border-radius:50%;background:var(--mint-light);color:var(--mint-dark);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ---------- reveal ---------- */
.fu{animation:fu .6s ease both}.fu2{animation:fu .6s .1s ease both}.fu3{animation:fu .6s .2s ease both}
@keyframes fu{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* icon accents */
.ic .ac{stroke:var(--mint)}
.ic .acf{stroke:var(--mint);fill:rgba(0,204,161,.18)}
.ic .onac{stroke:currentColor}
.ic-wr .ic .ac{stroke:var(--mint-dark)}
/* mobile fixes */
.hero-card>*{min-width:0}
@media(max-width:960px){.hero-card{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.hd .btn-black{display:none}.brand .sep,.brand .cat-tag{display:none}.price{flex-wrap:wrap}.flow .nodes{grid-template-columns:1fr 20px 1fr 20px 1fr;gap:4px}.flow .node{padding:10px 6px}.flow .node span{font-size:9px}}

/* ---------- marketing hero (top of page) ---------- */
.mk{padding:56px 0 40px;position:relative}
.mk-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,64px);align-items:center}
.mk h1{font-size:clamp(34px,4.3vw,56px);letter-spacing:-2px;line-height:1.04;margin:18px 0 20px;color:var(--navy);max-width:16ch}
.mk h1 em{font-style:normal;color:var(--mint)}
.mk .lede{font-size:clamp(16px,1.35vw,18.5px);line-height:1.6;color:var(--gray-700);max-width:58ch}
.mk .lede b,.mk .lede .bx{color:var(--black)}
.mk .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;align-items:center}
.mk .stats{display:grid;grid-template-columns:1fr;gap:12px;max-width:380px;margin-left:auto}
.mk .stat{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:22px 22px 20px;box-shadow:var(--shadow-card)}
.mk .stat.hero{background:var(--navy);border-color:var(--navy);color:var(--white)}
.mk .stat .n{font-size:clamp(40px,4vw,58px);font-weight:800;letter-spacing:-2.2px;line-height:1}
.mk .stat.hero .n{color:var(--accent)}
.mk .stat .l{font-size:14px;color:var(--gray-500);margin-top:10px;line-height:1.45}
.mk .stat.hero .l{color:var(--navy-mut)}
.sys-strip{margin-top:36px;padding-top:22px;border-top:1px solid var(--gray-150)}
.sys-strip .l{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--gray-400);margin-bottom:12px}
.sys-strip .row{display:flex;flex-wrap:wrap;gap:8px}
.sys-strip .row span{padding:7px 13px;border:1px solid var(--gray-200);border-radius:100px;font-size:12.5px;font-weight:600;color:var(--gray-700);background:var(--white)}
.sys-strip .row span.more{color:var(--mint);border-style:dashed}
@media(max-width:960px){.mk-grid{grid-template-columns:1fr}.mk h1{font-size:clamp(34px,8vw,48px)}}
@media(max-width:960px){.mk .stats{max-width:none;margin-left:0;grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mk .stats{grid-template-columns:1fr}}
.feat-lbl{display:flex;align-items:center;gap:12px;margin:8px 0 18px}
.feat-lbl .eyebrow{color:var(--mint)}
.feat-lbl span.t{font-size:13px;color:var(--gray-500)}
.ft .home .brand .word,.ft .top .brand .word{color:var(--navy)}

.tag.wip{background:var(--yellow-light);color:var(--yellow)}

/* ===================== v3: integrations, motion, mobile ===================== */
/* integrations marquee */
.sys-strip .l span{color:var(--mint)}
.marquee{position:relative;overflow:hidden;margin:0 -32px;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
@media(max-width:700px){.marquee{margin:0 -16px}}
.marquee .track{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:100%;-webkit-animation:mq 38s linear infinite;animation:mq 38s linear infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}
.marquee .track>.lg{-webkit-flex:0 0 auto;flex:0 0 auto;margin-right:12px}
.marquee .track.js-run{-webkit-animation:none;animation:none}
.marquee:hover .track{-webkit-animation-play-state:paused;animation-play-state:paused}
@-webkit-keyframes mq{from{-webkit-transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0)}}
@keyframes mq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.lg{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px 16px 10px 14px;background:var(--white);border:1px solid var(--gray-200);border-radius:14px;box-shadow:var(--shadow-card);white-space:nowrap;transition:transform .25s,box-shadow .25s,border-color .25s}
.lg:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--gray-300)}
.lg .lgimg{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:40px;filter:grayscale(1) opacity(.7);transition:filter .3s}
.lg:hover .lgimg{filter:none}
.lg .lgimg.svg{width:auto;max-width:120px;padding:0 4px}
.lg .lgimg.svg svg{height:22px;width:auto;max-width:120px;display:block}
.lg .lgimg.svg-oracle svg{height:16px}
.lg .lgimg.svg-sabre svg{height:20px}
.lg .lgimg.svg-booking svg{height:18px}
.lg .lgimg.svg-expedia svg{height:22px}
.lg .lgimg.svg-agoda svg{height:34px}
.lg .lgimg.svg-adyen svg{height:30px}
.lg .lgimg.svg-zoho svg{height:26px}
.lg .lgimg.svg-infor svg{height:32px}
.lg .lgimg.svg-amadeus svg{height:18px}
.lg .lgimg.png{width:40px;height:40px;border-radius:10px;overflow:hidden;background:var(--gray-100);font-weight:800;font-size:13px;color:var(--gray-700)}
.lg .lgimg.png img{width:40px;height:40px;object-fit:contain;display:block}
.lg .nm{border-left:1px solid var(--gray-150);padding-left:11px;margin-left:11px}
.lg .nm b,.lg .nm .bx{display:block;font-size:13.5px;letter-spacing:-.2px;color:var(--black)}
.lg .nm small{display:block;font-size:11px;color:var(--gray-500);margin-top:1px}
.sys-note{margin-top:14px;font-size:13px;color:var(--gray-500)}
.sys-note a{color:var(--mint);font-weight:700}

/* PCI badge in hero */
.pci{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:3px 10px;border-radius:100px;border:1px solid rgba(0,209,164,.4);background:rgba(0,209,164,.1);color:#CFF7EC;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;vertical-align:middle}
.pci::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}

/* scroll reveal */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.js .rv.in{opacity:1;transform:none}
.js .card.rv{transition-duration:.55s}
.js .card.rv.in:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}

/* hero ambient motion */
.hero-card::after{animation:glow 9s ease-in-out infinite alternate}
@keyframes glow{from{transform:translate(0,0) scale(1)}to{transform:translate(-90px,70px) scale(1.15)}}
.flow .arrow svg{animation:nudge 1.8s ease-in-out infinite}
.flow .arrow:nth-child(4) svg{animation-delay:.9s}
@keyframes nudge{0%,100%{transform:translateX(0);opacity:.7}50%{transform:translateX(4px);opacity:1}}
.chip-live .dot{animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(0,209,164,.2)}50%{box-shadow:0 0 0 8px rgba(0,209,164,.06)}}
@media(prefers-reduced-motion:reduce){.hero-card::after,.flow .arrow svg,.chip-live .dot{animation:none}}

/* buttons: premium feel */
.btn{position:relative;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.btn-primary,.btn-accent{box-shadow:0 6px 18px -8px rgba(0,123,106,.55)}
.btn-primary:hover,.btn-accent:hover{transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(0,123,106,.6)}
.btn:active{transform:scale(.97)!important}
.card{-webkit-tap-highlight-color:transparent}
.card:active{transform:scale(.985)}

/* burger + mobile nav */
.burger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--gray-200);background:var(--white);position:relative;flex-shrink:0}
.burger span{position:absolute;left:11px;right:11px;height:2px;background:var(--black);border-radius:2px;transition:transform .3s,top .3s;top:15px}
.burger span:last-child{top:23px}
.burger.on span:first-child{top:19px;transform:rotate(45deg)}
.burger.on span:last-child{top:19px;transform:rotate(-45deg)}
.mnav{display:none}
@media(max-width:1060px){
  .burger{display:block}
  .mnav{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;bottom:0;background:rgba(255,255,255,.98);backdrop-filter:blur(14px);padding:18px 20px 32px;gap:4px;z-index:59;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;overflow:auto}
  .mnav.on{opacity:1;transform:none;pointer-events:auto}
  .mnav>a{font-size:22px;font-weight:800;letter-spacing:-.6px;padding:14px 4px;border-bottom:1px solid var(--gray-150);color:var(--black)}
  .mnav-people{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:24px}
  .mnav .mp{display:flex;gap:12px;align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:12px 14px}
  .mnav .mp .av{width:40px;height:40px;border-radius:50%;background:var(--mint);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:800}
  .mnav .mp .av.linda{background:var(--navy)}
  .mnav .mp b,.mnav .mp .bx{display:block;font-size:14.5px}
  .mnav .mp small{font-size:12px;color:var(--gray-500)}
  .hd .cart-btn span:not(.ct){display:none}
  .hd .cart-btn{padding:8px 10px}
}

/* mobile sticky bar */
.mbar{display:none}
@media(max-width:860px){
  .mbar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:58;gap:10px;padding:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--gray-200);border-radius:18px;box-shadow:0 12px 40px rgba(12,32,59,.18);transform:translateY(120%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
  .mbar.on{transform:none}
  .mbar .btn{flex:1;padding:14px 16px;font-size:15px}
  .mbar-sel{display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:12px;border:1px solid var(--gray-200);background:var(--white);font-weight:700;font-size:13.5px}
  .mbar-sel .ct{min-width:20px;height:20px;padding:0 6px;border-radius:100px;background:var(--gray-100);color:var(--gray-500);font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
  .mbar-sel .ct.on{background:var(--mint);color:var(--white)}
  body{padding-bottom:84px}
  .toast{bottom:92px}
}

/* mobile layout polish */
@media(max-width:700px){
  .mk{padding:34px 0 28px}
  .mk h1{font-size:clamp(32px,9.4vw,44px);letter-spacing:-1.4px;max-width:none}
  .mk .lede{font-size:15.5px}
  .mk .cta .btn{flex:1 1 100%;justify-content:center}
  .hero-card{border-radius:22px;padding:24px 20px}
  .hero h2.big{font-size:clamp(34px,10vw,44px)}
  .hero .cta .btn{flex:1 1 100%;justify-content:center}
  .hero .cta .link{width:100%;text-align:center;padding:8px 0}
  .price .amt{font-size:48px}
  .sec{padding:56px 0 0}
  .sec-hd h2{font-size:26px}
  .group-hd h3{font-size:18px}
  .card{padding:18px}
  .card h3{font-size:15.5px}
  .card .d{font-size:13px}
  .trust .t{padding:18px}
  .cta-band{border-radius:22px;padding:26px 20px}
  .cta-band h2{font-size:30px}
  .cta-band .proof{gap:14px}
  .ft .home{flex-direction:column;align-items:flex-start}
  .ft .home .btn{width:100%}
  .mod{border-radius:18px}
  .ovl{padding:12px 10px}
  .plans{grid-template-columns:1fr}
  .det-hd{flex-direction:column;gap:10px;padding-right:44px}
  .dw{width:100%}
  .est{padding:18px}
  .est .v{font-size:30px}
  .how .step{padding:18px}
}

@media(max-width:860px){.lg .lgimg{filter:none}}
@media(max-width:700px){.eyebrow{font-size:10.5px;letter-spacing:1px}.feat-lbl{flex-wrap:wrap;gap:6px}.feat-lbl span.t{white-space:normal}}

/* ===================== v4: VCC configurator, medal, tier pricing section ===================== */
.vcfg{grid-column:1/-1;margin-top:-18px;background:rgba(255,255,255,.05);border:1px solid var(--navy-line);border-radius:var(--radius);padding:22px 24px 20px;display:grid;grid-template-columns:1.05fr .95fr;gap:18px 32px;align-items:start}
.vcfg-hd,.vinc,.vcfg .fine{grid-column:1/-1}
.vcfg-r{display:flex;flex-direction:column}
@media(max-width:900px){.vcfg{grid-template-columns:1fr;gap:14px;padding:20px 18px 18px}}
.vcfg-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.vcfg .tier-tag{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(0,209,164,.35);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:5px 11px;border-radius:100px}
.vcfg-from{font-size:13px;color:var(--navy-mut)}
.vcfg-from b,.vcfg-from .bx{color:var(--white);font-size:18px;font-weight:900;letter-spacing:-.4px;margin:0 2px}
.vopts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vopt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:14px 16px 13px;border-radius:var(--radius-sm);border:1px solid var(--navy-line);background:rgba(255,255,255,.04);color:var(--white);cursor:pointer;position:relative;transition:border-color .2s,background .2s,transform .2s}
.vopt:hover{border-color:rgba(255,255,255,.35)}
.vopt.on{border-color:var(--accent);background:rgba(0,209,164,.1);box-shadow:0 0 0 1px var(--accent) inset}
.vopt.on::after{content:"";position:absolute;top:12px;right:12px;width:18px;height:18px;border-radius:50%;background:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D223F' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}
.vopt .vo-l{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--navy-mut)}
.vopt.on .vo-l{color:var(--accent)}
.vopt .vo-p{font-size:30px;font-weight:900;letter-spacing:-1.4px;line-height:1.05}
.vopt .vo-p small{font-size:13px;font-weight:500;color:var(--navy-mut);letter-spacing:0;margin-left:4px}
.vopt .vo-s{font-size:12px;color:var(--navy-mut);line-height:1.4;margin-top:4px}
.vopt .vo-s b,.vopt .vo-s .bx{color:var(--white);font-weight:700}
.vvol{margin-top:0}
@media(max-width:900px){.vvol{margin-top:4px}}
.vvol label{display:block;font-size:13px;font-weight:700;color:var(--white)}
.vvol label small{display:block;font-size:12px;font-weight:500;color:var(--navy-mut);margin-top:2px;line-height:1.45}
.vvol-in{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.vvol-in input{width:160px;max-width:100%;border:0;border-radius:var(--radius-xs);padding:12px 14px;font:inherit;font-size:20px;font-weight:800;letter-spacing:-.4px;color:var(--navy);background:var(--white);outline:none}
.vvol-in input:focus{box-shadow:0 0 0 3px rgba(0,209,164,.45)}
.vvol-in .rate{font-size:13.5px;color:var(--navy-mut)}
.vtot{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--navy-line)}
.vtot .f{font-size:14px;color:var(--navy-mut);font-weight:600}
.vtot .eq{color:var(--navy-mut)}
.vtot b,.vtot .bx{font-size:34px;font-weight:900;letter-spacing:-1.6px;line-height:1;color:var(--accent)}
.vtot .pm{font-size:14px;color:var(--navy-mut)}
.vinc{margin-top:12px;font-size:13px;color:var(--navy-mut);line-height:1.55}
.vtrial{grid-column:1/-1;padding-bottom:20px;margin-bottom:4px;border-bottom:1px solid var(--navy-line)}
.vtrial-h{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap}
.vtrial-big{font-size:clamp(26px,3.2vw,34px);font-weight:900;letter-spacing:-.8px;line-height:1;color:var(--accent);white-space:nowrap}
.vtrial-s{font-size:15px;line-height:1.45;color:rgba(255,255,255,.82);max-width:62ch;flex:1 1 320px}.vtrial-s b,.vtrial-s .bx{color:var(--white)}
.vsec{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:14px 24px;margin-top:18px}
.vsec .b{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.7)}
.vsec svg{width:30px;height:30px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.vsec .b b,.vsec .b .bx{display:block;font-size:15px;font-weight:800;color:rgba(255,255,255,.9);line-height:1.2}
.vsec .b span{display:block;font-size:12.5px;color:rgba(255,255,255,.58);line-height:1.3}
@media(max-width:820px){.vsec{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}}
.vinc b,.vinc .bx{color:var(--white)}
.vcfg .cta{margin-top:14px}
.vinc{margin-top:6px}
.vcfg .fine{margin-top:12px;font-size:11.5px;line-height:1.5}
@media(max-width:480px){.vopts{grid-template-columns:1fr}}

/* medal: the public loss figure */
.medal{display:flex;gap:18px;align-items:center;background:var(--white);color:var(--black);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-hover);position:relative;overflow:hidden}
.medal::before{content:"";position:absolute;left:-40px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,209,164,.18),transparent 70%);pointer-events:none}
.medal-disc{position:relative;flex:0 0 118px;width:118px;height:118px;border-radius:50%;background:conic-gradient(from 210deg,var(--accent),var(--mint) 45%,#0D223F 46%,#1a3a5f 75%,var(--accent));display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(12,32,59,.22)}
.medal-disc::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--navy);border:2px dashed rgba(0,209,164,.45)}
.medal-disc .pct,.medal-disc .of{position:relative;z-index:1;color:var(--white);display:block;text-align:center}
.medal-disc{flex-direction:column}
.medal-disc .pct{font-size:30px;font-weight:900;letter-spacing:-1.4px;line-height:1;color:var(--accent)}
.medal-disc .of{font-size:9.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#C5D0E2;margin-top:4px}
.medal-disc .rib{position:absolute;bottom:-14px;left:50%;width:34px;height:22px;margin-left:-17px;background:linear-gradient(180deg,var(--mint),var(--mint-dark));clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);z-index:0}
.medal-txt{position:relative;min-width:0}
.medal-txt h4{font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--mint);margin-bottom:6px}
.medal-txt p{font-size:13.5px;line-height:1.55;color:var(--gray-700)}
.medal-txt p b,.medal-txt p .bx{color:var(--black)}
.medal-txt .src{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--gray-500);text-decoration:underline;text-underline-offset:3px}
.medal-txt .src:hover{color:var(--mint)}
@media(max-width:560px){.medal{flex-direction:column;align-items:flex-start;padding:22px 20px 20px}.medal-disc{flex-basis:auto}}

/* pricing section (four tiers) */
/* catalogue intro */
.ci{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}
.ci h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-1.2px;line-height:1.08;margin-top:10px}
.ci h2 em{font-style:normal;color:var(--mint)}
.ci-lede{color:var(--gray-700);font-size:16px;line-height:1.6;margin-top:14px;max-width:62ch}
.ci-lede b,.ci-lede .bx{color:var(--black)}
.ci-steps{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ci-steps li{display:flex;gap:10px;align-items:flex-start;background:var(--white);border:1px solid var(--gray-200);border-radius:14px;padding:14px}
.ci-steps .n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--mint);color:var(--white);font-weight:800;font-size:13px}
.ci-steps b,.ci-steps .bx{display:block;font-size:14px;color:var(--black)}
.ci-steps span{display:block;font-size:12.5px;color:var(--gray-500);line-height:1.45;margin-top:2px}
.ci-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ci-r{display:flex;flex-direction:column;gap:14px}
.ci-price{background:var(--mint);color:var(--white);border-radius:20px;padding:24px 26px}
.ci-k{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;opacity:.85}
.ci-p{font-size:20px;font-weight:600;margin-top:8px;line-height:1.1}
.ci-p b,.ci-p .bx{font-size:44px;font-weight:900;letter-spacing:-1.5px}
.ci-p i{font-style:normal;opacity:.8;margin:0 4px}
.ci-p small{font-size:15px;font-weight:500;opacity:.85;margin-left:4px}
.ci-price p{font-size:13.5px;line-height:1.5;margin-top:10px;opacity:.92}
.ci-sec{background:var(--white);border:1px solid var(--gray-200);border-radius:20px;padding:20px 22px}
.ci-sec .ci-k{color:var(--gray-500);opacity:1}
.ci-sec p{font-size:12.5px;color:var(--gray-500);line-height:1.5;margin-top:12px}
.csec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:12px}
.csec .b{display:flex;align-items:center;gap:10px;color:var(--gray-500)}
.csec svg{width:30px;height:30px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.csec .b b,.csec .b .bx{display:block;font-size:15px;font-weight:800;color:var(--gray-700);line-height:1.2}
.csec .b span{display:block;font-size:12.5px;color:var(--gray-500);line-height:1.3}
@media(max-width:960px){.ci{grid-template-columns:1fr}.ci-steps{grid-template-columns:1fr}}
#pricing .pr-hd{align-items:flex-end}
#pricing .pr-hd p b,#pricing .pr-hd p .bx{color:var(--black)}
.pr-tog{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.pr-tog .lbl{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gray-400)}
.pr-plans{margin-top:8px}
.pr-plans .plan .ptag{background:var(--mint)}
.pr-notes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.pr-notes .note{background:var(--mint-light);border-radius:var(--radius-sm);padding:16px 20px;font-size:14px;line-height:1.55;color:var(--mint-dark)}
.pr-notes .note b,.pr-notes .note .bx{color:var(--black)}
.pr-factors{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;margin-top:22px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:26px 28px}
.pr-factors h3{font-size:19px;letter-spacing:-.4px;margin-bottom:8px}
.pr-factors .pf-l p{font-size:14px;color:var(--gray-500);line-height:1.55;margin-bottom:16px}
.pf-list{counter-reset:pf;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}
.pf-list li{counter-increment:pf;display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--gray-700);padding:9px 0;border-top:1px solid var(--gray-150);line-height:1.45}
.pf-list li::before{content:counter(pf);flex:0 0 20px;height:20px;border-radius:50%;background:var(--mint-light);color:var(--mint-dark);font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
@media(max-width:900px){.pr-factors{grid-template-columns:1fr}.pf-list{grid-template-columns:1fr}.pr-notes{grid-template-columns:1fr}}
@media(max-width:700px){#pricing .pr-hd{align-items:flex-start}.pr-tog{align-items:flex-start}.pr-factors{padding:20px 18px}}

/* v4b: revenue estimator (right column) + inline medal (left column) */
.calc{background:var(--white);color:var(--black);border-radius:var(--radius);padding:22px 24px 20px;box-shadow:var(--shadow-hover)}
.calc-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.calc-hd h4{font-size:15.5px;font-weight:800;letter-spacing:-.2px;line-height:1.3}
.calc .live{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--mint-light);color:var(--mint-dark);font-size:11px;font-weight:700;padding:5px 10px;border-radius:100px;white-space:nowrap}
.calc .live i{width:6px;height:6px;border-radius:50%;background:var(--mint);animation:cpulse 1.6s infinite}
@keyframes cpulse{0%,100%{opacity:1}50%{opacity:.3}}
.calc .cf{margin-bottom:16px}
.calc .cf-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.calc .cf-row label{font-size:13px;font-weight:600;color:var(--gray-700)}
.calc .cf-row b,.calc .cf-row .bx{font-size:14px;font-weight:800;color:var(--black)}
.calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:100px;background:var(--gray-200);outline:none;margin:6px 0}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--mint);cursor:pointer;border:3px solid var(--white);box-shadow:0 1px 5px rgba(0,0,0,.25)}
.calc input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--mint);cursor:pointer;border:3px solid var(--white);box-shadow:0 1px 5px rgba(0,0,0,.25)}
.calc input[type=range]::-moz-range-track{height:4px;border-radius:100px;background:var(--gray-200)}
.calc-tog{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px}
.mtog{display:inline-flex;background:var(--gray-100);border-radius:100px;padding:3px}
.mtog button{border:0;background:transparent;color:var(--gray-700);font-weight:700;font-size:12.5px;padding:7px 14px;border-radius:100px;transition:.15s}
.mtog button[aria-pressed="true"]{background:var(--navy);color:var(--white)}
.calc-out{margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-150)}
.calc-out .v{font-size:38px;font-weight:900;letter-spacing:-1.6px;line-height:1;color:var(--mint)}
.calc-out .k{font-size:13px;color:var(--gray-500);margin-top:6px}
.calc-out .k b,.calc-out .k .bx{color:var(--gray-700)}
.calc-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--gray-150);font-size:11.5px;color:var(--gray-500);line-height:1.6}
.calc-foot b,.calc-foot .bx{color:var(--gray-700)}
.medal-inline{margin-top:24px;padding:16px 18px;gap:16px}
.medal-inline .medal-disc{flex:0 0 96px;width:96px;height:96px}
.medal-inline .medal-disc .pct{font-size:24px}
.medal-inline .medal-disc .of{font-size:8.5px}
.medal-inline .medal-disc .rib{display:none}
.medal-inline .medal-txt h4{margin-bottom:4px}
.medal-inline .medal-txt p{font-size:13px}

/* currency switcher (header) */
.cur-sw{display:inline-flex;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:100px;padding:2px}
.cur-sw button{padding:5px 10px;border-radius:100px;font-size:11.5px;font-weight:800;letter-spacing:.4px;color:var(--gray-500);transition:all .15s}
.cur-sw button[aria-pressed="true"]{background:var(--navy);color:var(--white)}
@media(max-width:700px){.cur-sw button{padding:5px 8px;font-size:11px}}

@media(max-width:700px){.hd .cur-sw{display:none}}
.mnav-cur{display:flex;justify-content:space-between;align-items:center;padding:6px 4px 14px;border-bottom:1px solid var(--gray-150);font-size:13px;font-weight:700;color:var(--gray-500)}
.mnav-cur .cur-sw button{padding:7px 14px;font-size:12.5px}
.hd nav a{white-space:nowrap}
@media(max-width:1240px){.hd nav a{padding:8px 9px;font-size:13px}.hd-in{gap:18px}.brand .cat-tag{display:none}.brand .sep{display:none}}
@media(max-width:1440px){.hd nav a[data-track="nav:robosize.me"]{display:none}}
.pcard.one{max-width:380px}
.pcard.one .av{background:var(--accent);color:var(--navy)}
.pcard.one .av svg{width:24px;height:24px}
.mnav .mp .av svg{width:20px;height:20px;color:var(--white)}
.bx{font-weight:700}

/* ===================== v4: SEO pages (automation pages, hub, insights) ===================== */
.btn-ghost{background:transparent;color:var(--gray-700);border-color:var(--gray-200)}
.btn-ghost:hover{background:var(--gray-100);color:var(--black)}

/* catalogue cards are real links: the title link stretches over the whole card */
.card-a{color:inherit}
.card-a::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.card-a:focus-visible{outline:none}
.card:focus-within{box-shadow:0 0 0 3px rgba(0,123,106,.28)}
.card .pick{position:relative;z-index:2;cursor:pointer;border-radius:6px}
.card .pick:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.card .more{transition:color .15s,transform .2s}
.card:hover .more{transform:translateX(3px)}
.grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.grid.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.grid.g3{grid-template-columns:1fr}}
.dw-item h4 a{color:inherit}
.dw-item h4 a:hover{color:var(--mint-dark)}
.det .acts{flex-wrap:wrap}

/* breadcrumbs */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12.5px;color:var(--gray-500);margin-bottom:26px}
.crumbs a{color:var(--gray-700);font-weight:600;transition:color .15s}
.crumbs a:hover{color:var(--mint)}
.crumbs .sep{color:var(--gray-300)}
.crumbs [aria-current]{color:var(--gray-500);font-weight:600}

/* automation page */
.ap-hero{padding:32px 0 8px;position:relative;overflow-x:clip}
.ap-hero::before{content:"";position:absolute;right:-220px;top:-260px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(0,209,164,.12),transparent 66%);pointer-events:none;z-index:-1}
.ap-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(28px,4.5vw,64px);align-items:start}
.ap-kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ap-kicker .ic-wr{width:48px;height:48px;border-radius:13px}
.ap-kicker .ic-wr .ic{width:25px;height:25px}
.ap-kicker .k{font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--mint)}
.ap h1,.hub-h1{font-size:clamp(32px,4.2vw,54px);letter-spacing:-1.9px;line-height:1.04;margin:18px 0 16px;color:var(--navy);max-width:18ch}
.ap .lede,.hub .lede{font-size:clamp(16px,1.3vw,18.5px);line-height:1.6;color:var(--gray-700);max-width:60ch}
.ap .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.ap-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ap-facts span{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:100px;background:var(--white);border:1px solid var(--gray-200);font-size:12.5px;font-weight:600;color:var(--gray-700);box-shadow:var(--shadow-card)}
.ap-facts svg{width:15px;height:15px;color:var(--mint);flex:none}
.pick-btn svg{width:16px;height:16px;opacity:.35;transition:opacity .15s}
.pick-btn.on{background:var(--mint-light);border-color:var(--mint-mid);color:var(--mint-dark)}
.pick-btn.on svg{opacity:1}

.ap-sec{margin-top:48px}
.ap-sec h2{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.8px;margin-bottom:14px;color:var(--navy)}
.ap-sec>p{font-size:16.5px;line-height:1.75;color:var(--gray-700);max-width:66ch}
.ap-list{list-style:none;display:grid;gap:10px}
.ap-list li{display:flex;gap:14px;align-items:flex-start;padding:15px 18px;border:1px solid var(--gray-200);border-radius:16px;background:var(--white);font-size:15px;line-height:1.55;color:var(--gray-900);transition:border-color .2s,box-shadow .2s,transform .2s}
.ap-list li:hover{border-color:var(--mint-mid);box-shadow:var(--shadow-hover);transform:translateX(3px)}
.ap-list .ap-ck{width:26px;height:26px;border-radius:50%;background:var(--mint-light);color:var(--mint-dark);display:flex;align-items:center;justify-content:center;flex:none;margin-top:-1px}
.ap-list .ap-ck svg{width:14px;height:14px}
.ap-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:st}
.ap-steps .st{padding:20px;border-radius:18px;background:var(--gray-50);border:1px solid var(--gray-200);position:relative;overflow:hidden}
.ap-steps .st::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--accent),var(--mint));transform:scaleX(.18);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ap-steps .st:hover::after{transform:scaleX(1)}
.ap-steps .n{width:30px;height:30px;border-radius:50%;background:var(--navy);color:var(--white);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:13px;margin-bottom:14px}
.ap-steps h3{font-size:15.5px;letter-spacing:-.3px;margin-bottom:6px}
.ap-steps p{font-size:13.5px;color:var(--gray-500);line-height:1.55}

.ap-card{background:var(--white);border:1px solid var(--gray-200);border-radius:24px;box-shadow:0 2px 6px rgba(12,32,59,.04),0 18px 48px rgba(12,32,59,.08);padding:24px;position:sticky;top:88px;display:flex;flex-direction:column;gap:18px}
.ap-cl{font-size:10.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--gray-400)}
.ap-price{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--navy);color:var(--white);position:relative;overflow:hidden}
.ap-price::after{content:"";position:absolute;right:-60px;top:-80px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(0,209,164,.28),transparent 68%)}
.ap-price>*{position:relative}
.ap-price .lbl{font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}
.ap-price .v{font-size:36px;font-weight:800;letter-spacing:-1.4px;line-height:1.05}
.ap-price .v small{font-size:13px;font-weight:600;letter-spacing:0;color:var(--navy-mut);margin-left:4px}
.ap-price .v small:first-child{margin:0 2px 0 0}
.ap-price .s{font-size:12.5px;color:var(--navy-mut);line-height:1.5}
.ap-dl{display:grid}
.ap-dl div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:10px 0;border-top:1px solid var(--gray-100);font-size:13.5px}
.ap-dl div:first-child{border-top:0;padding-top:0}
.ap-dl dt{color:var(--gray-500)}
.ap-dl dd{font-weight:700;text-align:right;color:var(--gray-900)}
.ap-dl dd a{color:var(--mint-dark)}
.ap-dl dd a:hover{text-decoration:underline}
.ap-sys .sys{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ap-acts{display:grid;gap:8px}
.ap-acts .btn{width:100%}
.ap-sec-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11.5px;font-weight:600;color:var(--gray-400);letter-spacing:.2px}
.ap-sec-note svg{width:14px;height:14px;color:var(--mint)}
.trust.t3{grid-template-columns:repeat(3,minmax(0,1fr))}
.trust .t{transition:transform .2s,box-shadow .2s,border-color .2s}
.trust .t:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--mint-mid)}
.cta-band .proof .pv{display:block;font-size:20px;font-weight:800;color:var(--white);letter-spacing:-.5px}
.pcard .pn{font-size:17px;font-weight:800;letter-spacing:-.3px;color:var(--white)}
@media(max-width:1060px){.ap-grid{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:960px){.ap-grid{grid-template-columns:1fr}.ap-card{position:static;order:0}.ap h1,.hub-h1{max-width:none}.trust.t3{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.ap-hero{padding-top:22px}.ap-steps{grid-template-columns:1fr}.ap .cta .btn{flex:1 1 100%}.ap-sec{margin-top:40px}.crumbs{margin-bottom:18px}}
@media(max-width:600px){.trust.t3{grid-template-columns:1fr}}

/* hub /automations/ */
.hub-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.hub-nav a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:100px;border:1px solid var(--gray-200);background:var(--white);font-size:13px;font-weight:600;color:var(--gray-700);transition:all .15s}
.hub-nav a:hover{border-color:var(--mint);color:var(--mint-dark);background:var(--mint-light)}
.hub-nav .n{font-size:11px;font-weight:700;color:var(--gray-400)}
.hub-list{padding-top:40px}
.hub-list .group{scroll-margin-top:84px}
.hub-list .group-hd h2{font-size:22px;font-weight:900;letter-spacing:-.5px}
@media(max-width:700px){.hub-nav{flex-wrap:nowrap;overflow-x:auto;margin:22px -16px 0;padding:0 16px 4px;scrollbar-width:none}.hub-nav::-webkit-scrollbar{display:none}.hub-nav a{flex:none}}

/* insights */
.ins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ins{display:flex;flex-direction:column;gap:10px;padding:22px 22px 20px;border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--white);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.ins::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--mint));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.ins:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--mint-mid)}
.ins:hover::before{transform:scaleX(1)}
.ins .ty{font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--mint)}
.ins .ty .dt{color:var(--gray-400);letter-spacing:.4px;text-transform:none;font-weight:600}
.ins h3{font-size:17px;letter-spacing:-.35px;line-height:1.3;color:var(--navy)}
.ins p{font-size:13.5px;color:var(--gray-500);line-height:1.55;flex:1}
.ins .go{font-size:13px;font-weight:700;color:var(--mint-dark);display:inline-flex;gap:6px;align-items:center}
.ins .go span{transition:transform .2s}
.ins:hover .go span{transform:translate(2px,-2px)}
@media(max-width:960px){.ins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ins-grid{grid-template-columns:1fr}}
@media(min-width:1061px) and (max-width:1440px){.hd-in{gap:20px}}
/* mobile: price card right after the intro, before the long copy */
@media(max-width:960px){.ap-grid{row-gap:0}.ap-main{display:contents}.ap-main>.fu{order:0}.ap-card{order:1;margin-top:30px}.ap-main>.ap-sec{order:2}}