@font-face{font-family:Poppins;font-weight:400;src:url(/fonts/Poppins-Regular.ttf);font-display:swap}@font-face{font-family:Poppins;font-weight:500;src:url(/fonts/Poppins-Medium.ttf);font-display:swap}@font-face{font-family:Poppins;font-weight:600;src:url(/fonts/Poppins-SemiBold.ttf);font-display:swap}@font-face{font-family:Poppins;font-weight:700;src:url(/fonts/Poppins-Bold.ttf);font-display:swap}@font-face{font-family:Thmanyah Serif Display;font-weight:700;src:url(/fonts/thmanyahserifdisplay-Bold.woff2)format("woff2");font-display:swap}:root{--bg:#060b14;--bg-void:#03060c;--surface:#0a1628;--surface-alt:#0e2240;--surface-light:#e6ebf2;--surface-hover:#0f2749;--border:#6bb8ff29;--border-hover:#6bb8ff73;--text:#fff;--text-secondary:#b6c2d4;--text-tertiary:#7c8ba3;--text-on-blue:#040d1c;--text-on-light:#151e2b;--accent:#4a9dff;--accent-hover:#6bb8ff;--accent-deep:#2a72e0;--accent-soft:#9acfff;--bg-rgb:6, 11, 20;--surface-rgb:10, 22, 40;--accent-rgb:74, 157, 255;--accent-soft-rgb:154, 207, 255;--grad-metal:linear-gradient(170deg, #fff 0%, #e2e8f0 35%, #98a4b6 70%, #4c5a70 100%);--grad-blue:linear-gradient(180deg, #9acfff 0%, #4a9dff 55%, #2a72e0 100%);--grad-cta:linear-gradient(180deg, #1c4a8a 0%, #0d2247 100%);--success:#3ddc97;--error:#ff5d73;--warning:#ffc24b;--shadow-lift:0 8px 24px #00000059;--shadow-float:0 30px 80px #0000008c;--glow:0 0 40px rgba(var(--accent-rgb), .35);--font:"Poppins", "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;--font-accent:"Thmanyah Serif Display", "Playfair Display", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1);--pad:clamp(20px, 5vw, 64px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--text);font:400 17px/1.65 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:rgba(var(--accent-rgb), .4)}body:after{content:"";z-index:90;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.container{width:min(1280px, 100% - 2 * var(--pad));margin-inline:auto}.section{padding-block:clamp(96px,14vw,180px);position:relative}.h1{letter-spacing:-.04em;font-size:clamp(42px,11vw,168px);font-weight:700;line-height:.95}.h2{letter-spacing:-.03em;font-size:clamp(40px,6vw,88px);font-weight:700;line-height:1.02}.h3{letter-spacing:-.01em;font-size:clamp(22px,2.2vw,32px);font-weight:600;line-height:1.2}.lead{color:var(--text-secondary);max-width:56ch;font-size:clamp(16px,1.4vw,20px)}.word{vertical-align:top;margin-bottom:-.16em;padding:.06em 0 .16em;display:inline-block;overflow:hidden}.ch{will-change:transform;display:inline-block}.acc{font-family:var(--font-accent);letter-spacing:-.02em;font-weight:700}.acc .ch{background:var(--grad-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:.02em}.metal .ch{background:var(--grad-metal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.metal .acc .ch{background:var(--grad-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.h1.metal{text-shadow:none;filter:drop-shadow(0 0 40px rgba(var(--accent-rgb), .4))}.chip{background:rgba(var(--accent-rgb), .12);border:1px solid var(--border);color:var(--accent-soft);font:500 12px/1.2 var(--font);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.chip .dot{background:var(--accent);width:6px;height:6px;box-shadow:var(--glow);border-radius:50%}.shiny{background:linear-gradient(110deg, var(--accent-soft) 35%, var(--text) 50%, var(--accent-soft) 65%) 0 0 / 250% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3.2s linear infinite shine}@keyframes shine{to{background-position:-150% 0}}.btn{min-height:48px;font:600 15px/1 var(--font);cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease), background .25s, border-color .25s, box-shadow .25s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;display:inline-flex}.btn svg{width:16px;height:16px;transition:transform .25s var(--ease)}.btn:hover svg{transform:translate(3px)}.btn-primary{background:var(--grad-blue);color:var(--text-on-blue);box-shadow:0 0 0 rgba(var(--accent-rgb), 0)}.btn-primary:hover{box-shadow:0 10px 36px rgba(var(--accent-rgb), .45)}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:rgba(var(--surface-rgb), .6);border-color:var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--border-hover);background:var(--surface-hover)}.btn:focus-visible,.link:focus-visible,.nav a:focus-visible,.card:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.link{color:var(--accent-soft);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s,color .2s}.link:hover{color:var(--accent-hover);background-size:100% 1px}.nav{z-index:50;background:rgba(var(--surface-rgb), .55);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:24px;padding:8px 8px 8px 22px;transition:background .3s,border-color .3s,top .3s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.nav.scrolled{background:rgba(var(--bg-rgb), .82);border-color:var(--border-hover);top:10px}.nav-logo{flex:none;display:block}.nav-logo img,.logo-swap img{max-width:none}.nav-logo img{width:auto;height:34px}.nav-links{gap:4px;display:flex}.nav-links a{color:var(--text-secondary);font:500 14px var(--font);border-radius:999px;padding:10px 16px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:rgba(var(--accent-rgb), .16)}.nav .btn{min-height:44px;padding:0 20px}.icon-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:none}.nav-menu{background:rgba(var(--bg-rgb), .92);border:1px solid var(--border-hover);border-radius:24px;flex-direction:column;padding:10px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0}.nav-menu.open{display:flex}.nav-menu a{color:var(--text-secondary);border-radius:14px;padding:14px 16px}.nav-menu a:hover{background:rgba(var(--accent-rgb), .14);color:var(--text)}.hero{min-height:100svh;padding:150px var(--pad) 110px;place-items:center;display:grid;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-bg i{will-change:transform;border-radius:50%;position:absolute}.hero-bg i:first-child{background:radial-gradient(circle, rgba(var(--accent-rgb), .28), transparent 62%);width:70vw;height:70vw;animation:18s ease-in-out infinite alternate drift;top:-25vw;left:-15vw}.hero-bg i:nth-child(2){background:radial-gradient(circle, rgba(var(--accent-soft-rgb), .16), transparent 62%);width:60vw;height:60vw;animation:22s ease-in-out infinite alternate-reverse drift;top:10vh;right:-20vw}.hero-bg i:nth-child(3){background:radial-gradient(#2a72e047,#0000 65%);width:80vw;height:40vw;animation:26s ease-in-out infinite alternate drift;bottom:-20vw;left:10vw}@keyframes drift{to{transform:translate(6vw,4vw)scale(1.08)}}.hero-grid{opacity:.5;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 10%,#0000 70%);mask-image:radial-gradient(#000 10%,#0000 70%)}.hero-inner{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:28px;max-width:1000px;display:flex;position:relative}.hero-inner .lead{margin-inline:auto}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;display:flex}.constellation{perspective:1400px;z-index:2;pointer-events:none;position:absolute;inset:0}.star{width:var(--w,200px);z-index:1;transform:translate3d(calc(-50% + var(--px,0px) * var(--d,1)), calc(-50% + var(--py,0px) * var(--d,1)), 0);scale:var(--s,1);rotate:var(--r,0deg);position:absolute}.mini{background:rgba(var(--surface-rgb), .82);border:1px solid var(--border);box-shadow:var(--shadow-float);color:var(--text-secondary);border-radius:18px;padding:12px;font-size:12px;line-height:1.4;overflow:hidden}.mini b{color:var(--text);font-weight:600}.mini .big{font:700 26px/1 var(--font);color:var(--text);letter-spacing:-.02em}.mini .up{color:var(--success);font-weight:600}.art{background:radial-gradient(circle at 25% 30%, hsl(var(--h,210) 100% 62% / .95), transparent 55%), radial-gradient(circle at 75% 70%, hsl(calc(var(--h,210) + 22) 100% 45% / .9), transparent 55%), linear-gradient(160deg, var(--surface-alt), var(--bg));border-radius:12px;position:relative;overflow:hidden}.reel{aspect-ratio:9/13;place-items:center;display:grid}.play{background:#ffffffeb;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.play svg{width:14px;height:14px;fill:var(--text-on-blue);margin-left:2px}.mini .row{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.bars{align-items:flex-end;gap:5px;height:52px;margin-top:10px;display:flex}.bars span{background:var(--grad-blue);opacity:.85;border-radius:4px 4px 0 0;flex:1}.avatars{display:flex}.avatars span{border:2px solid var(--surface);background:var(--grad-blue);border-radius:50%;width:26px;height:26px;margin-left:-8px}.avatars span:first-child{margin-left:0}.avatars span:nth-child(2){background:var(--grad-cta)}.avatars span:nth-child(3){background:var(--grad-metal)}.win-dots{gap:5px;margin-bottom:10px;display:flex}.win-dots i{background:var(--border-hover);border-radius:50%;width:7px;height:7px}.line{background:var(--border);border-radius:4px;height:7px;margin-top:7px}.logo-tile{aspect-ratio:16/10;background:var(--grad-cta);border-radius:12px;place-items:center;display:grid}.logo-tile img{width:70%}.marquee{border-block:1px solid var(--border);background:var(--bg-void);padding-block:28px;overflow:hidden}.marquee-row{width:max-content;animation:38s linear infinite marq;display:flex}.marquee-row.rev{animation-duration:46s;animation-direction:reverse}.marquee:hover .marquee-row{animation-play-state:paused}.marquee-row span{font:700 clamp(56px, 9vw, 140px)/1.1 var(--font);letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:clamp(24px,4vw,56px);padding-right:clamp(24px,4vw,56px);display:inline-flex}.marquee-row .o{color:#0000;-webkit-text-stroke:1.5px var(--border-hover)}.marquee-row .f{font-family:var(--font-accent);color:var(--accent)}.marquee-row svg{width:clamp(28px,4vw,54px);height:auto;fill:var(--accent);flex:none}@keyframes marq{to{transform:translate(-50%)}}.marquee+.marquee{border-top:0}.manifesto{text-align:center}.manifesto p{font:600 clamp(26px, 4vw, 58px)/1.2 var(--font);letter-spacing:-.02em;max-width:22em;margin:28px auto 0}.manifesto p .w{opacity:.18;margin-right:.28em;display:inline-block}.services-wrap{height:calc(var(--n) * 90vh + 100vh);position:relative}.services-pin{align-items:center;height:100vh;padding-top:72px;display:flex;position:sticky;top:0;overflow:hidden}.services-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.svc-left .chip{margin-bottom:28px}.svc-copy{min-height:320px;margin-top:36px;position:relative}.svc-item{opacity:0;pointer-events:none;transition:opacity .5s var(--ease), transform .6s var(--ease);position:absolute;inset:0 auto auto 0;transform:translateY(24px)}.svc-item.on{opacity:1;pointer-events:auto;transform:none}.svc-num{font:700 clamp(72px, 9vw, 128px)/1 var(--font-accent);background:var(--grad-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.svc-item .h3{margin:4px 0 14px;font-size:clamp(28px,3.2vw,46px)}.svc-item .btn{margin-top:28px}.svc-dots{gap:8px;margin-top:12px;display:flex}.svc-dots i{background:var(--border);width:28px;height:3px;transition:background .4s, width .4s var(--ease);border-radius:2px}.svc-dots i.on{background:var(--accent);width:56px}.svc-stage{aspect-ratio:1/.92;position:relative}.scene{opacity:0;transition:opacity .5s var(--ease), transform .7s var(--ease);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;transform:scale(.94)translateY(20px)}.scene.on{opacity:1;transform:none}.panel{background:linear-gradient(160deg, rgba(var(--surface-rgb), .95), rgba(var(--bg-rgb), .95));border:1px solid var(--border-hover);width:100%;height:100%;box-shadow:var(--shadow-float), var(--glow);border-radius:28px;padding:22px;position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;background:radial-gradient(500px circle at 80% 0%, rgba(var(--accent-rgb), .16), transparent 60%);position:absolute;inset:0}.posts{grid-template-columns:repeat(3,1fr);gap:10px;height:100%;display:grid}.posts .art{height:100%;font:600 12px var(--font);color:var(--text);align-items:flex-end;padding:8px;display:flex}.brandkit{grid-template-rows:1.3fr 1fr;gap:14px;height:100%;display:grid}.brandkit .logo-tile{aspect-ratio:auto;height:100%}.swatches{grid-template-columns:1fr 1fr 1fr 1.4fr;gap:10px;display:grid}.swatches i{border:1px solid var(--border);border-radius:12px}.swatches .aa{font:700 44px var(--font-accent);color:var(--accent-soft);background:var(--surface-alt);place-items:center;display:grid}.adchart{flex-direction:column;justify-content:space-between;height:100%;display:flex}.adchart .bars{gap:10px;height:62%}.adchart .kpis{gap:12px;display:flex}.adchart .kpis div{background:rgba(var(--accent-rgb), .1);border:1px solid var(--border);color:var(--text-secondary);border-radius:14px;flex:1;padding:12px 14px;font-size:12px}.adchart .kpis b{font:700 24px var(--font);color:var(--text);display:block}.browser{flex-direction:column;height:100%;display:flex}.browser .body{flex:1;grid-template-columns:2fr 1fr;gap:12px;display:grid}.browser .col{flex-direction:column;gap:12px;display:flex}.browser .art{flex:1}.creators{text-align:center;height:100%;color:var(--text-secondary);grid-template-columns:repeat(3,1fr);align-content:center;gap:14px;font-size:12px;display:grid}.creators div{flex-direction:column;align-items:center;gap:8px;display:flex}.creators .av{background:var(--grad-blue);border:3px solid var(--surface-alt);width:64px;height:64px;box-shadow:var(--glow);border-radius:50%}.creators div:nth-child(2n) .av{background:var(--grad-cta)}.creators div:nth-child(3n) .av{background:var(--grad-metal)}.dash{grid-template-columns:54px 1fr;gap:14px;height:100%;display:grid}.dash .side{background:rgba(var(--accent-rgb), .08);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:10px;display:flex}.dash .side i{background:var(--border-hover);border-radius:7px;width:24px;height:24px}.dash .side i:first-child{background:var(--accent)}.dash svg{width:100%;height:auto}.sec-head{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:clamp(40px,6vw,80px);display:flex}.bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:220px;gap:20px;display:grid}.bento .w2{grid-column:span 2}.bento .w3{grid-column:span 3}.bento .w4{grid-column:span 4}.bento .h2{grid-row:span 2}.card{background:var(--surface);border:1px solid var(--border);transition:border-color .3s, transform .4s var(--ease);border-radius:24px;padding:32px;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:0;z-index:2;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), rgba(var(--accent-rgb), .18), transparent 60%);transition:opacity .3s;position:absolute;inset:0}.card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.card:hover:before{opacity:1}.work{flex-direction:column;padding:0;display:flex}.work .art{background:radial-gradient(circle at 20% 25%, hsl(var(--h) 100% 60% / .9), transparent 55%), radial-gradient(circle at 80% 75%, hsl(calc(var(--h) + 24) 100% 42% / .85), transparent 58%), linear-gradient(160deg, var(--surface-alt), var(--bg));transition:transform .8s var(--ease);border-radius:0;flex:1}.work:hover .art{transform:scale(1.05)}.work .art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.work .art:after{content:"";background:linear-gradient(180deg, transparent 55%, rgba(var(--bg-rgb), .55));position:absolute;inset:0}.work .meta{z-index:3;background:rgba(var(--bg-rgb), .7);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex;position:relative}.work .meta .tag{font:500 11px var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-soft)}.work .meta .t{font:600 18px var(--font);letter-spacing:-.01em}.work .arrow{border:1px solid var(--border);width:40px;height:40px;transition:background .3s, transform .4s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.work:hover .arrow{background:var(--accent);transform:rotate(-45deg)}.work:hover .arrow svg{stroke:var(--text-on-blue)}.work .arrow svg{width:16px;height:16px;stroke:var(--text);fill:none;stroke-width:2px}.stats{border-block:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.stat{text-align:center;border-left:1px solid var(--border);padding:clamp(32px,5vw,64px) 24px}.stat:first-child{border-left:0}.stat .num{font:700 clamp(44px, 6vw, 92px)/1 var(--font);letter-spacing:-.04em;background:var(--grad-metal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat .num span{font-family:var(--font-accent);background:var(--grad-blue);-webkit-background-clip:text;background-clip:text}.stat p{color:var(--text-tertiary);margin-top:10px;font-size:14px}.team{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:640px;display:grid}.member{aspect-ratio:1;padding:0;overflow:hidden}.member .photo{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease);position:absolute;inset:0}.member:hover .photo{transform:scale(1.04)}.member .who{z-index:3;background:linear-gradient(180deg, transparent, rgba(var(--bg-rgb), .92));padding:40px 18px 16px;position:absolute;bottom:0;left:0;right:0}.member .h3{font-size:clamp(18px,2vw,24px)}.member .tag{font:500 12px var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-soft)}.closing{text-align:center;background:radial-gradient(ellipse at 50% 30%, rgba(var(--accent-rgb), .14), transparent 60%), var(--bg);padding-block:clamp(80px,12vw,160px) 0;position:relative;overflow:hidden}.glass-stage{place-items:end center;height:min(88vh,800px);display:grid;position:relative}.glass-stage canvas{width:100%;height:100%;position:absolute;inset:0}.orb{aspect-ratio:1;background:radial-gradient(circle at 32% 28%, var(--accent-soft), var(--accent) 38%, var(--accent-deep) 62%, var(--bg) 100%);width:min(52vw,420px);box-shadow:var(--glow), inset 0 -30px 80px #00000080;border-radius:50%;position:absolute;top:6%}.closing-copy{z-index:2;padding:0 var(--pad) 24px;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.closing .acc .ch{background:linear-gradient(180deg, var(--text), var(--accent-soft));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.closing-copy .h2{font-size:clamp(56px,12vw,180px);line-height:.95}.glass-stage .closing-copy{text-shadow:0 8px 28px #00000080}.footer{z-index:2;background:var(--bg-void);border-top:1px solid var(--border);text-align:left;margin-top:clamp(60px,8vw,100px);padding:56px 0 36px;position:relative}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.logo-swap{cursor:pointer;height:34px;display:inline-block;position:relative}.logo-swap img{width:auto;height:34px;transition:opacity .2s}.logo-swap .ar{font:700 30px/1 var(--font-accent);color:var(--accent-soft);opacity:0;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.logo-swap:hover img{opacity:0;animation:.35s steps(2,end) glitch}.logo-swap:hover .ar{opacity:1;animation:.35s steps(2,end) glitch}@keyframes glitch{0%{transform:translate(-3px,1px)}33%{transform:translate(3px,-1px)}66%{transform:translate(-2px,-2px)}to{transform:none}}.footer ul{color:var(--text-secondary);flex-direction:column;gap:10px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.footer h4{font:500 12px var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 14px}.footer-note{border-top:1px solid var(--border);color:var(--text-tertiary);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:24px;font-size:13px;display:flex}.cursor{z-index:100;border:1.5px solid var(--accent);pointer-events:none;opacity:0;width:36px;height:36px;transition:width .25s var(--ease), height .25s var(--ease), margin .25s var(--ease), background .25s, opacity .3s;border-radius:50%;margin:-18px 0 0 -18px;position:fixed;top:0;left:0}.cursor.show{opacity:1}.cursor.big{background:rgba(var(--accent-rgb), .14);width:64px;height:64px;margin:-32px 0 0 -32px}.spark{z-index:100;background:var(--accent-soft);pointer-events:none;border-radius:2px;width:2px;height:12px;position:fixed}.palette-bg{z-index:120;background:rgba(var(--bg-rgb), .7);place-items:start center;padding-top:18vh;display:grid;position:fixed;inset:0}.palette{background:var(--surface);border:1px solid var(--border-hover);width:min(520px,92vw);box-shadow:var(--shadow-float), var(--glow);border-radius:20px;overflow:hidden}.palette input{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);font:500 16px var(--font);background:0 0;outline:none;padding:18px 22px}.palette button{cursor:pointer;text-align:left;width:100%;color:var(--text-secondary);background:0 0;border:0;justify-content:space-between;padding:14px 22px;display:flex}.palette button:hover,.palette button.sel,.palette button:focus-visible{background:rgba(var(--accent-rgb), .14);color:var(--text);outline:none}.palette kbd{font:500 11px var(--font);color:var(--text-tertiary)}.kbd-hint{z-index:40;border:1px solid var(--border);background:rgba(var(--surface-rgb), .7);font:500 12px var(--font);color:var(--text-tertiary);border-radius:999px;padding:8px 12px;position:fixed;bottom:20px;right:20px}@media (width<=1024px){.bento{grid-template-columns:repeat(4,1fr)}.bento .w4{grid-column:span 4}.bento .w2{grid-column:span 2}.kbd-hint{display:none}}@media (width<=860px){.services-grid{grid-template-columns:1fr;gap:16px}.svc-stage{aspect-ratio:1/.6;max-height:34vh}.svc-copy{min-height:250px;margin-top:20px}.services-pin{align-items:flex-start;padding-top:92px}}@media (width<=760px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--border)}.nav-links{display:none}.icon-btn{display:inline-flex}.nav{gap:12px;padding-left:18px}.nav .btn{display:none}}@media (width<=600px){body{font-size:16px}.hero{padding-bottom:240px}.star:nth-child(n+4){display:none}.star{bottom:36px;--w:34vw!important;top:auto!important}.star:first-child{left:20%!important}.star:nth-child(2){left:52%!important}.star:nth-child(3){left:82%!important}.bento{grid-template-columns:1fr;grid-auto-rows:240px}.bento>*{grid-area:auto!important}.card{padding:24px}.work{padding:0}.team{gap:12px}.member .who{padding:28px 12px 12px}.member .h3{font-size:15px}.member .tag{font-size:10px}.stat{padding-inline:10px}.svc-left .chip{display:none}.svc-left .h2{font-size:32px}.svc-copy{min-height:330px;margin-top:14px}.svc-num{font-size:56px}.svc-item .h3{margin-bottom:8px;font-size:24px}.svc-item .btn{margin-top:18px}.svc-stage{aspect-ratio:1/.5;max-height:20vh}.panel{border-radius:20px;padding:12px}.btn{padding:0 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.marquee-row{animation:none}.manifesto p .w{opacity:1}}.sv-stack{flex-direction:column;gap:28px;display:flex}.sv-card{top:calc(96px + var(--i) * 18px);border:1px solid var(--border-hover);background:linear-gradient(140deg, var(--surface-alt) 0%, var(--surface) 58%, var(--bg) 100%);min-height:min(480px,70vh);box-shadow:var(--shadow-float);border-radius:32px;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(24px,3.5vw,52px);display:grid;position:sticky;overflow:hidden}.sv-card:before{content:"";pointer-events:none;background:radial-gradient(640px circle at 100% 0%, rgba(var(--accent-rgb), .16), transparent 60%);position:absolute;inset:0}.sv-info,.sv-visual{z-index:1;position:relative}.sv-top{align-items:center;gap:14px;margin-bottom:18px;display:flex}.sv-num{font:700 clamp(44px, 5vw, 72px)/1 var(--font-accent);background:var(--grad-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sv-tag{font:500 11px var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-soft);border:1px solid var(--border);background:rgba(var(--accent-rgb), .08);border-radius:999px;padding:6px 12px}.sv-title{margin:0 0 14px;font-size:clamp(26px,3vw,44px)}.sv-chips{flex-wrap:wrap;gap:8px;margin:22px 0 28px;padding:0;list-style:none;display:flex}.sv-chips li{font:500 13px var(--font);color:var(--text-secondary);border:1px solid var(--border);background:rgba(var(--bg-rgb), .5);border-radius:999px;padding:7px 14px}.sv-visual{height:clamp(260px,32vw,380px)}.reels{grid-template-columns:repeat(3,1fr);align-items:center;gap:12px;height:100%;display:grid}.reel-tile{aspect-ratio:9/16;border:1px solid var(--border-hover);box-shadow:var(--shadow-lift);border-radius:16px;position:relative;overflow:hidden}.reel-tile:nth-child(2){transform:translateY(-14px)}.reel-tile img{object-fit:cover;width:100%;height:100%;display:block}.reel-tile .play,.vid .play{background:rgba(var(--bg-rgb), .55);border:1px solid #ffffff59;border-radius:50%;place-items:center;width:44px;height:44px;margin:auto;display:grid;position:absolute;inset:0}.reel-tile .play svg,.vid .play svg{width:16px;height:16px;fill:var(--text);margin-left:2px}.faq-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid}.faq-side{flex-direction:column;align-items:flex-start;gap:22px;display:flex;position:sticky;top:120px}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{border:1px solid var(--border);background:var(--surface);border-radius:20px;transition:border-color .3s,background .3s}.faq-item:hover,.faq-item.open{border-color:var(--border-hover)}.faq-item.open{background:linear-gradient(160deg, var(--surface-alt), var(--surface))}.faq-item h3{font:inherit;margin:0}.faq-item button{width:100%;min-height:64px;color:var(--text);font:600 clamp(16px, 1.5vw, 19px)/1.35 var(--font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;display:flex}.faq-item button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:-2px}.faq-item button i{border:1px solid var(--border);width:32px;height:32px;transition:background .3s, transform .4s var(--ease);border-radius:50%;flex:none;position:relative}.faq-item button i:before,.faq-item button i:after{content:"";background:var(--text);width:12px;height:2px;transition:transform .4s var(--ease), background .3s;border-radius:2px;margin:auto;position:absolute;inset:0}.faq-item button i:after{transform:rotate(90deg)}.faq-item.open button i{background:var(--accent)}.faq-item.open button i:before,.faq-item.open button i:after{background:var(--text-on-blue)}.faq-item.open button i:after{transform:rotate(0)}.faq-a{transition:grid-template-rows .45s var(--ease);grid-template-rows:0fr;display:grid}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a>div{overflow:hidden}.faq-a p{max-width:62ch;color:var(--text-secondary);margin:0;padding:0 26px 24px}.content-page{padding-top:clamp(120px,14vw,180px)}.filters{flex-wrap:wrap;gap:10px;margin-bottom:clamp(28px,4vw,48px);display:flex}.filters button{border:1px solid var(--border);background:rgba(var(--surface-rgb), .6);min-height:44px;color:var(--text-secondary);font:500 14px var(--font);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 20px;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.filters button:hover{border-color:var(--border-hover);color:var(--text)}.filters button.on{background:var(--grad-blue);color:var(--text-on-blue);border-color:#0000}.filters button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.filters sup{opacity:.7;font-size:11px}.vid-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.vid{aspect-ratio:9/16;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);text-align:left;transition:border-color .3s, transform .5s var(--ease);border-radius:22px;padding:0;position:relative;overflow:hidden}.vid:hover{border-color:var(--border-hover);transform:translateY(-4px)}.vid:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.vid img,.vid video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.vid:after{content:"";background:linear-gradient(180deg, transparent 50%, rgba(var(--bg-rgb), .9));pointer-events:none;position:absolute;inset:0}.vid .play{transition:opacity .3s, transform .4s var(--ease);z-index:2}.vid:hover .play{opacity:0;transform:scale(.8)}.vid .cap{z-index:2;flex-direction:column;gap:2px;padding:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.vid .cap small{font:500 10px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-soft)}.vid .cap b{font:600 16px/1.25 var(--font);letter-spacing:-.01em}.player{z-index:200;background:rgba(var(--bg-rgb), .92);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.player-box{flex-direction:column;align-items:center;gap:12px;display:flex}.player-box video{aspect-ratio:9/16;border:1px solid var(--border-hover);max-width:calc(100vw - 48px);height:min(80vh,760px);box-shadow:var(--shadow-float), var(--glow);background:#000;border-radius:20px}.player-meta{text-align:center;flex-direction:column;align-items:center;display:flex}.player-meta small{font:500 11px var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-soft)}.player-meta b{font:600 18px var(--font)}.player-x,.player-nav{border:1px solid var(--border-hover);background:rgba(var(--surface-rgb), .9);width:48px;height:48px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;transition:background .3s;display:grid;position:absolute}.player-x:hover,.player-nav:hover{background:var(--surface-hover)}.player-x:focus-visible,.player-nav:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.player-x{top:20px;right:20px}.player-nav{margin-top:-24px;top:50%}.player-nav.prev{left:20px}.player-nav.next{right:20px}.player svg{width:20px;height:20px}@media (width<=1024px){.vid-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=860px){.faq-grid{grid-template-columns:1fr}.faq-side{position:static}}@media (width<=760px){.sv-card{top:calc(80px + var(--i) * 10px);border-radius:24px;grid-template-columns:1fr;gap:16px;min-height:0}.sv-visual{order:-1;height:150px}.sv-top{margin-bottom:10px}.sv-title{margin-bottom:8px;font-size:24px}.sv-card .lead{font-size:15px}.sv-chips{gap:6px;margin:14px 0 18px}.sv-chips li{padding:5px 11px;font-size:12px}.reels{grid-template-columns:repeat(3,1fr)}.reel-tile{aspect-ratio:1/1.1}.reel-tile:nth-child(2){transform:none}.vid-grid{grid-template-columns:repeat(2,1fr);gap:12px}.vid{border-radius:16px}.vid .cap{padding:12px}.vid .cap b{font-size:14px}.player-nav{margin:0;top:auto;bottom:20px}}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tbadge{background:rgba(var(--bg-rgb), .55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:32px;height:32px;padding:0 9px;display:inline-flex}.tbadge svg{flex:none;width:16px;height:16px}.tbadge em{font:500 11px var(--font);letter-spacing:.06em;color:var(--text);white-space:nowrap;font-style:normal}.vtop{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:12px;right:12px}.vtop .idx{font:600 12px var(--font);letter-spacing:.1em;color:var(--text);background:rgba(var(--bg-rgb), .55);border:1px solid #ffffff29;border-radius:999px;padding:6px 10px}.types{flex-wrap:wrap;gap:8px;margin:-24px 0 clamp(28px,4vw,48px);display:flex}.types button{border:1px solid var(--border);min-height:40px;color:var(--text-secondary);font:500 13px var(--font);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;transition:background .3s,border-color .3s,color .3s;display:inline-flex}.types button:first-child{padding-left:16px}.types button .tbadge{background:rgba(var(--accent-rgb), .08);border-color:var(--border);min-width:26px;height:26px;padding:0 5px}.types button:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.types button.on{background:rgba(var(--accent-rgb), .16);border-color:var(--accent);color:var(--text)}.types button:disabled{opacity:.35;cursor:default}.types button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.types sup{opacity:.7;font-size:10px}.player-meta .tbadge{margin-bottom:6px}.rail-wrap{position:relative}.rail-pin{flex-direction:column;justify-content:center;gap:clamp(16px,3vh,36px);height:100vh;padding-top:72px;display:flex;position:sticky;top:0;overflow:hidden}.rail-head{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.rail-head .chip{margin-bottom:14px}.rail-head .h2{margin:0;font-size:clamp(32px,5vw,68px)}.rail-head .acc{background:var(--grad-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:.04em}.rail-head .lead{max-width:34ch;margin:0;font-size:clamp(14px,1.2vw,17px)}.rail{--ch:clamp(280px, 52vh, 520px);width:max-content;padding-inline:max(var(--pad), calc((100vw - 1280px) / 2));will-change:transform;align-items:center;gap:clamp(12px,1.6vw,20px);display:flex}.rcard{height:var(--ch);aspect-ratio:9/16;background:var(--surface);border:1px solid var(--border);opacity:.55;transition:opacity .5s var(--ease), transform .6s var(--ease), border-color .4s, box-shadow .4s;border-radius:22px;flex:none;position:relative;overflow:hidden;transform:scale(.92)}.rcard.on{opacity:1;border-color:var(--border-hover);box-shadow:var(--shadow-float), var(--glow);transform:scale(1.04)}.rcard img,.rcard video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.rcard:after{content:"";background:linear-gradient(180deg, transparent 55%, rgba(var(--bg-rgb), .9));pointer-events:none;position:absolute;inset:0}.rcard .cap{z-index:2;flex-direction:column;gap:2px;padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.rcard .cap small{font:500 10px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-soft)}.rcard .cap b{font:600 15px/1.25 var(--font)}.rail-hud{border:1px solid var(--border);background:rgba(var(--surface-rgb), .7);border-radius:999px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:22px;padding:12px 14px 12px 26px;display:grid}.rail-count{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;display:flex}.rail-count b{font:700 24px var(--font)}.rail-count span{font:500 13px var(--font);color:var(--text-tertiary)}.rail-ticks{align-items:flex-end;gap:5px;min-width:0;height:26px;display:flex}.rail-ticks i{background:var(--border);max-width:14px;height:10px;transition:height .3s var(--ease), background .3s;border-radius:2px;flex:1}.rail-ticks i.past{background:var(--border-hover)}.rail-ticks i.on{background:var(--accent);height:26px;box-shadow:var(--glow)}.rail-now{white-space:nowrap;align-items:center;gap:12px;display:flex}.rail-now b{font:600 14px var(--font)}.rail-wrap.static{height:auto!important}.rail-wrap.static .rail-pin{height:auto;padding-block:96px;position:static;overflow:visible}.rail-wrap.static .rail{width:auto;overflow-x:auto}.rail-wrap.static .rcard{opacity:1;transform:none}@media (width<=860px){.rail-head{flex-direction:column;align-items:flex-start;gap:10px}.rail-head .lead{display:none}.rail-hud{grid-template-columns:auto 1fr auto;gap:14px;padding:10px 10px 10px 18px}.rail-now{display:none}.rail-hud .btn{min-height:44px;padding-inline:16px}.rail{--ch:clamp(260px, 46vh, 420px)}}@media (width<=760px){.types{margin-top:-12px}.tbadge em{display:none}.vid .tbadge{min-width:30px;padding:0 7px}}.king-fb{aspect-ratio:100/160;height:min(52%,400px);filter:drop-shadow(0 0 40px rgba(var(--accent-rgb), .45));position:absolute;top:3%;left:50%;translate:-50%}.king-fb svg{width:100%;height:100%}.glass-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg, transparent, rgba(var(--bg-rgb), .72) 45%, rgba(var(--bg-rgb), .9));height:58%;position:absolute;bottom:0;left:0;right:0}.tgroup{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.clients{border-block:1px solid var(--border);padding-block:clamp(56px,8vw,110px)}.clients-head{text-align:center;flex-direction:column;align-items:center;gap:18px;margin-bottom:clamp(32px,4vw,56px);display:flex}.clients-title{letter-spacing:-.03em;margin:0;font-size:clamp(30px,4.2vw,56px);font-weight:700;line-height:1.05}.clients-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.clients-track{width:max-content;animation:42s linear infinite clients-move;display:flex}.clients-marquee:hover .clients-track{animation-play-state:paused}.clients-row{flex:none;align-items:center;margin:0;padding:0;list-style:none;display:flex}.clients-row li{place-items:center;height:96px;padding-inline:clamp(28px,4vw,64px);display:grid}.clients-row img{height:var(--lh);opacity:.72;width:auto;transition:opacity .3s, transform .4s var(--ease);display:block}.clients-row li:hover img{opacity:1;transform:scale(1.06)}@keyframes clients-move{to{transform:translate(-50%)}}@media (width<=760px){.clients-row li{height:72px;padding-inline:26px}.clients-row img{height:calc(var(--lh) * .75)}}@media (prefers-reduced-motion:reduce){.clients-track{flex-wrap:wrap;justify-content:center;width:auto;animation:none}.clients-track .clients-row[aria-hidden]{display:none}.clients-marquee{-webkit-mask-image:none;mask-image:none}}
