/*
 * uuelsuunal.ee — kinnitatud disain v03 (Ivar, 10.10.2026): pastelne sage -> sky, pehmed gradientüleminekud,
 * poolläbipaistvad klaaskaardid, ümarad nurgad. Tokenid :root + prefers-color-scheme + [data-theme].
 * Fondid isehostitud (CSP font-src 'self'): Fraunces (pealkirjad), Figtree (tekst), latin + latin-ext.
 */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/fraunces-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/fraunces-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/figtree-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/figtree-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#f5faf8; --surface:#ffffff; --ink:#27434b; --muted:#4f6a70; --line:#d8e8e4;
  --sage:#d6ebe0; --sky:#d8e8f5; --sky-deep:#a9cde6; --sage-deep:#8fc4a8; --mark:#4f9a76;
  --btn:#9fcbe3; --btn-ink:#183842; --link:#2b6680;
  --ok:#2f6b4c; --ok-bg:#dff1e6; --err:#8a2f2f; --err-bg:#fbe3e1;
  --shadow:0 8px 30px rgba(60,110,120,.10);
  --display:"Fraunces",Georgia,serif; --body:"Figtree",system-ui,sans-serif;
  --hdr:64px;
  /* v02: ühtne tegumood (kaardid, nupud) — kasuta ainult neid tokeneid */
  --r:24px;
  --bd:1px solid color-mix(in srgb,var(--line) 60%,transparent);
  --bd-hover:color-mix(in srgb,var(--sky-deep) 70%,transparent);
  --sh-rest:0 8px 30px rgba(60,110,120,.10);
  --sh-hover:0 14px 38px rgba(60,110,120,.18);
  --sh-btn:0 4px 14px rgba(60,110,120,.14);
  --sh-btn-hover:0 8px 20px rgba(60,110,120,.22);
  --lift:translateY(-3px);
  --lift-btn:translateY(-2px);
  --ease:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#122125; --surface:#192d32; --ink:#e3f0ee; --muted:#a9c2c3; --line:#294045;
  --sage:#1d3a33; --sky:#1b3342; --sky-deep:#35607a; --sage-deep:#4c8a70; --mark:#7cc4a0;
  --btn:#8fc1dc; --btn-ink:#0f2229; --link:#9fd0e8;
  --ok:#a5dcbc; --ok-bg:#1d3a2c; --err:#f2b8b2; --err-bg:#43201e;
  --shadow:0 8px 30px rgba(0,0,0,.25);
  --bd:1px solid color-mix(in srgb,#e3f0ee 14%,transparent);
  --bd-hover:color-mix(in srgb,var(--sky-deep) 90%,transparent);
  --sh-rest:0 8px 30px rgba(0,0,0,.30);
  --sh-hover:0 14px 38px rgba(0,0,0,.45);
  --sh-btn:0 4px 14px rgba(0,0,0,.30);
  --sh-btn-hover:0 8px 20px rgba(0,0,0,.42);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#122125; --surface:#192d32; --ink:#e3f0ee; --muted:#a9c2c3; --line:#294045;
  --sage:#1d3a33; --sky:#1b3342; --sky-deep:#35607a; --sage-deep:#4c8a70; --mark:#7cc4a0;
  --btn:#8fc1dc; --btn-ink:#0f2229; --link:#9fd0e8;
  --ok:#a5dcbc; --ok-bg:#1d3a2c; --err:#f2b8b2; --err-bg:#43201e;
  --shadow:0 8px 30px rgba(0,0,0,.25);
  --bd:1px solid color-mix(in srgb,#e3f0ee 14%,transparent);
  --bd-hover:color-mix(in srgb,var(--sky-deep) 90%,transparent);
  --sh-rest:0 8px 30px rgba(0,0,0,.30);
  --sh-hover:0 14px 38px rgba(0,0,0,.45);
  --sh-btn:0 4px 14px rgba(0,0,0,.30);
  --sh-btn-hover:0 8px 20px rgba(0,0,0,.42);
  color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.02rem/1.7 var(--body);overflow-x:clip}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.15;text-wrap:balance;margin:0}
h1,.h1-main{font-size:clamp(2.1rem,6.5vw,3.6rem)}
h2{font-size:clamp(1.5rem,3.6vw,2.1rem)}
h3{font-size:1.3rem}
.h-small{font-size:1.25rem;margin-top:6px}
p{margin:0}
a{color:var(--link);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
img{max-width:100%;height:auto}
.wrap{max-width:1072px;margin-inline:auto;padding-inline:16px}
.eyebrow{display:block;font:600 .8rem/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--link)}
.skip-link{position:absolute;left:12px;top:-60px;z-index:50;background:var(--surface);color:var(--ink);padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--link);outline-offset:2px}

/* --- Päis: sticky, alati nähtav --- */
header.top{position:sticky;top:0;z-index:20;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .bar{max-width:1040px;margin-inline:auto;display:flex;gap:8px 22px;align-items:center;justify-content:space-between;min-height:40px}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:500 1.3rem/1.2 var(--display);color:var(--ink);text-decoration:none;margin:0}
.logo svg{width:30px;height:30px;color:var(--mark);flex:none}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;font-weight:500;font-size:.95rem}
.nav a{text-decoration:none;color:var(--muted);padding:6px 0}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink)}
.nav a[aria-current="page"]:not(.cta-nav){box-shadow:inset 0 -2px 0 var(--sage-deep)}
.nav a.cta-nav{background:var(--btn);color:var(--btn-ink);padding:.45rem 1rem;border-radius:999px;font-weight:600;border:1px solid transparent;box-shadow:var(--sh-btn);transition:var(--ease)}
.burger{display:none;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;padding:0;position:relative}
.burger span{position:absolute;left:11px;right:11px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .2s}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:21px}.burger span:nth-child(3){top:27px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* --- Nupud --- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35em;text-decoration:none;font-weight:600;padding:.85rem 1.5rem;border-radius:999px;background:var(--btn);color:var(--btn-ink);border:1px solid transparent;font-family:inherit;font-size:1rem;line-height:1.3;cursor:pointer;min-height:48px;box-shadow:var(--sh-btn);transition:var(--ease)}
.btn[disabled]{opacity:.6;cursor:progress}
.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--sky-deep)}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* --- Hero (avaleht, 404): täislaiuses gradient + udused läiked, allosas hajub taustaks --- */
.hero{position:relative;overflow:hidden;padding:clamp(48px,9vw,110px) 0;background:linear-gradient(180deg,transparent 72%,var(--bg)),linear-gradient(135deg,var(--sage),var(--sky))}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;pointer-events:none}
.hero::before{width:340px;height:340px;background:var(--sky-deep);right:-80px;top:-90px}
.hero::after{width:300px;height:300px;background:var(--sage-deep);left:-90px;bottom:-120px}
.hero .wrap{position:relative;display:grid;gap:20px}
.hero h1{display:grid;gap:14px;font-size:inherit}
.hero .h1-main{display:block;max-width:16ch}
.hero p.sub{font-size:1.15rem;max-width:56ch}
.trust{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:.92rem;color:var(--muted);list-style:none;padding:0;margin:0}
.trust li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sage-deep);margin-right:8px;vertical-align:middle}

/* --- Sisu --- */
.stack{display:grid;gap:clamp(40px,7vw,80px);padding-block:clamp(40px,7vw,80px)}
.stack-sm{display:grid;gap:clamp(36px,5vw,56px)}
.head{display:grid;gap:12px;margin-bottom:28px;max-width:62ch}
.stack-sm>.head{margin-bottom:0}
.lead{color:var(--muted);max-width:62ch;font-size:1.06rem}
.lead.ink{color:var(--ink)}
.long{max-width:66ch;display:grid;gap:14px;justify-items:start}
.small-note{color:var(--muted);font-size:.9rem;max-width:66ch}
.link{font-weight:600;display:inline-flex;align-items:center;min-height:44px}
.inner-links{gap:4px 24px}
.nowrap{white-space:nowrap}
.page-bg{padding-block:clamp(40px,7vw,80px)}
.page-bg.sage{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--sage) 55%,var(--bg)) 50%,var(--bg))}
.page-bg.sky{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--sky) 65%,var(--bg)) 50%,var(--bg))}
.page-bg.sky-end{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--sky) 65%,var(--bg)))}

/* Teenuste kaardid */
.svc{display:grid;gap:14px}
.svc a.item{display:grid;grid-template-columns:56px 1fr auto;gap:8px 18px;align-items:start;padding:26px;background:linear-gradient(120deg,color-mix(in srgb,var(--sage) 60%,transparent),color-mix(in srgb,var(--sky) 60%,transparent));text-decoration:none;color:var(--ink)}
.svc .n{font:500 1.1rem var(--display);color:var(--mark)}
.svc .txt{display:grid;gap:6px;min-width:0}
.svc h3{overflow-wrap:anywhere;hyphens:auto}
.svc .txt p{color:var(--muted);max-width:56ch}
.svc .more{font-weight:600;color:var(--link);font-size:.95rem}
.svc .pr{font:500 1.3rem var(--display);white-space:nowrap}

/* Pehmed ribad ja sammud */
.band{background:radial-gradient(120% 150% at 0% 0%,var(--sky),transparent 70%),radial-gradient(120% 150% at 100% 100%,var(--sage),transparent 70%);border-radius:36px;padding:clamp(24px,5vw,48px)}
.band.sage{background:radial-gradient(120% 150% at 0% 0%,var(--sage),transparent 70%),radial-gradient(120% 150% at 100% 100%,var(--sky),transparent 70%)}
.cta-band{display:grid;gap:18px}
.cta-band h2{max-width:28ch}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;list-style:none;padding:0;margin:0}
.steps li{background:color-mix(in srgb,var(--surface) 62%,transparent);padding:22px}
.steps b{display:block;font:500 1.15rem var(--display);margin-bottom:6px}

/* Teenuste leht */
.svc-full{scroll-margin-top:calc(var(--hdr) + 16px)}
.price-row{margin-top:6px}
.price{font:500 1.5rem var(--display);margin-right:8px}

/* Hinnakiri */
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:separate;border-spacing:0;width:100%;max-width:620px;background:color-mix(in srgb,var(--surface) 62%,transparent);overflow:hidden}
.tw{padding:4px 4px 12px}
th,td{text-align:left;padding:16px 18px;border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent);vertical-align:top}
tbody tr:last-child>*{border-bottom:0}
thead th{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
tbody th{font-weight:500}
tbody th a{color:var(--ink)}
td:last-child,th:last-child{text-align:right;font-variant-numeric:tabular-nums}
.after-table{margin-block:18px;max-width:62ch}

/* Minust */
.about{display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:start}
.mono,.portrait{width:240px;max-width:100%;aspect-ratio:4/5;border-radius:120px 120px 24px 24px}
.mono{background:linear-gradient(160deg,var(--sage),var(--sky));display:grid;place-items:center;font:500 3.6rem var(--display);color:var(--link);border:var(--bd);box-shadow:var(--sh-rest)}
.portrait{object-fit:cover}

/* Kontakt + vorm */
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:start}
.contact-info{display:grid;gap:10px}
.contact-info a{display:inline-flex;align-items:center;min-height:44px}
.card{display:grid;gap:14px;background:color-mix(in srgb,var(--surface) 62%,transparent);padding:26px}
label{font-size:.9rem;font-weight:600;display:flex;flex-wrap:wrap;gap:6px 4px;align-items:baseline}
label>input:not([type=checkbox]),label>select,label>textarea{flex:1 0 100%}
.req{color:var(--link)}
input,select,textarea{font:inherit;font-weight:400;font-size:1rem;padding:.75rem .9rem;border:1px solid color-mix(in srgb,var(--line) 60%,var(--muted));border-radius:12px;background:var(--bg);color:var(--ink);width:100%;min-height:48px}
textarea{resize:vertical;min-height:110px}
select{-webkit-appearance:none;appearance:none;padding-right:2.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d777d' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:18px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--sky-deep);outline-offset:2px;border-color:var(--sky-deep)}
[aria-invalid="true"]{border-color:var(--err);outline-color:var(--err)}
label.consent{display:flex;gap:10px;align-items:flex-start;font-weight:400}
label.consent{min-height:44px;align-items:center}
label.consent a{padding-block:12px}
label.consent input{width:24px;height:24px;min-height:0;margin:2px 0 0;flex:none;accent-color:var(--link)}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.status:empty{display:none}
.status{border-radius:12px;padding:12px 16px;font-size:.95rem;font-weight:500}
.status.is-ok{background:var(--ok-bg);color:var(--ok)}
.status.is-error{background:var(--err-bg);color:var(--err)}
.form-note{color:var(--muted);font-size:.9rem}
.fb{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--link);font-weight:600}
.fb svg{width:26px;height:26px;flex:none}
footer.ft .fb svg{width:20px;height:20px}

/* Privaatsus */
.legal section{display:grid;gap:8px;margin-top:10px}
.legal h2{font-size:1.3rem}
.legal p{max-width:66ch}

/* --- Jalus --- */
footer.ft{background:linear-gradient(180deg,var(--bg),var(--sage) 40%);padding:40px 16px calc(28px + env(safe-area-inset-bottom));font-size:.94rem;color:var(--muted)}
footer.ft .in{max-width:1040px;margin-inline:auto;display:grid;gap:22px}
/* v03: bränd vasakul, kontakt ühes reas paremal (vertikaalselt keskel), joone all märkus + © + krediit */
.ft-grid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 40px}
.ft-brand{display:grid;gap:4px;align-content:start}
.ft-h{font-weight:600;color:var(--ink);margin-bottom:4px;font-size:.84rem;letter-spacing:.12em;text-transform:uppercase}
footer.ft ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 22px}
footer.ft li{display:flex;align-items:center;min-height:44px}
footer.ft a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
footer.ft a:hover{text-decoration:underline}
footer.ft .fb{color:var(--ink)}
.ft-low{border-top:1px solid color-mix(in srgb,var(--sage-deep) 40%,transparent);padding-top:18px;display:grid;gap:10px}
.ft-note{color:var(--ink);max-width:72ch}
footer.ft .ft-copy a{color:var(--link);text-decoration:underline}
.ft-bottom{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between}
.footer-madeby{display:inline-flex;align-items:center;gap:8px;margin:0}
.footer-madeby a{display:inline-flex;align-items:center;min-height:32px;padding:4px 0}
.footer-madeby img{height:25px;width:auto;display:block;opacity:1;transition:filter .2s}
.footer-madeby a:hover img{filter:brightness(1.15)}

/* --- v02 ühtne tegumood: kõik kaardid/kastid (.card-like) ja nupud samade tokenitega --- */
.card-like{border:var(--bd);border-radius:var(--r);box-shadow:var(--sh-rest);transition:var(--ease)}
a.card-like{cursor:pointer}
.fb svg{transition:var(--ease)}
@media (hover:hover){
  .card-like:hover{transform:var(--lift);box-shadow:var(--sh-hover);border-color:var(--bd-hover)}
  .btn:hover,.nav a.cta-nav:hover{transform:var(--lift-btn);box-shadow:var(--sh-btn-hover)}
  .btn.alt:hover{background:color-mix(in srgb,var(--sky) 55%,transparent)}
  #up.show:hover{transform:var(--lift);box-shadow:var(--sh-btn-hover)}
  .fb:hover svg{transform:var(--lift-btn)}
}
.btn:active{transform:none}

/* --- Üles-nupp --- */
#up{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:48px;height:48px;border-radius:50%;border:1px solid transparent;background:var(--btn);color:var(--btn-ink);box-shadow:var(--sh-btn);cursor:pointer;display:grid;place-items:center;opacity:0;transform:translateY(12px);pointer-events:none;visibility:hidden;transition:opacity .25s ease,visibility .25s ease,var(--ease);z-index:30}
#up.show{opacity:1;transform:none;pointer-events:auto;visibility:visible}
#up svg{width:22px;height:22px}

/* --- Ilmumine --- */
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv{opacity:1;transform:none;transition:none}
  #up,.btn,.card-like,.nav a.cta-nav,.fb svg,.burger span{transition:none}
  .card-like:hover,.btn:hover,.nav a.cta-nav:hover,#up.show:hover,.fb:hover svg{transform:none}
}

/* --- Mobiil --- */
@media (max-width:760px){
  .burger{display:block}
  .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 18px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--sh-hover);display:none}
  .menu-open .nav{display:flex}
  .nav a{padding:12px 4px;font-size:1.05rem;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
  .nav a[aria-current="page"]:not(.cta-nav){box-shadow:none;font-weight:600}
  .nav a.cta-nav{margin-top:12px;text-align:center;border-bottom:0;padding:.8rem 1rem}
}
@media (max-width:700px){
  .about,.contact{grid-template-columns:1fr}
  .mono,.portrait{width:170px;justify-self:center}
  .svc a.item{grid-template-columns:36px 1fr;padding:22px}
  .svc .pr{grid-column:2}
  .ft-grid{flex-direction:column;align-items:flex-start;gap:8px}
  footer.ft ul{flex-direction:column;align-items:flex-start}
  .ft-note{text-align:center;margin-inline:auto}
  .ft-bottom{flex-direction:column;align-items:center;text-align:center}
  footer.ft{padding-bottom:calc(84px + env(safe-area-inset-bottom))} /* üles-nupp ei istu logo kõrval */
  .footer-madeby img{height:28px}
  /* mobiili üldreegel: eyebrow, pealkiri, sissejuhatus ja nupud keskel; kaardid/vormid vasakul */
  .hero .wrap,.head,.cta-band{text-align:center;justify-items:center}
  .hero .h1-main,.head .lead{margin-inline:auto}
  .hero .row,.cta-band .row,.trust{justify-content:center}
}
/* Hinnatabel kitsal ekraanil: read kaartideks (hind alati nähtav) */
@media (max-width:480px){
  .tw table,.tw tbody,.tw tr,.tw th,.tw td{display:block;text-align:left}
  .tw thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tw tr{padding:16px 18px;border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent)}
  .tw tbody tr:last-child{border-bottom:0}
  .tw th,.tw td{padding:0;border:0}
  .tw tbody th{font-family:var(--display);font-size:1.15rem;margin-bottom:4px}
  .tw tbody th a{display:flex;align-items:center;min-height:44px}
  .tw td{display:inline;color:var(--muted)}
  .tw td:last-child{color:var(--ink);font-weight:600}
  .tw td:first-of-type::after{content:" · ";color:var(--muted);font-weight:400}
}
@media (max-width:360px){
  .hero .row .btn,.cta-band .row .btn{width:100%}
  .band{padding:22px 18px;border-radius:28px}
  .svc a.item{grid-template-columns:28px 1fr;padding:20px 18px;gap:8px 12px}
  .svc h3{font-size:1.15rem}
}