:root{--bg:#1a2635;--fg:#f1f3f6;--mut:#a9b3c0;--acc:#ff7a2f;--line:#34455c}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:'Space Grotesk',system-ui,sans-serif;overflow-x:hidden;line-height:1.6;animation:pg .8s}
@keyframes pg{from{opacity:0}}a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:'Anton',Impact,sans-serif;text-transform:uppercase;font-weight:400;line-height:1.03}
.wrap{max-width:1200px;margin:auto;padding:0 24px}
body::after{content:"";position:fixed;inset:-50%;pointer-events:none;z-index:90;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");animation:gr .8s steps(6) infinite}
@keyframes gr{20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}}
#bar{position:fixed;top:0;left:0;height:3px;background:var(--acc);width:0;z-index:100}
nav{position:fixed;top:0;width:100%;z-index:80;padding:10px 0;transition:.4s}
nav.s{background:rgba(26,38,53,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;justify-content:space-between;align-items:center}
.logo img{height:54px;display:block;transition:.4s}.logo:hover img{transform:rotate(-6deg) scale(1.08)}
nav ul{display:flex;gap:28px;list-style:none;font-size:13px;text-transform:uppercase;letter-spacing:.14em}
nav ul a{position:relative;padding:4px 0}nav ul a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--acc);transition:.3s}
nav ul a:hover::after,nav ul a.on::after{width:100%}nav ul a.on{color:var(--acc)}
#burger{display:none;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}
@media(max-width:900px){#burger{display:block}nav .btn{display:none}nav ul{position:fixed;inset:0;background:#1a2635f5;flex-direction:column;justify-content:center;align-items:center;gap:30px;font-size:22px;transform:translateY(-100%);transition:.5s}nav ul.open{transform:none}#burger{position:relative;z-index:2}}
.btn{display:inline-block;padding:14px 30px;border:1px solid var(--fg);border-radius:50px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;position:relative;overflow:hidden;transition:.35s;z-index:1;background:none;color:var(--fg);cursor:pointer;font-family:inherit}
.btn::before{content:"";position:absolute;inset:0;background:var(--acc);transform:translateY(101%);transition:.35s;z-index:-1}.btn:hover::before{transform:none}.btn:hover{border-color:var(--acc)}
.btn.fill{background:var(--acc);border-color:var(--acc)}.btn.fill::before{background:var(--fg)}.btn.fill:hover{color:#000}
.hero,.ph{position:relative;overflow:hidden;display:flex;align-items:center}
.hero{min-height:100vh;padding:130px 0 90px}.ph{min-height:56vh;padding:150px 0 70px;border-bottom:1px solid var(--line)}
.vbg{position:absolute;inset:0;overflow:hidden;opacity:1}.vbg iframe{position:absolute;top:50%;left:50%;width:max(100vw,177.78vh);height:max(56.25vw,100vh);transform:translate(-50%,-50%);border:0;pointer-events:none}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#1a263599 0%,#1a263500 65%),linear-gradient(#1a263500 75%,#1a2635)}.hero h1,.hero p.s{text-shadow:0 2px 24px #000a}.hero .blob{opacity:.12}
.blob{position:absolute;border-radius:50%;filter:blur(110px);opacity:.4;animation:fl 14s ease-in-out infinite}
.b1{width:480px;height:480px;background:#ff7a2f;top:-120px;right:-80px}.b2{width:400px;height:400px;background:#1f9d9a;bottom:-120px;left:-100px;animation-delay:-6s}
@keyframes fl{50%{transform:translate(60px,50px) scale(1.15)}}
.hero .wrap,.ph .wrap{position:relative;z-index:2}
.tag{display:inline-flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--mut);margin-bottom:24px}
.rec{width:10px;height:10px;border-radius:50%;background:var(--acc);animation:bl 1.2s infinite}@keyframes bl{50%{opacity:.15}}
.hero h1{font-size:clamp(46px,9vw,130px)}.ph h1{font-size:clamp(44px,8vw,110px)}
.ln{display:block;overflow:hidden}.ln em{display:inline-block;font-style:normal;transform:translateY(110%);animation:up 1s cubic-bezier(.2,.8,.2,1) forwards}
.ln:nth-child(2) em{animation-delay:.15s;color:var(--acc)}.ln:nth-child(3) em{animation-delay:.3s}@keyframes up{to{transform:none}}
.hero p.s,.ph p.s{max-width:580px;color:#cdd5df;margin:26px 0 36px;font-size:18px;opacity:0;animation:fd 1s .7s forwards}
.cta{display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:fd 1s .9s forwards}@keyframes fd{to{opacity:1}}
.marq{border-block:1px solid var(--line);padding:20px 0;overflow:hidden;white-space:nowrap}
.marq div{display:inline-block;animation:mq 32s linear infinite;font-family:'Anton';font-size:32px;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--mut)}
.marq span{margin:0 24px}.marq span:nth-child(3n){color:var(--fg);-webkit-text-stroke:0}@keyframes mq{to{transform:translateX(-50%)}}
section{padding:110px 0}.alt{background:#16202d}
h2{font-size:clamp(36px,5.5vw,78px);margin-bottom:26px}h2 em,h1 em.a{font-style:normal;color:var(--acc)}
.lead{max-width:780px;font-size:19px;color:#cdd5df;margin-bottom:14px}
.rv{opacity:0;transform:translateY(50px);transition:1s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:30px;margin-top:60px}
.stat{border-top:1px solid var(--line);padding-top:18px}.stat b{font-family:'Anton';font-size:60px;display:block;color:var(--acc);font-weight:400}.stat span{color:var(--mut);font-size:13px;text-transform:uppercase;letter-spacing:.12em}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:22px;margin-top:46px}
.card{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;cursor:pointer;background:#243346;border:1px solid var(--line);transition:transform .3s,border-color .4s;transform-style:preserve-3d}
.card:hover{border-color:var(--acc)}.poster{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s}.card:hover .poster{transform:scale(1.1)}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.88))}
.play{position:absolute;top:50%;left:50%;width:74px;height:74px;margin:-37px;border-radius:50%;background:var(--acc);z-index:2;transition:.4s}
.play::before{content:"";position:absolute;top:50%;left:50%;margin:-12px 0 0 -7px;border-left:20px solid #fff;border-block:12px solid transparent}
.play::after{content:"";position:absolute;inset:-10px;border:1px solid var(--acc);border-radius:50%;animation:rg 2s infinite}@keyframes rg{from{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}
.card:hover .play{transform:scale(1.15)}.cap{position:absolute;left:22px;bottom:18px;right:22px;z-index:2}.cap small{color:var(--acc);letter-spacing:.2em;text-transform:uppercase;font-size:11px}.cap h3{font-size:25px}
.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:46px}
.svc>div,.svc>a{background:var(--bg);padding:38px 30px;transition:.4s;display:block}.svc>div:hover,.svc>a:hover{background:#243346;transform:translateY(-4px)}
.svc h4{font-size:24px;margin-bottom:10px}.svc h4::before{content:"→ ";color:var(--acc)}.svc p{color:var(--mut);font-size:15px}
.step{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:34px 0;border-top:1px solid var(--line);transition:.4s}.step:hover{padding-left:20px}
.step b{font-family:'Anton';font-size:54px;color:transparent;-webkit-text-stroke:1px var(--acc);font-weight:400}.step h4{font-size:30px}.step p{color:var(--mut);max-width:760px}
@media(max-width:600px){.step{grid-template-columns:64px 1fr}.step b{font-size:36px}}
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:22px;margin-top:46px;align-items:center}
.logos img{max-height:54px;max-width:100%;margin:auto;filter:grayscale(1) invert(1) brightness(1.6);mix-blend-mode:screen;opacity:.55;transition:.4s}.logos img:hover{opacity:1}
.two{display:grid;grid-template-columns:1fr 1fr;gap:50px}@media(max-width:800px){.two{grid-template-columns:1fr}}
.band{text-align:center;background:linear-gradient(120deg,#ff7a2f,#b01d00);padding:100px 0}.band h2{font-size:clamp(40px,7vw,100px)}.band .btn{border-color:#fff}
form{display:grid;gap:16px}input,textarea,select{width:100%;padding:16px 18px;background:#16202d;border:1px solid var(--line);border-radius:10px;color:var(--fg);font:inherit;transition:.3s}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 3px #ff7a2f33}
.info p{margin-bottom:22px;color:var(--mut)}.info b{display:block;color:var(--fg);font-family:'Anton';font-weight:400;text-transform:uppercase;font-size:20px}.info a:hover{color:var(--acc)}
.post{padding:30px;border:1px solid var(--line);border-radius:14px;transition:.4s}.post:hover{border-color:var(--acc);transform:translateY(-6px)}.post small{color:var(--acc);letter-spacing:.2em;text-transform:uppercase;font-size:11px}.post h3{font-size:26px;margin:10px 0}.post p{color:var(--mut)}
footer{border-top:1px solid var(--line);padding:60px 0 30px;color:var(--mut);font-size:14px}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;margin-bottom:40px}@media(max-width:700px){footer .cols{grid-template-columns:1fr}}
footer h5{font-family:'Anton';font-weight:400;color:var(--fg);text-transform:uppercase;font-size:18px;margin-bottom:10px}footer a{display:block}footer a:hover{color:var(--acc)}footer img{height:70px;margin-bottom:12px}
#modal{position:fixed;inset:0;background:#000f;z-index:200;display:none;place-items:center;padding:24px}#modal.on{display:grid;animation:fd .4s forwards}
#box{width:min(1100px,100%);aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}#box iframe{width:100%;height:100%;border:0}
#x{position:absolute;top:18px;right:28px;background:none;border:0;color:#fff;font-size:42px;cursor:pointer}
#cur{position:fixed;width:14px;height:14px;border:1px solid var(--acc);border-radius:50%;pointer-events:none;z-index:300;transition:width .25s,height .25s,background .25s;transform:translate(-50%,-50%)}#cur.h{width:56px;height:56px;background:#ff7a2f33}@media(hover:none){#cur{display:none}}

.sv{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:60px 0;border-top:1px solid var(--line)}.sv:nth-child(even) .card{order:-1}.sv h2{font-size:clamp(32px,4vw,52px)}.sv p{color:#cdd5df;margin-top:14px}.sv .card{margin:0}.vs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vs .card:first-child:nth-last-child(odd){grid-column:1/-1}.vs .card h3{font-size:16px}@media(max-width:850px){.sv{grid-template-columns:1fr}.sv:nth-child(even) .card{order:0}}
.wide{aspect-ratio:21/9;margin-bottom:22px}.sub{font-family:Anton;text-transform:uppercase;font-size:28px;margin:50px 0 0;color:var(--acc)}

.hero .btn,.btn{box-shadow:0 8px 30px #0006}.logo img{height:60px;width:auto}nav.s .logo img{height:46px}footer img{height:84px;width:auto}
.bio{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.bio q{font-family:Anton;text-transform:uppercase;font-size:clamp(28px,3.4vw,46px);line-height:1.1;display:block;quotes:none}.bio q em{color:var(--acc);font-style:normal}@media(max-width:850px){.bio{grid-template-columns:1fr}}

.svc{gap:0;background:none;border:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.svc>div,.svc>a{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.svc>a{display:block;background:var(--bg);padding:36px 28px;transition:.4s}.svc>a:hover{background:#2a3b50;transform:translateY(-4px);border-color:var(--acc)}.svc>a h4{font-size:23px;margin-bottom:10px}.svc>a h4::before{content:"→ ";color:var(--acc)}.svc>a p{color:var(--mut);font-size:15px}.svc .more{display:inline-block;margin-top:14px;color:var(--acc);font-size:13px;letter-spacing:.14em;text-transform:uppercase;transition:.3s}.svc>a:hover .more{transform:translateX(6px)}.tag a:hover{color:var(--acc)}

.btn.fill{color:#1a2635;font-weight:700}.btn.fill:hover{color:#1a2635}#top{color:#1a2635}
body{background:linear-gradient(180deg,#1a2635,#1e2b3b 50%,#1a2635)}
.lt{--bg:#f3f0ea;--fg:#161c25;--mut:#58626f;--line:#d8d3c9;background:var(--bg);color:var(--fg)}
.lt .lead,.lt p.lead,.lt .bio p{color:#3b4552}.lt h2 em,.lt .sub,.lt .more,.lt .bio q em{color:#c24a0a}
.lt .svc>a,.lt .svc>div{background:var(--bg)}.lt .svc>a:hover,.lt .svc>div:hover{background:#ebe7df}.lt .svc>a:hover{border-color:#c24a0a}.lt .svc p{color:var(--mut)}
.lt .logos div{background:#fff;border:1px solid var(--line);opacity:1}.lt .svc>a h4::before,.lt .svc h4::before{color:#e0610f}
.lt .step b{-webkit-text-stroke-color:#c24a0a}

/* video modal + card polish */
.card h3,.cap h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.poster{background-color:#151518}
#modal.on{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:auto}#box{width:min(1100px,100%,calc((100vh - 190px)*16/9))}
#info{width:min(1100px,100%);color:#cfccc4;font-size:15px}#info h3{font-size:22px;color:var(--fg);margin-bottom:6px}#info p{max-width:780px}#info a{display:inline-block;margin-top:10px;color:var(--acc);font-size:13px;letter-spacing:.08em}

/* ===== Mobile polish ===== */
@media(max-width:900px){
  /* backdrop-filter on nav made the fixed full-screen menu size to the nav bar; blur now lives on a pseudo-element */
  nav.s{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}
  nav::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(26,38,53,.94);border-bottom:1px solid var(--line);opacity:0;transition:opacity .4s}
  nav.s::before{opacity:1}
  nav .wrap{position:relative;z-index:3}
  nav ul{height:100vh;height:100dvh;visibility:hidden;z-index:2;overflow-y:auto;padding:90px 24px 40px;background:var(--bg);transition:transform .5s,visibility 0s .5s}
  nav ul.open{visibility:visible;transition:transform .5s,visibility 0s}
  .logo{position:relative;z-index:3}
  nav ul a{display:block;padding:10px 18px;font-size:22px}
  nav ul a::after{display:none}
  #burger{min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1}
  body.menu-open{overflow:hidden}
  .logo img,nav.s .logo img{height:44px}
}
@media(max-width:700px){
  section{padding:64px 0}
  .hero{min-height:100svh;padding:110px 0 64px}.ph{padding:120px 0 50px}
  .wrap{padding:0 20px}
  .hero p.s,.ph p.s{font-size:16px;margin:20px 0 28px}
  .tag{font-size:11px;letter-spacing:.16em;line-height:1.5}
  .lead{font-size:17px}
  .grid{grid-template-columns:1fr;gap:16px;margin-top:30px}
  .cap{left:16px;right:16px;bottom:14px}.cap h3{font-size:20px}
  .play{width:60px;height:60px;margin:-30px}.play::before{margin:-10px 0 0 -6px;border-left-width:17px;border-block-width:10px}
  .stat b{font-size:48px}
  .svc>div,.svc>a{padding:28px 22px}
  .marq div{font-size:24px}
  .cta .btn{flex:1 1 100%;text-align:center;padding:16px 20px}
  .chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto}
  .band{padding:64px 0}
  footer img{height:64px}
  input,textarea,select{font-size:16px}
  #modal iframe{max-width:100%}
  body::after{animation:none;display:none}
  .blob{filter:blur(70px)}
}
@media(hover:none){.card:hover .poster,.card:hover .play,.step:hover,.svc>div:hover,.svc>a:hover{transform:none}.step:hover{padding-left:0}}