/* AQVIROX design system - tokens, base, components and public pages.
   app.css (account, checkout, errors) and admin.css (admin) build on these tokens. Loaded first. */
:root{
  /* colour: brand navy / royal blue / green on cool neutrals */
  --navy-950:#071229;--navy-900:#0b1b3b;--navy-800:#122a57;--navy-700:#1b3a73;
  --blue-700:#1747b8;--blue-600:#1d5bd6;--blue-500:#3274f0;--blue-100:#dce8ff;--blue-50:#eef4ff;
  --green-700:#0b7a54;--green-600:#0f9266;--green-100:#d5f2e5;--green-50:#e8f7f0;
  --amber-700:#8a5b00;--amber-100:#fdeec4;--red-700:#b0261b;--red-100:#fde4e1;
  --ink:#0e1a30;--text:#33425c;--muted:#58667d;--line:#dde3ec;--line-strong:#c4cddb;
  --bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafd;
  --accent:var(--blue-600);--accent-strong:var(--blue-700);--accent-soft:var(--blue-50);
  --green:var(--green-700);--red:var(--red-700);--amber:var(--amber-700);
  /* type: one family (Inter, system fallback) + system mono */
  --font:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --body:var(--font);--mono:ui-monospace,'SFMono-Regular',Consolas,'Liberation Mono',monospace;
  --fs-display:clamp(2.25rem,1.6rem + 2.8vw,3.5rem);--fs-h1:clamp(1.875rem,1.4rem + 2vw,2.75rem);
  --fs-h2:clamp(1.5rem,1.25rem + 1vw,2rem);--fs-h3:1.125rem;--fs-lead:clamp(1.0625rem,1rem + .3vw,1.1875rem);
  --fs-body:1rem;--fs-small:.875rem;--fs-label:.8125rem;--fs-micro:.75rem;
  /* space, radius, shadow, layout */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--s9:96px;
  --r-sm:6px;--r-md:10px;--r-lg:14px;--pill:999px;
  --shadow-1:0 1px 2px rgba(11,27,59,.06),0 1px 1px rgba(11,27,59,.04);--shadow-2:0 12px 32px -8px rgba(11,27,59,.18),0 2px 6px rgba(11,27,59,.06);
  --wrap:min(1200px,calc(100% - 48px));--hdr-h:68px;--focus:var(--blue-600);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--text);background:var(--bg);font:400 var(--fs-body)/1.6 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body.menu-open{overflow:hidden}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
img,svg{max-width:100%}img{display:block;height:auto}
h1,h2,h3,h4,p,figure,ul,ol,dl,dd{margin-top:0}
h1,h2,h3,h4{color:var(--ink);font-family:var(--font);text-wrap:balance}
h1{font-size:var(--fs-h1);font-weight:700;line-height:1.12;letter-spacing:-.025em;margin-bottom:var(--s4)}
h2{font-size:var(--fs-h2);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--s3)}
h3{font-size:var(--fs-h3);font-weight:650;line-height:1.3;letter-spacing:-.01em;margin-bottom:var(--s2)}
p{max-width:68ch}
.wrap{width:var(--wrap);margin:0 auto}
.plain{list-style:none;padding:0;margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.skip{position:fixed;left:16px;top:-90px;z-index:9999;padding:10px 16px;background:#fff;border:2px solid var(--focus);border-radius:var(--r-sm);color:var(--ink);font-weight:600}
.skip:focus{top:16px}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-sm)}
.hero :focus-visible,.sec.dark :focus-visible,.final :focus-visible,.ftr :focus-visible,.auth-brand :focus-visible{--focus:#fff}

/* ---------- type roles ---------- */
.kicker{display:block;margin:0 0 var(--s3);color:var(--accent);font-size:var(--fs-label);font-weight:600;letter-spacing:.01em}
.lead{font-size:var(--fs-lead);line-height:1.55;color:var(--muted);max-width:60ch}
.muted,.d{color:var(--muted)}
.note,.adm-note{font-size:var(--fs-small);color:var(--muted)}
.sn{font:600 var(--fs-label) var(--mono);color:var(--accent);font-variant-numeric:tabular-nums}
.na{color:var(--muted);font-size:var(--fs-small)}
.price-big{color:var(--ink);font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}

/* ---------- buttons ---------- */
.actions{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.btn{min-height:44px;padding:0 var(--s5);border:1px solid transparent;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font-size:.9375rem;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
.btn svg{width:16px;height:16px;flex:none}
.btn-sm{min-height:36px;padding:0 var(--s4);font-size:var(--fs-small);border-radius:var(--r-sm)}
.btn-block{width:100%}
.btn-p,.btn-dark{background:var(--accent);color:#fff;box-shadow:var(--shadow-1)}
.btn-p:hover,.btn-dark:hover{background:var(--accent-strong)}
.btn-line,.btn-s{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}
.btn-line:hover,.btn-s:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.btn-light,.btn-on-dark{background:#fff;color:var(--navy-900)}
.btn-light:hover,.btn-on-dark:hover{background:var(--blue-50)}
.btn-outline-light{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.btn-outline-light:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-s-dark{background:transparent;border-color:var(--line-strong);color:var(--ink)}
.btn-s-dark:hover{border-color:var(--accent);color:var(--accent)}
.btn-danger{background:var(--red-100);border-color:#f3b9b3;color:var(--red-700)}
.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}
.link{display:inline-flex;align-items:center;gap:var(--s2);color:var(--accent);font-size:var(--fs-small);font-weight:600}
.link:hover{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}
.link svg{width:15px;height:15px}
.quote{display:inline-flex;margin-top:var(--s2);color:var(--accent);font-size:var(--fs-small);font-weight:600}
.quote:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- badges ---------- */
.pill,.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--pill);font-size:var(--fs-micro);font-weight:600;line-height:1.2;white-space:nowrap;background:#eaeef5;color:#45536b}
.pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.pill.on{background:var(--green-50);color:var(--green-700)}
.pill.warn{background:var(--amber-100);color:var(--amber-700)}
.pill.soon{background:var(--blue-50);color:var(--blue-700)}
.pill.mute{background:#eaeef5;color:#45536b}
.pill.bad{background:var(--red-100);color:var(--red-700)}

/* ---------- header / navigation ---------- */
.hdr{position:sticky;top:0;z-index:300;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.hdr-rail{display:none}
.hdr-in{min-height:var(--hdr-h);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--s5)}
.brand{display:flex;align-items:center;color:var(--ink)}
.brand-lockup{display:flex;align-items:center;gap:10px}
.brand-mark{width:36px;height:36px;object-fit:contain;border-radius:8px}
.brand-word{display:flex;flex-direction:column;line-height:1}
.brand-word b{font-size:1.0625rem;font-weight:800;letter-spacing:.02em;color:var(--ink)}
.brand-word small{margin-top:4px;color:var(--muted);font-size:.625rem;font-weight:600;letter-spacing:.2em}
.brand-service{display:none}
.nav{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-item{position:relative}
.nl,.nl-btn{min-height:40px;padding:0 var(--s3);border:0;background:transparent;border-radius:var(--r-sm);color:var(--text);display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.9375rem;font-weight:500}
.nl:hover,.nl-btn:hover,.nl[aria-current=page],.nl-btn.is-active{background:var(--surface-2);color:var(--ink)}
.nl[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent);border-radius:var(--r-sm) var(--r-sm) 0 0}
.nl-btn svg{width:14px;height:14px;transition:transform .15s}
.nl-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.nav-end{display:flex;align-items:center;justify-content:flex-end;gap:var(--s2)}
.currency select{height:36px;padding:0 var(--s3);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:var(--fs-label);font-weight:600}
.nav-login,.icon-link{padding:0 var(--s3);min-height:36px;display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:.9375rem;font-weight:500;border-radius:var(--r-sm)}
.nav-login:hover,.icon-link:hover{color:var(--accent)}
.icon-link svg{width:16px;height:16px}
.hdr-search{width:36px;height:36px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);display:grid;place-items:center;color:var(--ink)}
.hdr-search:hover{border-color:var(--accent);color:var(--accent)}
.hdr-search svg{width:16px;height:16px}
.nav-btn{display:none}
.nav-panel{position:absolute;top:calc(100% + 8px);left:-12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);z-index:80}
.nav-panel.small{width:220px;padding:var(--s2)}
.nav-panel ul{list-style:none;padding:0;margin:0}
.nav-panel.small a{display:block;padding:10px var(--s3);border-radius:var(--r-sm);font-size:.9375rem;font-weight:500}
.nav-panel.small a:hover{background:var(--surface-2);color:var(--accent)}
.mega{width:min(880px,calc(100vw - 48px));padding:var(--s5)}
.mega-intro{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--s4);margin-bottom:var(--s4);border-bottom:1px solid var(--line)}
.mega-intro span,.mega-h{font-size:var(--fs-label);font-weight:600;color:var(--muted)}
.mega-intro strong{color:var(--ink);font-size:1.0625rem;font-weight:650}
.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.mega-h{margin:0 0 var(--s2)}
.mega li a{display:block;padding:6px 0;color:var(--text);font-size:.9375rem;font-weight:500}
.mega li a:hover{color:var(--accent)}
.mega-cta{grid-column:1/-1;padding:var(--s4) var(--s5);background:var(--navy-900);border-radius:var(--r-md);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}
.mega-cta span{color:#b9c6e0;font-size:var(--fs-small)}
.mega-cta b{display:inline-flex;align-items:center;gap:var(--s2);font-weight:600}
.mega-cta svg{width:15px}

/* ---------- page structure ---------- */
.sec{padding:var(--s9) 0}
.sec.tight{padding:var(--s7) 0}
.sec.paper,.paper{background:var(--surface);border-block:1px solid var(--line)}
.sec.dark{background:var(--navy-950);color:#c3cee4}
.sec.dark h2,.sec.dark h3{color:#fff}
.sec.dark .sec-head p{color:#a9b8d4}
.sec-head{max-width:760px;margin-bottom:var(--s6)}
.sec-head p{color:var(--muted)}
.split{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:var(--s8);align-items:start}
.split.rev{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}
.sticky{position:sticky;top:calc(var(--hdr-h) + var(--s5))}
.narrow{width:min(820px,calc(100% - 48px))}
.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.col-item{padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.col-item h3{margin-bottom:var(--s2)}.col-item p{margin:0;color:var(--muted)}
.prose p{margin-bottom:var(--s4)}.prose h2{margin-top:var(--s6)}.prose h3{margin-top:var(--s5)}
.prose a:not(.btn){color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* hero */
.hero{background:var(--navy-950);color:#c3cee4;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,91,214,.22),transparent 60%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:var(--s8);align-items:center;padding:var(--s9) 0}
.hero-copy .kicker{color:#8fb4ff}
.hero-copy h1{color:#fff;font-size:var(--fs-display);line-height:1.08;margin-bottom:var(--s4);max-width:14ch}
.hero-copy h1 em{font-style:normal;color:#8fb4ff}
.hero-copy .lead{color:#b9c6e0;margin-bottom:var(--s5)}
.hero-copy .btn-p{background:#fff;color:var(--navy-900);box-shadow:none}.hero-copy .btn-p:hover{background:var(--blue-50)}
.hero-copy .btn-line{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}.hero-copy .btn-line:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.scope{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);margin:var(--s5) 0 0;padding:0;list-style:none;color:#9fb0cf;font-size:var(--fs-small)}
.scope li{display:flex;align-items:center;gap:var(--s2)}.scope li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green-600)}
.hero-search .dsearch{box-shadow:var(--shadow-2)}

/* lists used across pages */
.index{border-top:1px solid var(--line)}
.ix-group+.ix-group{margin-top:var(--s7)}.ix-group h2{font-size:var(--fs-h3);color:var(--muted);font-weight:600;margin-bottom:var(--s3);letter-spacing:0}
.ix-a{display:grid;grid-template-columns:48px 1.1fr .9fr 32px;gap:var(--s4);align-items:center;padding:var(--s4) var(--s2);border-bottom:1px solid var(--line);transition:background .15s}
.ix-a:hover{background:var(--surface)}
.ix-n{font:600 var(--fs-label) var(--mono);color:var(--muted)}
.ix-t{display:flex;flex-direction:column;gap:2px}
.ix-t strong{color:var(--ink);font-weight:650;font-size:1.0625rem}
.ix-t span,.ix-m span{font-size:var(--fs-small);color:var(--muted)}
.ix-m{display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:flex-end}
.ix-m span{padding:3px 10px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--pill);font-size:var(--fs-micro)}
.ix-go{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);color:var(--ink);background:var(--surface)}
.ix-a:hover .ix-go{background:var(--accent);border-color:var(--accent);color:#fff}
.ix-go svg{width:14px}
.feature{align-items:center}.f-h{font-size:var(--fs-h2)}.f-link{margin:var(--s4) 0 0}
.ticks{list-style:none;padding:0;margin:var(--s4) 0 0;display:grid;gap:var(--s2)}
.ticks li{position:relative;padding-left:26px}
.ticks li::before{content:'';position:absolute;left:0;top:.45em;width:14px;height:8px;border-left:2px solid var(--green-600);border-bottom:2px solid var(--green-600);transform:rotate(-45deg) translateY(-30%)}
.plate{margin:0}.plate img{width:100%;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}
.plate figcaption{padding-top:var(--s2);color:var(--muted);font-size:var(--fs-label)}.plate figcaption span{font-family:var(--mono);color:var(--accent);margin-right:var(--s2)}
.steps{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.steps li{padding:var(--s5) var(--s4) var(--s2) 0}.steps li+li{padding-left:var(--s4);border-left:1px solid var(--line)}
.steps h3{margin:var(--s2) 0 var(--s2);font-size:1rem}.steps p{margin:0;color:var(--muted);font-size:var(--fs-small)}
.sec.dark .steps,.sec.dark .steps li+li{border-color:rgba(255,255,255,.14)}.sec.dark .steps p{color:#a9b8d4}.sec.dark .sn{color:#8fb4ff}
.steps.s3{grid-template-columns:repeat(3,1fr)}.steps.s4{grid-template-columns:repeat(4,1fr)}.steps.s5{grid-template-columns:repeat(5,1fr)}
.ledger{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.ledger li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:var(--s4);align-items:center;padding:var(--s4) 0;border-bottom:1px solid var(--line)}
.ledger strong{color:var(--ink);font-weight:650}.ledger .d{font-size:var(--fs-small)}
.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.cases li{padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.cases h3{margin:var(--s2) 0}.cases p{margin:0;color:var(--muted)}.cn{font:600 var(--fs-label) var(--mono);color:var(--accent)}
.related{display:flex;flex-wrap:wrap;gap:var(--s2)}
.related a{padding:8px var(--s4);border:1px solid var(--line-strong);border-radius:var(--pill);background:var(--surface);font-size:var(--fs-small);font-weight:600}
.related a:hover{border-color:var(--accent);color:var(--accent)}

/* page head, breadcrumb */
.page-head,.dhero,.svc-hero{background:var(--surface);border-bottom:1px solid var(--line)}
.page-head{padding:var(--s7) 0 var(--s7)}
.ph-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s7);align-items:end}
.ph-grid h1{max-width:20ch}.ph-aside{min-width:260px}
.ph-aside dl{margin:0;padding:var(--s4) var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);display:grid;gap:var(--s3)}
.ph-aside dt{font-size:var(--fs-label);color:var(--muted);font-weight:600}.ph-aside dd{margin:0;color:var(--ink);font-size:var(--fs-small)}
.crumb{margin-bottom:var(--s4)}
.crumb ol{display:flex;gap:var(--s2);list-style:none;padding:0;margin:0;flex-wrap:wrap}
.crumb li{font-size:var(--fs-label);color:var(--muted)}
.crumb li:not(:last-child)::after{content:'/';margin-left:var(--s2);color:var(--line-strong)}
.crumb a:hover{color:var(--accent);text-decoration:underline}
.dhero{padding:var(--s7) 0 var(--s8);background:var(--navy-950);border:0;color:#c3cee4}
.dhero h1{color:#fff;max-width:18ch}.dhero .lead{color:#b9c6e0;margin-bottom:var(--s5)}.dhero .kicker{color:#8fb4ff}
.dhero .crumb li,.dhero .crumb li::after{color:#9fb0cf}.dhero .crumb a:hover{color:#fff}.dhero :focus-visible{--focus:#fff}
.dhero .dsearch{max-width:820px;box-shadow:var(--shadow-2)}
.svc-hero{padding:var(--s7) 0 var(--s8)}
.svc-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s8);align-items:center}
.svc-hero h1{max-width:18ch}

/* domain search component */
.dband{padding:0;background:transparent}
.dsearch{padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--text)}
.ds-top{display:flex;justify-content:space-between;gap:var(--s4);align-items:center;margin-bottom:var(--s3)}
.dsearch-lbl{color:var(--ink);font-size:1.0625rem;font-weight:650}
.ds-state-note{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--pill);background:var(--green-50);color:var(--green-700);font-size:var(--fs-micro);font-weight:600}
.ds-state-note.off{background:var(--amber-100);color:var(--amber-700)}
.ds-state-note::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.ds-row{display:grid;grid-template-columns:1fr auto;gap:var(--s2)}
.ds-field{min-height:52px;display:flex;align-items:center;gap:var(--s3);padding:0 var(--s4);border:1px solid var(--line-strong);border-radius:var(--r-md);background:#fff;transition:border-color .15s,box-shadow .15s}
.ds-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--blue-100)}
.ds-field svg{width:18px;color:var(--muted);flex:none}
.ds-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:1.0625rem;font-weight:500}
.ds-field input::placeholder{color:#8895ab;font-weight:400}
.ds-field input[aria-invalid=true]{color:var(--red-700)}
.ds-go{min-height:52px;min-width:132px;font-size:1rem}
.ds-foot{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center;margin-top:var(--s3);font-size:var(--fs-small);color:var(--muted)}
.tlds{display:flex;flex-wrap:wrap;gap:6px}
.tlds button{min-height:32px;border:1px solid var(--line-strong);background:#fff;border-radius:var(--r-sm);padding:0 var(--s3);color:var(--ink);font:600 var(--fs-label) var(--mono);cursor:pointer}
.tlds button:hover{border-color:var(--accent);color:var(--accent)}
.tlds button.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}
.ds-result{margin-top:var(--s4)}
.ds-result.err{padding:var(--s3) var(--s4);border:1px solid #f3b9b3;border-radius:var(--r-md);background:var(--red-100);color:var(--red-700);font-size:var(--fs-small);font-weight:500}
.ds-summary{display:flex;justify-content:space-between;gap:var(--s3);margin:0 0 var(--s2);font-size:var(--fs-small);color:var(--muted)}
.ds-summary strong{color:var(--ink)}
.ds-list{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.ds-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--s4);align-items:center;padding:var(--s3) var(--s4);background:#fff}
.ds-item+.ds-item{border-top:1px solid var(--line)}
.ds-item.is-selected{background:var(--blue-50);box-shadow:inset 3px 0 0 var(--accent)}
.ds-item.is-off .ds-item-name{color:var(--muted)}
.ds-item-name{min-width:0;color:var(--ink);font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;overflow-wrap:anywhere}
.ds-item-name span{font-weight:500;color:var(--muted)}
.ds-item-meta{display:flex;align-items:center;gap:var(--s3);justify-content:flex-end;text-align:right}
.ds-price{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.ds-note,.ds-conv{font-size:var(--fs-label);color:var(--muted)}
.ds-act{min-width:96px;display:flex;justify-content:flex-end}
.ds-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s3);padding:var(--s4);border:1px solid var(--accent);border-radius:var(--r-md);background:var(--blue-50)}
.ds-bar p{margin:0;color:var(--ink);font-weight:600}.ds-bar p span{display:block;color:var(--muted);font-size:var(--fs-small);font-weight:400}
.ds-after{margin:var(--s3) 0 0}
.ds-state,.state{display:flex;gap:var(--s4);align-items:flex-start;padding:var(--s4) var(--s5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}
.ds-state .ic,.state-ic{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--blue-50);color:var(--accent);flex:none}
.ds-state .ic svg,.state-ic svg{width:18px;height:18px}
.ds-state strong,.state h2{display:block;margin:0;color:var(--ink);font-size:1rem;font-weight:650;letter-spacing:0}
.ds-state p,.state p{margin:2px 0 var(--s2);color:var(--muted);font-size:var(--fs-small)}
.ds-state .link{margin-top:2px}.ds-q{font-family:var(--mono);color:var(--ink)}
.state{margin:var(--s5) 0}
.state-error{background:var(--red-100);border-color:#f3b9b3}.state-error .state-ic,.state-error .ic{background:#fff;color:var(--red-700)}
.state-offline{background:var(--amber-100);border-color:#ecd48a}.state-offline .state-ic{background:#fff;color:var(--amber-700)}
.state-empty .state-ic{background:#eaeef5;color:var(--muted)}
.ds-skel{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.ds-skel li{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4);background:#fff}.ds-skel li+li{border-top:1px solid var(--line)}
.ds-skel i{display:block;height:14px;border-radius:4px;background:linear-gradient(90deg,#e8edf5 25%,#f4f7fb 50%,#e8edf5 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}
.ds-skel i:first-child{width:38%}.ds-skel i:last-child{width:18%}
.legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.legend li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);font-size:var(--fs-small)}
.legend strong{color:var(--ink)}

/* tables */
.tbl-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.dt{width:100%;border-collapse:collapse;font-size:var(--fs-small)}
.dt caption{caption-side:bottom;padding:var(--s3) var(--s4);text-align:left;color:var(--muted);font-size:var(--fs-label)}
.dt th,.dt td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.dt th{background:var(--surface-2);color:var(--muted);font-size:var(--fs-label);font-weight:600}
.dt tbody tr:last-child td{border-bottom:0}.dt tbody tr:hover td{background:var(--surface-2)}
.dt .amt,.dt th.amt{text-align:right;font-variant-numeric:tabular-nums}
.compare td:first-child,.compare th:first-child{font-weight:600;color:var(--ink)}
.price-table{margin-top:var(--s7)}
table.rt td{vertical-align:top}
table.rt td::before{content:attr(data-label);display:none;font-size:var(--fs-label);font-weight:600;color:var(--muted)}

/* forms */
.form{display:grid;gap:var(--s4)}
.row{display:grid;gap:6px}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.row label{font-size:var(--fs-small);font-weight:600;color:var(--ink)}
.row input:not([type=checkbox]),.row textarea,.row select{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:#fff;color:var(--ink);padding:10px var(--s3);transition:border-color .15s,box-shadow .15s}
.row textarea{resize:vertical;min-height:132px}
.row input:hover,.row textarea:hover,.row select:hover{border-color:#9aa8bf}
.row input:focus,.row textarea:focus,.row select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--blue-100)}
.row [aria-invalid=true]{border-color:var(--red-700);box-shadow:0 0 0 3px var(--red-100)}
.row.check{grid-template-columns:auto 1fr;align-items:start;gap:var(--s3)}
.row.check input{width:18px;height:18px;min-height:0;margin-top:3px;accent-color:var(--accent)}
.row.check label{font-weight:400;color:var(--text)}
.err{color:var(--red-700);font-size:var(--fs-label);font-weight:500}.err:empty{display:none}
.form-msg{padding:var(--s3) var(--s4);border-radius:var(--r-md);font-size:var(--fs-small);font-weight:500;border:1px solid transparent;margin:0}
.form-msg.ok{background:var(--green-50);border-color:#b3e3cd;color:var(--green-700)}
.form-msg.bad{background:var(--red-100);border-color:#f3b9b3;color:var(--red-700)}
.pwbox{position:relative;display:flex;align-items:center}.pwbox input{padding-right:72px!important}
.pw-toggle{position:absolute;right:6px;min-height:32px;border:0;background:var(--surface-2);border-radius:var(--r-sm);padding:0 var(--s3);font-size:var(--fs-label);font-weight:600;color:var(--text);cursor:pointer}
.pw-toggle:hover{color:var(--accent)}
.contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--s8);align-items:start}
.contact-list{margin:var(--s5) 0;display:grid;gap:var(--s4)}.contact-list div{display:grid;gap:2px}
.contact-list dt{font-size:var(--fs-label);font-weight:600;color:var(--muted)}.contact-list dd{margin:0;color:var(--ink);font-weight:500}
.contact-list a:hover{color:var(--accent);text-decoration:underline}
.form-card{padding:var(--s6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}
.form-card h2{font-size:1.375rem}.form-card>p{color:var(--muted)}
.form-card .form{margin-top:var(--s5)}

/* pricing, faq, legal */
.pricing-lines{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.pricing-lines li{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s7);padding:var(--s5) 0;border-bottom:1px solid var(--line)}
.pricing-lines h3{margin:0}.pricing-lines p{margin:0 0 var(--s2);color:var(--text)}
.faq{display:grid;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) 0;cursor:pointer;list-style:none;color:var(--ink);font-weight:600;font-size:1.0625rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{flex:none;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted);font-size:1.125rem;line-height:1;transition:transform .2s}
.faq details[open] summary span{transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:#fff}
.faq summary:hover{color:var(--accent)}
.ans{padding:0 var(--s7) var(--s4) 0}.ans p{margin:0;color:var(--text)}
.provider-state{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--s7);align-items:center;padding:var(--s6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.provider-state h2{font-size:var(--fs-h2)}
.sk{display:grid;gap:var(--s3)}.sk div{display:flex;gap:var(--s3)}.sk i{display:block;flex:1;height:44px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line)}
.legal-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--s8);align-items:start}
.toc{position:sticky;top:calc(var(--hdr-h) + var(--s5));padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.toc h2{font-size:var(--fs-label);color:var(--muted);letter-spacing:0;margin-bottom:var(--s2)}
.toc ol{margin:0;padding-left:1.1em;display:grid;gap:6px;font-size:var(--fs-small)}.toc a:hover{color:var(--accent);text-decoration:underline}
.legal-doc{max-width:760px}.legal-doc h2{font-size:1.375rem;margin-top:var(--s7);display:flex;gap:var(--s3);align-items:baseline}.legal-doc h2:first-of-type{margin-top:0}
.legal-meta{display:flex;flex-wrap:wrap;gap:var(--s4);color:var(--muted);font-size:var(--fs-small);margin-bottom:var(--s5)}
.legal-index{list-style:none;margin:0 0 var(--s7);padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.legal-index a{display:block;height:100%;padding:var(--s4) var(--s5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-weight:650;color:var(--ink)}
.legal-index a:hover{border-color:var(--accent)}
.legal-index span{display:block;margin-top:2px;color:var(--muted);font-size:var(--fs-small);font-weight:400}

/* closing call-to-action */
.final{padding:var(--s8) 0;background:var(--navy-900);color:#c3cee4}
.final-in{display:flex;justify-content:space-between;align-items:center;gap:var(--s7)}
.final-copy{max-width:640px}
.final-label{display:block;margin-bottom:var(--s2);color:#8fb4ff;font-size:var(--fs-label);font-weight:600}
.final h2{margin-bottom:var(--s2);color:#fff;font-size:var(--fs-h2)}.final p{margin:0;color:#b9c6e0}
.final .actions{justify-content:flex-end}

/* footer */
.ftr{padding:var(--s8) 0 var(--s5);background:var(--navy-950);color:#a9b8d4}
.ftr .brand-word b{color:#fff}.ftr .brand-word small{color:#8da0c4}
.ftr-top{display:flex;justify-content:space-between;gap:var(--s7);padding-bottom:var(--s6)}
.ftr-service{margin:var(--s3) 0 var(--s1);color:#dfe7f6;font-weight:600;font-size:var(--fs-small)}
.ftr-top p:last-child{font-size:var(--fs-small);color:#8da0c4;margin:0}
.ftr-contact{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;font-size:var(--fs-small)}
.ftr-contact a:hover,.ftr-cols a:hover{color:#fff;text-decoration:underline}
.ftr-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s6);padding:var(--s6) 0;border-top:1px solid rgba(255,255,255,.12)}
.ftr-cols nav h2{margin:0 0 var(--s3);color:#fff;font-size:var(--fs-small);font-weight:650;letter-spacing:0}
.ftr-cols ul{list-style:none;padding:0;margin:0}.ftr-cols li+li{margin-top:var(--s2)}
.ftr-cols a{font-size:var(--fs-small);color:#a9b8d4}
.ftr-base,.ftr-min{display:flex;justify-content:space-between;gap:var(--s5);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.12);font-size:var(--fs-label);color:#8da0c4}
.ftr.min{padding:var(--s5) 0;background:var(--surface);border-top:1px solid var(--line);color:var(--muted)}.ftr.min .ftr-min{border:0;padding:0;color:var(--muted)}
.ftr-min a+a{margin-left:var(--s4)}.ftr-min a:hover{color:var(--accent)}
.hc{display:none}

/* motion: one restrained reveal, off for reduced motion */
.rv{opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.rv.d1{transition-delay:.05s}.rv.d2{transition-delay:.1s}.rv-on .rv.in{opacity:1;transform:none}
html:not(.rv-on) .rv{opacity:1;transform:none}
@keyframes shimmer{to{background-position:-200% 0}}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1!important;transform:none!important;transition:none!important}.ds-skel i{animation:none}*{transition-duration:.01ms!important}}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  .hdr-in{grid-template-columns:auto 1fr auto auto;gap:var(--s3)}
  .nav{position:fixed;inset:var(--hdr-h) 0 0;background:var(--surface);display:none;padding:var(--s4) var(--s5) var(--s7);overflow:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--s5);border-top:1px solid var(--line)}
  .nav.open{display:flex}
  .nav-links{flex-direction:column;align-items:stretch;gap:0}
  .nl,.nl-btn{width:100%;min-height:48px;justify-content:space-between;border-bottom:1px solid var(--line);border-radius:0}
  .nl[aria-current=page]{box-shadow:none;color:var(--accent)}
  .nav-end{flex-wrap:wrap;justify-content:stretch}.nav-end .btn{flex:1}.nav-login{border:1px solid var(--line-strong);min-height:44px;flex:1;justify-content:center}
  .nav-btn{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);cursor:pointer;grid-column:4;grid-row:1}
  .nav-btn svg{width:20px;height:20px}
  .brand{grid-column:1;grid-row:1}.hdr-search{grid-column:3;grid-row:1;justify-self:end}
  .nav-panel{position:static;box-shadow:none;border:0;border-radius:0;background:var(--surface-2);margin-bottom:var(--s2)}
  .mega{width:auto;padding:var(--s3) var(--s4)}.mega-grid{grid-template-columns:repeat(2,1fr);gap:var(--s4)}
  .hero-grid{grid-template-columns:1fr;gap:var(--s6);padding:var(--s8) 0}.hero-copy h1{max-width:18ch}
  .split,.split.rev,.svc-hero-grid,.contact-grid,.provider-state{grid-template-columns:1fr;gap:var(--s6)}
  .sticky,.toc{position:static}.legal-grid{grid-template-columns:1fr;gap:var(--s5)}
  .steps,.steps.s4,.steps.s5{grid-template-columns:repeat(3,1fr)}
  .steps li{padding-bottom:var(--s4)}.steps li:nth-child(3n+1){padding-left:0;border-left:0}
  .ftr-cols{grid-template-columns:repeat(3,1fr)}.cols3{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  :root{--wrap:min(100% - 32px,1200px);--hdr-h:60px}
  .sec{padding:var(--s8) 0}.sec.tight{padding:var(--s6) 0}
  .brand-word small{display:none}.brand-mark{width:32px;height:32px}
  .currency{flex:1 1 100%}.currency select{width:100%;height:44px}
  .mega-grid{grid-template-columns:1fr}.mega-cta{flex-direction:column;align-items:flex-start}
  .hero-grid{padding:var(--s7) 0}
  .dsearch{padding:var(--s4)}.ds-top{flex-direction:column;align-items:flex-start;gap:var(--s2)}
  .ds-row{grid-template-columns:1fr}.ds-go{width:100%}
  .ds-item{grid-template-columns:minmax(0,1fr) auto;row-gap:var(--s2)}.ds-item-meta{grid-column:1;justify-content:flex-start;text-align:left;flex-wrap:wrap}.ds-act{grid-column:2;grid-row:1/3;align-self:center}
  .ds-bar{flex-direction:column;align-items:stretch}.ds-bar .actions>*{flex:1}
  .legend,.two,.cols2,.cols3,.cases,.legal-index,.pricing-lines li{grid-template-columns:1fr}.pricing-lines li{gap:var(--s2)}
  .ix-a{grid-template-columns:32px 1fr 28px;gap:var(--s3)}.ix-m{display:none}
  .steps,.steps.s3,.steps.s4,.steps.s5{grid-template-columns:1fr}.steps li,.steps li+li{padding:var(--s4) 0;border-left:0;border-bottom:1px solid var(--line)}
  .sec.dark .steps li{border-color:rgba(255,255,255,.14)}
  .ledger li{grid-template-columns:1fr auto;gap:var(--s2) var(--s3)}.ledger .d{grid-column:1/-1;order:3}
  .ph-grid,.final-in,.ftr-top,.ftr-base,.ftr-min{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s4)}
  .ph-aside{min-width:0;width:100%}.final .actions{justify-content:flex-start;width:100%}.final .actions .btn{flex:1}
  .ftr-contact{align-items:flex-start;text-align:left}.ftr-cols{grid-template-columns:repeat(2,1fr);gap:var(--s5)}
  .form-card{padding:var(--s5)}.ans{padding-right:0}.provider-state{padding:var(--s5)}
  .hero .actions .btn,.svc-hero .actions .btn{flex:1}
  table.rt,table.rt tbody,table.rt tr,table.rt td{display:block;width:100%}
  table.rt thead{display:none}table.rt tr{padding:var(--s3) 0;border-bottom:1px solid var(--line)}
  table.rt td{display:grid;grid-template-columns:110px 1fr;gap:var(--s3);padding:6px 0;border:0}table.rt td::before{display:block}
}
@media(max-width:400px){.ftr-cols{grid-template-columns:1fr}.ds-act .btn{padding:0 var(--s3)}}

/* =====================================================================
   Design layer v2 (1.3.0): brand-matched palette, headline type and hero.
   Colours come from the AQVIROX mark: electric blue ribbon + emerald ribbon on deep navy.
   Everything below only re-tunes tokens and components defined above.
   ===================================================================== */
:root{
  --navy-950:#06101f;--navy-900:#0a1a38;--navy-800:#0f2a5c;--navy-700:#183a7a;
  --blue-700:#0a49c4;--blue-600:#0a62f0;--blue-500:#2a7dff;--blue-100:#d9e7ff;--blue-50:#edf4ff;
  --green-700:#0a7f46;--green-600:#12a357;--green-500:#1fd665;--green-100:#d3f6e2;--green-50:#e8fbf0;
  --bg:#f4f7fd;--line:#dbe3f0;--line-strong:#bfcbe0;
  --display:'Outfit','Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --ribbon:linear-gradient(100deg,#0a62f0 0%,#1f9bff 45%,#1fd665 100%);
  --shadow-2:0 24px 60px -18px rgba(8,28,70,.32),0 4px 12px rgba(8,28,70,.08);
  --shadow-glow:0 18px 50px -14px rgba(10,98,240,.55);
}
h1,h2,h3,.brand-word b,.dsearch-lbl,.price-big,.ds-item-name{font-family:var(--display)}
h1{font-weight:700;letter-spacing:-.03em}h2{font-weight:650;letter-spacing:-.025em}h3{font-weight:600}
.kicker{font-family:var(--display);font-weight:600;font-size:.875rem;letter-spacing:.01em}

/* header */
.hdr{background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(191,203,224,.6)}
.brand-mark{width:auto;height:34px;border-radius:0;object-fit:contain}
.brand-word b{font-size:1.2rem;font-weight:800;letter-spacing:.01em}
.brand-word small{color:var(--green-700);letter-spacing:.24em}
.btn-p,.btn-dark{background:linear-gradient(180deg,var(--blue-500),var(--blue-600));box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 16px -6px rgba(10,98,240,.55)}
.btn-p:hover,.btn-dark:hover{background:linear-gradient(180deg,var(--blue-600),var(--blue-700))}
.btn{transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}
.btn:active{transform:translateY(1px)}

/* hero: the AQVIROX ribbon enlarged behind a live domain search */
.hero{background:radial-gradient(900px 520px at 88% 8%,rgba(10,98,240,.38),transparent 62%),radial-gradient(700px 480px at 70% 110%,rgba(31,214,101,.20),transparent 60%),var(--navy-950)}
.hero::before{background:none}
.hero::after{content:'';position:absolute;right:-6%;top:50%;width:min(640px,60vw);aspect-ratio:515/432;transform:translateY(-50%);background:url('/img/brand/mark.png') center/contain no-repeat;opacity:.16;filter:saturate(1.2) blur(.5px);pointer-events:none}
.hero-grid{padding:clamp(56px,8vw,112px) 0;gap:clamp(32px,6vw,88px)}
.hero-copy .kicker{color:#7fe3ab}
.hero-copy h1{font-size:clamp(2.5rem,1.7rem + 3.6vw,4.25rem);line-height:1.02;max-width:12ch}
.hero-copy h1 em{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.05em}
.hero-copy .lead{color:#c3d0ea;max-width:46ch}
.hero-copy .btn-p{background:linear-gradient(180deg,var(--blue-500),var(--blue-600));color:#fff;box-shadow:var(--shadow-glow)}
.hero-copy .btn-p:hover{background:linear-gradient(180deg,var(--blue-600),var(--blue-700))}
.scope{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin:var(--s6) 0 0;padding:0;list-style:none}
.scope li{display:inline-flex;align-items:center;gap:8px;color:#aebcd9;font-size:var(--fs-small)}
.scope li::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--green-500);box-shadow:0 0 0 4px rgba(31,214,101,.16)}
.hero-search .dsearch{border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:var(--s6);box-shadow:var(--shadow-2),0 0 0 8px rgba(255,255,255,.06)}
.dsearch-lbl{font-size:1.25rem;font-weight:650}
.ds-field{min-height:56px;border-radius:12px;border-width:1.5px}
.ds-go{min-height:56px;border-radius:12px}

/* sections */
.index .ix-a{transition:background .18s,padding .18s}
.index .ix-a:hover{background:linear-gradient(90deg,var(--blue-50),transparent)}
.ix-n{font-family:var(--display);color:var(--blue-600)}
.ix-t strong{font-family:var(--display);font-weight:650}
.final,.sec.dark{background:radial-gradient(800px 360px at 85% 0,rgba(10,98,240,.35),transparent 65%),var(--navy-900)}
.ftr{background:var(--navy-950);border-top:3px solid transparent;border-image:var(--ribbon) 1}
.ftr-brand .brand-mark{height:40px}
.ftr-brand{display:inline-flex}
.ftr h2{font-family:var(--display)}
.ftr a:hover{color:#fff}
.ftr-contact a:hover{color:var(--green-500)}
.hero-grid{z-index:1}
.ds-top{flex-wrap:wrap}
.ds-state-note{white-space:nowrap}
.hero-search .dsearch{background:#fff}

/* orderable packages on /pricing */
.packages{margin-bottom:var(--s8)}
.pkg-list{display:grid;gap:var(--s4);margin-top:var(--s5)}
.pkg{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s5);align-items:center;padding:var(--s5) var(--s6);border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-1);transition:border-color .18s,box-shadow .18s}
.pkg:hover{border-color:var(--blue-500);box-shadow:var(--shadow-2)}
.pkg h3{margin:0 0 var(--s1);font-size:1.25rem}.pkg p{margin:0;color:var(--muted)}
.pkg-buy{display:grid;gap:var(--s2);justify-items:end;text-align:right}
.pkg-buy .price-big{font-size:1.5rem}
@media(max-width:700px){.pkg{grid-template-columns:1fr}.pkg-buy{justify-items:stretch;text-align:left}.pkg-buy .btn{width:100%}}