/* ==========================================================
   Godawari - Group homepage stylesheet
   Brand palette: #261217 #FF0003 #6B0000 #E6E7E8 #FFFFFF
                  #414042 #000000 #0961FD
   Type: Zalando Sans (text) + Zalando Sans Expanded (labels)
   ========================================================== */

/* Layout concept: monochrome industrial photography on black, light-weight type,
   one hot accent (the wing red) used for panels and actions; scroll drives the story. */
:root{
  --black:#000000;
  --ink:#261217;          /* brand dark */
  --card:#261217;         /* = ink: cards sit on black */
  --card-2:#414042;       /* graphite: raised / hover */
  --blue:#0961FD;         /* new-energy accent */
  --red:#FF0003;          /* wing red, accent */
  --maroon:#6B0000;       /* wing maroon */
  --mist:#E6E7E8;         /* off-white */
  --graphite:#414042;
  --grey:rgba(230,231,232,.56);   /* mist at 56% */
  --silver:rgba(230,231,232,.78); /* mist at 78% */
  --white:#FFFFFF;
  --f-text:"Zalando Sans","Helvetica Neue",Arial,sans-serif;
  --f-label:"Zalando Sans Expanded","Arial Black",Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.87,0,.13,1);
  --gx:max(16px,env(safe-area-inset-left,0px));
  --gxr:max(16px,env(safe-area-inset-right,0px));
  --pad:clamp(16px,4.2vw,64px);
  color-scheme:dark;
}
/* ---------- Base reset ---------- */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
[hidden]{display:none!important}
html{background:var(--black)}
body{background:var(--black);color:var(--mist);font-family:var(--f-text);font-weight:300;font-size:16px;line-height:1.4;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:100;background:var(--black)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;letter-spacing:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
h1,h2,h3{font-weight:300;margin:0;letter-spacing:-.04em;text-wrap:balance}
p{margin:0}
.gut{padding-left:max(var(--pad),var(--gx));padding-right:max(var(--pad),var(--gxr))}
.lbl{font-family:var(--f-label);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}
.lbl::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.num{font-variant-numeric:tabular-nums}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 22px;border-radius:5px;font-family:var(--f-label);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:box-shadow .6s var(--ease),color .6s var(--ease),background-color .3s}
.btn--red{background:var(--red);color:#fff;box-shadow:inset 0 0 0 0 var(--maroon)}
.btn--red:hover{box-shadow:inset 0 -3em 0 0 var(--maroon)}
.btn--glass{background:rgba(255,255,255,.08);color:var(--mist);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 0 0 0 var(--mist)}
.btn--glass:hover{box-shadow:inset 0 -3em 0 0 var(--mist);color:var(--black)}
.btn--dark{background:var(--black);color:#fff;box-shadow:inset 0 0 0 0 var(--white)}
.btn--dark:hover{box-shadow:inset 0 -3em 0 0 var(--white);color:var(--black)}
.btn svg{transition:transform .5s var(--ease)}
.btn:hover svg{transform:translate(3px,-3px)}

/* ---------- Header ---------- */
.hdr{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:0;right:0;z-index:90;display:flex;gap:4px;align-items:center;padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px));pointer-events:none}
.hdr>*{pointer-events:auto}
.chip{height:30px;display:flex;align-items:center;border-radius:6px;transition:background-color .35s,color .35s}
.logo{padding:0 10px;background:var(--mist);color:var(--ink)}
.logo svg{height:17px;width:auto;overflow:visible}
.logo .w{transition:transform .6s var(--ease);transform-origin:80% 50%}
.logo:hover .w{transform:translate(3px,-3px) rotate(-8deg)}
.pills{display:flex;gap:4px;flex:1}
.pill{flex:1;justify-content:space-between;padding:0 14px;font-size:13px;font-weight:400;background:rgba(0,0,0,.25);color:var(--mist);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.pill:hover{background:rgba(255,255,255,.18)}
.pill svg{opacity:.7;transition:transform .35s var(--ease)}
.pill:hover svg{transform:translateY(2px)}
.hdr .cta{height:30px;padding:0 16px;border-radius:6px;background:var(--red);color:#fff;font-family:var(--f-label);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;transition:background-color .3s}
.hdr .cta:hover{background:var(--maroon)}
.hdr.on-light .pill{background:rgba(0,0,0,.08);color:var(--ink)}
.hdr.on-light .pill:hover{background:rgba(0,0,0,.16)}
.hdr.on-light .logo{background:var(--ink);color:var(--white)}
.hdr.on-red .pill{background:rgba(0,0,0,.14);color:var(--white)}
.hdr.on-red .cta{background:var(--black)}

/* ---------- Hero ---------- */
.hero{position:sticky;top:0;height:max(560px,100svh);max-height:900px;overflow:hidden;isolation:isolate;z-index:1}
.hero__media{position:absolute;inset:0;z-index:-2;animation:heroIn 2.6s var(--ease) both}
.hero__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.55);animation:drift 26s ease-in-out infinite alternate}
@keyframes heroIn{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:none}}
@keyframes drift{from{transform:scale(1.04) translateX(0)}to{transform:scale(1.12) translateX(-2%)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0) 30%,rgba(0,0,0,.65))}
.hero__h{position:absolute;left:max(var(--pad),var(--gx));top:40%;transform:translateY(-50%);font-size:clamp(2.4rem,4.6vw,4.4rem);line-height:1.12;color:var(--mist)}
.hero__h .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hero__h .ln span{display:block;animation:rise 1.4s var(--ease) both .3s}
.hero__h .ln+.ln span{animation-delay:.42s}
@keyframes rise{from{transform:translateY(110%)}to{transform:none}}
.hero__sub{position:absolute;left:max(var(--pad),var(--gx));bottom:clamp(28px,5vh,48px);max-width:24em;font-size:16px;line-height:1.4;color:var(--silver);animation:fadeUp 1.2s var(--ease) both .8s}
.hero__sub b{color:var(--mist);font-weight:400}
@keyframes fadeUp{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.promo{position:absolute;right:max(14px,env(safe-area-inset-right,0px));bottom:16px;width:min(346px,calc(100% - 28px));background:var(--red);color:#fff;border-radius:12px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:14px;align-items:stretch;animation:slideIn 1.3s var(--ease) both 1s;transition:background-color .4s}
.promo:hover{background:var(--maroon)}
.promo .lbl{font-size:10px}
.promo p{font-size:16px;line-height:1.3;margin-top:12px}
.promo img{width:112px;height:100%;min-height:96px;object-fit:cover;border-radius:6px;transition:transform .8s var(--ease)}
.promo:hover img{transform:scale(1.05)}
@keyframes slideIn{from{transform:translateX(110%)}to{transform:none}}

/* ---------- Intro panel (slides over hero) ---------- */
.intro{position:relative;z-index:2;padding:0 calc(8px * var(--k,1))}
.intro__panel{background:var(--red);color:var(--white);border-radius:calc(18px * var(--k,1));min-height:min(900px,110svh);display:flex;align-items:center}
.intro__panel p{font-size:clamp(1.5rem,3.1vw,3rem);line-height:1.18;letter-spacing:-.04em;max-width:24em;padding-block:clamp(90px,18vh,200px)}
.w{transition:color .25s linear}
.fill .w{color:rgba(255,255,255,.32)}
.fill .w.on{color:#fff}
.fill--ink .w{color:rgba(38,18,23,.26)}
.fill--ink .w.on{color:var(--ink)}

/* ---------- Sequence ---------- */
.seq{position:relative;z-index:2;height:420vh;background:var(--black)}
.seq__stage{position:sticky;top:0;height:max(560px,100svh);overflow:hidden}
.seq__img{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--ease)}
.seq__img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2) brightness(.6);transform:scale(var(--z,1.2));will-change:transform}
.seq__img.on{opacity:1}
.seq__stage::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 60% 45%,rgba(0,0,0,0) 30%,rgba(0,0,0,.75) 100%),linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0) 25%,rgba(0,0,0,.6));pointer-events:none}
.seq__copy{position:absolute;left:max(var(--pad),var(--gx));top:34%;z-index:2;display:grid;gap:30px;max-width:min(560px,calc(100% - 32px))}
.seq__titles{position:relative;width:min(560px,calc(100vw - 32px));height:2.4em;font-size:clamp(2rem,3.4vw,3rem);line-height:1.12}
.seq__titles h2{position:absolute;inset:0;font-size:inherit;transition:opacity .7s var(--ease),filter .7s var(--ease),transform .7s var(--ease);opacity:0;filter:blur(8px);transform:translateY(14px)}
.seq__titles h2.on{opacity:1;filter:none;transform:none}
.seq__body{position:absolute;left:max(var(--pad),var(--gx));bottom:clamp(28px,5vh,48px);z-index:2;max-width:26em;min-height:4.4em}
.seq__body p{position:absolute;inset:0 0 auto;color:var(--grey);transition:opacity .6s var(--ease);opacity:0}
.seq__body p.on{opacity:1;position:relative}
.seq__body b{color:var(--mist);font-weight:400}
.seq__count{position:absolute;right:max(var(--pad),var(--gxr));bottom:clamp(28px,5vh,48px);z-index:2;display:flex;gap:18px;align-items:center;font-family:var(--f-label);font-size:11px;letter-spacing:.06em}
.seq__bar{width:120px;height:1px;background:rgba(230,231,232,.25);position:relative}
.seq__bar i{position:absolute;left:0;top:-1px;height:3px;width:calc(var(--p,0) * 100%);background:var(--red)}

/* ---------- Features ---------- */
.feat{position:relative;z-index:2;background:var(--black);padding-block:clamp(90px,14vh,160px)}
.feat__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.feat__lead{grid-column:1/3;align-self:start;color:var(--grey);display:grid;gap:28px}
.feat__img{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:1707/921;max-width:min(620px,100%)}
.feat__img img{width:100%;height:100%;object-fit:cover;transform-origin:30% 50%;transition:transform 1.4s var(--ease)}
.feat__img:hover img{transform:scale(1.05)}
.feat__items{grid-column:3/5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 24px}
.fi{display:grid;gap:14px;align-content:start}
.fi h3{font-size:22px;line-height:1.2;letter-spacing:-.03em;color:var(--mist);margin-top:8px}
.fi p{color:var(--grey);font-size:15px}
.dots{display:grid;grid-template-columns:repeat(9,4px);gap:2px;width:max-content}
.dots i{width:4px;height:4px;border-radius:50%;background:transparent}
.dots i.d{background:rgba(230,231,232,.42);transition:background-color .3s,transform .3s}
.fi:hover .dots i.d,.dots.lit i.d{background:var(--mist)}
.fi:hover .dots i.d.k{background:var(--red)}

/* ---------- Statements (light) ---------- */
.state{position:relative;z-index:2;background:var(--mist);color:var(--ink);padding-block:clamp(90px,14vh,150px)}
.state__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}
.state h2{grid-column:1/3;font-size:clamp(2rem,3.4vw,3rem);line-height:1.12}
.state__q{grid-column:3/4;grid-column-end:5;display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:24px}
.quotes{position:relative;min-height:15em}
.quote{position:absolute;inset:0 0 auto;transition:opacity .6s var(--ease),transform .6s var(--ease);opacity:0;transform:translateY(16px);pointer-events:none}
.quote.on{opacity:1;transform:none;pointer-events:auto;position:relative}
.quote blockquote{margin:0;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.32;letter-spacing:-.03em}
.quote blockquote::before{content:"\201C";margin-right:.2em;color:var(--red)}
.quote blockquote::after{content:"\201D";margin-left:.1em;color:var(--red)}
.quote .who{margin-top:36px;display:grid;gap:4px}
.quote .who b{font-family:var(--f-label);font-size:13px;font-weight:600;letter-spacing:.02em}
.quote .who span{font-size:13px;color:var(--graphite)}
.quote .btn{margin-top:22px}
.arrows{display:grid;gap:6px;align-content:start}
.arrows button{width:30px;height:30px;border-radius:5px;background:var(--ink);color:#fff;display:grid;place-items:center;transition:background-color .3s}
.arrows button:hover{background:var(--red)}
.qdots{display:flex;gap:6px;margin-top:18px}
.qdots i{width:18px;height:2px;background:rgba(38,18,23,.2);transition:background-color .4s,width .4s var(--ease)}
.qdots i.on{background:var(--red);width:36px}

/* ---------- Businesses: One Godawari ---------- */
.biz{position:relative;z-index:2;background:var(--black);padding-block:clamp(90px,14vh,150px)}
.biz__top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:end;margin-bottom:44px}
.biz__head{grid-column:1/3;display:grid;gap:18px;align-content:start}
.biz__head .lbl{color:var(--grey)}
.biz__head h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.12}
.biz__top>p{grid-column:3/5;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.35}
.chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}
.chips button{height:32px;padding:0 14px;border-radius:6px;font-size:13px;font-weight:400;background:rgba(230,231,232,.08);color:var(--mist);transition:background-color .3s,color .3s}
.chips button:hover{background:rgba(230,231,232,.18)}
.chips button[aria-pressed="true"]{background:var(--red);color:var(--white)}
.ents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:10px}
.ent{background:var(--card);border-radius:20px;padding:26px;display:grid;grid-template-rows:auto auto 1fr auto;gap:18px;min-height:340px;position:relative;overflow:hidden;transition:background-color .45s var(--ease)}
.ent:hover{background:var(--card-2)}
.ent.is-out{display:none}
.ent__tag{font-family:var(--f-label);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.lock{display:grid;gap:4px;justify-items:start}
.lock svg{height:22px;width:auto;overflow:visible;color:var(--mist)}
.lock .wg{transition:transform .7s var(--ease)}
.ent:hover .lock .wg{transform:translate(6px,-6px)}
.lock em{font-style:normal;font-family:var(--f-label);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.ent--blue .lock em{color:var(--blue)}
.ent p{font-size:15px;line-height:1.45;color:var(--silver)}
.ent__foot{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-top:16px;border-top:1px solid rgba(230,231,232,.14)}
.ent__foot small{display:block;font-size:12px;color:var(--grey)}
.ent__foot b{font-weight:400;font-size:14px;color:var(--mist)}
.ent .sq{width:28px;height:28px;border-radius:5px;background:var(--red);display:grid;place-items:center;flex:none;transition:transform .6s var(--ease),background-color .3s}
.ent:hover .sq{transform:rotate(90deg)}
.ent__img{border-radius:14px;overflow:hidden;background:var(--black);max-width:100%}
.ent__img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.8);transform:scale(1.02);transition:filter .8s var(--ease),transform 1.2s var(--ease)}
.ent:hover .ent__img img{filter:none;transform:scale(1.07)}
.ent--feat{grid-column:span 2;grid-row:span 2;grid-template-rows:minmax(220px,1fr) auto auto auto auto;padding:8px 8px 26px}
.ent--feat>*:not(.ent__img){margin-inline:18px}
.ent--feat .lock svg{height:30px}
.ent--feat p{font-size:17px;max-width:34em}
.ent--wide{grid-column:span 2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:26px}
.ent--wide>*:not(.ent__img){grid-column:1}
.ent--wide .ent__img{grid-column:2;grid-row:1/5;margin:-18px -18px -18px 0}
.sites{display:flex;flex-wrap:wrap;gap:6px}
.sites span{font-size:12px;padding:5px 10px;border-radius:5px;background:rgba(230,231,232,.08);color:var(--silver)}

/* ---------- Performance ---------- */
.perf{position:relative;z-index:2;background:var(--black);min-height:min(820px,100svh);display:flex;align-items:center;overflow:hidden;isolation:isolate}
.perf canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.perf__copy{margin-left:50%;max-width:30em;display:grid;gap:26px;padding-block:120px}
.perf__copy .lbl{color:var(--silver)}
.perf__copy h2{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.18;letter-spacing:-.035em}
.perf__copy h2 span{color:var(--grey)}

/* ---------- Stats ---------- */
.stats{position:relative;z-index:2;background:var(--black);padding-block:20px clamp(90px,12vh,140px)}
.stats__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sc{background:var(--card);border-radius:clamp(28px,3.6vw,52px);min-height:clamp(300px,38vw,520px);padding:clamp(24px,3.2vw,46px);display:grid;grid-template-rows:1fr auto;position:relative;overflow:hidden;transform:scale(var(--s,1));transition:transform 1.2s var(--ease)}
.sc__n{justify-self:end;font-size:clamp(4rem,9vw,9rem);line-height:.9;letter-spacing:-.06em;font-weight:300;color:var(--mist);display:flex;align-items:flex-start}
.sc__n sup{font-size:.26em;letter-spacing:-.02em;margin-left:.15em;margin-top:.15em;color:var(--red)}
.sc__t{display:grid;gap:8px;max-width:22em;position:relative;z-index:1}
.sc__t b{font-weight:400;font-size:18px;color:var(--mist)}
.sc__t span{font-size:14px;color:var(--grey)}
.sc canvas{position:absolute;right:0;top:0;width:62%;height:78%}

/* ---------- News (light) ---------- */
.news{position:relative;z-index:2;background:var(--mist);color:var(--ink);padding-block:clamp(90px,12vh,140px)}
.news h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.1}
.news__intro{margin-top:clamp(50px,10vh,110px);max-width:20em;color:var(--graphite);font-size:15px}
.ncards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.nc{display:grid;gap:22px}
.nc__img{border-radius:clamp(20px,2.6vw,36px);overflow:hidden;aspect-ratio:16/10;max-width:100%;background:var(--ink)}
.nc__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .6s}
.nc:hover .nc__img img{transform:scale(1.05)}
.nc__meta{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding-inline:4px}
.nc__meta small{font-family:var(--f-label);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--graphite);line-height:1.6}
.nc__meta h3{font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.2;letter-spacing:-.03em;transition:color .3s}
.nc:hover h3{color:var(--red)}
.nc__meta p{font-size:14px;color:var(--graphite);margin-top:10px}
.nlist{margin-top:clamp(50px,8vh,90px);border-top:1px solid rgba(38,18,23,.18)}
.nrow{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:20px;padding:22px 8px;border-bottom:1px solid rgba(38,18,23,.18);align-items:center;transition:background-color .25s,padding .5s var(--ease)}
.nrow:hover{background:rgba(38,18,23,.05);padding-left:18px}
.nrow time{color:var(--graphite)}
.nrow span{display:flex;gap:8px;align-items:center}
.nrow svg{transition:transform .5s var(--ease)}
.nrow:hover svg{transform:translate(3px,-3px);color:var(--red)}

/* ---------- Footer (red panel) ---------- */
.ftr{position:relative;z-index:2;background:var(--black);padding:8px max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}
.ftr__panel{background:var(--red);color:var(--ink);border-radius:18px;padding:clamp(22px,2.6vw,36px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px;overflow:hidden}
.ftr__l{display:grid;gap:26px;align-content:space-between}
.ftr__l p{font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.3;color:var(--white);max-width:20em}
.ftr__nav{display:grid}
.ftr__nav a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(1.4rem,2.3vw,2.1rem);letter-spacing:-.04em;padding:6px 0;border-bottom:1px solid rgba(38,18,23,.35);color:var(--ink);transition:padding .5s var(--ease),color .3s}
.ftr__nav a:hover{padding-left:12px;color:var(--white)}
.ftr__nav a svg{opacity:.6}
.soc{display:flex;gap:16px;margin-top:22px}
.soc a{color:var(--ink);transition:color .3s}
.soc a:hover{color:#fff}
.bigmark{grid-column:1/2;align-self:end;color:var(--ink);will-change:transform}
.bigmark svg{width:min(560px,100%);height:auto;overflow:visible}
.legal{grid-column:2/3;align-self:end;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;font-size:12px;color:var(--ink)}
.legal span{opacity:.75}


/* ---------- Mega menu (booking-panel layout: intro | tile grid | list) ---------- */
.scrim{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .45s var(--ease)}
.scrim.on{opacity:1;pointer-events:auto}
.mega{position:fixed;z-index:85;top:calc(env(safe-area-inset-top,0px) + 52px);left:max(14px,env(safe-area-inset-left,0px));right:max(14px,env(safe-area-inset-right,0px));max-width:1412px;margin-inline:auto;background:var(--ink);border:1px solid rgba(230,231,232,.1);border-radius:14px;overflow:hidden;height:var(--h,auto);
  opacity:0;transform:translateY(-10px) scale(.985);transform-origin:50% 0;clip-path:inset(0 0 100% 0 round 14px);pointer-events:none;
  transition:opacity .35s var(--ease),transform .6s var(--ease),clip-path .7s var(--ease),height .55s var(--ease);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.mega.on{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 14px);pointer-events:auto}
.mp{display:none;grid-template-columns:minmax(260px,330px) minmax(0,1fr) minmax(280px,360px)}
.mp.on{display:grid}
.mp>*{padding:28px 30px 32px}
.mp>*+*{border-left:1px solid rgba(230,231,232,.1)}
.mp__intro{display:grid;gap:12px;align-content:start}
.mp__mark{width:40px;height:40px;border-radius:50%;background:var(--black);display:grid;place-items:center;margin-bottom:6px}
.mp__mark svg{width:24px;height:auto}
.mp__intro small{font-size:15px;color:var(--grey)}
.mp__intro h3{font-size:26px;font-weight:400;letter-spacing:-.03em;color:var(--mist)}
.mp__intro p{font-size:16px;line-height:1.5;color:var(--silver)}
.mp__intro ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:16px}
.mp__intro li{display:flex;gap:12px;align-items:center;font-size:15px;color:var(--mist)}
.mi{flex:none;color:var(--silver)}
.mp__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;min-height:34px}
.mp__head b{font-weight:400;font-size:18px;letter-spacing:-.02em;color:var(--mist)}
.mp__nav{font-size:13px;color:var(--grey)}
.mtiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.mt{position:relative;min-height:112px;border-radius:9px;background:var(--graphite);padding:12px 12px 14px;display:grid;align-content:space-between;gap:10px;color:var(--mist);transition:background-color .3s,color .3s,transform .5s var(--ease)}
.mt small{font-family:var(--f-label);font-size:9.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);transition:color .3s}
.mt span{font-size:15px;line-height:1.2;letter-spacing:-.02em;text-align:center;justify-self:center;align-self:center}
.mt:hover{background:color-mix(in srgb,var(--graphite) 80%,var(--mist))}
.mt.on,.mt:focus-visible{background:var(--white);color:var(--black)}
.mt.on small{color:var(--graphite)}
.mt i{position:absolute;left:50%;bottom:9px;width:5px;height:5px;border-radius:50%;background:var(--red);transform:translateX(-50%)}
.mega.on .mt,.mega.on .mr{animation:mIn .55s var(--ease) both;animation-delay:calc(var(--i) * 28ms + 80ms)}
@keyframes mIn{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.seg{display:inline-flex;border:1px solid rgba(230,231,232,.18);border-radius:7px;padding:2px;gap:2px}
.seg button{height:28px;padding:0 10px;border-radius:5px;font-size:14px;color:var(--grey);transition:background-color .3s,color .3s}
.seg button[aria-pressed="true"]{background:var(--graphite);color:var(--mist)}
.mrows{display:grid;gap:10px}
.mrows[hidden]{display:none}
.mr{display:grid;gap:3px;padding:12px 16px;border:1px solid rgba(230,231,232,.22);border-radius:9px;transition:border-color .3s,background-color .3s,transform .5s var(--ease)}
.mr b{font-weight:400;font-size:15px;color:var(--mist)}
.mr span{font-size:13px;color:var(--grey)}
.mr:hover{border-color:var(--red);background:rgba(255,0,3,.08);transform:translateX(4px)}
.pill[aria-expanded="true"]{background:var(--mist)!important;color:var(--black)!important}
.pill[aria-expanded="true"] svg{transform:rotate(180deg)}
.burger{display:none;width:44px;justify-content:center;flex-direction:column;gap:5px;background:rgba(0,0,0,.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.burger span{display:block;width:16px;height:1.5px;background:var(--mist);margin:0 auto;transition:transform .45s var(--ease)}
.burger[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.drawer{position:fixed;z-index:85;inset:0;background:var(--ink);padding:calc(env(safe-area-inset-top,0px) + 70px) max(20px,env(safe-area-inset-right,0px)) 30px max(20px,env(safe-area-inset-left,0px));overflow:auto;display:flex;flex-direction:column;gap:2px;clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease);visibility:hidden}
.drawer.on{clip-path:inset(0);visibility:visible}
.dsec{border-bottom:1px solid rgba(230,231,232,.12)}
.dsec summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:30px;letter-spacing:-.04em;padding:14px 0;cursor:pointer;color:var(--mist)}
.dsec summary::-webkit-details-marker{display:none}
.dsec summary svg{transition:transform .4s var(--ease)}
.dsec[open] summary svg{transform:rotate(180deg)}
.dlinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-bottom:16px}
.dlinks a{background:var(--graphite);border-radius:9px;padding:10px 12px;display:grid;gap:4px;font-size:15px}
.dlinks small{font-family:var(--f-label);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.dcta{margin-top:22px;align-self:flex-start}
@media (max-width:1200px){.mp{grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(240px,300px)}.mtiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1000px){.mega,.scrim{display:none}.burger{display:flex}}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .pills{display:none}
  .hdr{justify-content:space-between}
  .feat__lead{grid-column:1/-1}
  .feat__items{grid-column:1/-1}
  .state h2,.state__q,.biz__head,.biz__top>p{grid-column:1/-1}
  .ents{grid-template-columns:repeat(2,minmax(0,1fr))}
  .perf__copy{margin-left:0}
}
@media (max-width:700px){
  .feat__items{grid-template-columns:minmax(0,1fr)}
  .stats__grid,.ncards{grid-template-columns:minmax(0,1fr)}
  .ftr__panel{grid-template-columns:minmax(0,1fr)}
  .bigmark,.legal{grid-column:1/-1}
  .nrow{grid-template-columns:minmax(0,1fr) auto}
  .nrow time{display:none}
  .ents{grid-template-columns:minmax(0,1fr)}
  .ent--feat,.ent--wide{grid-column:span 1;grid-row:auto}
  .ent--wide{grid-template-columns:minmax(0,1fr)}
  .ent--wide .ent__img{grid-column:1;grid-row:auto;margin:0;aspect-ratio:16/9}
  .promo{grid-template-columns:minmax(0,1fr) 80px}
  .promo img{width:80px}
  .hero__sub{bottom:150px}
  .seq__count{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}