/* ── self-hosted variable fonts (SIL OFL) · no third-party connections ──
   Noto Sans Hebrew keeps wght+wdth: the h1 animates both axes.
   DM Mono ships no Hebrew and no shekel sign, so those two ranges are
   served from Assistant — same file, already loaded, zero extra bytes. */
@font-face{font-family:"Noto Sans Hebrew";src:url(/fonts/noto-hebrew-var.woff2) format("woff2");font-weight:250 900;font-stretch:78% 100%;font-style:normal;font-display:swap}
@font-face{font-family:"Assistant";src:url(/fonts/assistant-var.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"DM Mono";src:url(/fonts/dmmono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DM Mono";src:url(/fonts/dmmono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"DM Mono";src:url(/fonts/assistant-var.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA;font-weight:300 700;font-style:normal;font-display:swap}
/* ═══════════════════════════════════════════════════════════
   ACTIVO 2026 — clean two-tone system
   White canvas · near-black ink · one ultramarine.
   No gradients-as-decoration, no texture, no warm tones.
   Motion: scroll-driven CSS, variable-font kinetics, spring easing.
   ═══════════════════════════════════════════════════════════ */
:root{
  --bg:#FFFFFF;
  --bg-2:#F5F6F8;          /* cool light surface */
  --bg-3:#EDEFF3;
  --ink:#0A0C10;           /* near-black, cool */
  --ink-2:#585F6D;         /* secondary text */
  --ink-3:#8A919F;         /* tertiary */
  --line:#E5E7EC;
  --line-2:#D3D7DF;
  --brand:#1F3CF0;         /* ultramarine — the only accent */
  --brand-ink:#1730C4;     /* accessible on white for small text */
  --brand-050:#EFF2FE;
  --brand-glow:rgba(31,60,240,.10);

  --dark:#0A0C10;
  --dark-2:#14171E;
  --dark-line:#242833;
  --dark-txt:#9BA3B2;
  --brand-lt:#7C90FF;      /* brand on dark */

  --sans:"Assistant","Segoe UI",system-ui,sans-serif;
  --disp:"Noto Sans Hebrew","Assistant",system-ui,sans-serif;
  --mono:"DM Mono",ui-monospace,monospace;

  --wrap:1220px;
  --gut:clamp(20px,5vw,52px);
  --sect:clamp(72px,10vw,148px);
  --r:14px;
  --r-sm:10px;

  /* spring easing — 2026 motion feel */
  --spring:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.001 49.8%,1.006 54.3%,1.004 61.4%,1);
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-size:17px;line-height:1.68;font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{
  font-family:var(--disp);margin:0;line-height:1.06;
  letter-spacing:-.035em;font-weight:800;
  font-variation-settings:"wght" 800,"wdth" 100;
}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
:focus-visible{outline:2.5px solid var(--brand);outline-offset:3px;border-radius:6px}
.on-dark :focus-visible{outline-color:var(--brand-lt)}
.skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:300;background:var(--ink);color:#fff;padding:12px 20px;border-radius:0 0 var(--r-sm) var(--r-sm)}
.skip:focus{inset-inline-start:16px;top:0}

.tag{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);
  font-size:12px;letter-spacing:.02em;color:var(--brand-ink);
  background:var(--brand-050);border-radius:999px;padding:6px 14px;
}
.tag i{width:5px;height:5px;border-radius:50%;background:var(--brand);display:block}
.on-dark .tag{color:var(--brand-lt);background:rgba(124,144,255,.12)}

/* ─── buttons ─── */
.btn{
  display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);
  font-size:16px;font-weight:600;padding:14px 24px;border-radius:999px;
  text-decoration:none;border:1.5px solid transparent;cursor:pointer;
  transition:background .35s var(--ease),color .35s var(--ease),
             border-color .35s var(--ease),transform .5s var(--spring);
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn--fill{background:var(--ink);color:#fff}
.btn--fill:hover{background:var(--brand)}
.btn--brand{background:var(--brand);color:#fff}
.btn--brand:hover{background:var(--ink)}
.btn--line{border-color:var(--line-2);color:var(--ink)}
.btn--line:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.btn--line-d{border-color:var(--dark-line);color:#fff}
.btn--line-d:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn .ar{transition:transform .5s var(--spring);display:inline-block}
.btn:hover .ar{transform:translateX(-5px)}

/* ═══════════ HEADER ═══════════ */
.hdr{position:sticky;top:0;z-index:120;background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(1.6);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.hdr[data-stuck="true"]{border-bottom-color:var(--line);background:rgba(255,255,255,.86)}
.hdr__bar{position:absolute;bottom:-1px;inset-inline-start:0;height:2px;background:var(--brand);width:0;z-index:2}
.hdr__in{position:relative;display:flex;align-items:center;gap:clamp(14px,3vw,40px);height:72px;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);transition:height .3s var(--ease)}
.hdr[data-stuck="true"] .hdr__in{height:62px}

.mark{font-family:var(--disp);font-weight:900;font-size:25px;letter-spacing:-.05em;text-decoration:none;line-height:1;display:flex;align-items:center;gap:1px;font-variation-settings:"wght" 900,"wdth" 90}
.mark i{width:7px;height:7px;border-radius:50%;background:var(--brand);display:block;margin-inline-start:3px;transition:transform .6s var(--spring)}
.mark:hover i{transform:scale(1.9)}

.nav{display:flex;align-items:center;gap:2px;margin-inline-end:auto;list-style:none;margin-block:0;padding:0}
.nav__i{position:relative}
.nav__i[data-mega]{position:static}
.nav__top{
  display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;
  font-family:var(--sans);font-size:16px;font-weight:600;text-decoration:none;color:var(--ink);
  background:none;border:0;cursor:pointer;transition:background .25s var(--ease),color .25s
}
.nav__top:hover{background:var(--bg-2)}
.nav__i--open>.nav__top{background:var(--brand-050);color:var(--brand-ink)}
.chev{width:8px;height:8px;border-inline-start:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(-45deg) translateY(-1px);opacity:.5;transition:transform .4s var(--spring)}
.nav__i--open .chev{transform:rotate(135deg) translateY(-2px)}

/* ─── mega menu ─── */
.mega{
  position:absolute;inset-inline-start:var(--gut);top:calc(100% + 4px);
  width:min(860px,calc(100vw - var(--gut)*2));
  background:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:0 2px 4px rgba(10,12,16,.03),0 24px 60px -20px rgba(10,12,16,.16);
  padding:26px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.99);
  transition:opacity .28s var(--ease),transform .45s var(--spring),visibility .3s;
  display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:24px;
}
.mega::before{content:"";position:absolute;inset-inline:0;top:-10px;height:10px}
.nav__i--open .mega{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.mega__h{font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-bottom:12px;letter-spacing:.04em}
.mega__list{list-style:none;margin:0;padding:0}
.mega__list a{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  text-decoration:none;padding:9px 12px;border-radius:var(--r-sm);font-size:15.5px;font-weight:600;
  transition:background .22s var(--ease),color .22s,transform .4s var(--spring);
}
.mega__list a:hover{background:var(--bg-2);color:var(--brand-ink);transform:translateX(-3px)}
.mega__list a small{font-family:var(--mono);font-size:11px;color:var(--ink-3);font-weight:400;white-space:nowrap}
.mega__feat{background:var(--dark);border-radius:var(--r);padding:22px;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}
.mega__feat::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:var(--brand);filter:blur(70px);opacity:.4;inset-inline-end:-70px;bottom:-90px}
.mega__feat > *{position:relative;z-index:1}
.mega__feat .mega__h{color:var(--brand-lt)}
.mega__feat h4{font-size:20px;margin-bottom:8px;line-height:1.2}
.mega__feat p{font-size:13.5px;color:var(--dark-txt);line-height:1.55;margin-bottom:16px}
.mega__feat a{margin-top:auto;font-weight:700;color:#fff;text-decoration:none;font-size:14.5px;display:inline-flex;gap:7px;align-items:center}
.mega__feat a:hover{color:var(--brand-lt)}

.burger{display:none;background:var(--bg-2);border:0;border-radius:999px;width:44px;height:44px;cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{width:17px;height:1.8px;background:var(--ink);display:block;border-radius:2px}

/* ─── mobile drawer ─── */
.drawer{position:fixed;inset:0;background:#fff;z-index:200;padding:16px var(--gut) 60px;overflow-y:auto;display:none}
.drawer[data-open="true"]{display:block;animation:drawerIn .4s var(--ease)}
@keyframes drawerIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.drawer__top{display:flex;justify-content:space-between;align-items:center;height:56px;margin-bottom:14px}
.drawer__x{background:var(--bg-2);border:0;width:44px;height:44px;border-radius:999px;font-size:19px;cursor:pointer;line-height:1}
.acc{border-top:1px solid var(--line)}
.acc__btn{width:100%;background:none;border:0;display:flex;justify-content:space-between;align-items:center;padding:18px 2px;font-family:var(--disp);font-size:22px;font-weight:800;letter-spacing:-.03em;cursor:pointer;color:var(--ink)}
.acc__p{display:none;padding-bottom:14px}
.acc__p[data-open="true"]{display:block}
.acc__p a{display:block;padding:10px 12px;text-decoration:none;font-weight:600;color:var(--ink-2);border-radius:var(--r-sm)}
.acc__p a:active{background:var(--bg-2)}
.drawer__link{display:block;padding:18px 2px;border-top:1px solid var(--line);font-family:var(--disp);font-size:22px;font-weight:800;letter-spacing:-.03em;text-decoration:none}

/* ═══════════ SCROLL-DRIVEN REVEALS (native CSS) ═══════════ */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .rv{animation:rv both;animation-timeline:view();animation-range:entry 2% cover 18%}
    @keyframes rv{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  }
}

/* ═══════════ HERO ═══════════ */
.hero{position:relative;padding-block:clamp(46px,7vw,92px) var(--sect);overflow:clip}
.hero__glow{
  position:absolute;inset-inline-start:-14%;top:-32%;width:min(760px,88vw);aspect-ratio:1;
  background:radial-gradient(circle,var(--brand-glow),transparent 68%);pointer-events:none;
}
.hero__grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(30px,5vw,64px);align-items:start}
h1{font-size:clamp(42px,6.6vw,88px);line-height:1;letter-spacing:-.048em;margin-block:22px 26px;text-wrap:balance}
h1 .w{display:inline-block}
h1 .hl{color:var(--brand)}
/* The h1 is the LCP element and is deliberately NOT animated: it must paint on the
   first frame. The previous version split it in JS after paint and faded each word
   back in from opacity 0, which made the headline flash, and it animated the wdth
   axis, which reflowed every glyph on every frame. */

/* Supporting hero content may enter gently — none of it is the LCP element. */
@media (prefers-reduced-motion:no-preference){
  .hero__sub,.hero__acts,.hero__meta,.hero .tag{
    animation:rise .5s var(--ease) both;
  }
  .hero .tag   {animation-delay:.02s}
  .hero__sub   {animation-delay:.06s}
  .hero__acts  {animation-delay:.12s}
  .hero__meta  {animation-delay:.18s}
  @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}
.hero__sub{font-size:clamp(17px,1.85vw,20px);color:var(--ink-2);max-width:55ch;line-height:1.6}
.hero__acts{display:flex;flex-wrap:wrap;gap:11px;margin-top:32px}
.hero__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;padding-top:26px;border-top:1px solid var(--line)}
.hero__meta dt{font-family:var(--mono);font-size:11.5px;color:var(--brand-ink);margin-bottom:6px}
.hero__meta dd{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.5}

/* ─── signature: valuation sheet ─── */
.sheet{
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;
  box-shadow:0 1px 2px rgba(10,12,16,.04),0 28px 60px -28px rgba(10,12,16,.18);
  position:relative;
}
.sheet__hd{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.sheet__hd h2{font-size:21px;letter-spacing:-.03em}
.sheet__hd span{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.f{margin-bottom:16px}
.f label{display:block;font-size:13.5px;color:var(--ink-2);margin-bottom:8px;font-weight:600}
.f select,.f input{
  width:100%;background:var(--bg-2);border:1.5px solid var(--ink-3);color:var(--ink);
  border-radius:12px;padding:13px 15px;font-family:var(--sans);font-size:16px;font-weight:600;
  transition:border-color .25s,background .25s;appearance:none;
}
.f select{background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:left 18px center,left 13px center;background-size:5px 5px;background-repeat:no-repeat}
.f input{font-family:var(--mono);letter-spacing:.01em}
.f select:hover,.f input:hover{background:var(--bg-3)}
.f select:focus-visible,.f input:focus-visible{border-color:var(--brand);background:#fff;outline:2px solid var(--brand);outline-offset:2px}
.f select:focus,.f input:focus{border-color:var(--brand);background:#fff}
.sheet__out{background:var(--dark);border-radius:16px;padding:20px;margin-top:22px;position:relative;overflow:hidden}
.sheet__out::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--brand);filter:blur(66px);opacity:.45;inset-inline-start:-60px;top:-80px}
.sheet__out > *{position:relative;z-index:1}
.sheet__row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-block:7px;font-size:13.5px;color:var(--dark-txt)}
.sheet__row+.sheet__row{border-top:1px solid var(--dark-line)}
.sheet__row b{font-family:var(--mono);font-size:14.5px;color:#fff;font-weight:500}
.sheet__val{margin-top:14px;padding-top:16px;border-top:1px solid var(--dark-line)}
.sheet__val small{display:block;font-size:12px;color:var(--dark-txt);margin-bottom:6px}
.sheet__val strong{
  font-family:var(--mono);font-size:clamp(25px,3.4vw,37px);font-weight:500;color:#fff;
  display:block;line-height:1.08;letter-spacing:-.035em;
}
.sheet__note{font-size:12.5px;color:var(--ink-3);line-height:1.55;margin-top:16px}
.sheet__note a{color:var(--brand-ink);font-weight:600}
.sheet__src{font-size:12.5px;line-height:1.55;color:var(--ink-3);margin:-4px 0 18px}
.sheet__src a{color:var(--brand-ink);font-weight:600}
.sect__src{font-size:13.5px;line-height:1.6;color:var(--ink-2);margin:0 0 26px;max-width:64ch}
.sect__src a{color:var(--brand-ink);font-weight:600}
.tick__e{font-family:var(--mono);font-size:11px;color:var(--ink-3)}

/* ═══════════ TICKER ═══════════ */
.tick{border-block:1px solid var(--line);padding-block:16px;overflow:hidden;-webkit-mask-image:linear-gradient(to left,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to left,transparent,#000 8%,#000 92%,transparent)}
.tick__t{display:flex;gap:0;width:max-content;animation:tickm 46s linear infinite}
.tick:hover .tick__t{animation-play-state:paused}
@keyframes tickm{from{transform:translateX(0)}to{transform:translateX(50%)}}
.tick__i{display:flex;align-items:center;gap:12px;padding-inline:26px;white-space:nowrap;font-size:15px;font-weight:600;color:var(--ink-2)}
.tick__i b{font-family:var(--mono);font-weight:500;color:var(--brand-ink);font-size:14px}
.tick__i::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--line-2);margin-inline-start:26px}

/* ═══════════ SECTIONS ═══════════ */
.sect{padding-block:var(--sect)}
.sect__hd{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;flex-wrap:wrap;margin-bottom:52px}
.sect__hd h2{font-size:clamp(31px,4.4vw,56px);margin-top:16px;max-width:17ch;letter-spacing:-.045em}
.sect__hd p{color:var(--ink-2);max-width:38ch;font-size:16px}
.on-dark{background:var(--dark);color:#fff}
.on-dark h2,.on-dark h3{color:#fff}
.on-dark p{color:var(--dark-txt)}

/* ─── status + venues ─── */
.status__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,5vw,64px);align-items:start}
.status h2{font-size:clamp(28px,3.7vw,46px);margin-block:18px 18px;letter-spacing:-.045em}
.status p{font-size:16.5px;max-width:50ch}
.disclose{font-size:13px;color:var(--dark-txt);border-inline-start:2px solid var(--brand);padding-inline-start:14px;line-height:1.6;margin-top:20px}
.venues{display:grid;gap:12px}
.venue{
  --mx:50%;--my:50%;
  position:relative;display:flex;align-items:center;gap:16px;background:var(--dark-2);
  border:1px solid var(--dark-line);border-radius:var(--r);padding:18px 20px;text-decoration:none;
  transition:border-color .3s,transform .55s var(--spring);overflow:hidden;
}
.venue::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(124,144,255,.16),transparent 68%);opacity:0;transition:opacity .35s}
.venue:hover{border-color:#39405230;transform:translateY(-3px)}
.venue:hover::before{opacity:1}
.venue > *{position:relative;z-index:1}
.venue img{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:none}
.venue__t{flex:1;min-width:0}
.venue__t b{display:block;font-family:var(--disp);font-size:19px;color:#fff;font-weight:800;letter-spacing:-.03em}
.venue__t span{font-size:13.5px;color:var(--dark-txt);display:block;line-height:1.45}
.venue__go{font-family:var(--mono);font-size:14px;color:var(--brand-lt)}

/* ─── asset index ─── */
.index{border-top:1px solid var(--line)}
.index__row{
  --mx:50%;--my:50%;position:relative;
  display:grid;grid-template-columns:34px 1.35fr 1.5fr auto;gap:clamp(12px,2.2vw,32px);align-items:center;
  padding:22px 16px;border-bottom:1px solid var(--line);text-decoration:none;border-radius:var(--r);
  transition:background .3s var(--ease);
}
.index__row::before{content:"";position:absolute;inset:0;border-radius:var(--r);background:radial-gradient(320px circle at var(--mx) var(--my),var(--brand-glow),transparent 62%);opacity:0;transition:opacity .35s;pointer-events:none}
.index__row:hover::before{opacity:1}
.index__row > *{position:relative;z-index:1}
.index__n{font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}
.index__t{font-family:var(--disp);font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:-.04em;transition:transform .5s var(--spring)}
.index__row:hover .index__t{color:var(--brand);transform:translateX(-4px)}
.index__d{color:var(--ink-2);font-size:15px;line-height:1.5}
.index__m{font-family:var(--mono);font-size:13.5px;color:var(--ink);background:var(--bg-2);padding:6px 12px;border-radius:999px;white-space:nowrap}
.index__row:hover .index__m{background:var(--brand);color:#fff}
.index__m.is-na{color:var(--ink-3);font-size:12px}
.index__row:hover .index__m.is-na{color:#fff}

/* ─── sticky stacked process ─── */
.stack{display:grid;gap:18px}
.step{
  position:sticky;top:110px;background:var(--dark-2);border:1px solid var(--dark-line);
  border-radius:20px;padding:clamp(26px,3.6vw,44px);
  display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,54px);align-items:start;
}
.step:nth-child(1){top:100px}.step:nth-child(2){top:118px}
.step:nth-child(3){top:136px}.step:nth-child(4){top:154px}
.step__n{font-family:var(--mono);font-size:13px;color:var(--brand-lt);padding-top:6px}
.step h3{font-size:clamp(23px,3vw,34px);margin-bottom:12px;letter-spacing:-.04em}
.step p{font-size:16px;max-width:56ch}

/* ─── articles ─── */
.arts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.art{
  background:var(--bg-2);border-radius:18px;padding:26px 24px 24px;text-decoration:none;
  display:flex;flex-direction:column;gap:12px;
  transition:background .3s var(--ease),transform .55s var(--spring),box-shadow .35s;
}
.art:hover{background:#fff;transform:translateY(-5px);box-shadow:0 20px 46px -22px rgba(10,12,16,.24)}
.art__k{font-family:var(--mono);font-size:11px;color:var(--ink-3);display:flex;justify-content:space-between}
.art h3{font-size:21px;line-height:1.2;letter-spacing:-.035em}
.art:hover h3{color:var(--brand)}
.art p{font-size:14.5px;color:var(--ink-2);line-height:1.55;flex:1}
.art__by{font-family:var(--mono);font-size:11px;color:var(--ink-3);border-top:1px solid var(--line-2);padding-top:12px}
.art:hover .art__by{border-color:var(--line)}

/* ─── authority ─── */
.auth__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,66px);align-items:center}
.auth__ph{border-radius:20px;overflow:hidden}
.auth__ph img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(1.06);transition:filter .6s var(--ease),transform .8s var(--ease)}
.auth__ph:hover img{filter:grayscale(0);transform:scale(1.03)}
.auth h2{font-size:clamp(29px,3.9vw,48px);margin-block:16px 20px;letter-spacing:-.045em}
.auth p{font-size:16.5px;max-width:55ch}
.auth p+p{margin-top:14px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.facts div{background:var(--dark-2);border:1px solid var(--dark-line);border-radius:var(--r);padding:20px 18px}
.facts dt{font-family:var(--mono);font-size:clamp(24px,2.8vw,32px);color:#fff;font-weight:500;line-height:1;letter-spacing:-.04em}
.facts dd{margin:10px 0 0;font-size:13px;color:var(--dark-txt);line-height:1.45}
.team{display:flex;gap:8px;margin-top:26px;align-items:center;flex-wrap:wrap}
.team img{width:46px;height:46px;border-radius:50%;object-fit:cover;filter:grayscale(1);border:2px solid var(--dark-2);margin-inline-start:-14px}
.team img:first-of-type{margin-inline-start:0}
.team span{font-size:13.5px;color:var(--dark-txt);margin-inline-start:10px}
.team a{color:#fff;font-weight:600}

/* ─── FAQ ─── */
.faq{max-width:860px;margin-inline:auto}
.faq__i{border-bottom:1px solid var(--line)}
.faq__i:first-child{border-top:1px solid var(--line)}
.faq__q{
  width:100%;background:none;border:0;text-align:start;cursor:pointer;padding:24px 4px;
  display:flex;justify-content:space-between;align-items:flex-start;gap:20px;
  font-family:var(--disp);font-size:clamp(18px,2vw,23px);font-weight:800;letter-spacing:-.035em;color:var(--ink);line-height:1.3;
  transition:color .25s;
}
.faq__q:hover{color:var(--brand)}
.faq__pl{flex:none;width:26px;height:26px;border-radius:50%;background:var(--bg-2);position:relative;margin-top:2px;transition:background .3s,transform .5s var(--spring)}
.faq__pl::before,.faq__pl::after{content:"";position:absolute;inset-inline:8px;top:12px;height:1.8px;background:var(--ink);border-radius:2px;transition:transform .4s var(--spring),background .3s}
.faq__pl::after{transform:rotate(90deg)}
.faq__i[data-open="true"] .faq__pl{background:var(--brand);transform:rotate(90deg)}
.faq__i[data-open="true"] .faq__pl::before,.faq__i[data-open="true"] .faq__pl::after{background:#fff}
.faq__i[data-open="true"] .faq__pl::after{transform:rotate(0)}
.faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.faq__i[data-open="true"] .faq__a{grid-template-rows:1fr}
.faq__a > div{overflow:hidden}
.faq__a p{color:var(--ink-2);font-size:16px;max-width:68ch;line-height:1.7;padding-bottom:26px}

/* ─── CTA + footer ─── */
.cta{padding-block:var(--sect);text-align:center;position:relative;overflow:clip}
.cta::before{content:"";position:absolute;width:min(680px,90vw);aspect-ratio:1;border-radius:50%;background:var(--brand);filter:blur(140px);opacity:.28;left:50%;transform:translateX(-50%);bottom:-56%}
.cta > *{position:relative;z-index:1}
.cta h2{font-size:clamp(34px,5.4vw,72px);letter-spacing:-.05em;max-width:15ch;margin-inline:auto;line-height:1}
.cta p{margin-block:22px 32px;max-width:48ch;margin-inline:auto;font-size:17px}
.cta__acts{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}

.ftr{background:var(--dark);color:#fff;padding-block:64px 28px;border-top:1px solid var(--dark-line)}
.ftr__grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:clamp(26px,4vw,52px)}
.ftr__brand p{color:var(--dark-txt);font-size:14.5px;line-height:1.6;margin-top:16px;max-width:33ch}
.ftr__soc{display:flex;gap:9px;margin-top:20px}
.ftr__soc a{width:40px;height:40px;border:1px solid var(--dark-line);border-radius:999px;display:grid;place-items:center;text-decoration:none;font-size:12.5px;font-weight:700;color:var(--dark-txt);transition:background .3s,color .3s}
.ftr__soc a:hover{background:#fff;color:var(--ink)}
.ftr h3{font-family:var(--mono);font-size:11px;color:var(--ink-3);font-weight:500;letter-spacing:.04em;margin-bottom:16px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ftr ul a{text-decoration:none;color:var(--dark-txt);font-size:14.5px;transition:color .25s}
.ftr ul a:hover{color:#fff}
.ftr__btm{margin-top:52px;padding-top:22px;border-top:1px solid var(--dark-line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.ftr__btm p,.ftr__btm a{font-size:13px;color:var(--ink-3);text-decoration:none}
.ftr__btm a:hover{color:#fff}
.ftr__legal{display:flex;gap:18px;flex-wrap:wrap}
.ftr__note{font-size:12.5px;color:var(--ink-3);margin-top:18px;max-width:78ch;line-height:1.6}

/* ═══════════ RESPONSIVE ═══════════ */
@media (max-width:1060px){
  .hero__grid,.status__grid,.auth__grid{grid-template-columns:1fr}
  .arts{grid-template-columns:repeat(2,1fr)}
  .mega{grid-template-columns:1fr 1fr}
  .mega__feat{grid-column:1/-1}
}
@media (max-width:860px){
  .nav,.hdr__cta .btn{display:none}
  .burger{display:flex}
  .index__row{grid-template-columns:30px 1fr auto;row-gap:6px;padding-inline:10px}
  .index__d{grid-column:2/-1;font-size:14px}
  .arts{grid-template-columns:1fr}
  .step{grid-template-columns:1fr;position:static}
  .auth__ph img{aspect-ratio:16/10}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .ftr__brand{grid-column:1/-1}
}
@media (max-width:560px){
  body{font-size:16px}
  .hero__meta{grid-template-columns:1fr;gap:16px}
  .facts{grid-template-columns:1fr}
  .index__m{display:none}
  .ftr__grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .btn:hover,.art:hover,.venue:hover{transform:none}
}

/* ═══════════ INNER PAGE TEMPLATES ═══════════ */
.crumb{padding:14px 0 0}
.crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-3)}
.crumb a{color:var(--ink-2);text-decoration:none;border-radius:4px}
.crumb a:hover{color:var(--brand-ink);text-decoration:underline}
.crumb li+li::before{content:"›";margin-inline-end:8px;color:var(--line-2)}
.crumb [aria-current="page"]{color:var(--ink)}

.phead{padding:26px 0 34px;border-bottom:1px solid var(--line)}
.phead h1{font-size:clamp(31px,5vw,54px);max-width:22ch}
.phead__lede{font-size:clamp(17px,2vw,20px);line-height:1.6;color:var(--ink-2);max-width:62ch;margin:20px 0 0}
.phead__meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-family:var(--mono);font-size:12.5px;color:var(--ink-3)}

.prose{max-width:68ch;font-size:17.5px;line-height:1.75}
.prose h2{font-size:clamp(24px,3vw,33px);margin:52px 0 16px;scroll-margin-top:96px}
.prose h3{font-size:clamp(19px,2.2vw,23px);margin:34px 0 12px;font-weight:700;scroll-margin-top:96px}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 20px;padding-inline-start:22px}
.prose li{margin-bottom:10px}
.prose a{color:var(--brand-ink);font-weight:600}
.prose strong{font-weight:700;color:var(--ink)}

.callout{border:1px solid var(--line);border-inline-start:3px solid var(--brand);background:var(--bg-2);
  border-radius:var(--r-sm);padding:18px 20px;margin:26px 0;font-size:15.5px;line-height:1.65;color:var(--ink-2)}
.callout b{color:var(--ink)}
.callout--warn{border-inline-start-color:#B4530A;background:#FFF7ED}

.empty{border:1px dashed var(--line-2);border-radius:var(--r);padding:34px 28px;text-align:center;background:var(--bg-2);margin:30px 0}
.empty h2{font-size:clamp(20px,2.4vw,25px);margin:0 0 10px}
.empty p{color:var(--ink-2);max-width:52ch;margin:0 auto 18px;font-size:16px;line-height:1.65}

.srcline{font-size:13px;color:var(--ink-3);margin:8px 0 0;line-height:1.55}
.srcline a{color:var(--brand-ink);font-weight:600}

.mrange{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border:1px solid var(--line);
  border-radius:var(--r-sm);padding:20px 22px;margin:24px 0;background:var(--bg-2)}
.mrange b{font-family:var(--mono);font-size:clamp(27px,4vw,38px);font-weight:500;color:var(--brand-ink);line-height:1}
.mrange span{font-size:15px;color:var(--ink-2)}

.rel{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px;padding:0;list-style:none}
.rel a{display:block;border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 18px;text-decoration:none;
  background:#fff;transition:border-color .18s,transform .18s}
.rel a:hover{border-color:var(--brand);transform:translateY(-2px)}
.rel strong{display:block;color:var(--ink);font-size:16px;margin-bottom:5px;font-weight:700}
.rel span{color:var(--ink-2);font-size:14px;line-height:1.5}

.toc{border:1px solid var(--line);border-radius:var(--r-sm);padding:20px 22px;background:var(--bg-2)}
.toc h2{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);margin:0 0 12px;letter-spacing:.04em;font-weight:400}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.toc li{counter-increment:t;margin-bottom:9px;font-size:14.5px;line-height:1.45}
.toc li::before{content:counter(t,decimal-leading-zero);font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-inline-end:9px}
.toc a{color:var(--ink-2);text-decoration:none}
.toc a:hover{color:var(--brand-ink);text-decoration:underline}
@media(min-width:1040px){
  .guide{display:grid;grid-template-columns:1fr 270px;gap:56px;align-items:start}
  .toc{position:sticky;top:88px;max-height:calc(100vh - 120px);overflow-y:auto}
}
@media(max-width:1039px){.toc{margin-bottom:34px}}

.mtable{width:100%;border-collapse:collapse;margin:22px 0;font-size:16px}
.mtable caption{text-align:start;font-size:13px;color:var(--ink-3);padding-bottom:10px;line-height:1.5}
.mtable th,.mtable td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:start}
.mtable thead th{font-family:var(--mono);font-size:11.5px;font-weight:400;color:var(--ink-3);
  letter-spacing:.04em;border-bottom:1px solid var(--line-2)}
.mtable tbody th{font-weight:600;color:var(--ink)}
.mtable tbody th a{color:var(--ink);text-decoration:none}
.mtable tbody th a:hover{color:var(--brand-ink);text-decoration:underline}
.mtable td{font-family:var(--mono);font-size:15px;color:var(--brand-ink);white-space:nowrap}
.mtable tbody tr:hover{background:var(--bg-2)}

.promo-note{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-2);
  padding:13px 16px;margin:22px 0;font-size:15px;color:var(--ink-2);font-weight:600}

.fig{margin:26px 0;padding:0}
.fig img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-2)}
.fig figcaption{margin-top:9px;font-size:13.5px;color:var(--ink-3);line-height:1.5}

/* Header CTA is scoped down: the global .btn (16px/14-24 padding) renders ~46px
   tall inside a 72px bar, which crowds it. Shrinks again when the header docks. */
.hdr__cta .btn{font-size:14.5px;padding:9px 18px;gap:7px}
.hdr[data-stuck="true"] .hdr__cta .btn{font-size:14px;padding:8px 16px}

/* ═══════════ CONTACT FORM ═══════════ */
.cform{margin:8px 0 34px;max-width:none}
.cform__row{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.cform .f{margin-bottom:16px}
.cform .f small{font-weight:400;color:var(--ink-3)}
.cform textarea{width:100%;background:var(--bg-2);border:1.5px solid var(--ink-3);color:var(--ink);
  border-radius:12px;padding:13px 15px;font-family:var(--sans);font-size:16px;line-height:1.6;
  resize:vertical;min-height:130px}
.cform textarea:focus-visible{border-color:var(--brand);background:#fff;outline:2px solid var(--brand);outline-offset:2px}
.cform textarea:focus{border-color:var(--brand);background:#fff}
.cform__hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cform__foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px}
.cform__status{margin:0;font-size:14.5px;color:var(--ink-2)}
.cform__status[data-error="true"]{color:#B4530A}
.cform button[disabled]{opacity:.55;cursor:progress}
