:root{color-scheme:dark;--a:#2ea86f;--a2:#ffd56b;--bg:#12161c;--bg2:#161b22;--card:#1c222b;--ink:#f0f4f8;--text:#e6edf3;--muted:#8fa3b8;--line:#3b4756;
--glow:color-mix(in srgb,var(--a) 60%,transparent);--fd:"Sora","Segoe UI",system-ui,sans-serif;--fb:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;--ease:cubic-bezier(.22,.8,.24,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font:17px/1.65 var(--fb);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
body{text-transform:capitalize}a[href^="mailto:"],a[href^="http"]:not(.btn):not(nav a),code,input,textarea,.nocap{text-transform:none}
::selection{background:var(--a);color:#fff}
h1,h2,h3{font-family:var(--fd);color:var(--ink);letter-spacing:-.02em;text-wrap:balance}
.w{max-width:1120px;margin:0 auto;padding:0 22px}
a{color:#6cb6ff}
header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#2a2d31 0%,#141518 46%,#060607 54%,#0d0e10 100%);border-bottom:1px solid #000;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.06),0 10px 28px -8px rgba(0,0,0,.85),0 2px 0 color-mix(in srgb,var(--a) 35%,transparent);animation:drop .7s var(--ease) both;overflow:hidden}
header::before{content:"";position:absolute;inset:0 0 50% 0;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.02));pointer-events:none}
header::after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-35%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.10),transparent);animation:gloss 9s ease-in-out 1.5s infinite;pointer-events:none}
@keyframes gloss{0%,70%{left:-35%}100%{left:120%}}
header .w{position:relative;z-index:1}
.logo{text-shadow:0 1px 0 #000,0 2px 6px rgba(0,0,0,.8)}
.logo i{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 3px rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.7),0 0 18px -4px var(--glow)}
nav a{text-shadow:0 1px 0 #000}
nav a:hover{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 6px rgba(0,0,0,.6)}
header .w{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:8px}
.logo{display:flex;align-items:center;gap:10px;font:700 19px var(--fd);color:#fff;text-decoration:none;letter-spacing:-.01em}
.logo i{width:30px;height:30px;border-radius:8px;background:conic-gradient(from 200deg,var(--a),var(--a2),var(--a));display:grid;place-items:center;font:700 13px var(--fd);color:var(--bg);font-style:normal;box-shadow:0 0 18px -4px var(--glow)}
.logo i.img{background:#000;padding:0;overflow:hidden}.logo i.img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav a{color:rgba(255,255,255,.7);text-decoration:none;font-size:15px;font-weight:500;padding:7px 12px;border-radius:999px;transition:background .3s var(--ease),color .3s var(--ease)}
nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
nav a[aria-current=page]{color:#0b0b0c;background:linear-gradient(180deg,#ffffff,#d9dde0);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 2px rgba(0,0,0,.18),0 3px 8px rgba(0,0,0,.7);text-shadow:none}nav a{position:relative;overflow:hidden;color:#8fe0b8;background:linear-gradient(180deg,#2c4a3d 0%,#233a30 48%,#1a2d25 52%,#203629 100%);border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 1px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.6);transition:color .45s var(--ease),background .45s var(--ease),box-shadow .45s var(--ease),transform .45s var(--ease)}nav a::before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .8s var(--ease);pointer-events:none}nav a:hover{color:#fff;background:linear-gradient(180deg,#3a6b55 0%,#2f5a46 48%,#244637 52%,#2c4a3d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 14px rgba(255,255,255,.18),0 3px 8px rgba(0,0,0,.65);transform:translateY(-1px)}nav a:hover::before{left:120%}nav a[aria-current=page]{color:#08291c;background:linear-gradient(180deg,#ffffff 0%,#e9f6ef 50%,#cfe8da 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 2px rgba(15,59,41,.25),0 0 16px rgba(255,255,255,.25),0 3px 8px rgba(0,0,0,.7);text-shadow:none}@media (prefers-reduced-motion:reduce){nav a,nav a::before{transition:none}}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 0%,color-mix(in srgb,var(--a) 22%,transparent),transparent 60%),var(--bg);padding:104px 0 96px;isolation:isolate;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;top:-30%;right:-8%;width:680px;height:680px;max-width:120vw;border-radius:50%;background:radial-gradient(circle,var(--glow) 0%,transparent 65%);z-index:-1;filter:blur(20px);animation:drift 16s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 70% 30%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 10%,transparent 70%);z-index:-1;animation:grid 30s linear infinite}
.hero .w>div>*{animation:rise .9s var(--ease) both}.hero .w>div>*:nth-child(2){animation-delay:.08s}.hero .w>div>*:nth-child(3){animation-delay:.16s}.hero .w>div>*:nth-child(4){animation-delay:.24s}
.hero.has-img .w{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.heroimg{max-width:100%;width:100%;height:auto;mix-blend-mode:screen;animation:rise 1s var(--ease) .2s both,float 7s ease-in-out 1.2s infinite}
@keyframes float{50%{transform:translateY(-12px)}}
@media(max-width:820px){.hero.has-img .w{grid-template-columns:1fr}.heroimg{max-width:420px;margin:0 auto;grid-row:1}}
.spot{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 26px 20px;min-height:250px;overflow:hidden;box-shadow:0 30px 60px -30px var(--glow);animation:rise 1s var(--ease) .25s both}
.spot::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--glow),transparent 50%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.spot-h{display:flex;justify-content:space-between;font:600 12px var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--a2);margin-bottom:14px}
.slides{position:relative;min-height:210px}
.slide{position:absolute;inset:0;display:block;text-decoration:none;color:inherit;opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease);pointer-events:none}
.slide.on{opacity:1;transform:none;pointer-events:auto}
.slide .sk{font:600 12px var(--fb);color:color-mix(in srgb,var(--a) 45%,#fff)}
.slide h3{margin:6px 0 8px;font-size:24px}.slide p{margin:0 0 16px;color:var(--text);font-size:16px;line-height:1.55}
.slide .tags{display:flex;gap:6px;flex-wrap:wrap}
.spot .bar{height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;margin-top:14px}
.spot .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--a),var(--a2));animation:fill 5.5s linear both;transform-origin:left}
.spot.paused .bar i{animation-play-state:paused}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.spotband{padding:0 0 10px;margin-top:-56px;position:relative;z-index:2}.spotband .spot{max-width:760px;margin-left:auto}
.hero.has-spot .w{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
@media(max-width:820px){.hero.has-spot .w{grid-template-columns:1fr}.spotband{margin-top:24px}}
.inimg{display:block;max-width:180px;width:100%;height:auto;border-radius:12px;background:#fff;padding:8px;margin:4px 0 10px}
.contact-num{display:inline-flex;align-items:center;gap:8px}.contact-num a{display:inline-flex;align-items:center;color:inherit;text-decoration:none}.ico{width:20px;height:20px;color:var(--a2)}.contact-num a:hover .ico{color:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--a2);margin-bottom:18px}.eyebrow.big::before{display:none}.eyebrow.big{font:italic 800 clamp(24px,3.6vw,38px)/1.15 var(--fd);letter-spacing:-.01em;text-transform:none;color:#fff;margin-bottom:20px}@supports (-webkit-background-clip:text) or (background-clip:text){.eyebrow.big{background:linear-gradient(90deg,#fff,var(--a2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--a2)}
.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:0 0 20px;max-width:16ch;color:#fff;animation:rise .9s var(--ease) both}
@supports (color:color-mix(in srgb,red,blue)) and ((-webkit-background-clip:text) or (background-clip:text)){.hero h1{background:linear-gradient(100deg,#fff 30%,color-mix(in srgb,var(--a) 50%,#fff) 70%,#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:rise .9s var(--ease) both,sheen 8s ease-in-out 1s infinite}}
.hero p{font-size:clamp(17px,2.2vw,20px);color:var(--text);max-width:56ch;margin:0}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;background:#2ea86f;color:#ffffff;padding:13px 22px;border-radius:10px;text-decoration:none;font-weight:700;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px #2ea86f;background:#258a5b}.btn:hover::before{transform:translateX(120%)}
.btn::after{content:"→";transition:transform .35s var(--ease)}.btn:hover::after{transform:translateX(3px)}
.btn.ghost{background:rgba(255,255,255,.04);color:#fff;border:1px solid rgba(255,255,255,.18)}.btn.ghost::after{content:""}.btn.ghost:hover{box-shadow:none;border-color:rgba(255,255,255,.4)}
section.s{padding:88px 0;position:relative}section.s:nth-of-type(even){background:var(--bg2)}
section.s h2{font-size:clamp(26px,3.6vw,40px);line-height:1.15;margin:0 0 16px;max-width:22ch}
section.s .lead p,section.s .lead li{max-width:68ch}
section.s h3{font-size:20px;margin:28px 0 8px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:28px}
.card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease)}
.card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--glow),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.card:hover{transform:translateY(-6px);box-shadow:0 28px 50px -28px var(--glow)}.card:hover::before{opacity:1}
.card .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--a) 22%,transparent);color:color-mix(in srgb,var(--a) 40%,#fff);font:700 16px var(--fd);margin-bottom:16px;transition:transform .5s var(--ease)}
.card:hover .ic{transform:scale(1.08) rotate(-4deg)}
.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:16px}
.card ul{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:15px}
.band{background:radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--a2) 28%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--a) 30%,var(--card)),var(--card));border:1px solid var(--line);border-radius:22px;padding:52px;position:relative;overflow:hidden}
.band h2{color:#fff}.hero.centered{text-align:center;padding-bottom:150px}.hero.centered .w>div{display:flex;flex-direction:column;align-items:center}.hero.centered h1{max-width:20ch}.hero.centered p{margin-inline:auto}.hero.centered .eyebrow::before{display:none}.eyebrow:not(.big){padding:.16em .55em .2em;border-radius:14px;margin-bottom:22px;text-transform:capitalize;background:linear-gradient(180deg,#2c2c2c,#080808 52%,#000);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.7),0 3px 0 #000,0 10px 18px -6px rgba(0,0,0,.85);color:#dce9ff;font:italic 800 clamp(28px,5vw,54px)/1.1 var(--fd);letter-spacing:-.01em;text-shadow:0 1px 0 #000}.eyebrow:not(.big)::before{display:none}.waves{position:absolute;left:-6%;bottom:0;width:112%;height:58%;z-index:-1;pointer-events:none}.waves .w1{animation:wave 14s ease-in-out infinite alternate;transform-origin:center bottom}.waves .w2{animation:wave 18s ease-in-out infinite alternate-reverse;transform-origin:center bottom}@keyframes wave{0%{transform:translateX(-3%) scaleY(1)}100%{transform:translateX(3%) scaleY(1.15)}}.btn.pill{border-radius:999px;background:#fff;color:#0b0f14;padding:10px 10px 10px 22px;gap:12px}.btn.pill::after{content:none}.btn.pill .dli{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0b0f14;color:#fff;transition:transform .35s var(--ease),background .35s}.btn.pill .dli svg{width:18px;height:18px}.btn.pill:hover{background:#e6f4ec;box-shadow:0 12px 30px -10px rgba(255,255,255,.45)}.btn.pill:hover .dli{transform:translateY(2px);background:#2ea86f}.hero p.ver{font-size:14px;color:var(--muted);margin-top:14px}@media (prefers-reduced-motion:reduce){.waves path{animation:none}}.hero h1 em{font-style:italic;color:#3fd08a;-webkit-text-fill-color:#3fd08a;text-shadow:0 0 30px rgba(46,168,111,.45)}.social{position:fixed;right:16px;top:0;bottom:0;margin:auto 0;height:max-content;z-index:20;display:flex;flex-direction:column;gap:8px;padding:10px 8px;border-radius:999px;background:linear-gradient(180deg,#2a2d31,#0b0c0e);border:1px solid #000;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 34px -10px rgba(0,0,0,.9);animation:rise .9s var(--ease) .6s both}.social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#8fe0b8;background:linear-gradient(180deg,#2c4a3d,#1a2d25);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 5px rgba(0,0,0,.6);transition:transform .35s var(--ease),color .35s,background .35s}.social a:hover{transform:scale(1.12);color:#fff;background:linear-gradient(180deg,#3fd08a,#2ea86f)}.social svg{width:20px;height:20px}@media (max-width:760px){.social{top:auto;bottom:14px;left:0;right:0;margin:0 auto;height:auto;width:max-content;flex-direction:row;flex-wrap:nowrap;padding:6px 10px}.social a{width:38px;height:38px}footer{padding-bottom:84px}}.btn.ghost{background:#fff;color:#0b0f14;border:1px solid #fff;border-radius:999px}.btn.ghost:hover{background:#e6f4ec;border-color:#e6f4ec;box-shadow:0 10px 26px -10px rgba(255,255,255,.5)}footer .copy{font-size:13px;color:#7d8a96}.getform{max-width:640px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 24px 60px -24px rgba(0,0,0,.9)}.getform label{display:block;margin:0 0 16px;font-weight:600;color:var(--ink)}.getform input:not([type=radio]):not([type=checkbox]),.getform select{display:block;width:100%;margin-top:6px;font:inherit;font-weight:400;color:#e6edf3;background:#262e39;border:1px solid var(--line);border-radius:10px;padding:11px 13px;transition:border-color .3s,box-shadow .3s}.getform input:focus,.getform select:focus{outline:none;border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 30%,transparent)}.getform fieldset{border:0;padding:0;margin:0 0 16px}.getform legend{font-weight:600;color:var(--ink);margin-bottom:8px}.getform label.rad{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--text);margin:0 0 10px}.getform .rad input{margin-top:6px;accent-color:var(--a)}.getform .err{color:#ffb4a8;font-weight:600}.getform .fine{font-size:14px;color:var(--muted);margin-top:16px}.getform button{border:0;cursor:pointer;font:inherit;font-weight:700;text-transform:capitalize}.getform .done h2{margin-top:0}.notice{position:relative;overflow:hidden;background:linear-gradient(180deg,#1a1a1a,#000 55%);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 18px -8px rgba(0,0,0,.8);text-align:center;font:italic 800 clamp(16px,2vw,20px)/1.3 var(--fd);color:#dce9ff;padding:10px 0;text-shadow:0 1px 0 #000}.notice::after{content:"";position:absolute;top:0;bottom:0;width:25%;left:-30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);animation:gloss 7s ease-in-out 2s infinite}.notice .star{font-style:normal;color:#dce9ff;margin:0 6px}
.notice a{color:#dce9ff;text-decoration:underline;text-underline-offset:3px}.notice.ticker{text-align:left}.notice .tk{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.notice .tr{display:flex;width:max-content;animation:tick 38s linear infinite}.notice .tk:hover .tr{animation-play-state:paused}.notice .set{display:flex;align-items:center;white-space:nowrap;padding-right:28px}.notice .set .star{margin:0 16px}@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.notice .tr{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.notice .tk{-webkit-mask-image:none;mask-image:none}.notice .set{white-space:normal;flex-wrap:wrap;justify-content:center}.notice .set[aria-hidden]{display:none}}@media (prefers-reduced-motion:reduce){.notice::after{animation:none}}.hero p.motto{font:italic 700 clamp(19px,2.4vw,26px)/1.3 var(--fd);color:#fff;margin:-4px 0 18px;padding-left:14px;border-left:4px solid var(--a);text-shadow:0 0 22px var(--glow)}.ytmain .frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#07090c;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 24px 60px -20px rgba(0,0,0,.9),0 0 40px -18px var(--glow)}.ytmain iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.ythint{color:var(--muted);font-size:15px;margin-top:12px}section.s h2,section.s h3,.card h3,.vid h3,.slide h3{position:relative;display:block;width:fit-content;max-width:100%;color:#fff;padding:.32em .9em .38em;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--a) 42%,#2c3540) 0%,color-mix(in srgb,var(--a) 26%,#1c222b) 50%,color-mix(in srgb,var(--a) 18%,#12161c) 100%);border:1px solid rgba(0,0,0,.55);text-shadow:0 1px 0 rgba(0,0,0,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 0 rgba(0,0,0,.35),0 4px 0 color-mix(in srgb,var(--a) 22%,#07090c),0 10px 22px -6px rgba(0,0,0,.75);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}section.s h2::before,section.s h3::before,.card h3::before,.vid h3::before,.slide h3::before{content:"";position:absolute;inset:1px 1px 50% 1px;border-radius:13px 13px 6px 6px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none}section.s h2:hover,section.s h3:hover,.card:hover h3,.vid:hover h3{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -2px 0 rgba(0,0,0,.35),0 6px 0 color-mix(in srgb,var(--a) 22%,#07090c),0 14px 26px -6px rgba(0,0,0,.8),0 0 18px -6px var(--glow)}section.s h2{font-size:clamp(22px,3vw,34px);margin-bottom:22px}.card h3,.vid h3{font-size:17px;margin-bottom:14px;border-radius:11px}.card h3::before,.vid h3::before{border-radius:10px 10px 5px 5px}.slide h3{font-size:20px}.band p{position:relative;max-width:60ch}
.band .btn{margin-top:14px}
section.s.bandwrap{background:transparent!important}
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;margin-top:28px}
.vid{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.vid:hover{transform:translateY(-4px);box-shadow:0 28px 50px -28px var(--glow)}
.vid .frame{aspect-ratio:16/9;background:#000;max-width:100%}.vid .frame>*{width:100%;height:100%;border:0;display:block;object-fit:contain;background:#000}
.vid .meta{padding:18px 20px}.vid h3{margin:0 0 6px;font-size:18px}.vid p{margin:0;color:var(--muted);font-size:15px}
.app{display:flex;flex-direction:column}.app .tags{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 10px}
.tag{font:600 12px var(--fb);padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted)}
.tag.free,.tag.price{background:rgba(255,213,107,.16);color:var(--a2)}
.theatre{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:22px;align-items:start}.stage video{width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;border:1px solid var(--line);box-shadow:0 20px 50px -20px rgba(0,0,0,.9);display:block}.now h3{margin:16px 0 6px}.now p{color:var(--muted);margin:0}.plist{list-style:none;margin:0;padding:0;display:grid;gap:10px}.plist button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;font:600 15px var(--fb);padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;transition:border-color .2s,transform .2s}.plist button:hover{border-color:var(--a);transform:translateX(3px)}.plist button.on{border-color:var(--a);background:linear-gradient(90deg,rgba(46,168,111,.18),var(--card))}.pn{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--a);color:#fff;font-size:12px}@media (max-width:860px){.theatre{grid-template-columns:1fr}}
.bsearch{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.bsearch input{flex:1 1 280px;font:500 17px var(--fb);padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text)}.bsearch input:focus{outline:2px solid var(--a);outline-offset:2px}.bn{color:var(--muted);font-size:14px}.bfolders{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.bfolders button{font:600 14px var(--fb);padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer}.bfolders button.on{background:var(--a);color:#fff;border-color:transparent}.ur{font-family:"Noto Nastaliq Urdu",serif;line-height:1.9;text-transform:none}.book .rom{color:var(--muted);font-size:14px;margin:0}.book .card-h,.book h3.ur{text-align:right}.bnone{color:var(--muted)}
.app .btn{margin-top:auto;align-self:flex-start}.app p{margin-bottom:18px!important}
footer{position:relative;background:linear-gradient(180deg,#1f2124 0%,#0b0b0d 38%,#050506 100%);color:#9aa3a6;padding:48px 0;font-size:15px;border-top:1px solid #000;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 2px 0 color-mix(in srgb,var(--a) 30%,transparent),0 -12px 30px -10px rgba(0,0,0,.8);overflow:hidden}
footer::before{content:"";position:absolute;inset:0 0 auto 0;height:46%;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent);pointer-events:none}
footer .w{position:relative}
footer .contact-num a .ico,footer a{filter:drop-shadow(0 1px 0 #000)}
footer .w{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}
footer a{color:#fff}footer .logo{margin-bottom:6px}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes drop{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(-90px,60px) scale(1.15)}}
@keyframes grid{to{background-position:44px 44px}}
@keyframes sheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@supports (animation-timeline:view()){section.s .w>*,.card,.vid{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}
@media(max-width:640px){.vids{grid-template-columns:1fr}.hero{padding:68px 0 60px}section.s{padding:60px 0}.band{padding:30px}nav a{padding:6px 9px;font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Site Editor look */
.hero h1{color:#3fb8a7;-webkit-text-fill-color:#3fb8a7;background:none;text-shadow:none}
.hero h1 em{color:#ffd56b;-webkit-text-fill-color:#ffd56b}
/* Desktop: open at 80% so more of each page fits on screen */
@media(min-width:900px){html{zoom:.8}}