/* Homexa Online Services — responsive UI (mobile · tablet · desktop) */
:root{--navy:#0b2a6b;--blue:#1d5fd8;--sky:#e8f0ff;--or:#f26a21;--or-d:#d85a15;--sun:#ffc21a;--ink:#16233f;--muted:#5d6b86;--paper:#f3f6fc;--line:#dde5f3;--ok:#12a150;--bad:#d93a3a;--r:14px;--f:'Hind',system-ui,-apple-system,'Segoe UI',sans-serif;--head:62px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;font:400 1rem/1.55 var(--f);color:var(--ink);background:var(--paper);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0 0 .4em;line-height:1.2;color:var(--navy);font-weight:700;overflow-wrap:anywhere}
h1{font-size:1.55rem}h2{font-size:1.25rem}h3{font-size:1.05rem}
p{margin:0 0 .9em}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%}img{display:block}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
[hidden]{display:none!important}
.muted{color:var(--muted)}.small{font-size:.86rem}.center{text-align:center}.mt{margin-top:18px}.mt-s{margin-top:8px}.mb0{margin-bottom:0}.mb-s{margin-bottom:10px}
.lnk{color:var(--blue);font-weight:600}.lnk:hover{text-decoration:underline}.req{color:var(--bad)}.grow{flex:1;min-width:0}
.narrow{max-width:640px}

/* ===== header ===== */
.app-head{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
.bar{max-width:1180px;margin:0 auto;min-height:var(--head);padding:4px 14px;display:flex;align-items:center;gap:10px}
.brand{display:flex;align-items:center;gap:clamp(6px,2vw,10px);min-width:0;flex:0 1 auto}
.brand img{width:clamp(34px,9vw,48px);height:clamp(34px,9vw,48px);flex:none;object-fit:contain;border-radius:50%}
.brand .bt{display:flex;flex-direction:column;font-weight:700;font-size:clamp(1.05rem,4.6vw,1.4rem);min-width:0;letter-spacing:.03em;color:var(--navy);line-height:1;white-space:nowrap}
.brand em{font-style:normal;white-space:nowrap}
.brand b{color:var(--or)}
.brand small{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:3px;white-space:nowrap}
.head-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
.burger{width:clamp(40px,11vw,44px);height:clamp(40px,11vw,44px);border:1.5px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;flex:none}
.burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--navy);transition:transform .2s,opacity .2s}
.nav-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-open .burger span:nth-child(2){opacity:0}
.nav-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mainnav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px -18px rgba(11,42,107,.4);padding:8px 12px 12px;flex-direction:column;gap:2px;max-height:calc(100vh - var(--head));overflow-y:auto}
.nav-open .mainnav{display:flex}
.mainnav a{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:10px;font-weight:600;color:var(--navy);min-height:48px}
.mainnav a:hover{background:var(--sky)}
.mainnav a.on{background:#fff1e8;color:var(--or-d)}
.prof{position:relative}
.avatar{width:42px;height:42px;border-radius:50%;border:2px solid var(--sun);background:var(--navy);color:#fff;font:700 1.05rem var(--f);cursor:pointer;display:grid;place-items:center;padding:0}
.menu{position:absolute;right:0;top:50px;width:250px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px -12px rgba(11,42,107,.35);padding:6px;z-index:120}
.menu-who{padding:10px 12px 8px;border-bottom:1px solid var(--line);margin-bottom:4px;display:flex;flex-direction:column;line-height:1.3;overflow-wrap:anywhere}
.menu-who span{font-size:.8rem;color:var(--muted)}
.menu a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:8px;font-weight:500;min-height:44px}
.menu a:hover{background:var(--sky)}.menu a.out{color:var(--bad)}

/* ===== page ===== */
.page{width:100%;max-width:1180px;margin:0 auto;padding:16px 14px 28px;flex:1}
.flash{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-weight:500;border:1px solid;overflow-wrap:anywhere}
.f-ok{background:#e7f7ee;border-color:#b6e5c9;color:#0d6b38}.f-err{background:#fdeaea;border-color:#f5bcbc;color:#9c2323}
.sec-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin:22px 0 10px}
.sec-title h2{margin:0}.sec-title a{color:var(--blue);font-weight:600;font-size:.92rem}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;min-width:0}
.card+.card{margin-top:12px}
.card h3{margin-bottom:10px}
.kv{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;font-size:.95rem}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}
.idcard{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:12px;background:var(--sky);border-color:transparent}
.idcard b{font-size:2rem;letter-spacing:.22em;color:var(--navy);line-height:1.2}
.page [style*="justify-content:space-between"]{flex-wrap:wrap}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;min-height:44px;border-radius:10px;border:2px solid transparent;font:600 .98rem var(--f);cursor:pointer;transition:background .15s,transform .1s;text-align:center}
.btn:active{transform:scale(.98)}
.btn-or{background:var(--or);color:#fff}.btn-or:hover{background:var(--or-d)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:#071d4d}
.btn-out{border-color:var(--navy);color:var(--navy);background:transparent}.btn-out:hover{background:var(--navy);color:#fff}
.btn-ok{background:var(--ok);color:#fff}.btn-bad{background:#fff;border-color:var(--bad);color:var(--bad)}.btn-bad:hover{background:var(--bad);color:#fff}
.btn-sm{padding:8px 16px;font-size:.9rem;border-radius:8px;min-height:40px}.btn-block{display:flex;width:100%}
.btn:disabled{opacity:.6;cursor:wait}
.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.btns .btn{flex:1 1 150px}
summary.btn{list-style:none}summary::-webkit-details-marker{display:none}

/* forms */
.field{margin-bottom:14px}.field label,.lbl{display:block;font-weight:600;font-size:.9rem;color:var(--navy);margin-bottom:5px}
input,select,textarea{width:100%;max-width:100%;font:inherit;font-size:16px;color:var(--ink);padding:12px 13px;border:1.5px solid var(--line);border-radius:10px;background:#fff;min-height:46px}
input[type=file]{padding:9px 10px;font-size:.9rem}
textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,95,216,.15)}
.two{display:grid;grid-template-columns:1fr;gap:0 14px}
.checks{display:grid;gap:8px}.check{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-weight:500;cursor:pointer;min-height:44px}
.check input{width:20px;height:20px;min-height:0;accent-color:var(--or);flex:none}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg .check{justify-content:center}
.seg label.check:has(input:checked){border-color:var(--or);background:#fff4ec}
.hint{font-size:.82rem;color:var(--muted);margin-top:4px}

/* badges */
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap}
.b-pending{background:#fff3d1;color:#8a6200}.b-assigned{background:#dfeaff;color:#1d4fb0}.b-accepted{background:#e5e1ff;color:#4b3bb5}
.b-in_progress{background:#ffe5d3;color:#b44a0c}.b-completed{background:#dcf5e6;color:#0d6b38}.b-cancelled{background:#ececf0;color:#575b6b}
.b-active{background:#dcf5e6;color:#0d6b38}.b-blocked{background:#fde0e0;color:#9c2323}

/* list rows */
.rows{display:grid;gap:10px}
.row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:0}
a.row:hover{border-color:var(--blue)}
.row-ico{width:42px;height:42px;border-radius:12px;background:var(--sky);display:grid;place-items:center;font-size:1.35rem;flex:none;overflow:hidden}
.row-ico img{width:100%;height:100%;object-fit:cover}
.row-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.row-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row-sub{font-size:.84rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.empty{text-align:center;padding:30px 16px;color:var(--muted);background:#fff;border:1.5px dashed var(--line);border-radius:var(--r)}
.empty b{display:block;color:var(--navy);font-size:1.05rem;margin-bottom:4px}
.item-head{display:flex;gap:12px;align-items:center}
.thumb-sm{width:56px;height:56px;border-radius:12px;background:var(--sky);overflow:hidden;display:grid;place-items:center;font-size:1.6rem;flex:none}
.thumb-sm img{width:100%;height:100%;object-fit:cover}
.admin-grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.admin-grid>.card+.card{margin-top:0}

/* tabs */
.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:none;display:inline-flex;align-items:center;padding:8px 15px;min-height:40px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-weight:600;font-size:.9rem;color:var(--navy)}
.tabs a.on{background:var(--navy);border-color:var(--navy);color:#fff}
.tabs i{font-style:normal;opacity:.7;margin-left:4px}

/* stats */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0}
.stat b{display:block;font-size:1.55rem;color:var(--navy);line-height:1.1;overflow-wrap:anywhere}.stat span{font-size:.84rem;color:var(--muted)}
.stat.hot{border-color:var(--or);background:#fff7f1}.stat.hot b{color:var(--or-d)}

/* categories row */
.cats{position:relative;display:flex;gap:2px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.cat{flex:none;width:68px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;color:var(--navy)}
.cat-ico{width:41px;height:41px;border-radius:50%;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center;font-size:1.15rem;overflow:hidden;transition:border-color .15s,transform .15s}
.cat-ico img{width:100%;height:100%;object-fit:cover}
.cat:hover .cat-ico{border-color:var(--or);transform:translateY(-1px)}
.cat.on .cat-ico{border-color:var(--or);background:#fff1e8;box-shadow:0 0 0 2px rgba(242,106,33,.18)}
.cat b{font-size:.7rem;line-height:1.15;font-weight:600}.cat.on b{color:var(--or-d)}

/* service cards */
.svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.svc{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s}
.svc:hover{border-color:var(--or);box-shadow:0 14px 26px -16px rgba(11,42,107,.45);transform:translateY(-2px)}
.svc-img{display:grid;place-items:center;aspect-ratio:16/10;background:linear-gradient(135deg,var(--sky),#fff);overflow:hidden}
.svc-img img{width:100%;height:100%;object-fit:cover}.svc-img .emo{font-size:2.8rem}
.svc-body{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;flex:1}
.svc-body>b{color:var(--navy);line-height:1.25;font-size:.98rem}
.svc-body>small{color:var(--muted);font-size:.8rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.svc-foot{margin-top:auto;padding-top:6px;display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}
.svc-foot b{color:var(--ink)}
.svc-btn{background:var(--or);color:#fff;font-weight:700;font-size:.78rem;padding:5px 11px;border-radius:999px}

/* wallet */
.wallet{background:linear-gradient(135deg,var(--navy),#123d94);color:#fff;border-radius:18px;padding:20px;position:relative;overflow:hidden}
.wallet::after{content:"";position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;border:22px solid rgba(255,194,26,.9);opacity:.9}
.wallet small{opacity:.8;display:block}.wallet .amt{font-size:2.3rem;font-weight:700;line-height:1.1;margin:2px 0 4px}
.wallet .w-note{font-size:.9rem;background:rgba(255,255,255,.14);display:inline-block;padding:3px 12px;border-radius:999px}
.split{display:flex;height:12px;border-radius:99px;overflow:hidden;margin:8px 0 6px;background:var(--line)}
.split i{display:block;height:100%}.split .s-pro{background:var(--ok)}.split .s-adm{background:var(--or)}
.split-l{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.86rem;font-weight:600}
.txn{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.txn:last-child{border:0}
.txn small{display:block;color:var(--muted)}.cr{color:var(--ok);font-weight:700}.dr{color:var(--bad);font-weight:700}
.steps{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
.steps li{display:flex;gap:12px;align-items:flex-start;padding:0 0 14px;position:relative;color:var(--muted)}
.steps li::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;border:3px solid var(--line);background:#fff;margin-top:3px;position:relative;z-index:1}
.steps li::after{content:"";position:absolute;left:7px;top:20px;bottom:-3px;width:2px;background:var(--line)}.steps li:last-child::after{display:none}
.steps li.done{color:var(--ink)}.steps li.done::before{background:var(--ok);border-color:var(--ok)}.steps li.now::before{border-color:var(--or);background:var(--or)}
.steps li.now{color:var(--navy);font-weight:700}

/* landing */
.hero{background:var(--navy);color:#fff;margin:-16px -14px 0;padding:26px 16px 0;position:relative;overflow:hidden}
.hero h1{color:#fff;font-size:1.9rem;line-height:1.25;margin-bottom:.3em}
.hero h1 em{font-style:normal;color:var(--sun)}
.hero p{color:#cdd9f3;max-width:520px}
.hero .btns{margin-bottom:22px}
.hero .btn-out{border-color:#fff;color:#fff}.hero .btn-out:hover{background:#fff;color:var(--navy)}
.hero-img{margin:0 -16px;aspect-ratio:1000/298;overflow:hidden}.hero-img img{width:100%;height:100%;object-fit:cover}
.perks{display:grid;gap:10px}.perk{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.perk:last-child{border:0}
.perk .pi{flex:none;width:38px;height:38px;border-radius:10px;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-size:1.2rem}
.perk b{display:block;color:var(--navy)}
.cta-band{background:var(--sun);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:10px}
.cta-band h2{margin:0}.cta-band p{margin:0;color:#4a3a00}
.foot-note{text-align:center;font-size:.85rem;color:var(--muted);margin-top:22px}

/* auth */
.auth{max-width:460px;margin:8px auto 0}
.auth h1{margin-bottom:4px}

/* footer */
.site-foot{background:var(--navy);color:#cdd9f3;margin-top:10px}
.foot-in{max-width:1180px;margin:0 auto;padding:18px 14px;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center;line-height:1.45}
.site-foot b{color:#fff;letter-spacing:.04em}.site-foot b span{color:var(--or)}
.site-foot a{color:var(--sun);font-weight:600}

/* ===== fixed bottom menu (mobile + tablet) ===== */
.bnav{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px -12px rgba(11,42,107,.35)}
.bnav a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;min-height:48px;border-radius:12px;color:var(--muted);font-size:.7rem;font-weight:600;max-width:110px;text-align:center}
.bnav a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bnav a.on{color:var(--or);background:#fff1e8}
.bnav a:hover{color:var(--navy)}
body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}

/* ===== very small phones ===== */
@media(max-width:479px){.hide-xs{display:none!important}}
@media(max-width:380px){
  .page{padding:12px 10px 24px}
  .hero{margin:-12px -10px 0}
  h1{font-size:1.35rem}
  .bar{padding:0 10px;gap:8px}
  .brand small{letter-spacing:.1em;font-size:.5rem}
  .kv{grid-template-columns:1fr;gap:0}.kv dt{margin-top:8px;font-size:.8rem}
  .stat b{font-size:1.3rem}
  .wallet .amt{font-size:1.9rem}
  .row{padding:10px}.row-ico{width:38px;height:38px}
  .btns .btn{flex:1 1 100%}
  .seg{grid-template-columns:1fr}
  .cat{width:62px}.cat-ico{width:36px;height:36px;font-size:1.05rem}
  .svc-body{padding:8px 9px 10px}
}
@media(max-height:480px) and (orientation:landscape){.hero{padding-top:18px}.bnav a{flex-direction:row;justify-content:center;gap:6px;min-height:40px}body{padding-bottom:calc(54px + env(safe-area-inset-bottom))}}

/* ===== tablet ≥ 700px ===== */
@media(min-width:700px){
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .bnav{left:50%;right:auto;transform:translateX(-50%);bottom:14px;width:min(640px,calc(100% - 28px));border:1px solid var(--line);border-radius:20px;padding:6px;box-shadow:0 14px 34px -12px rgba(11,42,107,.4)}
  .bnav a{font-size:.78rem}
  h1{font-size:1.8rem}
  .bar{padding:0 20px}
  .page{padding:24px 20px 36px}
  .two{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(4,1fr)}.stats-2{grid-template-columns:repeat(2,1fr)}
  .kv{grid-template-columns:150px 1fr}
  .svc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .rows{grid-template-columns:1fr 1fr}
  .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero{margin:0;padding:44px 28px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:0 30px;align-items:center;border-radius:22px}
  .hero>div:first-child{padding-bottom:36px}.hero h1{font-size:2.5rem}
  .hero-img{margin:0;aspect-ratio:auto;height:100%;min-height:280px;border-radius:18px 18px 0 0}
  .perks{grid-template-columns:1fr 1fr;gap:0 26px}
  .cta-band{flex-direction:row;align-items:center;justify-content:space-between}
  .cat{width:78px}.cat-ico{width:46px;height:46px;font-size:1.25rem}.cat b{font-size:.76rem}
}

/* ===== desktop ≥ 900px : menu shown inside the header ===== */
@media(min-width:900px){
  .burger{display:none}
  .m-only{display:none!important}
  .mainnav{display:flex;position:static;flex-direction:row;align-items:center;gap:4px;margin-left:22px;padding:0;border:0;box-shadow:none;background:none;max-height:none;overflow:visible}
  .mainnav a{padding:9px 14px;min-height:40px;font-size:.95rem}
  .mainnav a svg{display:none}
  .head-right{margin-left:auto}
  .brand img{width:48px;height:48px}
}
@media(min-width:1024px){
  .page{padding:30px 24px 44px}
  .bar{padding:0 24px}
  .svc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .hero h1{font-size:2.8rem}
  .auth{margin-top:24px}
  .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .mainnav a svg{display:block}
}
@media(min-width:1280px){.svc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* search */
[hidden]{display:none!important}
.search{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:4px 4px 4px 12px;margin:6px 0 4px;transition:border-color .15s,box-shadow .15s}
.search:focus-within{border-color:var(--or);box-shadow:0 0 0 3px rgba(242,106,33,.15)}
.search-ico{display:grid;place-items:center;color:var(--muted)}
.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 1rem var(--f);color:var(--ink);padding:8px 0;min-height:40px}
.search input::-webkit-search-cancel-button{cursor:pointer}
/* contact buttons + whatsapp */
.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{background:#1da851}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.cta-actions .btn{flex:1 1 150px}
/* footer links */
.foot-contact{display:inline-flex;flex-wrap:wrap;gap:6px 16px;margin-top:2px}
.foot-contact a{display:inline-flex;align-items:center;gap:6px}
.foot-links{max-width:1180px;margin:0 auto;padding:12px 14px 16px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:center;font-size:.86rem}
.foot-links a{color:#cdd9f3;font-weight:500}.foot-links a:hover{color:var(--sun)}
/* legal pages */
.legal{max-width:820px;margin:0 auto}
.legal h2{font-size:1.08rem;margin:24px 0 6px;color:var(--navy)}
.legal p{margin:0 0 8px}.legal ul{margin:0 0 8px;padding-left:20px}.legal li{margin:3px 0}
.legal-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.legal-tabs a{padding:7px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--navy);font-weight:600;font-size:.86rem}
.legal-tabs a.on{background:var(--navy);border-color:var(--navy);color:#fff}
.legal .cta-band{margin-top:26px}