/* ===== Effect ANZ Leadership — mobile web app ===== */

/* ---- Display: Plus Jakarta Sans (name, lockups, nav labels) ---- */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/jakarta-500.woff2") format("woff2");}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/jakarta-700.woff2") format("woff2");}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url("assets/fonts/jakarta-800.woff2") format("woff2");}
/* ---- Text/UI: Inter (role, body, meta, kickers) ---- */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;size-adjust:100%;src:url("assets/fonts/inter-400.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;size-adjust:100%;src:url("assets/fonts/inter-500.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;size-adjust:100%;src:url("assets/fonts/inter-600.woff2") format("woff2");}

:root{
  /* families */
  --f-display:"Plus Jakarta Sans","SF Pro Display",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-text:"Inter","SF Pro Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font:var(--f-text);
  /* type scale (fluid, iPhone 360→430px) */
  --fs-h1:clamp(26px,7.3vw,34px); --lh-h1:1.08; --ls-h1:-0.021em;
  --fs-co:clamp(15px,4.1vw,17px); --lh-co:1.15; --ls-co:-0.01em;
  --fs-role:14.5px; --lh-role:1.35; --ls-role:-0.002em;
  --fs-kicker:11px; --lh-kicker:1; --ls-kicker:0.14em;
  --fs-body:clamp(15px,4.05vw,16.5px); --lh-body:1.55; --ls-body:0;
  --fs-meta:13px; --lh-meta:1.3; --ls-meta:0.005em;
  /* liquid-glass tokens */
  --spring:cubic-bezier(.32,.72,0,1); --bounce:cubic-bezier(.34,1.56,.64,1);
}
:root{
  --ink:#13223b; --ink2:#45566f; --mut:#8893a8;
  --line:#e7ebf3; --bg:#eef1f7; --card:#ffffff;
  --blue:#1b4df0; --navy:#0a2a86; --sc:#1b4df0;      /* --sc = sector accent, set per panel */
  --bar:52px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;height:100%;}
body{
  font-family:var(--font); color:var(--ink); background:#0a1570;
  overflow:hidden; height:100vh; height:100dvh; width:100vw;
  text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;
  overscroll-behavior:none;
}
a{color:var(--blue);text-decoration:none;}
img{display:block;}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit;}

/* ===== swipe deck ===== */
.deck{
  display:flex; height:100vh; height:100dvh; width:100vw;
  overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  scroll-behavior:auto;
}
.deck::-webkit-scrollbar{display:none;}
.panel{
  flex:0 0 100%; width:100vw; height:100vh; height:100dvh;
  overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch;
  scroll-snap-align:start; scroll-snap-stop:always;
  background:var(--bg);
  padding-bottom:calc(26px + env(safe-area-inset-bottom));
}
.panel::-webkit-scrollbar{display:none;}

/* ===== hero ===== */
.hero{
  position:relative; padding:calc(var(--bar) + env(safe-area-inset-top) + 20px) 22px 26px;
  text-align:center; color:#fff; overflow:hidden;
  background:
    radial-gradient(120% 90% at 50% -10%, color-mix(in srgb, var(--sc) 85%, #fff 0%) 0%, color-mix(in srgb, var(--sc) 60%, #0a2a86 40%) 55%, #0a2158 100%);
}
.hero .htop{position:absolute;top:calc(var(--bar) + env(safe-area-inset-top) + 10px);left:16px;right:auto;max-width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;padding:0;z-index:3;}
.chip{max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:700;letter-spacing:.04em;color:#fff;background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);padding:4px 11px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.badge-low{white-space:nowrap;font-size:11px;font-weight:700;color:#5a3a00;background:#ffd98a;padding:4px 10px;border-radius:999px;}
.face{
  width:150px;height:150px;border-radius:50%;object-fit:cover;margin:4px auto 14px;
  border:4px solid rgba(255,255,255,.92); box-shadow:0 10px 30px rgba(2,10,40,.35);
  background:#dde3ef;
}
.face.ph{display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,#2a5bf5,#7a5cff);}
.hero .hname{font-size:27px;line-height:1.12;font-weight:800;margin:0 0 4px;letter-spacing:-.3px;}
.hero .role{font-size:14px;color:rgba(255,255,255,.9);font-weight:500;margin:0 auto;max-width:92%;}
.hmeta{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;flex-wrap:wrap;}
.hmeta .loc{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:rgba(255,255,255,.92);}
.hmeta .loc svg{width:13px;height:14px;fill:rgba(255,255,255,.92);}
.li{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);}
.li img{width:16px;height:16px;}
.cologo{margin:16px auto 0;background:#fff;border-radius:12px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;min-height:46px;box-shadow:0 6px 18px rgba(2,10,40,.22);}
.cologo img{max-height:30px;max-width:168px;object-fit:contain;}
.cologo .txt{font-weight:800;color:var(--navy);font-size:15px;}
.thesis{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.92);font-style:italic;margin:16px auto 0;max-width:94%;}

/* curved transition into body */
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:26px;background:var(--bg);border-radius:26px 26px 0 0;}

/* ===== body sections ===== */
.pwrap{padding:16px 16px 0;}
.sec{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 17px;margin-bottom:13px;box-shadow:0 1px 3px rgba(16,32,80,.04);}
.sec .seclabel{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sc);margin:0 0 10px;}
.sec p{margin:0 0 2px;font-size:14.5px;line-height:1.55;color:var(--ink2);}
.sec.why{background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 8%,#fff),#fff);border-color:color-mix(in srgb,var(--sc) 22%,var(--line));}
.sec.why .wt{font-size:14.5px;line-height:1.58;color:var(--ink);}
.sec a{color:var(--sc);font-weight:600;}
.item{margin-bottom:13px;}
.item:last-child{margin-bottom:0;}
.item .t{font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:3px;line-height:1.35;}
.item .b{font-size:13.5px;line-height:1.5;color:var(--ink2);}
.sec.fit .item .t{color:var(--sc);}
ol.qs{margin:0;padding:0;list-style:none;counter-reset:q;}
ol.qs li{counter-increment:q;position:relative;padding:0 0 0 32px;margin-bottom:13px;font-size:14px;line-height:1.5;color:var(--ink);}
ol.qs li:last-child{margin-bottom:0;}
ol.qs li:before{content:counter(q);position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;
  background:color-mix(in srgb,var(--sc) 14%,#fff);color:var(--sc);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.notes p{font-size:13.5px;line-height:1.55;color:var(--ink2);margin:0 0 7px;}
.notes ul{margin:4px 0 7px;padding-left:18px;}
.notes li{font-size:13.5px;line-height:1.5;color:var(--ink2);margin:4px 0;}
.notes .src{font-size:11.5px;color:var(--mut);border-top:1px dashed var(--line);padding-top:8px;margin-top:8px;}
.lowfit-note{font-size:12px;color:#8a5a00;background:#fff6e2;border:1px solid #f0dca6;border-radius:10px;padding:8px 11px;margin-top:6px;}

.pgr{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 2px 10px;}
.pgr button{flex:1;font-size:13px;font-weight:700;color:var(--sc);background:color-mix(in srgb,var(--sc) 9%,#fff);border:1px solid color-mix(in srgb,var(--sc) 22%,var(--line));border-radius:12px;padding:12px 8px;}
.pgr button:disabled{opacity:.35;}
.pgr .pc{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--mut);min-width:52px;text-align:center;}

/* ===== top bar ===== */
.topbar{position:fixed;top:0;left:0;right:0;z-index:30;
  height:calc(var(--bar) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;
  display:flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid rgba(16,32,80,.08);transition:opacity .25s;}
.topbar .tb{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--navy);padding:8px 10px;border-radius:10px;}
.topbar .tb svg{width:17px;height:17px;fill:currentColor;}
.topbar .tb:active{background:rgba(16,32,80,.06);}
.topbar .ctr{flex:1;text-align:center;}
.topbar .cname{font-size:13px;font-weight:800;color:var(--navy);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.topbar .cnum{font-size:10.5px;color:var(--mut);font-weight:600;}
.progress{position:fixed;top:calc(var(--bar) + env(safe-area-inset-top));left:0;right:0;height:3px;z-index:31;background:rgba(16,32,80,.08);}
.progress i{display:block;height:100%;width:2%;background:var(--sc);transition:width .2s,background .25s;}

/* ===== overlays (home / agenda) ===== */
.overlay{position:fixed;inset:0;z-index:40;background:var(--bg);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;
  transform:translateY(0);transition:transform .34s cubic-bezier(.22,.61,.36,1),opacity .34s;padding-bottom:calc(30px + env(safe-area-inset-bottom));}
.overlay.hide{transform:translateY(100%);opacity:0;pointer-events:none;}

/* home cover */
.cover{position:relative;overflow-x:hidden;padding:calc(env(safe-area-inset-top) + 30px) 24px 26px;color:#fff;
  background:linear-gradient(150deg,#0a1570 0%,#13299e 52%,#1f54d6 100%);overflow:hidden;}
.cover .sap{position:absolute;top:calc(env(safe-area-inset-top) + 16px);right:22px;width:56px;height:28px;}
.cover .kick{font-size:10px;letter-spacing:.18em;font-weight:800;color:#adbdf0;text-transform:uppercase;margin:36px 0 8px;}
.cover .chead{font-size:33px;line-height:1.08;font-weight:800;margin:0;letter-spacing:-.4px;}
.cover .sub{font-size:16px;color:#cdd8ff;margin-top:6px;font-weight:500;}
.cover .evt{margin-top:16px;font-size:12.5px;line-height:1.45;color:#dbe4ff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:inline-block;max-width:100%;padding:8px 14px;border-radius:14px;}
.cover .cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.cta .primary{flex:1;background:#fff;color:#0a2a86;font-weight:800;font-size:15px;padding:15px;border-radius:14px;box-shadow:0 10px 24px rgba(2,10,40,.3);}
.cta .ghost{flex:1 0 auto;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:700;font-size:15px;padding:15px 18px;border-radius:14px;}
.cover:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:22px;background:var(--bg);border-radius:22px 22px 0 0;}

.searchwrap{position:sticky;top:0;z-index:5;padding:14px 16px 10px;background:var(--bg);}
.search{width:100%;font-size:15px;padding:13px 15px;border-radius:13px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(16,32,80,.05);}
.search:focus{outline:none;border-color:var(--blue);}
.listwrap{padding:2px 16px 0;}
.secgroup{margin-bottom:16px;}
.secgroup .shd{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin:6px 2px 9px;}
.secgroup .shd .dot{width:11px;height:11px;border-radius:50%;}
.erow{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 13px;margin-bottom:9px;box-shadow:0 1px 2px rgba(16,32,80,.04);}
.erow:active{background:#f3f6fd;}
.erow .th{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#dde3ef;}
.erow .th.ph{display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:16px;background:linear-gradient(135deg,#2a5bf5,#7a5cff);}
.erow .en{font-size:15px;font-weight:700;color:var(--navy);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.erow .ec{font-size:12.5px;color:var(--mut);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.erow .ei{flex:0 0 auto;color:#c3ccdd;font-size:20px;}
.nores{text-align:center;color:var(--mut);font-size:14px;padding:30px;}

/* agenda */
.ahead{position:relative;padding:calc(env(safe-area-inset-top) + 54px) 20px 20px;color:#fff;background:linear-gradient(150deg,#0a1570,#1f54d6);}
.ahead .ahd{font-size:24px;font-weight:800;margin:0;}
.ahead .asub{font-size:13px;color:#cdd8ff;margin-top:5px;}
.ahead .alink{display:inline-block;margin-top:12px;font-size:12.5px;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);padding:7px 13px;border-radius:999px;}
.aday{padding:16px 16px 0;}
.adtitle{font-size:15px;font-weight:800;color:var(--navy);border-bottom:2px solid var(--blue);padding-bottom:7px;margin:8px 2px 10px;}
.adtitle span{font-size:11.5px;font-weight:600;color:var(--mut);}
.arow{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);}
.arow .at{flex:0 0 60px;font-size:12px;font-weight:800;color:var(--blue);}
.arow .as{font-size:14px;font-weight:700;color:var(--ink);line-height:1.3;}
.arow .ad{font-size:12.5px;color:var(--ink2);margin-top:3px;line-height:1.45;}
.arow .asp{font-size:12px;color:var(--mut);margin-top:3px;}
.arow .asp strong{color:var(--navy);}

/* back bar for agenda */
.backbar{position:fixed;top:0;left:0;right:0;z-index:50;height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;display:flex;align-items:center;}
.backbar button{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#fff;padding:8px 10px;}
.backbar button svg{width:18px;height:18px;fill:#fff;}

.hint{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:25;
  font-size:11.5px;color:#fff;background:rgba(10,20,60,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:7px 14px;border-radius:999px;
  pointer-events:none;transition:opacity .5s;display:flex;align-items:center;gap:7px;}
.hint.gone{opacity:0;}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important;}}
@media (min-width:620px){ /* tablet/desktop/phone-landscape: center a phone-width column */
  body{background:#0a1327;}
  .frame{max-width:460px;margin:0 auto;height:100dvh;box-shadow:0 0 60px rgba(0,0,0,.5);position:relative;overflow:hidden;}
  .deck{width:100%;}
  .panel{flex:0 0 100%;width:100%;}
}

@supports not (color: color-mix(in srgb, red, blue)){
  .hero{background:var(--sc);}
  .sec.why{background:#f3f6ff;border-color:#d8e0f7;}
  .sec.fit .item .t{color:var(--sc);}
  .pgr button{background:#eef2ff;border-color:#d6ddf6;}
  ol.qs li:before{background:#e9ecfb;}
  .chip{background:rgba(255,255,255,.2);}
}

/* =====================================================================
   TYPOGRAPHY APPLY — Plus Jakarta Sans (display) + Inter (text)
   ===================================================================== */
body{font-size:var(--fs-body);line-height:var(--lh-body);font-feature-settings:"calt" 1,"liga" 1;}
.hero .hname{font-family:var(--f-display);font-weight:800;font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);}
@supports (text-wrap:balance){.hero .hname{text-wrap:balance;}}
.hero .role{font-family:var(--f-text);font-weight:500;font-size:var(--fs-role);line-height:var(--lh-role);letter-spacing:var(--ls-role);}
.sec .seclabel{font-family:var(--f-text);font-weight:600;font-size:var(--fs-kicker);line-height:var(--lh-kicker);letter-spacing:var(--ls-kicker);}
.sec p,.sec .wt,.sec .item .b,ol.qs li,.notes p,.notes li{font-family:var(--f-text);font-weight:400;font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);}
.sec .item .t{font-family:var(--f-text);font-weight:700;}
.sec a{font-weight:600;}
.hmeta .loc,.badge-low{font-family:var(--f-text);font-weight:500;font-size:var(--fs-meta);line-height:var(--lh-meta);letter-spacing:var(--ls-meta);}
.face.ph,.erow .th.ph{font-family:var(--f-display);font-weight:800;}
.cover .chead,.ahead .ahd{font-family:var(--f-display);font-weight:800;letter-spacing:-.3px;}
.cover .kick{font-family:var(--f-text);font-weight:700;}
.cover .sub{font-family:var(--f-text);font-weight:500;}
.erow .en{font-family:var(--f-display);font-weight:700;}
.secgroup .shd{font-family:var(--f-text);font-weight:700;}
.adtitle{font-family:var(--f-display);font-weight:800;}
.topbar .cname{font-family:var(--f-display);font-weight:800;font-variant-numeric:tabular-nums;}
.topbar .cnum{font-variant-numeric:tabular-nums;}
.pc{font-variant-numeric:tabular-nums;}

/* =====================================================================
   LIQUID GLASS — top bar upgrade + scroll collapse
   ===================================================================== */
.topbar{
  background:rgba(255,255,255,.60);
  -webkit-backdrop-filter:saturate(190%) blur(20px);backdrop-filter:saturate(190%) blur(20px);
  border-bottom:1px solid rgba(255,255,255,.5);
  box-shadow:0 1px 10px rgba(10,20,50,.06),inset 0 1px 0 rgba(255,255,255,.65);
  transition:transform .3s var(--spring),background-color .25s,box-shadow .25s;
}
.frame.nav-up .topbar{transform:translateY(calc(-100% - 4px));}
.frame.nav-up .progress{opacity:0;}
.frame.nav-cond .topbar{box-shadow:0 3px 16px rgba(10,20,50,.16),inset 0 1px 0 rgba(255,255,255,.75);}

/* =====================================================================
   STICKY SECTION NAV (per panel)
   ===================================================================== */
.secnav{
  position:sticky;top:calc(var(--bar) + env(safe-area-inset-top) + 3px);z-index:20;
  display:flex;gap:7px;align-items:center;margin:0 -16px 12px;padding:9px 16px;
  overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  scroll-snap-type:x proximity;
  background:rgba(255,255,255,.66);
  -webkit-backdrop-filter:saturate(185%) blur(16px);backdrop-filter:saturate(185%) blur(16px);
  border-bottom:1px solid rgba(16,32,80,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
  transition:transform .3s var(--spring);
}
.secnav::-webkit-scrollbar{display:none;}
.frame.nav-up .secnav{transform:translateY(calc(-1 * (var(--bar) + 3px)));}
.secnav-chip{
  flex:0 0 auto;scroll-snap-align:center;white-space:nowrap;
  font-family:var(--f-text);font-size:12.5px;font-weight:700;letter-spacing:.01em;color:var(--ink2);
  background:color-mix(in srgb, var(--sc) 7%, #fff);
  border:1px solid color-mix(in srgb, var(--sc) 16%, var(--line));
  padding:7px 13px;border-radius:999px;
  transition:background .22s,color .22s,border-color .22s,box-shadow .22s;
}
.secnav-chip:active{transform:translateY(.5px);}
.secnav-chip[aria-current="true"]{color:#fff;background:var(--sc);border-color:var(--sc);box-shadow:0 2px 9px color-mix(in srgb, var(--sc) 40%, transparent);}
.pwrap .sec{scroll-margin-top:calc(var(--bar) + env(safe-area-inset-top) + 48px + 16px);}
/* when the topbar is auto-hidden, only the sticky chip bar remains → smaller jump offset */
.frame.nav-up .pwrap .sec{scroll-margin-top:calc(env(safe-area-inset-top) + 48px + 16px);}

/* =====================================================================
   HERO — company logo top-right + "Company overview" button
   ===================================================================== */
.hlogo{
  position:absolute;top:calc(var(--bar) + env(safe-area-inset-top) + 8px);right:14px;z-index:3;
  background:rgba(255,255,255,.92);border-radius:11px;padding:6px 10px;
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;max-width:44%;
  box-shadow:0 5px 16px rgba(2,10,40,.22),inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.hlogo:active{transform:scale(.95);}
.hlogo img{max-height:20px;max-width:98px;object-fit:contain;}
.hlogo .txt{font-family:var(--f-display);font-weight:800;color:var(--navy);font-size:12.5px;line-height:1.1;}
.cobtn{
  display:inline-flex;align-items:center;gap:7px;margin:18px auto 0;
  font-family:var(--f-text);font-weight:700;font-size:13.5px;color:#fff;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);
  padding:10px 17px;border-radius:999px;
  -webkit-backdrop-filter:blur(6px) saturate(160%);backdrop-filter:blur(6px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
}
.cobtn:active{background:rgba(255,255,255,.28);transform:scale(.97);}
.cobtn svg{width:15px;height:15px;fill:currentColor;opacity:.92;}

/* =====================================================================
   FLOATING ACTION BUTTON + reusable bottom sheet (sector picker + company popup)
   ===================================================================== */
.fab{
  position:fixed;z-index:35;right:calc(18px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));
  width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#0a2a86;isolation:isolate;overflow:hidden;background:rgba(255,255,255,.46);
  -webkit-backdrop-filter:blur(20px) saturate(190%);backdrop-filter:blur(20px) saturate(190%);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 10px 30px rgba(2,10,40,.26),inset 0 1px 1.5px rgba(255,255,255,.95),inset 0 -8px 14px rgba(255,255,255,.22);
  transition:transform .45s var(--bounce),box-shadow .3s ease,opacity .25s;
}
.fab:active{transform:scale(.88);box-shadow:0 4px 14px rgba(2,10,40,.26),inset 0 1px 1.5px rgba(255,255,255,.9);}
.fab-ic{width:25px;height:25px;fill:currentColor;position:relative;z-index:1;}
.fab-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 100% at 28% 12%,rgba(255,255,255,.85),rgba(255,255,255,0) 58%);}
.sheet-open .fab{display:none;}
.overlay-open .fab{opacity:0;pointer-events:none;}   /* hide FAB over home/agenda overlays */
/* while a sheet is open the bars sit under the scrim's blur+tint — drop their live blur to save GPU */
html.sheet-open .topbar,html.sheet-open .secnav{-webkit-backdrop-filter:none;backdrop-filter:none;}

.sheet-scrim{position:fixed;inset:0;z-index:60;opacity:0;pointer-events:none;background:rgba(8,14,38,0);
  -webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);
  transition:opacity .42s var(--spring),background .42s var(--spring),backdrop-filter .42s var(--spring);}
.sheet-scrim.show{opacity:1;pointer-events:auto;background:rgba(8,14,38,.4);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);}

.sheet{
  position:fixed;left:0;right:0;bottom:0;z-index:61;max-width:460px;margin:0 auto;
  display:flex;flex-direction:column;max-height:88vh;max-height:min(88dvh,760px);
  background:rgba(252,253,255,.74);
  -webkit-backdrop-filter:blur(34px) saturate(190%);backdrop-filter:blur(34px) saturate(190%);
  border-top:1px solid rgba(255,255,255,.65);border-radius:28px 28px 0 0;
  box-shadow:0 -14px 44px rgba(2,10,40,.3);
  transform:translateY(100%);transition:transform .46s var(--spring);will-change:transform;
}
.sheet.show{transform:translateY(0);}
.sheet-handle{flex:0 0 auto;touch-action:none;cursor:grab;}
.sheet-grab{display:flex;justify-content:center;padding:9px 0 2px;}
.sheet-grab span{width:38px;height:5px;border-radius:3px;background:rgba(16,32,80,.22);}
.sheet-head{display:flex;align-items:center;gap:10px;padding:6px 16px 12px;}
.sheet-title{flex:1;margin:0;font-family:var(--f-display);font-size:19px;font-weight:800;letter-spacing:-.2px;color:#0a2a86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sheet-x{flex:0 0 auto;width:30px;height:30px;border-radius:50%;font-size:14px;color:#45566f;background:rgba(16,32,80,.07);display:flex;align-items:center;justify-content:center;}
.sheet-x:active{background:rgba(16,32,80,.14);}
.sheet-inner{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 16px calc(18px + env(safe-area-inset-bottom));}
.sheet-inner::-webkit-scrollbar{display:none;}
.sheet-back{font-family:var(--f-text);font-size:13px;font-weight:700;color:#1b4df0;padding:6px 2px 12px;}

.sec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:2px;}
.sec-cell{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 3px rgba(16,32,80,.05);transition:transform .18s var(--bounce);}
.sec-cell:active{transform:scale(.96);}
.sec-cell .sec-dot{width:13px;height:13px;border-radius:50%;background:var(--c);box-shadow:0 2px 6px color-mix(in srgb, var(--c) 45%, transparent);}
.sec-name{font-family:var(--f-text);font-size:14px;font-weight:700;color:#13223b;line-height:1.2;}
.sec-n{font-family:var(--f-text);font-size:11.5px;font-weight:600;color:#8893a8;}

.sx-list{display:flex;flex-direction:column;gap:8px;}
.sx-row{display:flex;align-items:center;gap:12px;text-align:left;padding:9px 11px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(16,32,80,.04);transition:transform .16s var(--bounce),background .15s;}
.sx-row:active{transform:scale(.98);background:#f4f7fe;}
.sx-th{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#dde3ef;}
.sx-th.ph{display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg, var(--c,#2a5bf5), #7a5cff);}
.sx-txt{flex:1;min-width:0;display:flex;flex-direction:column;}
.sx-nm{font-family:var(--f-display);font-size:14.5px;font-weight:700;color:#0a2a86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sx-ro{font-family:var(--f-text);font-size:12px;color:#8893a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sx-go{flex:0 0 auto;color:var(--c);font-size:20px;font-weight:700;}

.co-sheet{text-align:center;padding:6px 4px 2px;}
.co-logo{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 18px;background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(2,10,40,.1);margin-bottom:16px;}
.co-logo img{max-height:34px;max-width:180px;object-fit:contain;}
.co-logo.co-txt{font-family:var(--f-display);font-weight:800;font-size:17px;color:#0a2a86;}
.co-lead{font-family:var(--f-display);font-weight:500;font-size:14px;color:#0a2a86;text-align:left;margin:0 0 10px;line-height:1.4;}
.co-desc{font-family:var(--f-text);font-size:14.5px;line-height:1.6;color:#45566f;text-align:left;margin:0 0 16px;}
.co-link{display:inline-block;font-family:var(--f-text);font-size:14px;font-weight:700;color:#fff;background:#1b4df0;padding:12px 20px;border-radius:13px;box-shadow:0 8px 20px rgba(27,77,240,.3);}

/* =====================================================================
   liquid-glass + motion fallbacks
   ===================================================================== */
@media (prefers-reduced-motion:reduce){
  .fab,.sheet,.sheet-scrim,.sec-cell,.sx-row,.topbar,.secnav{transition:none !important;}
}
@media (prefers-reduced-transparency:reduce){
  .topbar,.secnav{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.97);}
  .fab{background:#eef2ff;}
  .sheet{background:#f6f8ff;}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .topbar{background:rgba(255,255,255,.95);}
  .secnav{background:rgba(248,250,254,.97);}
  .fab{background:#eef2ff;}
  .sheet{background:#f6f8ff;}
  .sheet-scrim.show{background:rgba(8,14,38,.55);}
  .cobtn{background:rgba(255,255,255,.22);}
}
@supports not (color: color-mix(in srgb, red, blue)){
  .secnav-chip{background:#eef2ff;border-color:#d6ddf6;color:var(--ink2);}
  .secnav-chip[aria-current="true"]{background:var(--sc);border-color:var(--sc);color:#fff;box-shadow:0 2px 9px rgba(16,32,80,.28);}
  .sec-cell .sec-dot{box-shadow:0 2px 6px rgba(2,10,40,.18);}
}

/* =====================================================================
   APPLE-CALIBER MOTION + iOS-26 LIQUID GLASS  (appended last → authoritative)
   ===================================================================== */
:root{
  --ease-glass:cubic-bezier(.32,.72,0,1);    /* soft-spring decel: present / reveal */
  --ease-exit:cubic-bezier(.4,0,1,1);         /* accelerated exit: dismiss / hide */
  --ease-pop:cubic-bezier(.34,1.56,.64,1);    /* overshoot: press-release pop */
  --ease-chip:cubic-bezier(.33,0,.2,1);       /* crisp active-state */
  --dur-sheet-in:.52s; --dur-sheet-out:.30s;  /* asymmetric: soft in, quick out */
  --dur-fab:.26s; --dur-topbar:.34s; --dur-chip:.2s; --dur-settle:.5s;
  --spring:var(--ease-glass); --bounce:var(--ease-pop);  /* keep legacy aliases alive */
  /* liquid-glass material tokens */
  --lg-blur:18px; --lg-sat:180%; --lg-bright:1.06;
  --lg-tint:rgba(255,255,255,.46);
  --lg-tint-hi:rgba(255,255,255,.62);
  --lg-border:rgba(255,255,255,.55);
  --lg-amb:0 8px 30px rgba(10,20,50,.14);
  --lg-inset:inset 0 1px 0 rgba(255,255,255,.72);
}
/* element → motion token wiring */
.sheet{transition:transform var(--dur-sheet-out) var(--ease-exit);will-change:auto;}
.sheet.show{transition:transform var(--dur-sheet-in) var(--ease-glass);}
.sheet-scrim{transition:opacity var(--dur-sheet-out) var(--ease-exit),background var(--dur-sheet-out) var(--ease-exit),-webkit-backdrop-filter var(--dur-sheet-out) var(--ease-exit),backdrop-filter var(--dur-sheet-out) var(--ease-exit);}
.sheet-scrim.show{transition-duration:var(--dur-sheet-in);transition-timing-function:var(--ease-glass);}
.fab{transition:transform var(--dur-fab) var(--ease-pop),box-shadow var(--dur-fab) ease,opacity .25s;}
.frame.nav-up .topbar,.topbar{transition:transform var(--dur-topbar) var(--ease-glass),background-color .25s,box-shadow .25s;}
.secnav{transition:transform var(--dur-topbar) var(--ease-glass);}
.secnav-chip,.chip,.heroabout{transition:background var(--dur-chip) var(--ease-chip),color var(--dur-chip) var(--ease-chip),border-color var(--dur-chip) var(--ease-chip),box-shadow var(--dur-chip) var(--ease-chip),transform var(--dur-fab) var(--ease-pop);}
.progress i{transition:width var(--dur-settle) var(--ease-glass),background .25s;}

/* liquid-glass material on the big surfaces (bars + sheet) */
.topbar,.secnav,.sheet{
  isolation:isolate;
  -webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright));
  backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright));
  background:var(--lg-tint-hi);
  box-shadow:var(--lg-amb),var(--lg-inset);
}
.topbar{border:0;border-bottom:1px solid var(--lg-border);}
.secnav{border:0;border-bottom:1px solid var(--lg-border);}
.sheet{background:rgba(252,253,255,.72);border-top:1px solid var(--lg-border);}
/* specular top highlight (plus-lighter → screen fallback) */
.topbar::before,.secnav::before,.sheet::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.1) 44%,rgba(255,255,255,0) 72%);
  mix-blend-mode:plus-lighter;opacity:.9;
}
.sheet::before{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 140px);}
.topbar>*,.secnav>*,.sheet>*{position:relative;z-index:1;}  /* keep content above the sheen */

/* light-responsive press on the small glass pills */
.chip:active,.secnav-chip:active,.heroabout:active{filter:brightness(1.08);}

/* ===== topbar company logo (replaces Agenda tab) ===== */
.tblogo{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:34px;padding:4px 9px;margin-right:2px;border-radius:9px;
  background:rgba(255,255,255,.92);box-shadow:0 1px 5px rgba(2,10,40,.16),inset 0 1px 0 rgba(255,255,255,.95);}
.tblogo img{max-height:20px;max-width:94px;object-fit:contain;}
.tblogo .txt{font-family:var(--f-display);font-weight:800;font-size:12px;color:var(--navy);white-space:nowrap;max-width:94px;overflow:hidden;text-overflow:ellipsis;}
.tblogo:active{transform:scale(.94);}

/* ===== hero "About company" pill (takes the old logo slot, top-right) ===== */
.heroabout{position:absolute;top:calc(var(--bar) + env(safe-area-inset-top) + 10px);right:14px;z-index:3;
  display:inline-flex;align-items:center;gap:6px;max-width:46%;
  font-family:var(--f-text);font-weight:700;font-size:12.5px;color:#fff;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);padding:8px 13px;border-radius:999px;
  -webkit-backdrop-filter:blur(6px) saturate(160%);backdrop-filter:blur(6px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);}
.heroabout svg{width:14px;height:14px;fill:currentColor;opacity:.92;flex:0 0 auto;}
.heroabout span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.heroabout:active{background:rgba(255,255,255,.28);transform:scale(.97);}

/* ===== FAB sheet: Agenda entry + divider ===== */
.agbtn{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:14px 15px;margin:2px 0 2px;border-radius:16px;
  background:linear-gradient(135deg,#0a1f6e,#1f54d6);color:#fff;box-shadow:0 8px 22px rgba(10,30,100,.28);
  transition:transform var(--dur-fab) var(--ease-pop);}
.agbtn:active{transform:scale(.98);}
.agbtn svg{width:24px;height:24px;fill:#fff;flex:0 0 auto;opacity:.95;}
.agbtn-tx{flex:1;min-width:0;display:flex;flex-direction:column;}
.agbtn-t{font-family:var(--f-display);font-weight:800;font-size:15px;line-height:1.1;}
.agbtn-s{font-family:var(--f-text);font-size:11.5px;color:rgba(255,255,255,.82);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.agbtn-go{flex:0 0 auto;font-size:20px;color:rgba(255,255,255,.72);}
.sheet-divider{font-family:var(--f-text);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:14px 2px 10px;}

/* ===== fallbacks / a11y (authoritative — last in file) ===== */
@supports not (mix-blend-mode:plus-lighter){
  .topbar::before,.secnav::before,.sheet::before{mix-blend-mode:screen;opacity:.7;}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .topbar{background:rgba(255,255,255,.95);} .secnav{background:rgba(248,250,254,.97);}
  .sheet{background:#f6f8ff;} .fab{background:#eef2ff;} .heroabout{background:rgba(255,255,255,.22);}
  .topbar::before,.secnav::before,.sheet::before{display:none;}
}
@media (prefers-reduced-transparency:reduce){
  .topbar,.secnav,.sheet{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.97);}
  .sheet{background:#f6f8ff;} .fab{background:#eef2ff;}
  .topbar::before,.secnav::before,.sheet::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .sheet,.sheet.show,.sheet-scrim,.sheet-scrim.show,.fab,.topbar,.secnav,.secnav-chip,.chip,.heroabout,.agbtn,.progress i{transition:none!important;}
}
@supports not (color: color-mix(in srgb, red, blue)){
  .agbtn{background:linear-gradient(135deg,#0a1f6e,#1f54d6);}
}