/* Unmarked Route — shared styles. Themes: field (default, matches the SalesCRM app), night, clinic, boardroom, canyon. */
  /* ---------- Themes. "field" matches the SalesCRM app (Theme.swift). ---------- */
  :root{
    --rounded: ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    --sans: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    --serif: ui-serif,"New York",Georgia,"Times New Roman",serif;
    --max:1120px;
  }
  [data-skin="field"]{
    --bg:#F5F2EA; --card:#FFFDF8; --ink:#2B2B2B; --muted:rgba(43,43,43,.64); --line:rgba(43,43,43,.10);
    --primary:#1F4D2E; --on-primary:#FFFFFF; --soft:rgba(31,77,46,.09); --accent:#A2701F; --accent-soft:rgba(162,112,31,.14);
    --alert:#B0412E; --contour:rgba(31,77,46,.075); --shadow:0 6px 26px rgba(0,0,0,.07); --bezel:#141714;
    --font:var(--rounded); --display:var(--rounded); --radius:22px; --display-weight:800;
  }
  [data-skin="night"]{
    --bg:#0E1611; --card:#17221B; --ink:#E7EEE8; --muted:rgba(231,238,232,.66); --line:rgba(231,238,232,.11);
    --primary:#8FCB9F; --on-primary:#0E1611; --soft:rgba(143,203,159,.13); --accent:#E0B04A; --accent-soft:rgba(224,176,74,.16);
    --alert:#E07158; --contour:rgba(143,203,159,.085); --shadow:0 10px 30px rgba(0,0,0,.38); --bezel:#000;
    --font:var(--rounded); --display:var(--rounded); --radius:22px; --display-weight:800;
  }
  [data-skin="clinic"]{
    --bg:#F5F8FA; --card:#FFFFFF; --ink:#132235; --muted:rgba(19,34,53,.64); --line:rgba(19,34,53,.10);
    --primary:#0D5C6B; --on-primary:#FFFFFF; --soft:rgba(13,92,107,.08); --accent:#D2603F; --accent-soft:rgba(210,96,63,.12);
    --alert:#C2412D; --contour:rgba(13,92,107,.065); --shadow:0 6px 24px rgba(19,34,53,.08); --bezel:#16202B;
    --font:var(--sans); --display:var(--sans); --radius:14px; --display-weight:750;
  }
  [data-skin="boardroom"]{
    --bg:#FAF8F4; --card:#FFFFFF; --ink:#1B2230; --muted:rgba(27,34,48,.64); --line:rgba(27,34,48,.11);
    --primary:#1E2A44; --on-primary:#FFFFFF; --soft:rgba(30,42,68,.07); --accent:#A9864E; --accent-soft:rgba(169,134,78,.15);
    --alert:#A63D2F; --contour:rgba(30,42,68,.06); --shadow:0 6px 24px rgba(27,34,48,.08); --bezel:#151A24;
    --font:var(--sans); --display:var(--serif); --radius:10px; --display-weight:600;
  }
  [data-skin="canyon"]{
    --bg:#F7EFE4; --card:#FFFBF5; --ink:#33261D; --muted:rgba(51,38,29,.64); --line:rgba(51,38,29,.11);
    --primary:#9A3E22; --on-primary:#FFFFFF; --soft:rgba(154,62,34,.09); --accent:#2F6466; --accent-soft:rgba(47,100,102,.13);
    --alert:#B0412E; --contour:rgba(154,62,34,.08); --shadow:0 6px 26px rgba(51,38,29,.08); --bezel:#1C1511;
    --font:var(--rounded); --display:var(--rounded); --radius:20px; --display-weight:800;
  }

  /* ---------- Page ---------- */
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--font);-webkit-font-smoothing:antialiased;
       transition:background .25s,color .25s}
  a{color:var(--primary)}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
  .ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
  svg.topo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
  svg.topo path{fill:none;stroke:var(--contour);stroke-width:1;vector-effect:non-scaling-stroke}

  header.top{position:sticky;top:0;z-index:20;background:var(--bg);
     background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.3) blur(8px);border-bottom:1px solid var(--line)}
  header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
  .brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:var(--display-weight);font-size:18px;color:var(--primary);text-decoration:none;letter-spacing:.1px}
  .brand svg{width:26px;height:26px}
  nav.links a{color:var(--muted);text-decoration:none;margin-left:24px;font-size:15px;font-weight:600}
  nav.links a:hover{color:var(--primary)}

  .eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);opacity:.8;margin:0 0 12px}
  h1,h2,h3{font-family:var(--display);font-weight:var(--display-weight);color:var(--primary);margin:0}
  h1{font-size:clamp(38px,5.4vw,62px);line-height:1.04;letter-spacing:-.8px;margin-bottom:20px}
  h2{font-size:clamp(28px,3.4vw,40px);line-height:1.12;letter-spacing:-.4px;margin-bottom:12px}
  h3{font-size:19px;line-height:1.25;margin-bottom:6px}
  .lede{font-size:clamp(18px,1.9vw,20.5px);color:var(--muted);max-width:54ch;margin:0 0 28px}
  .sub{color:var(--muted);max-width:62ch;margin:0 0 38px;font-size:18px}

  .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:16px;font-weight:700;text-decoration:none;font-size:16px;
       background:var(--primary);color:var(--on-primary);box-shadow:0 6px 16px -6px color-mix(in srgb,var(--primary) 60%,transparent)}
  .btn.ghost{background:var(--card);color:var(--primary);box-shadow:none;border:1.5px solid color-mix(in srgb,var(--primary) 35%,transparent)}
  .btns{display:flex;flex-wrap:wrap;gap:12px}
  .status{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
  .status span{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:7px 13px;border-radius:999px;background:var(--card);box-shadow:var(--shadow);color:var(--ink)}
  .status i{width:8px;height:8px;border-radius:50%;background:var(--primary)}
  .status i.dev{background:var(--accent)}

  .hero{position:relative;overflow:hidden;padding:72px 0 84px}
  .hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}
  .hero-phone{display:flex;justify-content:center}

  section{position:relative;padding:84px 0;border-top:1px solid var(--line)}
  section.tint{background:color-mix(in srgb,var(--card) 55%,var(--bg))}
  .card{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
  .card p{margin:0;color:var(--muted);font-size:15.5px}

  /* The outreach model: five waypoints on one route */
  .route{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}
  .route::before{content:"";position:absolute;left:10%;right:10%;top:27px;border-top:2.5px dashed color-mix(in srgb,var(--primary) 40%,transparent)}
  .route li{position:relative;text-align:center}
  .route .mark{position:relative;z-index:1;width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:var(--card);box-shadow:var(--shadow);
     display:grid;place-items:center;color:var(--primary);border:1.5px solid color-mix(in srgb,var(--primary) 22%,transparent)}
  .route .mark svg{width:26px;height:26px}
  .route .n{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--accent);margin-bottom:2px}
  .route p{margin:0;color:var(--muted);font-size:15px}

  .split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:56px}
  .day{list-style:none;margin:0;padding:0}
  .day li{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}
  .day li:last-child{border-bottom:none}
  .day b{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding-top:2px}
  .day span{color:var(--ink);font-size:15.5px}
  .steps{list-style:none;margin:0;padding:0;counter-reset:s}
  .steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
  .steps li:last-child{border-bottom:none}
  .steps li::before{content:counter(s);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-weight:800;font-size:14px}
  .steps b{color:var(--ink)} .steps span{color:var(--muted);font-size:15.5px}
  .card h3.small{font-size:17px;margin-bottom:8px}

  /* SalesCRM */
  .badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
     color:var(--accent);background:var(--accent-soft);padding:6px 12px;border-radius:999px;margin-bottom:14px}
  .features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}
  .feat .tile{width:44px;height:44px;border-radius:13px;background:var(--soft);color:var(--primary);display:grid;place-items:center;margin-bottom:12px}
  .feat .tile svg{width:22px;height:22px}
  .phones{display:flex;justify-content:center;gap:34px;flex-wrap:wrap}
  .phones figure{margin:0;text-align:center}
  .phones figcaption{margin-top:14px;font-weight:700;color:var(--primary);font-size:15px}
  .demo-note{text-align:center;color:var(--muted);font-size:14px;margin:26px 0 0}

  /* Rules */
  .rules{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .rules ul{list-style:none;margin:10px 0 0;padding:0}
  .rules li{position:relative;padding:12px 0 12px 32px;border-bottom:1px solid var(--line);font-size:16px}
  .rules li:last-child{border-bottom:none}
  .rules li svg{position:absolute;left:2px;top:15px;width:18px;height:18px}
  .rules .yes svg{color:var(--primary)} .rules .no svg{color:var(--alert)}

  .cairn{display:grid;grid-template-columns:130px 1fr;gap:34px;align-items:center}
  .cairn svg.stack{width:130px;height:130px;color:var(--primary)}
  .chips{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 18px}
  .chips span{background:var(--card);box-shadow:var(--shadow);border-radius:999px;padding:9px 16px;font-weight:600;font-size:15px}
  .fine{color:var(--muted);font-size:15px;margin:0}

  .contact{position:relative;overflow:hidden;background:var(--primary);color:var(--on-primary);border-radius:calc(var(--radius) + 6px);padding:48px}
  .contact h2{color:var(--on-primary)}
  .contact p{opacity:.9;max-width:58ch;margin:0;font-size:18px}
  .contact .row{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
  .contact .row a{display:inline-flex;align-items:center;gap:10px;color:var(--primary);background:var(--on-primary);text-decoration:none;font-weight:700;padding:13px 20px;border-radius:14px}
  .contact svg.topo path{stroke:color-mix(in srgb,var(--on-primary) 12%,transparent)}
  footer{padding:30px 0 90px;color:var(--muted);font-size:14px}
  footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

  /* ---------- Phone mockups (sized in em so they scale) ---------- */
  .phone{--pw:290px;width:var(--pw);aspect-ratio:290/604;font-size:calc(var(--pw) * .037);background:var(--bezel);border-radius:4.4em;padding:.95em;flex:none;
     box-shadow:0 34px 60px -24px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.08);text-align:left}
  .phone.sm{--pw:258px}
  .screen{position:relative;height:100%;border-radius:3.5em;overflow:hidden;background:var(--bg);color:var(--ink);line-height:1.35;font-family:var(--rounded)}
  .screen svg.topo path{stroke:var(--contour)}
  .scr{position:relative;padding:0 1.25em}
  .island{position:absolute;top:.85em;left:50%;transform:translateX(-50%);width:7.8em;height:2.3em;border-radius:1.2em;background:#000;z-index:3}
  .sbar{position:relative;display:flex;justify-content:space-between;align-items:center;height:4em;padding:0 1.3em 0 1.9em;font-weight:700;font-size:1.12em;z-index:2}
  .sbar svg{width:4.6em;height:1em}
  .p-eye{font-size:.86em;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--primary);opacity:.75}
  .p-title{font-family:var(--rounded);font-size:2.55em;font-weight:800;color:var(--primary);line-height:1.1;letter-spacing:-.02em}
  .p-sub{color:var(--muted);font-size:1.05em}
  .center{text-align:center}
  .nw{white-space:nowrap}
  .p-mic{width:7.6em;height:7.6em;border-radius:50%;margin:1.1em auto 1em;display:grid;place-items:center;color:var(--on-primary);
     background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--primary) 82%,#fff),var(--primary) 70%);
     box-shadow:0 0 0 1.05em var(--soft),0 .8em 1.6em -.4em color-mix(in srgb,var(--primary) 55%,transparent)}
  .p-mic svg{width:2.9em;height:2.9em}
  .p-pill{display:flex;width:max-content;margin:0 auto .9em;align-items:center;gap:.5em;background:var(--card);padding:.5em 1.1em;border-radius:999px;box-shadow:var(--shadow);font-weight:700;font-size:1.02em}
  .p-pill svg{width:1.3em;height:1.3em;color:var(--primary)}
  .p-card{background:var(--card);border-radius:1.9em;padding:1.05em 1.2em;box-shadow:var(--shadow);margin-bottom:.8em}
  .p-card-h{display:flex;align-items:center;gap:.55em;font-weight:700;color:var(--primary);font-size:1.22em;padding-bottom:.55em;border-bottom:1px solid var(--line);margin-bottom:.2em}
  .p-card-h svg{width:1.15em;height:1.15em}
  .p-lbl{font-size:.8em;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin:.75em 0 .25em}
  .p-card ul{margin:0;padding-left:1.1em} .p-card li{font-size:1.02em;margin:.12em 0} .p-card li::marker{color:var(--muted)}
  .fade{max-height:21.5em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
  .p-actions{position:absolute;left:1.1em;right:1.1em;bottom:6.5em;display:grid;grid-template-columns:1fr 1.15fr;gap:.55em;z-index:2}
  .p-actions span{display:flex;align-items:center;justify-content:center;gap:.45em;padding:.95em .4em;border-radius:1.3em;font-weight:700;font-size:.98em;white-space:nowrap}
  .p-actions svg{width:1.2em;height:1.2em}
  .p-actions .a1{background:var(--primary);color:var(--on-primary)}
  .p-actions .a2{background:var(--card);color:var(--primary);border:1.5px solid color-mix(in srgb,var(--primary) 32%,transparent)}
  .p-tabs{position:absolute;left:.9em;right:.9em;bottom:.9em;height:5.1em;border-radius:2.55em;display:grid;grid-template-columns:repeat(4,1fr);padding:.35em;z-index:4;
     background:var(--card);background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:var(--shadow);border:1px solid var(--line)}
  .p-tabs span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;font-size:.84em;font-weight:700;border-radius:2.2em;color:var(--ink)}
  .p-tabs span.on{background:var(--soft);color:var(--primary)}
  .p-tabs svg{width:1.9em;height:1.9em}
  .p-search{display:flex;align-items:center;gap:.6em;background:var(--card);border-radius:1.4em;padding:.85em 1.05em;color:var(--muted);box-shadow:var(--shadow);margin:.8em 0}
  .p-search svg{width:1.2em;height:1.2em}
  .p-chips{display:flex;gap:.45em;margin-bottom:.9em;white-space:nowrap}
  .p-chips span{padding:.55em .95em;border-radius:999px;background:var(--card);box-shadow:var(--shadow);font-weight:700;font-size:.95em;color:var(--primary)}
  .p-chips span.on{background:var(--primary);color:var(--on-primary)}
  .p-place{display:grid;grid-template-columns:3.5em 1fr auto;gap:.85em;align-items:center;background:var(--card);border-radius:1.6em;padding:.85em .95em;box-shadow:var(--shadow);margin-bottom:.65em}
  .tile{width:3.5em;height:3.5em;border-radius:1.05em;background:var(--soft);color:var(--primary);display:grid;place-items:center}
  .tile svg{width:1.55em;height:1.55em}
  .p-place b{display:block;font-size:1.08em;line-height:1.2}
  .p-place small{display:flex;align-items:center;gap:.45em;font-size:.88em;color:var(--primary);margin-top:.25em}
  .p-place small.addr{color:var(--muted)}
  .tag{font-size:.78em;font-weight:800;font-style:normal;letter-spacing:.08em;text-transform:uppercase;background:var(--soft);color:var(--primary);padding:.2em .6em;border-radius:999px}
  .tag.new{background:var(--accent-soft);color:var(--accent)}
  .dist{font-weight:800;color:var(--primary);font-size:1.08em}
  .p-nav{display:grid;grid-template-columns:3em 1fr 3em;align-items:center;height:3.6em;margin-top:.2em}
  .p-nav .back{width:2.9em;height:2.9em;border-radius:50%;background:var(--card);box-shadow:var(--shadow);display:grid;place-items:center;color:var(--ink)}
  .p-nav .back svg{width:1.2em;height:1.2em;transform:scaleX(-1)}
  .p-nav b{text-align:center;font-size:1.2em}
  .p-date{font-size:.8em;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);opacity:.75;margin-top:.8em}
  .p-h{font-size:1.95em;font-weight:800;color:var(--primary);line-height:1.1;margin:.15em 0 .3em;letter-spacing:-.01em}
  .p-who{display:flex;align-items:center;gap:.45em;color:var(--muted);font-weight:600;margin-bottom:.9em}
  .p-who svg{width:1.15em;height:1.15em}
  .p-read{display:grid;grid-template-columns:3em 1fr;gap:.75em;align-items:center;padding-bottom:.65em;border-bottom:1px solid var(--line);margin-bottom:.55em}
  .p-read .tile{width:3em;height:3em}
  .p-read b{display:block;color:var(--primary);font-size:1.12em}
  .p-read small{color:var(--muted)}
  .p-dl{display:grid;grid-template-columns:5.2em 1fr;gap:.45em .6em;margin:0}
  .p-dl dt{font-size:.78em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:.2em}
  .p-dl dd{margin:0;font-size:1em}
  .checks{list-style:none;margin:0;padding:0}
  .checks li{display:grid;grid-template-columns:1.5em 1fr;gap:.6em;padding:.45em 0;font-size:1.02em;line-height:1.3}
  .checks i{width:1.3em;height:1.3em;border-radius:.32em;border:1.5px solid color-mix(in srgb,var(--ink) 35%,transparent);margin-top:.05em}
  .checks li.done i{background:var(--primary);border-color:var(--primary);position:relative}
  .checks li.done i::after{content:"";position:absolute;left:.36em;top:.12em;width:.32em;height:.62em;border:solid var(--on-primary);border-width:0 .14em .14em 0;transform:rotate(45deg)}
  .checks li.done span{text-decoration:line-through;color:var(--muted)}
  .checks small{display:block;color:var(--muted);font-size:.86em;margin-top:.1em}
  .p-prog{display:grid;grid-template-columns:4.6em 1fr;gap:.9em;align-items:center}
  .p-prog svg{width:4.6em;height:4.6em}
  .p-prog b{display:block;font-size:1.4em;line-height:1.15}
  .p-prog small{color:var(--muted)}
  .p-plan-h{display:grid;grid-template-columns:3.6em 1fr auto;gap:.8em;align-items:center;padding-bottom:.6em;border-bottom:1px solid var(--line);margin-bottom:.3em}
  .p-badge{width:3.6em;height:3.6em;border-radius:1em;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;align-content:center;line-height:1}
  .p-badge b{font-size:1.45em} .p-badge small{font-size:.55em;letter-spacing:.14em;font-weight:700;margin-top:.15em}
  .p-plan-h strong{display:block;font-size:1.15em} .p-plan-h small{color:var(--muted)}
  .count{font-weight:800;font-size:.95em;background:var(--soft);color:var(--primary);padding:.35em .7em;border-radius:999px}

  /* ---------- Theme picker (preview only — remove at launch) ---------- */
  .picker{position:fixed;z-index:50;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 10px 8px 16px;
     background:var(--card);border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.22);border:1px solid var(--line);font:700 13px/1 var(--sans);color:var(--ink)}
  .picker button{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;padding:0;
     background:linear-gradient(135deg,var(--sw1) 0 50%,var(--sw2) 50% 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
  .picker button[aria-pressed="true"]{border-color:var(--ink);transform:scale(1.08)}
  .picker .name{min-width:84px;margin-left:4px;color:var(--muted);font-weight:600}
  .clean .picker{display:none}
  [data-skin="boardroom"] h1{font-size:clamp(36px,4.6vw,54px);letter-spacing:-.4px}
  [data-skin="boardroom"] h2{letter-spacing:-.2px}

  /* ---------- Responsive ---------- */
  @media (max-width:980px){
    .hero-grid{grid-template-columns:1fr} .hero{padding-top:48px}
    .route{grid-template-columns:1fr;gap:0;max-width:560px}
    .route::before{left:27px;right:auto;top:28px;bottom:28px;border-top:none;border-left:2.5px dashed color-mix(in srgb,var(--primary) 40%,transparent)}
    .route li{display:grid;grid-template-columns:56px 1fr;gap:18px;text-align:left;padding-bottom:22px}
    .route .mark{margin:0}
    .split,.rules{grid-template-columns:1fr}
    .features{grid-template-columns:1fr 1fr}
  }
  @media (max-width:620px){
    body{font-size:16.5px} .wrap{padding:0 18px}
    nav.links{display:none}
    section{padding:64px 0}
    .features{grid-template-columns:1fr}
    .phones{gap:28px}
    .cairn{grid-template-columns:1fr;gap:16px} .cairn svg.stack{width:84px;height:84px}
    .contact{padding:32px 24px}
    .day li{grid-template-columns:1fr;gap:2px}
    .picker .name{display:none}
  }

/* ---------- Sub-pages: Pay, Billing terms, Privacy ---------- */
.page-hero{padding:56px 0 40px}
.page-hero h1{font-size:clamp(34px,4.6vw,52px)}
.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.pay-grid .tile{width:44px;height:44px;border-radius:13px;background:var(--soft);color:var(--primary);display:grid;place-items:center;margin-bottom:12px}
.pay-grid .tile svg{width:22px;height:22px}
.pay-grid .btn{margin-top:16px}
.notice{display:flex;gap:12px;align-items:flex-start;background:var(--accent-soft);color:var(--ink);border-radius:var(--radius);padding:16px 18px;margin:0 0 18px;font-size:16px}
.notice svg{width:22px;height:22px;color:var(--accent);flex:none;margin-top:2px}
.notice.calm{background:var(--soft)} .notice.calm svg{color:var(--primary)}
.prose{max-width:70ch}
.prose h2{font-size:22px;margin:34px 0 8px}
.prose p,.prose li{color:var(--ink);font-size:16.5px}
.prose ul{padding-left:20px;margin:0 0 12px}
.prose .updated{color:var(--muted);font-size:14px;margin-top:-6px}
footer nav a{color:var(--muted);text-decoration:none;margin-right:18px}
footer nav a:hover{color:var(--primary)}
.contact .client{margin-top:18px;font-size:15px;opacity:.9}
.contact .client a{background:none;padding:0;color:var(--on-primary);text-decoration:underline;font-weight:600}
@media (max-width:620px){.pay-grid{grid-template-columns:1fr}}