/* MemberRoute public site (v1.11). Loaded after app.css on marketing pages only (body.site).
   The app, join pages and member portal keep app.css alone.
   Idea: the logo is a route with an amber destination stop. The page is the route — a dashed line down the left
   connects each section as a stop and ends at the trial button. Balances are shown as punch dots, like a real punch card. */

@font-face{font-family:"Lora";src:url(/assets/fonts/lora-var.woff) format("woff");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url(/assets/fonts/lora-var-italic.woff) format("woff");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-semibold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-bold.woff) format("woff");font-weight:700;font-display:swap}

body.site{
  --ink:#0f2f2b;--ink-2:#2b4a45;--muted:#5f7570;--chalk:#f3f6f4;--paper:#ffffff;--mist:#d7e1dc;--mist-2:#e9efec;
  --teal:#0d8f83;--teal-dark:#0a6f66;--teal-soft:#dcefeb;--amber:#f2a51b;--amber-dark:#c9850a;--amber-soft:#fdf0d5;
  --serif:"Lora",Georgia,"Times New Roman",serif;--sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --max:1120px;--gutter:28px;--line:var(--mist);--bg:var(--chalk);--panel:var(--paper);
  background:var(--chalk);color:var(--ink);font:17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;
}
body.site a{color:var(--teal-dark)}
body.site h1,body.site h2,body.site h3,body.site .serif{font-family:var(--serif);font-weight:600;letter-spacing:-.015em;line-height:1.1}
body.site h3{font-size:22px;margin:0 0 6px}
body.site .muted{color:var(--muted)}
body.site .small{font-size:14px}

/* Buttons: amber is the destination — only the primary action gets it. */
body.site .primary{background:var(--amber);color:var(--ink);box-shadow:none;border-radius:12px;padding:13px 20px;font-weight:600;transition:background .15s,transform .15s}
body.site .primary:hover{background:#ffb52e;transform:translateY(-1px)}
body.site .ghost{background:transparent;border:1.5px solid var(--ink);color:var(--ink);border-radius:12px;padding:12px 18px;font-weight:600}
body.site .ghost:hover{background:var(--ink);color:#fff}
body.site .soft{background:var(--teal-soft);color:var(--teal-dark);border-radius:12px;padding:12px 18px;font-weight:600}
body.site .text-button{color:var(--ink);font-weight:500;padding:6px 10px;border-radius:8px}
body.site .text-button:hover{background:var(--mist-2)}
body.site :focus-visible{outline:3px solid var(--amber);outline-offset:3px}

/* Stop markers replace the uppercase eyebrow: a small teal dot and sentence-case text. */
body.site .eyebrow{text-transform:none;letter-spacing:0;font-size:15px;font-weight:600;color:var(--teal-dark)!important;display:block;margin:0 0 10px}

/* Header */
body.site .site-header{max-width:var(--max);padding:22px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:16px}
body.site .site-header .brand{font-family:var(--sans);font-weight:700;font-size:19px;letter-spacing:-.02em;gap:10px}
body.site .site-nav .primary{margin-left:8px}
body.site .brand-word b{color:var(--teal-dark)}
body.site .site-header nav.row{gap:4px}
body.site .site-header nav .primary{padding:10px 16px;margin-left:8px}

/* Phone menu */
body.site .nav-toggle{display:none;width:44px;height:44px;border:1.5px solid var(--mist);background:var(--paper);border-radius:12px;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
body.site .nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
@media(max-width:860px){
  body.site .site-nav{display:none}
  body.site .nav-toggle{display:flex}
  body.site.nav-open .site-nav{display:flex;position:absolute;left:12px;right:12px;top:72px;flex-direction:column;align-items:stretch;gap:4px;background:var(--paper);border:1px solid var(--mist);border-radius:18px;padding:12px;box-shadow:0 30px 60px -20px rgba(15,47,43,.35);z-index:50}
  body.site.nav-open .site-nav .text-button{padding:12px 14px;font-size:17px}
  body.site.nav-open .site-nav .primary{margin:8px 0 0;text-align:center}
  body.site.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.site.nav-open .nav-toggle span:nth-child(2){opacity:0}
  body.site.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  body.site .site-header{position:relative}
}

/* The route: a dashed line down the left gutter on wide screens. Each stop draws the segment down to the next
   stop; the destination (amber) draws none, so the line ends there. The stop on screen glows (app.js adds .active). */
body.site main{position:relative}
body.site .route{max-width:var(--max);margin:0 auto;position:relative}
@media(min-width:1180px){
  body.site .route .stop{position:relative}
  body.site .route .stop::before{content:"";position:absolute;left:-40px;top:46px;width:16px;height:16px;border-radius:50%;background:var(--chalk);border:3px solid var(--teal);z-index:1;transition:box-shadow .3s,background .3s,transform .3s}
  body.site .route .stop:not(.destination)::after{content:"";position:absolute;left:-30px;top:68px;bottom:-46px;border-left:2px dashed var(--teal);opacity:.5;z-index:0}
  body.site .route .stop.destination::before{background:var(--amber);border-color:var(--amber);box-shadow:0 0 0 6px var(--amber-soft)}
  body.site .route .stop.active::before{background:var(--teal);box-shadow:0 0 0 6px var(--teal-soft),0 0 22px 4px rgba(13,143,131,.55);transform:scale(1.15)}
  body.site .route .stop.destination.active::before{background:var(--amber);box-shadow:0 0 0 6px var(--amber-soft),0 0 24px 6px rgba(242,165,27,.6)}
}

/* Hero */
body.site main{background:radial-gradient(900px 420px at 78% -40px,rgba(13,143,131,.14),transparent 70%),radial-gradient(700px 300px at 10% 120px,rgba(242,165,27,.10),transparent 70%)}
body.site .hero{max-width:var(--max);padding:40px var(--gutter) 24px;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
body.site .hero h1{font-size:clamp(40px,5.4vw,64px);line-height:1.02;letter-spacing:-.025em;margin:6px 0 18px;font-weight:600}
body.site .hero p.lead{font-size:19px;line-height:1.5;color:var(--ink-2);max-width:540px;margin:0 0 8px}
body.site .hero .row.mt16{gap:12px}
body.site .hero .small b{font-weight:600}
body.site .hero .muted.small{font-size:14px;max-width:520px}
body.site .hero.one{grid-template-columns:1fr}
body.site .hero.one h1{max-width:820px}

/* Member card — the hero object. A punch card for the included services. */
body.site .member-card{background:var(--paper);border:1px solid var(--mist);border-radius:22px;padding:0;box-shadow:0 30px 60px -30px rgba(15,47,43,.35);position:relative;max-width:520px;margin-left:auto;transform:rotate(-1.2deg)}
body.site .member-card .mc-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px dashed var(--mist);background:var(--chalk);border-radius:22px 22px 0 0}
body.site .member-card .mc-head b{font-family:var(--serif);font-size:20px;font-weight:600}
body.site .member-card .mc-head small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
body.site .mc-price{font-family:var(--serif);font-size:26px;font-weight:600;text-align:right}
body.site .mc-price small{display:block;font-family:var(--sans);font-size:12px;color:var(--muted);font-weight:500}
body.site .mc-body{padding:22px}
body.site .mc-body .mc-label{display:flex;justify-content:space-between;align-items:baseline;font-weight:500;color:var(--ink-2)}
body.site .mc-body .mc-label b{font-family:var(--serif);font-size:30px;color:var(--ink);font-weight:600;letter-spacing:-.02em}
body.site .punch{display:flex;gap:12px;margin:12px 0 6px}
body.site .punch i{width:38px;height:38px;border-radius:50%;border:2.5px solid var(--teal);display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;font-size:15px;background:var(--teal)}
body.site .punch i.used{background:transparent;border-style:dashed;color:var(--muted);border-color:#b9c9c3}
body.site .mc-foot{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px;margin-top:10px;padding-top:12px;border-top:1px solid var(--mist-2)}
body.site .mc-extra{margin:0 22px 22px;padding:12px 14px;background:var(--amber-soft);border-radius:12px;font-size:14px;color:#5a3b00}
body.site .mc-redeem{position:absolute;left:-26px;bottom:-16px;background:var(--ink);color:#fff;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:500;box-shadow:0 12px 30px -10px rgba(15,47,43,.6);transform:rotate(-2deg)}
body.site .mc-redeem b{color:var(--amber)}
@media(max-width:1050px){body.site .member-card{margin:0 auto;transform:none;max-width:560px}body.site .mc-redeem{left:12px;bottom:-14px}}

/* Industry stops under the hero: a horizontal rail of tickets. */
body.site .section{max-width:var(--max);padding:52px var(--gutter)}
body.site .section h2{font-size:clamp(30px,3.6vw,42px);margin:0 0 10px;max-width:760px}
body.site .section>p.muted{font-size:18px;max-width:640px;margin:0 0 28px;color:var(--ink-2)}
body.site .section>p.muted.small{font-size:14px;max-width:720px;margin:16px 0 0;color:var(--muted)}
body.site .calc-page h2.mt24{margin-top:40px}
body.site .industry-grid-public{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
body.site .industry-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:4px;background:var(--paper);border:1px solid var(--mist);border-radius:14px;padding:16px 16px 14px;color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s;position:relative}
body.site .industry-card:hover{transform:translateY(-3px);border-color:var(--teal)}
body.site .industry-card.focus{background:var(--paper);border-color:var(--mist)}
body.site .industry-card .icon{width:48px;height:48px;display:grid;place-items:center;background:var(--teal-soft);border-radius:14px;margin-bottom:8px;color:var(--ink)}
body.site .ig{width:30px;height:30px}
body.site .ig .acc{fill:var(--amber);stroke:none;opacity:.9}
body.site .industry-card:hover .icon{background:var(--ink);color:#fff}
body.site .industry-card.other .icon{font-size:22px;font-weight:700}
body.site .industry-chips .chip{display:inline-flex;align-items:center;gap:8px}
body.site .industry-chips .ig{width:20px;height:20px}
body.site .industry-card b{font-size:16px;font-weight:600}
body.site .industry-card small{color:var(--teal-dark);font-weight:600;font-size:13px}
body.site .industry-card em{font-style:normal;color:var(--muted);font-size:13px;line-height:1.4}
body.site .industry-card.other{border-style:dashed;background:transparent}
body.site .industry-card.other .icon{background:var(--teal-soft);color:var(--teal-dark);font-weight:700}

/* Principles: a dark band, nine lines, no boxes. */
body.site .section.band{max-width:none;padding:0}
body.site .section.band>*{max-width:var(--max);margin-left:auto;margin-right:auto}
body.site .section.band{background:var(--ink);color:#fff;padding:52px 0 56px;margin:24px 0 8px;border-radius:28px}
body.site .section.band h2{color:#fff;padding:0 var(--gutter);margin-bottom:26px}
body.site .principles{list-style:none;padding:0 var(--gutter);margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
body.site .principles li{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14)}
body.site .principles li:nth-child(-n+3){border-top:0}
body.site .principles .num{grid-row:1/3;font-family:var(--serif);font-size:30px;line-height:1;color:var(--amber);font-weight:600;letter-spacing:-.03em}
body.site .principles b{font-size:18px;font-weight:600;font-family:var(--serif);letter-spacing:-.01em}
body.site .principles small{color:#a9c4be;font-size:14px;line-height:1.45;margin-top:3px}

/* Pricing: tickets. The featured plan has the amber band. */
body.site .fee-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;background:var(--ink);color:#fff;border-radius:18px;padding:22px 26px;margin:0 0 26px}
body.site .fee-strip>div span{display:block;color:#a9c4be;font-size:14px}
body.site .fee-strip>div b{display:block;font-family:var(--serif);font-size:34px;font-weight:600;margin:2px 0;letter-spacing:-.02em}
body.site .fee-strip>div small{color:#a9c4be;font-size:13px;line-height:1.4;display:block}
body.site .fee-strip>div small a{color:#fff}
body.site .fee-strip .arrow{color:var(--amber);font-size:26px;text-align:center}
body.site .fee-strip .zero b{color:var(--amber)}
body.site .fee-explainer{display:none}
body.site .fee-note{color:var(--muted);font-size:14px;max-width:720px;margin:0 0 22px}
body.site .price-grid{gap:18px;align-items:start}
body.site .price-card{background:var(--paper);border:1px solid var(--mist);border-radius:18px;padding:26px 24px 22px;position:relative;box-shadow:none}
body.site .price-card.featured{border:1px solid var(--mist);box-shadow:0 30px 50px -30px rgba(15,47,43,.35)}
body.site .price-card.featured::before{content:"Most businesses start here";position:absolute;left:0;right:0;top:0;background:var(--amber);color:var(--ink);font-size:13px;font-weight:600;text-align:center;padding:7px;border-radius:18px 18px 0 0}
body.site .price-card.featured{padding-top:54px}
body.site .price-card .eyebrow{font-size:17px;color:var(--ink)!important;font-weight:600}
body.site .price-card .eyebrow::before{display:none}
body.site .price-card .plan-price{margin:8px 0 2px}
body.site .price-card .plan-price strong{font-family:var(--serif);font-size:48px;font-weight:600;letter-spacing:-.03em}
body.site .price-card>small.muted{display:block}
body.site .price-card ul{list-style:none;padding:0;margin:18px 0 6px;border-top:1px dashed var(--mist)}
body.site .price-card li{padding:10px 0;border-bottom:1px solid var(--mist-2);font-size:15px}
body.site .price-card .primary,body.site .price-card .soft{display:block;text-align:center;margin-top:16px}
body.site .enterprise-band{background:var(--paper);color:var(--ink);border:1px solid var(--mist);border-radius:18px;padding:22px 26px;margin-top:18px}
body.site .enterprise-band .muted{color:var(--muted)!important}
body.site .enterprise-band h3{font-size:22px}
body.site .enterprise-band .ghost{white-space:nowrap}

/* Industry pages */
body.site .plan-grid{gap:18px}
body.site .plan-card{background:var(--paper);border:1px solid var(--mist);border-radius:18px;padding:24px}
body.site .plan-card.featured{border-color:var(--teal);box-shadow:0 30px 50px -30px rgba(15,47,43,.3)}
body.site .plan-card h3{font-size:22px;margin:0}
body.site .plan-card .plan-price strong{font-family:var(--serif);font-size:40px;font-weight:600;letter-spacing:-.03em}
body.site .plan-card li{font-size:15px}
body.site .plan-card li:before{color:var(--teal)}
body.site .steps li{border-radius:16px;border-color:var(--mist);background:var(--paper)}
body.site .steps li:before{background:var(--ink);color:var(--amber)}
body.site .grid3 .panel{box-shadow:none;border-color:var(--mist);border-radius:16px}
body.site .grid3 .panel h3{font-size:19px}
body.site .faq details{border-color:var(--mist);border-radius:14px;padding:6px 18px}
body.site .faq summary{font-weight:600;font-size:17px}
body.site .faq details p{line-height:1.55}
body.site .industry-chips .chip{border-color:var(--mist);font-weight:500;border-radius:10px}
body.site .industry-chips .chip:hover,body.site .industry-chips .chip.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}
body.site .small-h{font-size:22px!important}
body.site .mock-stack{display:none}
body.site .portal-frame{box-shadow:0 30px 60px -30px rgba(15,47,43,.35);border-color:var(--mist);border-radius:22px}

/* Footer */
body.site .site-footer{max-width:var(--max);padding:40px var(--gutter) 56px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px 40px;border-top:1px solid var(--mist);margin-top:30px;font-size:14px;color:var(--muted)}
body.site .site-footer nav{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:flex-end;align-content:start}
body.site .site-footer nav a{color:var(--ink);text-decoration:none;font-weight:500}
body.site .site-footer nav a:hover{color:var(--teal-dark)}
body.site .site-footer .brand{font-weight:700;color:var(--ink);padding:0 0 10px;font-size:17px}
body.site .site-footer p{margin:0;max-width:460px;line-height:1.5}
body.site .legal{max-width:760px;padding:30px var(--gutter) 70px}
body.site .legal h1{font-size:40px}
body.site .legal h2{font-size:24px;margin-top:34px}
body.site .legal p{line-height:1.65}

/* Comparison pages (/vs) */
body.site .vs-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;align-self:center}
body.site .vs-hero div{background:var(--paper);border:1px solid var(--mist);border-radius:16px;padding:22px}
body.site .vs-hero div.us{background:var(--ink);color:#fff;border-color:var(--ink)}
body.site .vs-hero span{display:block;font-size:14px;color:var(--muted)}
body.site .vs-hero .us span,body.site .vs-hero .us small{color:#a9c4be}
body.site .vs-hero b{display:block;font-family:var(--serif);font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1;margin:6px 0;white-space:nowrap}
body.site .vs-hero .us b{color:var(--amber)}
body.site .vs-hero small{display:block;font-size:13px;color:var(--muted);line-height:1.4}
body.site .grid2 .panel{box-shadow:none;border-color:var(--mist);border-radius:16px}
body.site .compare-table{border-color:var(--mist);border-radius:16px}
body.site .compare-table table{min-width:640px}
body.site .compare-table th{background:var(--chalk)}
body.site .compare-table th[scope=row]{font-weight:600;text-transform:none;letter-spacing:0;font-size:15px;color:var(--ink);background:var(--paper);width:32%}
body.site .compare-table td.win{color:var(--teal-dark);font-weight:600}body.site .compare-table td.win::before{content:"✓ ";font-weight:700}
body.site .calc{border-color:var(--mist);border-radius:18px;box-shadow:none}
body.site .calc label{display:block;font-size:14px;font-weight:600;margin:6px 0 10px}
body.site .calc input,body.site .calc select{display:block;width:100%;padding:12px;border:1px solid var(--mist);border-radius:10px;margin-top:6px;background:#fff;color:var(--ink);font:inherit}
body.site .calc-out{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 12px}
body.site .calc-out div{background:var(--chalk);border:1px solid var(--mist);border-radius:14px;padding:16px 18px}
body.site .calc-out div.us{background:var(--ink);border-color:var(--ink);color:#fff}
body.site .calc-out span{display:block;font-size:14px;color:var(--muted)}body.site .calc-out .us span,body.site .calc-out .us small{color:#a9c4be}
body.site .calc-out b{display:block;font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:-.03em;margin:4px 0}body.site .calc-out .us b{color:var(--amber)}
body.site .calc-out small{display:block;font-size:13px;line-height:1.4;color:var(--muted)}
body.site .cost-table{margin:14px 0 10px;border:1px solid var(--mist);border-radius:14px;overflow:hidden}
body.site .cost-table table{width:100%;border-collapse:collapse;font-size:15px}
body.site .cost-table th,body.site .cost-table td{padding:11px 14px;border-top:1px solid var(--mist-2);text-align:left}
body.site .cost-table thead th{background:var(--chalk);border-top:0;font-size:13px;color:var(--muted);font-weight:600}
body.site .cost-table th[scope=row]{font-weight:500;color:var(--ink-2)}
body.site .cost-table th[scope=row] small{display:block;color:var(--muted);font-size:12px;font-weight:400}
body.site .cost-table .us{background:var(--teal-soft)}
body.site .cost-table thead th.us{color:var(--teal-dark)}
body.site .cost-table tr.total th,body.site .cost-table tr.total td{font-weight:700;font-size:17px;border-top:2px solid var(--mist)}
body.site .cost-table tr.total td.us{color:var(--teal-dark);font-family:var(--serif);font-size:22px}
body.site .calc .money{position:relative;display:block;margin-top:6px}body.site .calc .money::before{content:"$";position:absolute;left:13px;top:50%;transform:translateY(-50%);line-height:1;color:var(--muted);font-weight:600;pointer-events:none}body.site .calc .money input{padding-left:27px;margin-top:0}
body.site .calc.no-proc .cost-table tr.proc{display:none}
body.site .calc .hint{display:block;font-weight:400;color:var(--muted);font-size:12px}
body.site .calc-diff{font-family:var(--serif);font-size:22px;font-weight:600;margin:6px 0 10px;color:var(--teal-dark)}
body.site .pick-list{padding-left:20px;color:var(--muted);margin:8px 0 0}body.site .pick-list li{margin:8px 0}
body.site .pick-us{border-color:var(--teal)!important}body.site .pick-us .pick-list{color:var(--ink)}
body.site .disclaimer{margin-top:18px;padding:14px 16px;border-radius:14px;background:var(--amber-soft);color:#5a3b00;font-size:13px;line-height:1.5}

body.site .compare-grid{align-items:stretch}
body.site .compare-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s}
body.site .compare-card:hover{transform:translateY(-3px);border-color:var(--teal)}
body.site .compare-card h3{font-size:22px;margin:0}
body.site .compare-card p{font-size:14.5px;line-height:1.5;flex:1;margin:0}
body.site .compare-fee{display:block;border-top:1px dashed var(--mist);padding-top:12px;margin-top:4px}
body.site .compare-fee small{display:block;color:var(--muted);font-size:13px}
body.site .compare-fee b{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:-.02em}

/* Pricing calculator (/free) */
body.site .how-strip{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
body.site .how-strip li{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;background:var(--paper);border:1px solid var(--mist);border-radius:14px;padding:12px 14px}
body.site .how-strip b{grid-row:1/3;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--amber);display:grid;place-items:center;font-family:var(--serif);font-size:18px}
body.site .how-strip span{font-weight:600}
body.site .how-strip small{color:var(--muted);font-size:13px}
body.site .calc-in .money,body.site .calc-in .pct{position:relative;display:block;margin-top:6px}
body.site .calc-in .money input,body.site .calc-in .pct input{margin-top:0}
body.site .calc-in .money::before{content:"$";position:absolute;left:13px;top:50%;transform:translateY(-50%);line-height:1;color:var(--muted);font-weight:600;pointer-events:none}
body.site .calc-in .money input{padding-left:27px}
body.site .calc-in .pct::after{content:"%";position:absolute;right:12px;top:50%;transform:translateY(-50%);line-height:1;color:var(--muted);font-weight:600;pointer-events:none}
body.site .calc-summary{font-size:16px;line-height:1.5;margin:4px 0 10px;color:var(--ink-2)}
body.site .margin-bar{height:8px;border-radius:999px;background:var(--mist-2);overflow:hidden;margin:0 0 6px}
body.site .margin-bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--teal);transition:width .3s}
body.site .margin-bar i.low{background:#d9480f}body.site .margin-bar i.ok{background:var(--amber)}body.site .margin-bar i.good{background:var(--teal)}
body.site .calc-grid{align-items:start}
body.site .calc-in{border-color:var(--mist);border-radius:18px;box-shadow:none}
body.site .calc-in h2{font-size:24px;margin:0}
body.site .calc-in label{margin:16px 0 0;font-size:14px}
body.site .calc-in .hint{font-size:13px}
body.site .calc-in input,body.site .calc-in select{border-color:var(--mist)}
body.site .calc-out-panel{border:1px solid var(--mist);border-radius:18px;box-shadow:0 30px 50px -30px rgba(15,47,43,.35);position:sticky;top:16px}
body.site .calc-out-panel .plan-price{margin:4px 0}
body.site .calc-out-panel .plan-price strong{font-family:var(--serif);font-size:52px;font-weight:600;letter-spacing:-.03em}
body.site .calc-club{font-size:26px;margin:2px 0 0}
body.site .kv-list{margin:16px 0 6px}body.site .kv-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--mist-2);font-size:15px}body.site .kv-list span{color:var(--muted)}
body.site .rev-table{width:100%;border-collapse:collapse;margin:12px 0 6px;font-size:15px}
body.site .rev-table th{text-align:left;color:var(--muted);font-size:13px;font-weight:600}
body.site .rev-table th,body.site .rev-table td{padding:9px 0;border-top:1px solid var(--mist-2)}
body.site .rev-table th[scope=row]{color:var(--ink);font-size:15px}
body.site .rev-table td:last-child,body.site .rev-table th:last-child{text-align:right}
body.site .calc-page .flash{margin:10px 0 0}
body.site .copy-box{position:relative;background:var(--paper);border:1px solid var(--mist);border-radius:14px;padding:18px 110px 18px 18px;line-height:1.55}
body.site .copy-box p{margin:0}body.site .copy-btn{position:absolute;top:12px;right:12px;padding:7px 12px;font-size:13px}
body.site a.wide.center{text-align:center}

/* Responsive */
@media(max-width:1050px){body.site .principles{grid-template-columns:repeat(2,1fr)}body.site .principles li:nth-child(-n+3){border-top:1px solid rgba(255,255,255,.14)}body.site .principles li:nth-child(-n+2){border-top:0}body.site .how-strip{grid-template-columns:1fr}body.site .industry-grid-public{grid-template-columns:repeat(3,1fr)}body.site .industry-card.other{grid-column:1/-1;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center}body.site .industry-card.other .icon{grid-row:1/3;margin:0}body.site .industry-card.other em{grid-column:2}body.site .hero{grid-template-columns:1fr;gap:32px}body.site .fee-strip{grid-template-columns:1fr 1fr 1fr;gap:10px}body.site .fee-strip .arrow{display:none}body.site .fee-strip>div b{font-size:28px}body.site .price-grid{grid-template-columns:repeat(3,1fr);gap:12px}body.site .price-card{padding:22px 18px 18px}body.site .price-card.featured{padding-top:50px}body.site .price-card .plan-price strong{font-size:40px}}
@media(max-width:760px){
  body.site{font-size:16px}
  body.site .hero{padding:24px 16px 16px}body.site .section{padding:40px 16px}body.site .site-header{padding:14px 16px}body.site .site-footer{grid-template-columns:1fr;padding:32px 16px 44px}body.site .site-footer nav{justify-content:flex-start}
  body.site .principles{grid-template-columns:1fr;padding:0 16px}body.site .principles li:nth-child(-n+2){border-top:1px solid rgba(255,255,255,.14)}body.site .principles li:first-child{border-top:0}body.site .section.band{padding:40px 0;border-radius:20px}body.site .section.band h2{padding:0 16px}body.site .industry-grid-public{grid-template-columns:1fr 1fr}body.site .industry-card.other{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}body.site .industry-card.other .icon{grid-row:auto;margin-bottom:6px}body.site .industry-card.other em{grid-column:auto}body.site .fee-strip{grid-template-columns:1fr}body.site .price-grid{grid-template-columns:1fr}
  body.site .punch i{width:32px;height:32px}body.site .punch{gap:9px}
  body.site .compare-table table{min-width:0}body.site .compare-table thead{display:none}body.site .compare-table tr{display:block;border-bottom:1px solid var(--mist);padding:6px 0}
  body.site .compare-table th[scope=row],body.site .compare-table td{display:block;width:auto;border:0;padding:6px 14px}body.site .compare-table th[scope=row]{padding-top:10px}
  body.site .compare-table td::before{content:attr(data-col) ": ";color:var(--muted);font-weight:600}body.site .compare-table td.win::before{content:"✓ " attr(data-col) ": ";color:var(--teal-dark)}
  body.site .vs-hero{grid-template-columns:1fr 1fr}body.site .vs-hero b{font-size:34px}
  body.site .calc-out{grid-template-columns:1fr}body.site .calc-out-panel{position:static}body.site .copy-box{padding:18px}body.site .copy-btn{position:static;display:block;margin-bottom:10px}
}
@media(max-width:440px){body.site .industry-grid-public{grid-template-columns:1fr}body.site .vs-hero{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.site *{transition:none!important}body.site .member-card{transform:none}}
