/* atherni.com: the "aether" design from the Atherni artifact. Deep jade ink on mist, violet (aether) and sun accents,
   Bricolage Grotesque headings with Figtree. Glass profile cards on photos, a photo hero, rounded generous surfaces. */
:root{
  --bg:#F2F6F4;--bg2:#E6EFEB;--card:#fff;--ink:#0E2B28;--body:#3D5752;--line:#CDDCD6;--brand:#1B7F6D;--brand-fg:#fff;--link:#12594C;
  --aether:#5B50B8;--aether-soft:#E9E7F8;--sun:#F0B35E;--sun-soft:#FBEFD8;--ok:#1E8E5A;--warn-bg:#FBF1DC;--warn-fg:#6B4A0E;--bad:#B4232F;
  --shadow:0 1px 2px rgba(14,43,40,.06),0 10px 28px rgba(14,43,40,.07);
  --disp:'Bricolage Grotesque','Figtree',system-ui,sans-serif;--sans:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#08191A;--bg2:#0D2527;--card:#0F2B2D;--ink:#E7F3F0;--body:#A6C0BA;--line:#1F3E40;--brand:#3FC4A8;--brand-fg:#06231F;--link:#7FE0C8;
  --aether:#A59DFF;--aether-soft:#211F45;--sun-soft:#3A2D14;--ok:#4CD08C;--warn-bg:#3A2D14;--warn-fg:#F3D9A4;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.28);color-scheme:dark}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--body);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--link)}img{max-width:100%;display:block}
h1,h2,h3,h4{color:var(--ink);font-family:var(--disp);margin:0;letter-spacing:-.02em;line-height:1.12;text-wrap:balance}
p{margin:0}button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--aether);outline-offset:2px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.num{font-variant-numeric:tabular-nums}
/* header */
.announce{background:linear-gradient(100deg,var(--brand),var(--aether));color:#fff;font-size:13px;font-weight:600;text-align:center;padding:6px 16px;line-height:1.4}
.announce a{color:#fff}
.hdr{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);box-shadow:0 8px 30px -18px rgba(14,43,40,.5)}
.hdr .wrap{display:flex;align-items:center;gap:14px;min-height:64px}
.logo{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:800;font-size:22px;color:var(--ink);text-decoration:none;letter-spacing:-.03em}
.logo svg{width:28px;height:28px}
.nav{display:flex;gap:2px;margin-left:10px;padding:4px;background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--line);border-radius:999px}
.nav a{padding:8px 13px;border-radius:999px;text-decoration:none;color:var(--body);font-weight:700;font-size:14.5px;white-space:nowrap}
.nav a:hover{background:var(--bg2);color:var(--ink)}.nav a.on{background:var(--ink);color:var(--bg)}
.hdr .cta{margin-left:auto;display:flex;gap:8px;align-items:center}
.burger{display:none;margin-left:auto;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:6px 12px;font-size:18px;cursor:pointer}
.m-only{display:none}
/* buttons, chips, badges */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:11px 20px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;line-height:1.2;white-space:nowrap;transition:transform .15s}
.btn:hover{transform:translateY(-1px)}.btn.sm{padding:7px 14px;font-size:14px}
.btn.brand{background:var(--brand);color:var(--brand-fg)}.btn.ink{background:var(--ink);color:var(--bg)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn.sun{background:var(--sun);color:#2B1D04}.btn.join{background:linear-gradient(100deg,var(--brand),var(--aether));color:#fff;box-shadow:0 8px 20px -8px var(--aether)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 13px;font-size:14px;font-weight:600;cursor:pointer;color:var(--body);text-decoration:none}
.chip.on,.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--bg2);color:var(--body)}
.tag.v{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.tag.a{background:var(--aether-soft);color:var(--aether)}.tag.s{background:var(--sun-soft);color:var(--warn-fg)}
.tint{background:hsl(var(--h,160) 50% 90%);color:hsl(var(--h,160) 40% 26%)}
@media (prefers-color-scheme:dark){.tint{background:hsl(var(--h,160) 35% 20%);color:hsl(var(--h,160) 40% 82%)}}
.kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--link);display:inline-flex;align-items:center;gap:10px}
.kicker::before{content:"";width:22px;height:2px;background:var(--sun)}
.note{background:var(--warn-bg);color:var(--warn-fg);border-radius:12px;padding:10px 14px;font-size:14px}
.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);border-radius:12px;padding:10px 14px;font-weight:600}
.err{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);border-radius:12px;padding:10px 14px;font-size:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}
.lift{box-shadow:var(--shadow)}.muted{opacity:.85}.small{font-size:14px}.xs{font-size:12.5px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.grid.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=url],select,textarea{width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
textarea{min-height:110px;resize:vertical}label.f{display:block;font-size:13px;font-weight:700;color:var(--ink);margin:0 0 12px}label.f>input,label.f>select,label.f>textarea{margin-top:5px}
details{border-bottom:1px solid var(--line)}details summary{cursor:pointer;padding:14px 0;font-weight:700;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:12px}
details summary::after{content:"+";font-size:20px;line-height:1;color:var(--link)}details[open] summary::after{content:"\2212"}details>div,details>p{padding:0 0 16px;max-width:70ch}
/* sections */
.sb{padding-block:64px}.sb.alt{background:var(--bg2)}.sb.dark{background:var(--ink);color:var(--bg)}.sb.dark h2,.sb.dark h3{color:var(--bg)}.sb.dark .kicker{color:var(--sun)}
.shead{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:28px}.shead h2{font-size:clamp(28px,3.8vw,46px);max-width:22ch;margin-top:8px}.shead p{max-width:52ch}
.pagehead{padding-block:44px 24px}.pagehead h1{font-size:clamp(34px,5vw,60px);font-weight:800;letter-spacing:-.04em;max-width:20ch;margin-top:10px}.pagehead p{max-width:60ch;margin-top:12px;font-size:18px}
/* hero */
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0E2B28,#3b2f7a);min-height:clamp(560px,78vh,740px);display:flex;align-items:center}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,22,20,.88) 0%,rgba(6,22,20,.62) 45%,rgba(6,22,20,.15) 80%),linear-gradient(0deg,rgba(6,22,20,.7),transparent 40%)}
.hero .in{width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:end;padding-block:56px 48px}
.hero .kicker{color:var(--sun)}.hero h1{color:#fff;font-size:clamp(40px,6.2vw,80px);font-weight:800;letter-spacing:-.045em;line-height:1.02;margin-top:14px;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hero h1 em{font-style:normal;color:var(--sun)}.hero .lede{color:rgba(255,255,255,.92);font-size:clamp(17px,1.6vw,20px);max-width:54ch;margin:18px 0 22px}
.search{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);border-radius:20px;padding:8px;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}
.search input,.search select{border:0;background:rgba(255,255,255,.94);color:#0E2B28;border-radius:14px}
.hero .chip{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff}
.hglass{justify-self:end;width:min(100%,330px);border-radius:26px;padding:16px;background:linear-gradient(160deg,rgba(255,255,255,.26),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.42);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 24px 60px -20px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.5);display:flex;flex-direction:column;gap:12px}
.hglass .stack{display:flex}.hglass .stack img{width:44px;height:44px;border-radius:50%;border:2px solid #fff;margin-left:-10px;object-fit:cover}.hglass .stack img:first-child{margin-left:0}
.hglass .r2{display:flex;gap:8px;flex-wrap:wrap}.hglass .r2 span{font-size:12.5px;font-weight:700;background:rgba(255,255,255,.18);border-radius:999px;padding:3px 10px}
/* professional cards (glass on photo) */
.pgrid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr))}
.pcard{position:relative;aspect-ratio:3/4.2;border-radius:28px;overflow:hidden;isolation:isolate;color:#fff;background:#12302c;box-shadow:0 2px 4px rgba(8,25,22,.12),0 18px 40px -12px rgba(8,25,22,.4);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;text-decoration:none;display:block}
.pcard::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(140deg,rgba(255,255,255,.75),rgba(255,255,255,.05) 35%,rgba(240,179,94,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:4;pointer-events:none}
.pcard:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 4px 8px rgba(8,25,22,.14),0 34px 60px -14px rgba(8,25,22,.55)}
.pcard .ph{position:absolute;inset:0;transition:transform .8s cubic-bezier(.2,.8,.2,1);background:radial-gradient(circle at 25% 15%,hsl(var(--h,160) 80% 88%),transparent 55%),linear-gradient(160deg,hsl(var(--h,160) 55% 70%),hsl(calc(var(--h,160) + 50) 48% 46%));display:grid;place-items:center;font:800 64px var(--disp);color:rgba(255,255,255,.85)}
.pcard .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.pcard:hover .ph{transform:scale(1.06)}
.pcard .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,20,18,.28) 0%,rgba(6,20,18,0) 28%,rgba(6,20,18,0) 42%,rgba(6,20,18,.85) 100%);pointer-events:none}
.vchip{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;gap:5px;align-items:center;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.vchip i{font-style:normal;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#3FD08D;color:#04281a;font-size:10px}
.vchip.sample{background:rgba(240,179,94,.9);color:#2B1D04;border-color:rgba(255,255,255,.6)}
.glass{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;padding:14px 16px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.26),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 30px rgba(0,0,0,.25)}
.glass h3{color:#fff;font-size:20px;text-shadow:0 1px 8px rgba(0,0,0,.35)}.glass .role{font-size:13.5px;color:rgba(255,255,255,.92);line-height:1.35;margin-top:2px}
.glass .pm{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;font-size:12.5px}.glass .pm span{background:rgba(255,255,255,.16);border-radius:999px;padding:2px 9px}
.glass .pf{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.28);font-size:14px}
.glass .pf b{font-family:var(--disp);font-size:18px}.star{color:#FFD27A;font-weight:700}
.bk{background:var(--sun);color:#2B1D04;font-weight:800;font-size:13px;border-radius:999px;padding:7px 14px;white-space:nowrap}
/* sector tiles */
.sgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.sector{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:16px;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s}
.sector:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.sector .no{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:14px}
.sector h3{font-size:18px}.sector p{font-size:14px}
/* steps */
.steps{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));counter-reset:s}
.steps>div{counter-increment:s;position:relative;padding-top:46px}.steps>div::before{content:counter(s);position:absolute;top:0;left:0;width:36px;height:36px;border-radius:50%;background:var(--sun);color:#2B1D04;display:grid;place-items:center;font:800 16px var(--disp)}
.steps h3{font-size:19px;margin-bottom:6px}
/* split panels */
.split{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}
.panel{border-radius:26px;padding:32px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;position:relative;overflow:hidden}
.panel.a{background:var(--aether-soft)}.panel.b{background:var(--sun-soft)}.panel h3{font-size:clamp(24px,2.6vw,32px)}
.panel ul{margin:0;padding-left:18px}.panel li{margin-bottom:4px}
.photo-band{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:200px 200px;gap:14px}
.photo-band img{width:100%;height:100%;object-fit:cover;border-radius:22px}.photo-band img:first-child{grid-row:span 2}
.cta-band{background:linear-gradient(120deg,var(--brand),var(--aether));color:#fff;border-radius:28px;padding:clamp(28px,5vw,56px);display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.cta-band h2{color:#fff;font-size:clamp(26px,3.6vw,42px);max-width:22ch}
/* plans */
.plans{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.plan{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:10px}
.plan.hot{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand),var(--shadow)}.plan.top{background:var(--ink);color:var(--bg);border-color:var(--ink)}.plan.top h3,.plan.top .amt{color:var(--bg)}
.plan .amt{font:800 36px var(--disp);color:var(--ink);line-height:1}.plan .amt small{font:600 14px var(--sans);opacity:.75}
.plan ul{margin:4px 0 8px;padding-left:18px;font-size:14.5px}.plan li{margin-bottom:5px}
/* filters + lists */
.filters{display:grid;gap:10px;grid-template-columns:minmax(0,2fr) repeat(auto-fit,minmax(min(100%,150px),1fr));margin-bottom:12px}
.ftoggles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.list{display:grid;gap:12px}.item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}
.item h3{font-size:19px;margin:4px 0}.ev .date{background:var(--bg2);border-radius:12px;padding:8px 12px;text-align:center;line-height:1.1;min-width:64px}.ev .date b{display:block;font:800 26px var(--disp);color:var(--ink)}
.ev{grid-template-columns:auto minmax(0,1fr) auto}
.ccard{display:flex;flex-direction:column;border-radius:24px;background:var(--card);border:1px solid var(--line);overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}
.ccard:hover{transform:translateY(-6px);box-shadow:0 30px 56px -18px rgba(14,43,40,.45)}.ccard .cv{aspect-ratio:16/9;background:linear-gradient(150deg,hsl(var(--h,160) 55% 72%),hsl(calc(var(--h,160) + 50) 48% 44%));position:relative;display:grid;place-items:center;color:#fff;font:800 34px var(--disp)}
.ccard .cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ccard .cb{padding:16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.ccard h3{font-size:19px}
/* profile page */
.pf-hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.pf-hero .cover{position:absolute;inset:0;z-index:-2}.pf-hero .cover img{width:100%;height:100%;object-fit:cover;opacity:.45}
.pf-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,22,20,.35),rgba(6,22,20,.92))}
.pf-hero .in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:end;padding-block:56px 30px}
.pf-hero .face{width:150px;height:186px;border-radius:30px;overflow:hidden;border:3px solid rgba(255,255,255,.75);box-shadow:0 20px 40px -12px rgba(0,0,0,.6);background:linear-gradient(160deg,hsl(var(--h) 55% 70%),hsl(calc(var(--h) + 50) 48% 46%));display:grid;place-items:center;font:800 50px var(--disp)}
.pf-hero .face img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.pf-hero h1{color:#fff;font-size:clamp(32px,4.6vw,54px);letter-spacing:-.035em}.pf-hero .head{font-size:18px;color:rgba(255,255,255,.9);margin-top:6px}
.pf-hero .facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pf-hero .facts span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:4px 12px;font-size:13.5px;font-weight:600}
.jump{position:sticky;top:64px;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.jump .wrap{display:flex;gap:4px;overflow-x:auto;padding-block:8px}.jump a{padding:6px 12px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:var(--body);white-space:nowrap}.jump a:hover{background:var(--bg2);color:var(--ink)}
.pf-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:start;padding-block:28px 70px}
.pf-side{position:sticky;top:120px;display:flex;flex-direction:column;gap:14px}
.pf-sec{scroll-margin-top:130px;margin-bottom:34px}.pf-sec>h2{font-size:26px;margin-bottom:12px}
.svc{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.svc:last-child{border-bottom:0}.svc h4{font-size:17px}
.cred{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line)}.cred:last-child{border-bottom:0}.cred i{font-style:normal;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok);display:grid;place-items:center;font-weight:800;flex:none}
.rv{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--card)}.rv .reply{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--bg2);font-size:14px}
.bars{display:grid;gap:6px}.bar{height:8px;border-radius:99px;background:var(--bg2);overflow:hidden}.bar i{display:block;height:100%;background:var(--sun)}
.safety{border-left:4px solid var(--aether);background:var(--aether-soft);padding:12px 14px;border-radius:0 12px 12px 0;font-size:14px}
.crisis{border-left:4px solid var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--card));padding:12px 14px;border-radius:0 12px 12px 0;font-size:14px}
.trust{display:flex;align-items:center;gap:12px}.ring{--v:0;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--v)*1%),var(--bg2) 0);display:grid;place-items:center;flex:none}
.ring b{width:46px;height:46px;border-radius:50%;background:var(--card);display:grid;place-items:center;font:800 16px var(--disp);color:var(--ink)}
.vid{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;display:grid;place-items:center;color:#fff;cursor:pointer;border:0;width:100%}
.vid span{background:var(--sun);color:#2B1D04;border-radius:999px;padding:10px 18px;font-weight:800}
.thread{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow:auto;padding:6px}.msg{max-width:78%;padding:10px 14px;border-radius:16px;background:var(--bg2);white-space:pre-wrap}.msg.me{align-self:flex-end;background:var(--brand);color:var(--brand-fg)}
.msg small{display:block;opacity:.75;font-size:11.5px;margin-top:4px}
.prose{max-width:70ch}.prose h2{font-size:26px;margin:28px 0 10px}.prose p{margin:0 0 14px;font-size:17.5px;line-height:1.75}.prose ul{font-size:17px}
/* footer */
.ftr{background:var(--ink);color:var(--bg);padding-block:48px 90px}
.ftr a{color:color-mix(in srgb,var(--bg) 75%,transparent);text-decoration:none;display:block;padding:3px 0;font-size:15px}.ftr a:hover{color:var(--bg)}
.ftr h5{color:var(--sun);font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}
.ftr .cols{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.ftr .bot{margin-top:28px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--bg) 20%,transparent);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;opacity:.85}
.ftr .logo{color:var(--bg)}
.tabbar{display:none}
@media (max-width:1180px){.nav a{padding:8px 10px;font-size:14px}}
@media (max-width:959px){
  .nav{display:none}.hdr .cta .hide-m{display:none}.burger{display:inline-flex;margin-left:8px}
  .hdr.open .nav{display:flex;flex-direction:column;position:absolute;left:12px;right:12px;top:100%;margin:6px 0 0;padding:10px;border-radius:22px;background:var(--card);box-shadow:0 24px 50px -16px rgba(8,25,22,.5)}
  .hdr.open .nav a.m-only{display:block}
  .hero .in,.pf-grid{grid-template-columns:minmax(0,1fr)}.hglass{justify-self:start}.pf-side{position:static}
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--card);border-top:1px solid var(--line);justify-content:space-around;padding:6px 0 max(6px,env(safe-area-inset-bottom))}
  .tabbar a{text-decoration:none;color:var(--body);font-size:11.5px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px}.tabbar b{font-size:18px;color:var(--brand)}
}
@media (max-width:640px){.search{grid-template-columns:minmax(0,1fr)}.sb{padding-block:44px}.panel{padding:22px}.pf-hero .in{grid-template-columns:minmax(0,1fr)}.pf-hero .face{width:112px;height:140px}
  .photo-band{grid-template-columns:1fr 1fr;grid-template-rows:150px 150px 150px}.photo-band img:first-child{grid-column:span 2;grid-row:auto}.item,.ev{grid-template-columns:minmax(0,1fr)}.hdr .cta .btn.join{padding:7px 12px}}
@media (prefers-reduced-motion:reduce){.pcard,.ccard,.sector,.btn{transition:none}.pcard:hover,.ccard:hover{transform:none}html{scroll-behavior:auto}}
