/* ============================================================
   Link2Ink — For Artists. Energized-dark "Studio Desk" aesthetic,
   oxblood accent. Cohesive with dashboard/public/css/dash.css and
   the hub. Mobile-first, dvh, 16px inputs, safe-area aware.
   ============================================================ */
@font-face{font-family:"Anton";src:url("/assets/fonts/anton-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hanken";src:url("/assets/fonts/hanken-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hanken";src:url("/assets/fonts/hanken-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Hanken";src:url("/assets/fonts/hanken-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"SpaceMono";src:url("/assets/fonts/spacemono-400.woff2") format("woff2");font-weight:400;font-display:swap}

:root{
  --ink:#0B0B0C;--graphite:#121215;--graphite-2:#17171B;--panel:#1B1B20;
  --line:rgba(236,230,217,.10);--line-2:rgba(236,230,217,.18);
  --wash:#9A9AA2;--wash-dim:#8A8A92;--bone:#ECE6D9;--bone-2:#CFC9BC;--ox:#9A3A30;--ox-2:#D4685C;
  --ok:#3FB07A;--bad:#C0493B;
  --f-disp:"Anton",Impact,sans-serif;--f:"Hanken","Segoe UI",system-ui,sans-serif;--f-mono:"SpaceMono",ui-monospace,monospace;
  --maxw:1180px;--nav-h:66px;--ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{min-height:100dvh;background:var(--ink);color:var(--bone);font-family:var(--f);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
a{color:var(--ox-2);text-decoration:none}
.mono{font-family:var(--f-mono)}
.skip{position:absolute;left:-999px;top:0;z-index:400;background:var(--bone);color:var(--ink);padding:10px 16px;border-radius:0 0 10px 0;font-weight:700}
.skip:focus{left:0}
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}

/* shared form control + buttons (match dash.css) */
.in{background:var(--ink);color:var(--bone);border:1px solid var(--line-2);border-radius:10px;padding:11px 13px;font-size:16px;font-family:inherit;width:100%;line-height:1.4}
.in:focus{outline:none;border-color:var(--ox-2)}
select.in{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--wash) 50%),linear-gradient(135deg,var(--wash) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}
textarea.in{resize:vertical;min-height:84px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:11px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;transition:.15s var(--ease);border:1px solid transparent;text-align:center}
.btn--solid{background:var(--bone);color:var(--ink)}
.btn--solid:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn--ghost{background:none;border:1px solid var(--line-2);color:var(--bone-2)}
.btn--ghost:hover{border-color:var(--ox-2);color:var(--bone);transform:translateY(-1px)}
.btn--google{background:#fff;color:#1f1f1f;border:1px solid #dadce0}
.btn--google .g{width:16px;height:16px;border-radius:50%;background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0)}
.btn--sm{padding:8px 14px;font-size:.85rem;border-radius:9px}
.btn--lg{padding:14px 24px;font-size:1rem;border-radius:12px}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.lnk{background:none;border:none;color:var(--ox-2);cursor:pointer;font:inherit;text-decoration:underline}

/* ============ ZONE ROUTER ============ */
.zone[hidden],.app[hidden],.gate[hidden]{display:none}

/* ============ NAV ============ */
.nav{position:sticky;inset:0 0 auto;z-index:100;height:var(--nav-h);display:flex;align-items:center;border-bottom:1px solid transparent;transition:background .25s,border-color .25s;background:rgba(11,11,12,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.nav.scrolled{background:rgba(11,11,12,.86);border-bottom-color:var(--line)}
.nav__inner{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,48px);display:flex;align-items:center;gap:18px}
.brandmark{display:inline-flex;flex-direction:column;gap:3px;line-height:.84}
.brandmark__name{font-family:var(--f-disp);font-weight:400;font-size:1.5rem;letter-spacing:.04em;color:var(--bone)}
.brandmark__name span{color:var(--ox-2)}
.brandmark__sub{font-family:var(--f-mono);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wash)}
.brandmark--lg .brandmark__name{font-size:2rem}
.brandmark--lg .brandmark__sub{font-size:.56rem}
.nav__world{display:flex;align-items:center;gap:12px;margin-left:auto}
.nav__x{font-family:var(--f-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--bone-2);border:1px solid var(--line-2);border-radius:999px;padding:8px 13px;transition:.18s}
.nav__x:hover{color:var(--ox-2);border-color:rgba(212,104,92,.55);background:rgba(154,58,48,.1)}
.nav__cta{margin-left:6px}

/* ============ SECTIONS ============ */
.section{position:relative;padding-block:clamp(56px,8vw,104px)}
.section--alt{background:linear-gradient(180deg,var(--graphite),var(--graphite-2));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-head{max-width:680px;margin-bottom:clamp(30px,4.5vw,48px)}
.sec-title{font-family:var(--f-disp);font-weight:400;text-transform:uppercase;line-height:.94;letter-spacing:.01em;font-size:clamp(2.1rem,6vw,3.6rem);color:var(--bone)}
.sec-lede{color:var(--wash);margin-top:18px;font-size:clamp(1rem,1.4vw,1.1rem);max-width:62ch}

/* ============ HERO ============ */
.art-hero{position:relative;overflow:hidden;display:flex;align-items:center;min-height:calc(86dvh - var(--nav-h));padding-block:clamp(48px,9vw,96px);background:radial-gradient(120% 90% at 18% -10%,#1a1116,var(--ink) 60%)}
.art-hero__glow{position:absolute;right:-10%;top:8%;width:60vw;height:60vw;max-width:720px;max-height:720px;border-radius:50%;background:radial-gradient(circle,rgba(154,58,48,.34),rgba(154,58,48,0) 68%);filter:blur(8px);pointer-events:none}
.hh-grain{position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:radial-gradient(rgba(236,230,217,.6) .5px,transparent .5px);background-size:3px 3px}
.hh-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.55))}
.art-hero__inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}
.art-hero__title{font-family:var(--f-disp);font-weight:400;text-transform:uppercase;line-height:.9;letter-spacing:.005em;font-size:clamp(2.8rem,10vw,6.2rem);color:var(--bone)}
.art-hero__l{display:block}
.art-hero__l--ink{color:var(--ox-2)}
.art-hero__sub{color:var(--bone-2);margin-top:22px;max-width:60ch;font-size:clamp(1rem,1.5vw,1.18rem)}
.art-hero__sub b{color:var(--bone)}
.art-hero__note{margin-top:18px;display:inline-block;color:var(--ox-2);border:1px solid rgba(212,104,92,.4);background:rgba(154,58,48,.1);border-radius:999px;padding:9px 15px;font-size:.78rem;letter-spacing:.03em}
.art-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* ============ WHY ENROL ============ */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.why-card{border:1px solid var(--line);border-radius:16px;background:var(--graphite);padding:24px}
.why-card__t{font-size:1.12rem;margin-bottom:10px;color:var(--bone)}
.why-card p{color:var(--bone-2)}

/* ============ ENROLMENT FORM ============ */
.enrol{border:1px solid var(--line-2);border-radius:18px;background:var(--graphite);padding:clamp(20px,3vw,30px)}
.enrol__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.enrol__field{display:flex;flex-direction:column;gap:7px}
.enrol__field--wide{grid-column:1/-1}
.enrol__field label{font-size:.74rem;color:var(--bone-2);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.req{color:var(--ox-2)}
.enrol__consent{display:flex;gap:11px;align-items:flex-start;margin-top:20px;color:var(--wash);font-size:.9rem;line-height:1.5}
.enrol__consent input{margin-top:3px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--ox)}
.enrol__consent a{color:var(--ox-2);border-bottom:1px solid var(--ox-2)}
.enrol__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.enrol__err{color:var(--ox-2);font-size:.88rem}
.enrol__err[hidden]{display:none}
.enrol__fallback{margin-top:18px;color:var(--wash-dim);font-size:.78rem;letter-spacing:.02em}
.enrol__fallback a{color:var(--bone-2);border-bottom:1px solid var(--ox-2);padding-bottom:1px}
.enrol__fallback a:hover{color:var(--bone)}

/* success state */
.enrol-done{border:1px solid rgba(63,176,122,.4);border-radius:18px;background:linear-gradient(180deg,rgba(63,176,122,.08),var(--graphite));padding:clamp(28px,4vw,40px);text-align:center}
.enrol-done[hidden]{display:none}
.enrol-done__mark{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:rgba(63,176,122,.16);color:var(--ok);font-size:1.6rem;border:1px solid rgba(63,176,122,.4);margin-bottom:16px}
.enrol-done__t{font-family:var(--f-disp);font-weight:400;text-transform:uppercase;font-size:1.7rem;letter-spacing:.01em;color:var(--bone);margin-bottom:10px}
.enrol-done__p{color:var(--bone-2);max-width:52ch;margin:0 auto 22px}

/* ============ FAQ ============ */
.faq{display:grid;gap:12px;max-width:820px}
.faq__item{border:1px solid var(--line);border-radius:13px;background:var(--graphite);padding:4px 18px}
.faq__item summary{cursor:pointer;padding:15px 0;font-weight:600;color:var(--bone);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";color:var(--ox-2);font-size:1.3rem;line-height:1;transition:transform .2s}
.faq__item[open] summary::after{transform:rotate(45deg)}
.faq__item p{color:var(--bone-2);padding:0 0 16px;max-width:64ch}

/* ============ FOOTER (ported from hub) ============ */
.footer{position:relative;background:var(--ink);border-top:1px solid var(--line);padding-block:clamp(40px,6vw,64px)}
.footer__inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-bottom:38px;border-bottom:1px solid var(--line)}
.footer__brand .brandmark{margin-bottom:16px}
.footer__tag{color:var(--wash);max-width:36ch;font-size:.96rem}
.footer__nav{display:flex;flex-direction:column;gap:12px}
.footer__nav a{color:var(--bone-2);font-weight:600;width:fit-content;transition:color .2s}
.footer__nav a:hover{color:var(--bone)}
.footer__contact{display:flex;flex-direction:column;gap:12px;color:var(--wash)}
.footer__contact a{color:var(--bone-2);transition:color .2s}
.footer__contact a:hover{color:var(--bone)}
.footer__soc{display:flex;gap:14px;margin-top:6px}
.footer__soc a{border:1px solid var(--line-2);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:.7rem;color:var(--bone-2)}
.footer__soc a:hover{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.footer__legal{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;padding-top:22px;margin-top:8px;border-top:1px solid var(--line)}
.footer__legal a{color:var(--bone-2);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}
.footer__legal a:hover{color:var(--bone)}
.footer__age{color:var(--wash-dim);font-size:.72rem;margin-left:auto}
.footer__base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;color:var(--wash-dim);letter-spacing:.05em;font-size:.78rem}
.footer__powered{color:var(--wash)}
.footer__powered a{color:var(--bone-2);border-bottom:1px solid var(--ox-2);padding-bottom:1px}
.footer__powered a:hover{color:var(--bone)}

/* ============ ZONE 2 — GATE (ported from dash.css) ============ */
.gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(130% 90% at 50% -10%,#1a1116,var(--ink))}
.gate__card{position:relative;width:100%;max-width:400px;background:var(--graphite);border:1px solid var(--line-2);border-radius:18px;padding:30px 26px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.gate__back{position:absolute;top:16px;left:18px;background:none;border:none;color:var(--wash);font:inherit;font-size:.82rem;cursor:pointer}
.gate__back:hover{color:var(--bone)}
.gate__mark{width:14px;height:14px;border-radius:50%;background:var(--ox);box-shadow:0 0 0 4px rgba(154,58,48,.18);display:inline-block}
.gate__brand{display:flex;align-items:center;gap:10px;font-size:1.1rem;margin-top:14px;margin-bottom:8px}
.gate__env{font-size:.58rem;padding:3px 9px;border-radius:999px;letter-spacing:.1em}
.gate__env.is-live{background:rgba(63,176,122,.16);color:var(--ok);border:1px solid rgba(63,176,122,.4)}
.gate__env.is-demo{background:rgba(212,104,92,.14);color:var(--ox-2);border:1px solid rgba(212,104,92,.4)}
.gate__lede{color:var(--wash);font-size:.9rem;margin:14px 0 20px}
.gate__demo-btn{width:100%}
.gate__or{display:flex;align-items:center;gap:10px;color:var(--wash);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin:20px 0 14px}
.gate__or::before,.gate__or::after{content:"";flex:1;height:1px;background:var(--line-2)}
.gate__form{display:flex;flex-direction:column;gap:10px;opacity:.6}
.gate__note{color:var(--wash-dim);font-size:.7rem;text-align:center;margin-top:4px}
.gate__mode{margin-top:16px;color:var(--wash-dim);font-size:.66rem;text-align:center}

/* ============ ZONE 3 — DASHBOARD SHELL (ported from dash.css) ============ */
.app{display:flex;flex-direction:column;min-height:100dvh}
.top{display:flex;align-items:center;gap:18px;padding:12px 20px;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--graphite-2);position:sticky;top:0;z-index:10;flex-wrap:wrap}
.top__brand{display:flex;align-items:center;gap:9px;font-size:1.02rem}
.top__env{font-size:.6rem;padding:3px 8px;border-radius:999px;letter-spacing:.1em}
.top__env.is-live{background:rgba(63,176,122,.16);color:var(--ok);border:1px solid rgba(63,176,122,.4)}
.top__env.is-demo{background:rgba(212,104,92,.14);color:var(--ox-2);border:1px solid rgba(212,104,92,.4)}
.tabs{display:flex;gap:4px;margin:0 auto;flex-wrap:wrap}
.tab{background:none;border:0;color:var(--wash);padding:9px 15px;border-radius:9px;cursor:pointer;font:inherit;font-weight:600}
.tab:hover{color:var(--bone)}
.tab.is-active{background:var(--ink);color:var(--bone)}
.tab__n{display:inline-block;min-width:18px;padding:0 5px;margin-left:4px;font-size:.7rem;background:var(--ox);color:#fff;border-radius:999px;font-family:var(--f-mono)}
.tab__n:empty{display:none}
.top__me{display:flex;align-items:center;gap:12px}
.top__user{color:var(--wash);font-size:.8rem}

.views{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:24px 20px calc(60px + env(safe-area-inset-bottom))}
.view{display:none}
.view.is-active{display:block}
.view__head{margin-bottom:18px}
.view__head h1{font-family:var(--f-disp);font-weight:400;text-transform:uppercase;font-size:1.9rem;letter-spacing:.01em}
.view__head .sub{color:var(--wash);font-size:.9rem;margin-top:6px;max-width:70ch}
.view__head .sub b{color:var(--ox-2)}
.empty{color:var(--wash);padding:30px 0;text-align:center}

/* filters */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.chip{font-family:var(--f-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;padding:7px 13px;border-radius:999px;border:1px solid var(--line-2);color:var(--wash);background:none;cursor:pointer}
.chip.is-active{background:var(--bone);color:var(--ink);border-color:var(--bone)}

/* booking cards */
.list{display:grid;gap:12px}
.card{border:1px solid var(--line);border-radius:14px;background:var(--graphite);padding:16px 18px}
.card__top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ago{color:var(--wash-dim);font-size:.7rem;margin-left:auto}
.badge{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:999px;border:1px solid}
.badge.s-new{color:var(--ox-2);border-color:var(--ox-2)}
.badge.s-confirmed{color:var(--ok);border-color:rgba(63,176,122,.5)}
.badge.s-contacted{color:var(--bone-2);border-color:var(--line-2)}
.badge.s-demo{color:var(--wash-dim);border-color:var(--line-2);background:var(--ink)}
.card__name{font-weight:600;margin-bottom:4px}
.card__meta{font-size:.7rem;color:var(--wash);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.card__idea{color:var(--bone-2);font-size:.95rem;margin-bottom:12px}
.card__act{display:flex;gap:8px;flex-wrap:wrap}
.mini{font-size:.78rem;padding:7px 12px;border-radius:8px;border:1px solid var(--line-2);background:var(--ink);color:var(--bone-2);cursor:pointer;font-family:inherit}
.mini:hover{color:var(--bone);border-color:var(--bone-2)}
.mini.ok:hover{border-color:var(--ok);color:var(--ok)}

/* profile */
.profile{border:1px solid var(--line-2);border-radius:16px;background:var(--graphite);padding:22px}
.profile__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.profile__actions{display:flex;align-items:center;gap:14px;margin-top:20px}
.profile__saved{color:var(--ok);font-size:.8rem}

/* availability */
.availAdd{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;border:1px solid var(--line-2);border-radius:14px;background:var(--graphite-2);padding:16px 18px;margin-bottom:20px}
.availAdd .in{width:auto}
.avail{display:grid;gap:10px;max-width:520px}
.avail__row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--graphite);padding:13px 16px}
.avail__d{font-weight:600}
.slot__x{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);background:var(--ink);color:var(--wash);cursor:pointer;font-size:.82rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.slot__x:hover{color:var(--bad);border-color:var(--bad)}

/* payouts stub */
.stub{border:1px dashed var(--line-2);border-radius:18px;background:var(--graphite-2);padding:clamp(28px,5vw,48px);text-align:center;max-width:640px}
.stub__mark{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:var(--ink);color:var(--ox-2);font-size:1.5rem;border:1px solid var(--line-2);margin-bottom:16px;font-family:var(--f-disp)}
.stub__t{font-size:1.3rem;color:var(--bone);margin-bottom:10px}
.stub__p{color:var(--wash);max-width:52ch;margin:0 auto}

/* support */
.support{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.support__direct{display:flex;gap:16px;flex-wrap:wrap;color:var(--wash)}
.support__direct a{color:var(--bone-2);border-bottom:1px solid var(--ox-2);padding-bottom:1px}
.support__direct a:hover{color:var(--bone)}

/* ============ COOKIE BANNER (ported from hub) ============ */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:310;padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom));transform:translateY(130%);transition:transform .4s var(--ease)}
.cookie[hidden]{display:none}
.cookie.show{transform:none}
.cookie__inner{max-width:var(--maxw);margin:0 auto;background:var(--graphite-2);border:1px solid var(--line-2);border-radius:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;box-shadow:0 20px 60px rgba(0,0,0,.55)}
.cookie__txt{color:var(--bone-2);font-size:.86rem;line-height:1.55;flex:1 1 340px;margin:0}
.cookie__txt b{color:var(--bone)}
.cookie__txt a{color:var(--ox-2);border-bottom:1px solid var(--ox-2)}
.cookie__actions{display:flex;gap:10px;flex:0 0 auto}
@media (prefers-reduced-motion:reduce){.cookie{transition:none}}

/* ============ LEGAL MODAL (ported from hub) ============ */
.legal{position:fixed;inset:0;z-index:340;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(5,5,6,.74);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.legal.open{display:flex}
.legal__panel{width:100%;max-width:760px;max-height:86dvh;display:flex;flex-direction:column;background:var(--graphite);border:1px solid var(--line-2);border-radius:18px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.legal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--graphite-2)}
.legal__title{font-family:var(--f-disp);font-weight:400;text-transform:uppercase;font-size:1.3rem;margin:0;letter-spacing:.01em}
.legal__close{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;color:var(--bone);background:none;border:1px solid var(--line-2);border-radius:10px;cursor:pointer}
.legal__close:hover{background:var(--bone);color:var(--ink)}
.legal__body{overflow-y:auto;padding:22px;line-height:1.62}
.legal__body .eff{font-family:var(--f-mono);font-size:.72rem;color:var(--wash);text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px}
.legal__body .lg-card{border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:14px;background:var(--graphite-2)}
.legal__body .lg-card h3{font-size:1rem;margin:0 0 8px;color:var(--bone)}
.legal__body .lg-card p{margin:0 0 9px;color:var(--bone-2)}
.legal__body .lg-card p:last-child{margin-bottom:0}
.legal__body .lg-card b{color:var(--bone)}
.legal__body ul{margin:0 0 9px;padding-left:20px;color:var(--bone-2)}
.legal__body li{margin-bottom:5px}
.legal__body a{color:var(--ox-2);border-bottom:1px solid var(--ox-2)}
.legal__body em{color:var(--wash);font-style:italic}
.legal__body .lg-row{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:6px 0;border-top:1px dashed var(--line);font-size:.92rem}
.legal__body .lg-row:first-of-type{border-top:none}
.legal__body .lg-row b{color:var(--wash);font-weight:600;font-size:.82rem}
@media (max-width:560px){.legal__body .lg-row{grid-template-columns:1fr}}

/* ============ RESPONSIVE ============ */
@media (max-width:860px){
  .why-grid{grid-template-columns:1fr}
  .footer__inner{grid-template-columns:1fr 1fr}
  .footer__brand{grid-column:1/-1}
}
@media (max-width:680px){
  .enrol__grid{grid-template-columns:1fr}
  .profile__grid{grid-template-columns:1fr}
  .enrol__field--wide{grid-column:auto}
  .footer__inner{grid-template-columns:1fr}
  .footer__base{flex-direction:column;gap:8px}
  .footer__age{margin-left:0}
  .tabs{order:3;width:100%;margin:6px 0 0;overflow-x:auto;flex-wrap:nowrap}
  .top{gap:10px}
}