@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#070809;--panel:#101214;--white:#f3f2ef;--muted:#a2a4a8;--red:#f3293e;--line:rgba(255,255,255,.13);--wide:1220px;font-family:Manrope,'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:inherit;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#fa3349;color:white}.grain{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E")}.wrap{width:min(var(--wide),calc(100% - 64px));margin:auto}.topbar{position:sticky;top:0;z-index:10;height:82px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,8,9,.74);backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;flex:0 0 195px}.brand img{display:block;width:190px;height:60px;object-fit:contain;object-position:left center}.navlinks{display:flex;gap:34px;align-items:center;color:#c2c4c7;font-size:12px;letter-spacing:.06em}.navlinks a{transition:color .25s}.navlinks a:hover{color:white}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.04);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:.25s}.nav-cta:hover,.button:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px);box-shadow:0 10px 36px #f3293e40}.button.primary{background:var(--red);border-color:var(--red);box-shadow:0 12px 40px #ed243a38}.button.quiet{background:transparent}.hero{position:relative;min-height:calc(100svh - 82px);overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:46px 0 38px;background:radial-gradient(ellipse at 50% 46%,#391016 0,#160b0e 25%,#090a0b 58%,#070809 77%)}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 49.92%,rgba(255,255,255,.065) 50%,transparent 50.08%),linear-gradient(0deg,transparent 49.92%,rgba(255,255,255,.045) 50%,transparent 50.08%);background-size:112px 112px;mask-image:radial-gradient(ellipse at center,#000 0,transparent 72%);opacity:.24}.hero:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:22%;background:linear-gradient(transparent,var(--bg))}.hero-head{text-align:center;position:relative;z-index:3}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#ff818b;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.eyebrow:before,.eyebrow:after{content:"";width:30px;height:1px;background:#ed3142;box-shadow:0 0 12px #f3293e}.hero h1{max-width:900px;margin:18px auto 9px;font-size:clamp(35px,5vw,68px);line-height:.99;letter-spacing:-.065em;font-weight:700}.hero h1 span{color:#f23a4a}.hero-intro{max-width:570px;margin:0 auto;color:#b7b8bb;font-size:15px;line-height:1.7}.scene{position:relative;width:min(980px,100%);height:clamp(440px,57vh,590px);margin:-4px auto 0;perspective:1400px;transform-style:preserve-3d}.scene-grid{position:absolute;inset:6% 12%;opacity:.19;background:radial-gradient(ellipse,transparent 31%,rgba(255,255,255,.12) 31.15%,transparent 31.4%,transparent 54%,rgba(255,255,255,.07) 54.15%,transparent 54.4%);transform:rotateX(68deg) translateY(5%);mask-image:radial-gradient(ellipse,#000,transparent 72%)}.scene-core{position:absolute;z-index:3;left:50%;top:48%;width:clamp(210px,25vw,315px);aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%);transform-style:preserve-3d;transition:transform .22s ease-out;filter:drop-shadow(0 22px 33px #000)}.core-backlight{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,#fa223b46,transparent 68%);filter:blur(16px);animation:backlight 4.6s ease-in-out infinite alternate}.core-disc{position:absolute;inset:4%;border:1px solid #ffffff17;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffffff14,transparent 38%),linear-gradient(145deg,#18191cdd,#070809f0);box-shadow:inset 0 1px #ffffff25,0 30px 60px #0009;transform:translateZ(-20px)}.core-rim{position:absolute;inset:-1%;border:1px solid #ff465c76;border-radius:50%;transform:rotateX(64deg) rotateZ(-22deg);box-shadow:0 0 36px #ef283a24;animation:rim-rotate 18s linear infinite}.core-rim.rim-two{inset:9%;border-color:#d7d9df40;transform:rotateX(66deg) rotateZ(22deg);animation-direction:reverse;animation-duration:23s}.scene-core img{position:relative;z-index:3;width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 0 17px #fa1f3970) drop-shadow(0 19px 18px #0009);transform:translateZ(46px);animation:scorpion-hover 5s ease-in-out infinite}.core-word{position:absolute;z-index:4;bottom:-18px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#e4e5e7;font-size:9px;font-weight:800;letter-spacing:.21em;text-shadow:0 2px 10px #000}.core-word b{color:#ff4052}.signal-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}.signal-map path{fill:none;stroke:url(#signalStroke);stroke-width:1.5;stroke-dasharray:2 10;stroke-linecap:round;opacity:.86;filter:drop-shadow(0 0 5px #f3293e88);animation:signal-run 2.3s linear infinite}.signal-map path:nth-of-type(2){animation-delay:-.55s}.signal-map path:nth-of-type(3){animation-delay:-1.1s}.signal-map path:nth-of-type(4){animation-delay:-1.65s}.signal-map .ray{fill:#ff5363;filter:drop-shadow(0 0 8px #ff1834);animation:ray-pulse 1.5s ease-in-out infinite}.satellite{position:absolute;z-index:4;width:176px;height:176px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #ffffff28;background:radial-gradient(circle at 36% 25%,#ffffff19,transparent 42%),linear-gradient(145deg,#24262adc,#0b0c0ff2);box-shadow:inset 0 1px #ffffff20,0 24px 50px #0009,0 0 0 8px #ffffff04;transform-style:preserve-3d;transition:transform .4s,border-color .4s,box-shadow .4s;animation:float-node 6s ease-in-out infinite}.satellite:before{content:"";position:absolute;inset:-9px;border:1px solid #f3293e33;border-radius:50%;transform:rotateX(68deg);box-shadow:0 0 20px #f3293e13}.satellite:hover{transform:translateY(-12px) translateZ(28px) scale(1.055);border-color:#ff5369;box-shadow:inset 0 1px #ffffff35,0 34px 68px #000c,0 0 38px #f3293e3d}.satellite .num{color:#ff5567;font-size:9px;font-weight:800;letter-spacing:.2em}.satellite .glyph{margin:10px 0 8px;color:#f4f2ef;font-size:30px;line-height:1;text-shadow:0 0 21px #ff213e7a}.satellite strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.satellite small{margin-top:6px;color:#aeb0b4;font-size:9px;letter-spacing:.08em}.sat-a{left:8%;top:9%;animation-delay:-.6s}.sat-b{right:8%;top:9%;animation-delay:-2s}.sat-c{left:8%;bottom:5%;animation-delay:-3.2s}.sat-d{right:8%;bottom:5%;animation-delay:-1.4s}.scene-hint{position:absolute;left:50%;bottom:1%;z-index:3;transform:translateX(-50%);white-space:nowrap;color:#9da0a4;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.scene-hint span{color:#ff4658}.scroll-cue{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:9px;color:#929497;letter-spacing:.18em;text-transform:uppercase}.section{padding:112px 0;border-top:1px solid #ffffff0c}.section-kicker{color:#ff6473;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:34px}.section-heading h2{max-width:720px;margin:13px 0 0;font-size:clamp(36px,5vw,66px);line-height:.98;letter-spacing:-.06em}.section-heading h2 em{font-style:normal;color:var(--red)}.section-heading p{max-width:385px;color:var(--muted);font-size:14px;line-height:1.8}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.proof{position:relative;min-height:245px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 75% 30%,#ed243a24,transparent 45%),linear-gradient(145deg,#191a1c,#0b0c0d);transition:.35s}.proof:hover{transform:translateY(-7px);border-color:#f3293e80;box-shadow:0 25px 60px #0008,0 0 26px #f3293e17}.proof:before{content:"";position:absolute;right:-50px;top:-70px;width:220px;height:220px;border:1px solid #ffffff17;border-radius:50%;box-shadow:0 0 0 23px #ffffff06,0 0 0 48px #ffffff04;transform:rotateX(60deg)}.proof small{position:relative;color:#d87680;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.proof strong{position:relative;max-width:250px;font-size:27px;line-height:1.08;letter-spacing:-.04em}.proof span{position:relative;color:#b4b5b7;font-size:12px}.proof b{position:absolute;right:22px;bottom:20px;color:#ff5262;font-size:22px}.hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hub-card{min-height:220px;padding:22px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0c,#ffffff02);transition:.3s}.hub-card:hover{transform:translateY(-6px);border-color:#fb334c88;background:linear-gradient(145deg,#ed243a20,#ffffff04)}.hub-card .index{color:#ff6473;font-size:10px;letter-spacing:.15em}.hub-card h3{margin:30px 0 8px;font-size:20px;letter-spacing:-.04em}.hub-card p{min-height:48px;color:#a9aaad;font-size:12px;line-height:1.65}.hub-card a{display:inline-block;margin-top:13px;color:#f7f5f2;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:38px 42px;border:1px solid #ff435633;border-radius:24px;background:radial-gradient(ellipse at 82% 50%,#f3293e22,transparent 42%),linear-gradient(125deg,#171719,#0a0b0c)}.cta-band h2{margin:0;font-size:clamp(27px,4vw,43px);letter-spacing:-.05em}.cta-band p{color:#acadb0;font-size:13px}.footer{padding:38px 0 48px;border-top:1px solid #ffffff12;color:#8f9194;font-size:11px}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-logo{width:160px;height:50px;object-fit:contain;object-position:left center;filter:grayscale(.7);opacity:.75}.service-hero{min-height:70vh;position:relative;display:grid;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,#e9233a1c,transparent 38%),linear-gradient(115deg,#090a0b,#111214 70%,#08090a)}.service-hero:after{content:"";position:absolute;right:6%;top:50%;width:min(42vw,520px);aspect-ratio:1;transform:translateY(-50%);border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 25px #ffffff04,0 0 0 60px #ffffff03,0 0 80px #ef293c13;animation:rim-rotate 30s linear infinite}.service-content{position:relative;z-index:2;padding:100px 0}.service-content h1{max-width:800px;margin:22px 0;font-size:clamp(50px,8vw,100px);line-height:.91;letter-spacing:-.07em}.service-content h1 span{color:#f3293e}.service-content>p{max-width:590px;color:#b6b7ba;font-size:17px;line-height:1.8}.service-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.service-meta{display:flex;gap:24px;margin-top:52px;color:#9c9ea2;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.service-meta span:before{content:"✳";margin-right:8px;color:#ff5262}.service-stage{position:absolute;right:8%;top:50%;z-index:1;width:min(34vw,400px);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center;perspective:1000px}.service-stage img{width:76%;filter:drop-shadow(0 0 40px #f3293e55);animation:scorpion-hover 5.5s ease-in-out infinite}.service-stage:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#f3293e24,transparent 68%);filter:blur(10px)}.service-body{padding:90px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.feature{padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#ffffff0b,#ffffff02)}.feature span{color:#ff6473;font-size:10px;font-weight:800;letter-spacing:.13em}.feature h3{font-size:20px}.feature p{color:#aaaeb2;font-size:13px;line-height:1.75}.service-nav{display:flex;justify-content:space-between;gap:18px;margin-top:40px}.service-nav a{color:#ff6877;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.fade-up.in{opacity:1;transform:none}@keyframes signal-run{to{stroke-dashoffset:-48}}@keyframes ray-pulse{0%,100%{opacity:.35;r:2}50%{opacity:1;r:4}}@keyframes float-node{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes scorpion-hover{0%,100%{transform:translateZ(46px) translateY(0) rotateY(-5deg) rotateX(2deg)}50%{transform:translateZ(60px) translateY(-9px) rotateY(5deg) rotateX(-2deg)}}@keyframes rim-rotate{to{rotate:360deg}}@keyframes backlight{from{opacity:.65;scale:.92}to{opacity:1;scale:1.12}}@media(max-width:900px){.wrap{width:min(100% - 42px,var(--wide))}.navlinks{gap:18px}.scene{height:510px}.satellite{width:148px;height:148px}.sat-a,.sat-c{left:3%}.sat-b,.sat-d{right:3%}.hub-grid{grid-template-columns:repeat(2,1fr)}.service-stage{right:0;opacity:.56}.proof-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:calc(100% - 32px)}.topbar{height:70px}.brand{flex-basis:152px}.brand img{width:150px;height:54px}.navlinks{display:none}.nav-cta{padding:11px 13px;font-size:9px}.hero{min-height:calc(100svh - 70px);padding:35px 0 27px}.hero h1{max-width:420px;font-size:clamp(34px,10vw,52px)}.hero-intro{font-size:13px;max-width:380px}.scene{height:490px;margin-top:9px}.scene-core{width:190px;top:50%}.satellite{width:120px;height:120px}.sat-a{left:0;top:2%}.sat-b{right:0;top:2%}.sat-c{left:0;bottom:5%}.sat-d{right:0;bottom:5%}.satellite strong{font-size:9px}.satellite small{max-width:88px;font-size:7px}.satellite .glyph{font-size:25px}.scene-hint{bottom:0;font-size:7px}.scroll-cue{display:none}.section{padding:72px 0}.section-heading{display:block}.section-heading p{font-size:13px}.proof-grid{grid-template-columns:1fr}.proof{min-height:190px}.hub-grid{grid-template-columns:1fr 1fr;gap:9px}.hub-card{min-height:190px;padding:16px}.hub-card h3{margin-top:23px;font-size:16px}.hub-card p{font-size:11px}.cta-band{display:block;padding:28px 24px}.cta-band .button{margin-top:12px}.footer-row{align-items:flex-start;flex-direction:column}.service-hero{min-height:720px}.service-content{padding:75px 0}.service-content h1{font-size:clamp(48px,13vw,74px)}.service-content>p{font-size:15px}.service-stage{right:2%;top:60%;width:62vw;opacity:.4}.service-meta{gap:13px;flex-wrap:wrap;margin-top:30px;font-size:8px}.feature-grid{grid-template-columns:1fr}.service-nav{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.fade-up{opacity:1;transform:none}}
.founder-layer{position:absolute;z-index:0;inset:-4% 0 0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent 6%,#000 28%,#000 78%,transparent 100%)}.founder-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090a 2%,transparent 47%,#08090a 100%),linear-gradient(0deg,#090a0b 2%,transparent 30%,#090a0b 97%),linear-gradient(115deg,#57101866,transparent 56%);mix-blend-mode:multiply}.founder-layer img{position:absolute;right:18%;top:-9%;height:116%;width:auto;max-width:58%;object-fit:contain;object-position:center;opacity:0;filter:grayscale(.76) contrast(1.14) brightness(.76);transform:scale(1.04);mask-image:linear-gradient(90deg,transparent 0%,#000 21%,#000 75%,transparent 100%);animation:portrait-cycle 18s ease-in-out infinite}.founder-layer img:nth-child(2){animation-delay:6s}.founder-layer img:nth-child(3){animation-delay:12s}.playlist-row{display:flex;justify-content:space-between;gap:18px;margin-top:19px;padding-top:18px;border-top:1px solid #ffffff14}.playlist-row a{color:#d0d1d2;font-size:11px;letter-spacing:.08em}.playlist-row a span{color:#ff5667;margin-left:8px}.playlist-row a:hover{color:#fff}.service-page .topbar{position:relative}.service-page .service-hero{min-height:76vh}.service-page .service-content{padding:120px 0}.service-page .service-stage{right:4%;width:min(40vw,490px)}.service-page .service-stage img{filter:drop-shadow(0 0 50px #f3293e65)}.service-page .service-hero:before{content:"SCORPIONAI / FILM + ADVERTISING";position:absolute;left:6%;bottom:36px;color:#7e8185;font-size:9px;letter-spacing:.23em}.service-page .service-hero:after{right:6%;width:min(44vw,580px);border-color:#fa2b4524;box-shadow:0 0 0 26px #ffffff05,0 0 0 68px #ffffff03,0 0 100px #ef293c20}.service-page .section-heading{margin-bottom:28px}@keyframes portrait-cycle{0%,4%{opacity:0;transform:scale(1.07) translateX(15px)}12%,29%{opacity:.48;transform:scale(1) translateX(0)}37%,100%{opacity:0;transform:scale(.97) translateX(-15px)}}
.founder-credit{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px;color:#e6e5e4;font-size:9px;font-weight:800;letter-spacing:.16em}.founder-credit b{padding-left:12px;border-left:1px solid #ffffff30;color:#a8aaad;font-size:8px}.founder-credit i{width:6px;height:6px;border-radius:50%;background:#f3293e;box-shadow:0 0 12px #f3293e;animation:ray-pulse 1.5s ease-in-out infinite}
@media(max-width:620px){.founder-layer{inset:9% -12% -2% 0;mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 76%,transparent 100%)}.founder-layer img{right:8%;top:0;height:100%;max-width:75%;opacity:0;filter:grayscale(.78) contrast(1.15) brightness(.55)}.founder-layer img:nth-child(1){animation:portrait-mobile 18s ease-in-out infinite}.founder-layer img:nth-child(2){animation:portrait-mobile 18s ease-in-out 6s infinite}.founder-layer img:nth-child(3){animation:portrait-mobile 18s ease-in-out 12s infinite}.service-page .service-content{padding:80px 0}.playlist-row{flex-direction:column;gap:13px}}
@keyframes portrait-mobile{0%,4%{opacity:0;transform:scale(1.08) translateY(15px)}12%,29%{opacity:.28;transform:scale(1) translateY(0)}37%,100%{opacity:0;transform:scale(.97) translateY(-8px)}}

/* Clearer service navigation, founder presence, and wordmark proportions. */
.brand{flex:0 0 auto;gap:10px;min-width:200px}
.brand img.brand-mark{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 9px #f3293e55)}
.brand-lockup{display:flex;flex-direction:column;gap:3px;line-height:1}
.brand-lockup strong{font-size:13px;font-weight:800;letter-spacing:.11em;white-space:nowrap}
.brand-lockup strong b{color:#fa3449}
.brand-lockup small{color:#aeb0b3;font-size:7px;font-weight:800;letter-spacing:.15em;white-space:nowrap}
.navlinks{gap:clamp(18px,2.3vw,34px);color:#f0f0f1;font-size:13px;font-weight:800;letter-spacing:.035em}
.navlinks a{padding:10px 0;text-shadow:0 1px 10px #000}
.navlinks a:hover{color:#ff5869}
.nav-cta{color:#fff;border-color:#f34b5d88;background:#e9233a22;font-size:11px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.service-page .service-hero{isolation:isolate}
.service-page .service-content{width:min(var(--wide),calc(100% - 64px));padding:108px 0 96px;margin-inline:auto;z-index:3}
.service-page .service-content h1{max-width:min(690px,58vw);font-size:clamp(50px,7vw,88px);line-height:.98;text-wrap:balance;overflow-wrap:anywhere}
.service-page .service-content>p{max-width:530px;font-size:clamp(15px,1.35vw,18px);text-shadow:0 2px 15px #000}
.service-page .service-hero .eyebrow{position:relative;z-index:3}
.service-founder-backdrop{position:absolute;z-index:1;inset:0 0 0 auto;width:min(58vw,790px);overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 78%,transparent 100%)}
.service-founder-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090a0b 0%,#090a0b22 38%,#090a0b08 72%,#090a0b 100%),linear-gradient(0deg,#090a0b 0%,transparent 25%,#090a0b55 100%);}
.service-founder-backdrop img{position:absolute;right:8%;top:-7%;width:auto;height:116%;max-width:100%;object-fit:contain;object-position:center;opacity:0;filter:grayscale(.48) contrast(1.1) brightness(.77);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 82%,transparent);animation:portrait-cycle 18s ease-in-out infinite}
.service-founder-backdrop img:nth-child(2){animation-delay:6s}
.service-founder-backdrop img:nth-child(3){animation-delay:12s}
.service-page .service-stage{z-index:2;right:6%;width:min(36vw,440px);opacity:.9}
.service-page .service-stage img{width:80%;}
.service-page .service-nav{align-items:stretch;gap:12px;margin-top:56px}
.service-page .service-nav a{flex:1;min-width:0;min-height:86px;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:17px 20px;border:1px solid #ffffff24;border-radius:16px;background:linear-gradient(135deg,#ffffff0b,#ffffff03);color:#fff;box-shadow:0 12px 32px #0005;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}
.service-page .service-nav a:hover{transform:translateY(-4px);border-color:#ff546888;background:linear-gradient(135deg,#f3293e20,#ffffff06);box-shadow:0 18px 40px #0009,0 0 24px #f3293e1f}
.service-page .service-nav a small{color:#b6b8bd;font-size:10px;font-weight:900;letter-spacing:.17em}
.service-page .service-nav a strong{font-size:clamp(15px,1.55vw,19px);font-weight:900;letter-spacing:-.02em}
.service-page .service-nav a.all-services{align-items:center;text-align:center;border-color:#ffffff36;background:linear-gradient(135deg,#252528,#111214)}
.service-page .service-nav a.all-services strong{font-size:17px}
.service-page .service-nav a.next-direction{border-color:#f3293e77;background:linear-gradient(135deg,#f3293e20,#111214 68%)}
.service-page .service-nav a.next-direction small{color:#ff8792}
.service-page .service-nav a.next-direction strong{color:#fff}
.service-page h1,.service-page h2,.service-page h3,.service-page p{overflow-wrap:anywhere}
@keyframes founder-drift{0%,100%{opacity:.54;transform:scale(1.015) translateX(0)}50%{opacity:.66;transform:scale(1.045) translateX(-7px)}}
.service-founder-backdrop img:first-child{opacity:.58;animation:founder-drift 16s ease-in-out infinite}
@media(max-width:900px){.service-page .service-content h1{max-width:62vw}.service-founder-backdrop{width:62vw;opacity:.82}.service-page .service-stage{right:0;width:min(39vw,350px);opacity:.68}.service-page .service-nav a{padding:15px}.navlinks{gap:15px;font-size:12px}}
@media(max-width:620px){.topbar{height:auto;min-height:70px}.nav{height:auto;min-height:70px;flex-wrap:wrap;padding:6px 0}.brand{min-width:0;gap:7px}.brand img.brand-mark{width:48px;height:48px}.brand-lockup strong{font-size:11px}.brand-lockup small{font-size:6px}.nav-cta{padding:10px 11px;font-size:9px}.navlinks{display:flex;order:3;width:100%;justify-content:space-between;gap:8px;padding:2px 2px 7px;font-size:10px}.navlinks a{padding:7px 0}.service-page .service-content{width:calc(100% - 36px);padding:72px 0 54px}.service-page .service-content h1{max-width:100%;font-size:clamp(46px,12.5vw,70px)}.service-page .service-content>p{max-width:100%;font-size:15px}.service-founder-backdrop{inset:15% -8% 0 auto;width:100%;height:85%;opacity:.9;mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 67%,transparent 100%)}.service-founder-backdrop:after{background:linear-gradient(180deg,#090a0b 0%,#090a0b05 35%,#090a0b0c 65%,#090a0b 100%),linear-gradient(90deg,#090a0b30,transparent 60%)}.service-founder-backdrop img{right:-3%;top:0;height:100%;max-width:78%;filter:saturate(.88) contrast(1.08) brightness(1.2)}.service-founder-backdrop img:first-child{animation:founder-drift 16s ease-in-out infinite;opacity:.82;filter:saturate(.88) contrast(1.08) brightness(1.22)}.service-page .service-stage{right:-3%;top:66%;width:40vw;opacity:.18}.service-page .service-nav{flex-direction:column;gap:10px;margin-top:40px}.service-page .service-nav a{min-height:76px;padding:15px 17px}.service-page .service-nav a.all-services{align-items:flex-start;text-align:left}.service-page .service-nav a strong,.service-page .service-nav a.all-services strong{font-size:17px}}
/* Keep the founder image readable at first paint, with the emblem as an accent. */
.founder-layer img:first-child{animation:founder-drift 16s ease-in-out infinite;opacity:.48;filter:grayscale(.35) contrast(1.1) brightness(.94)}
.service-founder-backdrop img:first-child{opacity:.9;filter:saturate(.94) contrast(1.12) brightness(1.3)}
@media(max-width:620px){.founder-layer img:first-child{animation:founder-drift 16s ease-in-out infinite;opacity:.55;filter:grayscale(.25) contrast(1.12) brightness(1.08)}.service-founder-backdrop{opacity:1}.service-founder-backdrop img:first-child{opacity:1;filter:saturate(1.05) contrast(1.12) brightness(1.38)}.service-page .service-stage{opacity:.12}}

/* Scorpion's signal map: three service destinations around the living mark. */
.hero-head{z-index:5}.hero h1{font-size:clamp(40px,5.7vw,78px);letter-spacing:-.075em}.hero h1 span{background:linear-gradient(95deg,#ff6a79 0%,#f3293e 42%,#ffafb5 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-intro{font-size:clamp(15px,1.3vw,18px);max-width:620px}.founder-credit{display:inline-flex;align-items:center;gap:12px;margin-top:17px;padding:8px 13px;border:1px solid #ffffff20;border-radius:999px;background:#090a0bc9;box-shadow:0 8px 24px #0008}.founder-credit span{color:#fff;font-size:10px;font-weight:800;letter-spacing:.15em}.founder-credit b{color:#ff8b95;font-size:9px;letter-spacing:.12em}.founder-credit i{width:6px;height:6px;border-radius:50%;background:#ff354b;box-shadow:0 0 12px #ff344c}
.scene{width:min(1120px,100%);height:clamp(470px,59vh,620px);margin:0 auto;isolation:isolate}.scene-grid{z-index:0;inset:3% 8%;opacity:.4;background:radial-gradient(ellipse,transparent 24%,#ffffff19 24.15%,transparent 24.5%,transparent 47%,#ffffff14 47.15%,transparent 47.4%,transparent 72%,#ffffff0a 72.15%,transparent 72.45%);transform:rotateX(68deg) translateY(2%)}.founder-layer{inset:-18% -4% -6% 0;z-index:0;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 86%,transparent 100%);opacity:.9}.founder-layer:after{background:linear-gradient(90deg,#08090a 0%,#08090a33 26%,transparent 45%,#08090a38 78%,#08090a 100%),linear-gradient(0deg,#090a0b 1%,transparent 27%,#090a0b 100%),linear-gradient(112deg,#6f0a1860,transparent 66%);mix-blend-mode:normal}.founder-layer img{right:10%;top:-5%;height:118%;max-width:64%;filter:grayscale(.2) contrast(1.14) brightness(.9);mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 83%,transparent 100%)}.founder-layer img:first-child{opacity:.62;filter:grayscale(.12) contrast(1.12) brightness(1.08)}.scene-core{width:clamp(220px,27vw,330px);top:47%;filter:drop-shadow(0 24px 42px #000)}.scene-core img{width:92%;height:92%;filter:drop-shadow(0 0 24px #ff233f9c) drop-shadow(0 28px 28px #000);animation:scorpion-hover 4.8s ease-in-out infinite}.core-disc{border-color:#ffffff35;background:radial-gradient(circle at 36% 25%,#ffffff20,transparent 38%),linear-gradient(145deg,#25262ade,#09090bf5);box-shadow:inset 0 1px #ffffff40,0 30px 80px #000c}.core-rim{border-color:#ff53619c;box-shadow:0 0 42px #ff26433f}.signal-map{z-index:1}.signal-map path{stroke-width:2;stroke-dasharray:3 13;filter:drop-shadow(0 0 8px #ff2b45)}.satellite{width:300px;height:174px;padding:19px 21px;border-radius:25px;align-items:flex-start;justify-content:center;text-align:left;border-color:#ffffff29;background:linear-gradient(125deg,#17191ddd,#0b0c0ef2);box-shadow:inset 0 1px #ffffff24,0 25px 58px #000b,0 0 34px #fb233d0b;animation:float-node 6s ease-in-out infinite}.satellite:before{inset:-7px;border-radius:29px;transform:none;border-color:#f3293e3f;box-shadow:0 0 24px #f3293e15}.satellite:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(130deg,#f12b4020,transparent 42%);opacity:.65;pointer-events:none}.satellite .num,.satellite .glyph,.satellite strong,.satellite small,.satellite .signal-link{position:relative;z-index:1}.satellite .num{font-size:9px;letter-spacing:.19em}.satellite .glyph{position:absolute;right:18px;top:14px;margin:0;color:#ff6676;font-size:24px;text-shadow:0 0 18px #ff233f}.satellite strong{margin-top:18px;font-size:15px;letter-spacing:-.025em;text-transform:none}.satellite small{margin-top:7px;font-size:10px;letter-spacing:.02em;line-height:1.4}.satellite .signal-link{margin-top:13px;color:#ff8a96;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.satellite:hover{transform:translateY(-8px) translateZ(24px);border-color:#ff6576;box-shadow:inset 0 1px #ffffff35,0 32px 68px #000d,0 0 38px #ff264338}.signal-video{left:2%;top:28%;--signal-x:0;animation-delay:-.6s}.signal-web{right:2%;top:28%;--signal-x:0;animation-delay:-2s}.signal-auto{left:50%;bottom:1%;--signal-x:-50%;transform:translateX(-50%);width:340px;height:134px;animation-delay:-3.2s}.signal-auto:hover{transform:translateX(-50%) translateY(-8px) translateZ(24px)}.signal-auto strong{margin-top:10px}.signal-auto .signal-link{margin-top:8px}.scene-hint{bottom:-1%;padding:8px 13px;border:1px solid #ffffff19;border-radius:999px;background:#08090bc9;letter-spacing:.12em}.scroll-cue{z-index:4}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hub-card{min-height:255px;padding:26px;border-radius:24px;background:radial-gradient(ellipse at 100% 0%,#f3293e12,transparent 45%),linear-gradient(145deg,#181a1c,#0b0c0d)}.hub-card .index{font-size:10px;font-weight:800}.hub-card h3{margin-top:38px;font-size:23px}.hub-card p{font-size:14px;line-height:1.7}.hub-card a{font-size:11px}.hub-coming{border-style:dashed;background:linear-gradient(145deg,#ffffff08,#f3293e08)}
.pricing-section{margin-top:94px;padding-top:48px;border-top:1px solid #ffffff18;scroll-margin-top:100px}.pricing-section .section-heading h2{font-size:clamp(34px,4.2vw,56px)}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.price-card{position:relative;display:flex;flex-direction:column;min-height:440px;padding:26px 24px;border:1px solid #ffffff20;border-radius:24px;background:radial-gradient(ellipse at 90% 0%,#ffffff0b,transparent 40%),linear-gradient(145deg,#191b1e,#0c0d0f);box-shadow:0 18px 44px #0005;transition:transform .3s,border-color .3s,box-shadow .3s}.price-card:hover{transform:translateY(-7px);border-color:#f3293e77;box-shadow:0 28px 60px #0008,0 0 30px #f3293e12}.price-card.featured-price{border-color:#ff4b5f89;background:radial-gradient(ellipse at 50% 0%,#f3293e20,transparent 52%),linear-gradient(145deg,#211518,#0d0d0f);box-shadow:0 22px 52px #0008,0 0 35px #f3293e13}.price-tier{color:#ff7d89;font-size:10px;font-weight:800;letter-spacing:.19em}.price-card h3{margin:18px 0 7px;font-size:21px;letter-spacing:-.04em}.price-number{margin:12px 0 0;font-size:clamp(38px,4vw,50px);font-weight:800;letter-spacing:-.07em;line-height:1}.price-number small{font-size:13px;font-weight:600;letter-spacing:0;color:#b4b6b9}.package-count{min-height:42px;margin:11px 0 13px;color:#f3f2ef;font-size:13px;font-weight:700;line-height:1.5}.price-card ul{display:grid;gap:11px;margin:8px 0 26px;padding:0;list-style:none;color:#bec0c3;font-size:12px;line-height:1.5}.price-card li{position:relative;padding-left:18px}.price-card li:before{content:"↗";position:absolute;left:0;color:#ff5868}.price-card .button{margin-top:auto;min-height:45px}.piece-rate{display:grid;grid-template-columns:200px 1fr auto;gap:22px;align-items:center;margin-top:20px;padding:23px 25px;border:1px solid #ffffff1c;border-radius:22px;background:#111315}.piece-rate h3{margin:8px 0 0;font-size:20px}.piece-rate p{margin:0;color:#c1c2c4;font-size:13px;line-height:1.8}.piece-rate p b{color:#f3f2ef}.piece-rate i{padding:0 7px;color:#ff596b;font-style:normal}.piece-rate>a{color:#ff8590;font-size:11px;font-weight:800;white-space:nowrap}.section-gap{margin-top:82px}.service-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-page .service-content h1{max-width:800px}.service-page .service-content>p{font-size:18px}.service-nav small{display:block;margin-bottom:8px;color:#95999e;font-weight:700;font-size:9px}.service-nav strong{color:#f4f2ef;font-size:12px;letter-spacing:.08em}
@media(max-width:900px){.scene{height:540px}.signal-video{left:1%}.signal-web{right:1%}.satellite{width:260px}.hub-grid,.package-grid,.service-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.piece-rate{grid-template-columns:1fr auto}.piece-rate p{grid-column:1/-1;grid-row:2}.piece-rate>a{grid-column:2;grid-row:1}.founder-layer img{right:4%;max-width:70%}}
@media(max-width:620px){.topbar{height:100px}.topbar .nav{height:62px}.brand{flex-basis:148px}.brand img{width:145px}.nav-cta{padding:10px 11px;font-size:8px}.navlinks{position:absolute;left:0;right:0;top:62px;height:38px;display:flex;justify-content:flex-start;gap:23px;overflow-x:auto;padding:0 17px;border-top:1px solid #ffffff10;background:#090a0bf2;font-size:10px;white-space:nowrap;scrollbar-width:none}.navlinks::-webkit-scrollbar{display:none}.hero{min-height:calc(100svh - 100px);padding:24px 0 15px}.hero-head{padding-top:5px}.hero h1{font-size:clamp(35px,9.6vw,43px);letter-spacing:-.08em}.hero-intro{max-width:340px;font-size:12px}.founder-credit{gap:8px;padding:7px 10px;margin-top:11px}.founder-credit span{font-size:8px}.founder-credit b{font-size:7px}.scene{height:460px;margin-top:1px;overflow:visible}.scene-core{top:47%;width:170px}.core-word{bottom:-17px;font-size:7px}.founder-layer{inset:4% -15% 2% -15%;mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 76%,transparent 100%)}.founder-layer img{right:-2%;top:3%;height:91%;max-width:90%;filter:grayscale(.1) contrast(1.12) brightness(.8)}.founder-layer img:first-child{opacity:.53}.satellite{width:46%;height:139px;padding:12px 11px;border-radius:19px}.satellite:before{inset:-5px;border-radius:23px}.satellite .num{font-size:6.5px;letter-spacing:.1em}.satellite .glyph{top:10px;right:10px;font-size:18px}.satellite strong{max-width:140px;margin-top:14px;font-size:10.5px;line-height:1.25}.satellite small{max-width:145px;margin-top:5px;font-size:7.5px;line-height:1.35}.satellite .signal-link{margin-top:8px;font-size:6.5px;letter-spacing:.03em}.signal-video{left:0;top:4%}.signal-web{right:0;top:4%}.signal-auto{left:50%;bottom:2%;width:70%;height:105px;transform:translateX(-50%)}.signal-auto:hover{transform:translateX(-50%) translateY(-5px)}.signal-auto strong{margin-top:7px}.scene-hint{bottom:-3%;font-size:7px}.scroll-cue{display:none}.hub-grid,.service-hub-grid,.package-grid{grid-template-columns:1fr}.hub-card{min-height:205px}.hub-card h3{margin-top:25px}.price-card{min-height:0;padding:23px}.price-number{font-size:45px}.package-count{min-height:0}.piece-rate{display:block;padding:20px}.piece-rate p{margin:14px 0;font-size:12px}.piece-rate>a{display:inline-block}.pricing-section{margin-top:64px;padding-top:35px}.service-page .service-content>p{font-size:15px}.service-page .service-content{padding:66px 0}.service-nav{gap:22px}.service-nav a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.satellite,.scene-core img,.core-rim,.core-backlight,.signal-map path,.signal-map .ray{animation:none!important;transition:none!important}}
.founder-layer img:first-child{opacity:.76;filter:grayscale(.08) contrast(1.12) brightness(1.2)}.scene-core{top:44%;width:clamp(220px,24vw,290px)}
.price-number small{white-space:nowrap;font-size:11px}
@media(max-width:620px){.satellite .num{font-size:7.5px;letter-spacing:.075em}.satellite strong{font-size:12px}.satellite small{font-size:8.5px}.satellite .signal-link{font-size:7.5px;letter-spacing:.02em}.founder-layer{z-index:2}.founder-layer img:first-child{opacity:.88;filter:grayscale(.04) contrast(1.13) brightness(1.3)}.scene-core{top:45%;width:170px}.satellite{background:linear-gradient(125deg,#17191de0,#0b0c0fd6);backdrop-filter:blur(3px)}}
.filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px}.filter{padding:11px 16px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff06;color:#ccc;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.25s}.filter:hover,.filter.active{color:#fff;border-color:#f3293e;background:#ef263b22}.works-grid .proof[hidden]{display:none}.work-note{margin-top:18px;color:#8f9296;font-size:11px;line-height:1.6}.founder-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,86px);align-items:center}.founder-portrait{position:relative;min-height:620px;overflow:hidden;border:1px solid #ffffff17;border-radius:26px;background:radial-gradient(ellipse at center,#40171c,#121214 58%,#090a0b);box-shadow:0 28px 80px #0009}.founder-portrait:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(0deg,#08090a 0%,transparent 35%,#0a0a0b44 100%),linear-gradient(90deg,#08090a33,transparent 55%,#08090a66);pointer-events:none}.founder-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 27%;opacity:0;filter:grayscale(.68) contrast(1.08);animation:portrait-cycle 18s ease-in-out infinite}.founder-bio h3{margin:17px 0;font-size:clamp(40px,6vw,72px);letter-spacing:-.07em}.founder-bio p{max-width:620px;color:#b2b3b6;font-size:15px;line-height:1.85}.founder-values{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.founder-values span{padding:11px 13px;border:1px solid #ffffff17;border-radius:999px;color:#d7d7d9;font-size:9px;font-weight:800;letter-spacing:.1em}.contact-hero{position:relative;overflow:hidden;padding:115px 0 96px;background:radial-gradient(ellipse at 80% 18%,#ef293c25,transparent 34%),linear-gradient(120deg,#08090a,#111214 60%,#090a0b)}.contact-hero h1{margin:20px 0 15px;font-size:clamp(50px,8vw,96px);line-height:.93;letter-spacing:-.07em}.contact-hero h1 em{color:var(--red);font-style:normal}.contact-hero> .wrap>p{max-width:600px;color:#b1b3b6;font-size:16px;line-height:1.75}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:60px}.contact-grid>a,.contact-grid>div{min-height:150px;padding:23px;border:1px solid #ffffff18;border-radius:19px;background:linear-gradient(145deg,#ffffff0b,#ffffff02)}.contact-grid small{display:block;color:#f66b79;font-size:9px;font-weight:800;letter-spacing:.16em}.contact-grid strong{display:block;margin:19px 0 8px;font-size:17px;overflow-wrap:anywhere}.contact-grid span{color:#a4a6aa;font-size:11px}.social-panel{margin-top:54px;padding-top:27px;border-top:1px solid #ffffff18}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px}.social-grid a{display:flex;justify-content:space-between;padding:18px 19px;border:1px solid #ffffff19;border-radius:14px;background:#ffffff06;font-size:13px;transition:.25s}.social-grid a:hover{border-color:#f3293e;background:#f3293e19}.social-grid b{color:#ff586a}.about-page{padding-top:90px}
@media(max-width:900px){.founder-feature{grid-template-columns:1fr 1fr}.founder-portrait{min-height:500px}.contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.founder-feature{grid-template-columns:1fr}.founder-portrait{min-height:460px;max-width:450px;width:100%;margin:auto}.founder-bio h3{font-size:48px}.contact-hero{padding:82px 0 66px}.contact-hero> .wrap>p{font-size:14px}.contact-grid{grid-template-columns:1fr;margin-top:39px}.contact-grid>a,.contact-grid>div{min-height:125px}.social-grid{grid-template-columns:1fr 1fr}.about-page{padding-top:64px}}
/* Refined Scorpion AI wordmark and a cleaner studio descriptor. */
.brand{gap:11px;min-width:226px}
.brand img.brand-mark{width:62px;height:62px;filter:drop-shadow(0 0 12px #f3293e62)}
.brand-lockup{gap:5px}
.brand-lockup strong{font-family:'Space Grotesk',Manrope,sans-serif;font-size:18px;font-weight:700;letter-spacing:.045em;line-height:1;color:#f5f4f3}
.brand-lockup strong b{font-weight:700;color:#ff3a4f}
.brand-lockup small{font-family:'Space Grotesk',Manrope,sans-serif;font-size:8px;font-weight:600;letter-spacing:.12em;line-height:1.25;color:#b8b9bd}
@media(max-width:620px){.brand{min-width:0;gap:8px}.brand img.brand-mark{width:48px;height:48px}.brand-lockup strong{font-size:15px;letter-spacing:.04em}.brand-lockup small{font-size:6.5px;letter-spacing:.105em}}


/* Clear brand hierarchy: agency lockup first, slogan underneath. */

.brand{gap:12px;min-width:245px}
.brand img.brand-mark{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 15px #f3293e70)}
.brand-lockup{gap:5px}
.brand-lockup strong{font-family:'Space Grotesk',Manrope,sans-serif;font-size:19px;font-weight:700;letter-spacing:.035em;white-space:nowrap}
.brand-lockup small{font-family:'Space Grotesk',Manrope,sans-serif;font-size:8px;font-weight:700;letter-spacing:.145em;white-space:nowrap;color:#c5c6c9}
.navlinks a{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700}
.navlinks a:before{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #ffffff22;border-radius:50%;color:#ff6373;font-size:9px;line-height:1}
.navlinks a:nth-child(1):before{content:'✳'}.navlinks a:nth-child(2):before{content:'◈'}.navlinks a:nth-child(3):before{content:'◎'}.navlinks a:nth-child(4):before{content:'▧'}
.hero-head{padding-top:8px}
.hero-wordmark{margin:14px 0 0!important;font-family:'Space Grotesk',Manrope,sans-serif;font-size:clamp(62px,9vw,122px)!important;font-weight:700;line-height:.9!important;letter-spacing:-.085em!important;white-space:nowrap;text-shadow:0 10px 45px #000}
.hero-wordmark span{display:inline!important;margin-left:.035em;background:linear-gradient(180deg,#fff 0%,#b9bdc4 38%,#f9f8f5 57%,#838891 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important}
.hero-agency{margin-top:11px;color:#f4f3f1;font-size:clamp(12px,1.4vw,17px);font-weight:800;letter-spacing:.27em}
.hero-slogan{margin:19px 0 0;color:#ff5d6e;font-family:'Space Grotesk',Manrope,sans-serif;font-size:clamp(17px,2.2vw,26px);font-weight:600;letter-spacing:-.025em}
.hero-intro{margin-top:8px!important}
.scene{height:clamp(520px,65vh,660px);margin-top:2px}
.scene-core{top:48%;width:clamp(220px,26vw,310px)}
.scene-core img{width:83%;height:83%;object-fit:contain;filter:drop-shadow(0 0 30px #ff233fbd) drop-shadow(0 28px 24px #000);animation:scorpion-hover 4.3s ease-in-out infinite}
.core-word{bottom:-20px;font-size:11px;letter-spacing:.25em}
.signal-map path{stroke-width:2.1;stroke-dasharray:2 12;animation:signal-run 1.7s linear infinite}
.signal-map path:nth-of-type(4){animation-delay:-.35s}.signal-map path:nth-of-type(5){animation-delay:-.8s}.signal-map path:nth-of-type(6){animation-delay:-1.2s}
.satellite{z-index:4;width:156px;height:156px;padding:14px;border-radius:50%;align-items:center;justify-content:center;text-align:center;border:1px solid #ffffff38;background:radial-gradient(circle at 35% 23%,#ffffff20,transparent 43%),linear-gradient(145deg,#242629f2,#090a0df5);box-shadow:inset 0 1px #ffffff35,0 22px 48px #000b,0 0 0 7px #ffffff05;animation:float-node 5.4s ease-in-out infinite}
.satellite:before{inset:-8px;border-radius:50%;border-color:#fa324b65;box-shadow:0 0 26px #f3293e22;animation:node-ring 7s linear infinite}
.satellite:after{inset:0;border-radius:50%;background:radial-gradient(circle at 50% 100%,#fa263c24,transparent 60%);opacity:1}
.satellite .num,.satellite .glyph,.satellite strong,.satellite small{position:relative;z-index:1}
.satellite .num{font-size:9px;letter-spacing:.2em}
.satellite .glyph{position:static;margin:8px 0 6px;color:#fff;font-size:24px}
.satellite strong{max-width:120px;margin:0;font-size:11px;line-height:1.25;letter-spacing:.07em;text-transform:uppercase}
.satellite small{max-width:124px;margin-top:7px;color:#c0c1c5;font-size:9px;line-height:1.35;letter-spacing:0}
.signal-commercial{left:3%;top:31%;animation-delay:-.3s}
.signal-product{left:26%;top:1%;animation-delay:-1s}
.signal-property{right:26%;top:1%;animation-delay:-1.7s}
.signal-ugc{right:3%;top:31%;animation-delay:-2.4s}
.signal-stories{right:16%;bottom:1%;animation-delay:-3s}
.signal-animation{left:16%;bottom:1%;animation-delay:-3.7s}
.scene-hint{bottom:-2%;padding:9px 15px;border:1px solid #ffffff19;border-radius:999px;background:#08090bdb;backdrop-filter:blur(10px);font-size:9px}
.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hub-card{border-radius:25px}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature[id]{scroll-margin-top:100px}
@keyframes node-ring{0%{transform:rotateX(68deg) rotateZ(0)}100%{transform:rotateX(68deg) rotateZ(360deg)}}
@media(max-width:900px){
 .brand{min-width:210px}.brand img.brand-mark{width:54px;height:54px}.brand-lockup strong{font-size:16px}
 .navlinks{gap:13px}.navlinks a{font-size:10px}
 .scene{height:560px}.satellite{width:138px;height:138px}
 .signal-commercial{left:1%}.signal-ugc{right:1%}
 .signal-product{left:25%}.signal-property{right:25%}
 .signal-stories{right:12%}.signal-animation{left:12%}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .brand{min-width:0;gap:8px}.brand img.brand-mark{width:48px;height:48px}
 .brand-lockup strong{font-size:14px}.brand-lockup small{font-size:6.5px;letter-spacing:.11em}
 .navlinks{height:40px;top:62px;gap:17px}
 .navlinks a{font-size:10px}.navlinks a:before{width:15px;height:15px;font-size:8px}
 .hero{padding-top:20px;min-height:calc(100svh - 100px)}
 .hero-wordmark{font-size:clamp(44px,12vw,68px)!important;letter-spacing:-.085em!important}
 .hero-agency{margin-top:8px;font-size:9px;letter-spacing:.2em}
 .hero-slogan{margin-top:13px;font-size:17px}
 .hero-intro{font-size:12px}
 .scene{height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px;padding:180px 7px 40px;margin-top:0;overflow:visible}
 .scene-core{top:12px;left:50%;width:158px;transform:translateX(-50%)}
 .scene-core img{width:82%;height:82%}
 .core-word{bottom:-14px;font-size:8px}
 .signal-map{display:none}
 .satellite{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%;height:auto;aspect-ratio:1;padding:10px;border-radius:50%;animation:float-node 5.4s ease-in-out infinite}
 .satellite:hover{transform:translateY(-4px) scale(1.025)!important}
 .satellite:before{inset:-5px}
 .satellite .num{font-size:8px}.satellite .glyph{font-size:21px;margin:6px 0 5px}
 .satellite strong{font-size:10px}.satellite small{font-size:8px}
 .signal-video:nth-of-type(1){grid-column:1}.signal-commercial{grid-column:1}
 .signal-animation{grid-column:2}
 .scene-hint{position:relative;left:auto;bottom:auto;grid-column:1/-1;justify-self:center;transform:none;margin-top:2px;font-size:7px}
 .founder-layer{z-index:0}
 .hub-grid,.feature-grid{grid-template-columns:1fr}
}


.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 10px #f3293e55)}.footer-brand span{display:flex;flex-direction:column;gap:4px}.footer-brand strong{font-family:'Space Grotesk',Manrope,sans-serif;color:#e9e8e6;font-size:14px;letter-spacing:.045em}.footer-brand small{color:#aeb0b4;font-size:7px;font-weight:700;letter-spacing:.15em}
.hero-wordmark span{margin-left:0!important}
@media(max-width:620px){.hero-wordmark{font-size:clamp(40px,11.3vw,65px)!important}.footer-brand img{width:42px;height:42px}}

/* Central service constellation: one ScorpionAI core, three connected offers. */
.topbar{height:78px;border-bottom-color:#ffffff15;background:linear-gradient(180deg,#090a0cf0,#090a0cbd);box-shadow:0 10px 35px #0004}
.topbar .nav{width:min(1340px,calc(100% - 72px));gap:26px}
.brand{flex:0 0 auto;gap:10px;min-width:245px}
.brand img.brand-mark{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 12px #f3293e75)}
.brand-lockup{display:flex;flex-direction:column;gap:5px}
.brand-lockup strong{font-family:'Space Grotesk',Manrope,sans-serif;font-size:18px;font-weight:700;line-height:1;letter-spacing:.025em;color:#f4f2ef}
.brand-lockup small{font-family:'Space Grotesk',Manrope,sans-serif;font-size:7px;font-weight:700;line-height:1.2;letter-spacing:.16em;color:#c0c1c4}
.navlinks{gap:clamp(16px,2.2vw,32px);color:#ddd;font-size:11px;letter-spacing:.035em}
.navlinks a{font-size:11px;font-weight:700}
.nav-cta{padding:11px 17px;border-color:#ff43575c;background:linear-gradient(120deg,#fa3449,#991421);box-shadow:0 0 25px #f3293e28;font-size:10px;white-space:nowrap}
.hero{min-height:calc(100svh - 78px);justify-content:flex-start;padding:47px 0 18px;background:radial-gradient(ellipse at 50% 65%,#3c0b14 0,#170a0d 27%,#090a0c 64%,#070809 84%)}
.hero:before{opacity:.12;background-size:84px 84px;mask-image:radial-gradient(ellipse at 52% 58%,#000,transparent 67%)}
.hero:after{height:15%;background:linear-gradient(transparent,#070809)}
.hero-intro-row{position:relative;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:35px;width:min(1320px,calc(100% - 84px));padding:0 0 20px}
.hero-intro-row>div:first-child{min-width:0}
.hero-wordmark{margin:13px 0 0!important;font-size:clamp(58px,7.4vw,104px)!important;letter-spacing:-.09em!important;text-shadow:0 10px 40px #000}
.hero-agency{margin-top:8px;font-size:clamp(9px,1.05vw,13px);letter-spacing:.235em}
.hero-slogan{margin:13px 0 0;font-size:clamp(15px,1.45vw,20px);letter-spacing:-.02em}
.hero-copy{width:min(340px,34%);padding:0 0 3px;border-left:1px solid #ff445855;padding-left:21px}
.hero-copy p{margin:9px 0 13px;color:#c3c4c7;font-size:13px;line-height:1.65}
.hero-copy a{display:inline-flex;gap:14px;align-items:center;color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.hero-copy a b{color:#ff4458;font-size:16px}
.hero-index{color:#ff7986;font-size:8px;font-weight:800;letter-spacing:.19em}
.scene{position:relative;isolation:isolate;width:min(1320px,100%);height:clamp(540px,66vh,680px);margin:0 auto;perspective:1500px;transform-style:preserve-3d}
.signal-particles{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}
.scene-grid{z-index:0;inset:0 8% 4%;opacity:.21;background:radial-gradient(ellipse at 50% 49%,transparent 15%,#f4f5f50d 15.15%,transparent 15.4%,transparent 34%,#f4f5f509 34.15%,transparent 34.4%,transparent 56%,#f4f5f506 56.15%,transparent 56.4%);transform:rotateX(69deg) translateY(6%)}
.founder-layer{z-index:0;inset:1% 16% -2%;opacity:.45;mask-image:radial-gradient(ellipse at 50% 44%,#000 0,transparent 62%)}
.founder-layer img{right:50%;top:-5%;height:102%;max-width:62%;transform:translateX(50%);filter:grayscale(.32) contrast(1.12) brightness(.64)}
.founder-layer img:first-child{opacity:.36;filter:grayscale(.2) contrast(1.1) brightness(.7)}
.signal-map{z-index:1;inset:2% 0 0;width:100%;height:96%;overflow:visible}
.signal-map .branch{fill:none;stroke:url(#signalStroke);stroke-width:1.7;stroke-dasharray:1 10;stroke-linecap:round;filter:drop-shadow(0 0 6px #ff183a9c);animation:branch-flow 1.9s linear infinite;opacity:.88}
.signal-map .branch-web{animation-delay:-.65s}.signal-map .branch-auto{animation-delay:-1.2s}
.signal-map .ray{fill:#fff0f1;filter:drop-shadow(0 0 10px #ff1736) drop-shadow(0 0 24px #ff1736b3);animation:ray-burst 2.1s ease-in-out infinite}
.ray-web{animation-delay:-.7s!important}.ray-auto{animation-delay:-1.35s!important}
.scene-core{z-index:3;left:50%;top:49%;width:clamp(225px,23vw,300px);transform:translate(-50%,-50%);filter:drop-shadow(0 30px 40px #000b)}
.core-backlight{inset:-48%;background:radial-gradient(ellipse,#f3293e43 0, #a6101c22 34%,transparent 68%);filter:blur(23px);animation:core-pulse 3.6s ease-in-out infinite alternate}
.core-disc{inset:11%;border:1px solid #ffffff1d;background:radial-gradient(circle at 36% 22%,#ffffff23,transparent 36%),linear-gradient(150deg,#35363bd9,#101114f2 48%,#08090afc);box-shadow:inset 0 2px #ffffff2c,inset 0 -20px 32px #000b,0 35px 66px #000c;transform:translateZ(-34px)}
.core-rim{inset:-5%;border-width:1px;border-color:#ff556b9c;box-shadow:0 0 25px #f3293e45,inset 0 0 15px #f3293e24;transform:rotateX(69deg) rotateZ(-18deg);animation:core-orbit 12s linear infinite}
.core-rim.rim-two{inset:2%;border-color:#e2e3e858;transform:rotateX(68deg) rotateZ(24deg);animation-direction:reverse;animation-duration:17s}
.core-rim.rim-three{inset:17%;border-color:#ff304756;transform:rotateY(70deg) rotateZ(14deg);animation-duration:22s}
.core-fallback{position:absolute;z-index:2;width:80%!important;height:80%!important;opacity:.22;filter:grayscale(1) brightness(2) drop-shadow(0 0 18px #fa1f39)!important;transform:translateZ(44px);animation:none!important}
.scorpion-points{position:relative;z-index:3;width:90%;height:90%;overflow:visible;transform:translateZ(54px);filter:drop-shadow(0 0 14px #ff234f9c);animation:point-model 7s ease-in-out infinite}
.core-word{bottom:-23px;font-size:10px;letter-spacing:.28em}
.core-status{position:absolute;z-index:4;left:50%;top:calc(100% + 14px);display:flex;align-items:center;gap:6px;transform:translateX(-50%);white-space:nowrap;color:#d8d8d9;font-size:6px;font-weight:800;letter-spacing:.18em}
.core-status i{width:5px;height:5px;border-radius:50%;background:#ff354e;box-shadow:0 0 10px #ff354e;animation:ray-burst 1.4s infinite}
.service-node{position:absolute;z-index:4;width:clamp(275px,25vw,340px);perspective:900px;transform-style:preserve-3d;animation:node-arrive .9s cubic-bezier(.18,.72,.2,1) both}
.node-film{left:3.5%;top:12%;--node-angle-y:9deg;animation-delay:.08s}
.node-web{right:3.5%;top:12%;--node-angle-y:-9deg;animation-delay:.22s}
.node-auto{left:50%;bottom:3.5%;width:clamp(315px,29vw,390px);transform:translateX(-50%);--node-angle-y:0deg;animation-delay:.36s}
.node-trigger{position:relative;display:flex;width:100%;min-height:222px;flex-direction:column;align-items:flex-start;padding:20px 21px 17px;overflow:hidden;text-align:left;color:#f4f2ef;border:1px solid #ffffff2a;border-radius:19px;background:radial-gradient(ellipse at 14% 0%,#ff28431c,transparent 52%),linear-gradient(145deg,#1d1e22eF,#090a0cf5 72%);box-shadow:inset 0 1px #ffffff27,0 25px 55px #0009,0 0 0 1px #f42d410d;backdrop-filter:blur(11px);cursor:pointer;transform:rotateY(var(--node-angle-y)) rotateX(1.2deg);transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s,background .35s}
.node-trigger:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 22%,#ffffff0a 43%,transparent 60%);transform:translateX(-110%);transition:transform .8s ease;pointer-events:none}
.node-trigger:hover,.service-node.is-open .node-trigger{border-color:#ff526475;box-shadow:inset 0 1px #ffffff34,0 30px 70px #000c,0 0 36px #f3293e19;transform:rotateY(0) translateZ(14px)}
.node-trigger:hover:before,.service-node.is-open .node-trigger:before{transform:translateX(110%)}
.node-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;color:#ff7a88;font-size:8px;font-weight:800;letter-spacing:.18em}
.node-topline i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff2c;border-radius:50%;color:#f5f3f0;font-size:12px;font-style:normal;transition:.35s}
.service-node.is-open .node-topline i{transform:rotate(45deg);border-color:#ff5163;color:#ff7987}
.node-title{position:relative;z-index:1;margin:17px 0 0;font-family:'Space Grotesk',Manrope,sans-serif;font-size:clamp(23px,2.3vw,30px);font-weight:600;line-height:.98;letter-spacing:-.055em}
.node-description{position:relative;z-index:1;max-width:285px;margin-top:10px;color:#b5b6ba;font-size:11px;line-height:1.55}
.node-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:14px;color:#eee;font-size:8px;font-weight:800;letter-spacing:.12em}
.node-foot b{color:#ff5367;font-size:16px;font-weight:500;transition:transform .3s}
.service-node.is-open .node-foot b{transform:rotate(45deg)}
.node-children{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;max-height:0;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height .5s ease,opacity .3s ease,transform .35s ease,margin .35s ease}
.service-node.is-open .node-children{max-height:180px;margin-top:14px;opacity:1;overflow:visible;transform:translateY(0)}
.node-children a{display:flex;align-items:center;min-height:29px;padding:7px 9px;border:1px solid #ffffff18;border-radius:7px;background:#ffffff08;color:#d5d5d7;font-size:8px;font-weight:700;line-height:1.25;transition:.25s}
.node-children a:hover{border-color:#ff5a6a80;background:#f3293e1a;color:#fff}
.node-web .node-children,.node-auto .node-children{grid-template-columns:1fr}
.scene-caption{position:absolute;z-index:2;left:50%;bottom:0;display:flex;align-items:center;gap:12px;transform:translateX(-50%);white-space:nowrap;color:#9b9ca0;font-size:7px;font-weight:800;letter-spacing:.18em}
.scene-caption span:first-child{color:#ff6574}.scene-caption i{width:3px;height:3px;border-radius:50%;background:#ff334c;box-shadow:0 0 9px #ff334c}
.scroll-cue{bottom:14px}
@keyframes branch-flow{to{stroke-dashoffset:-44}}
@keyframes ray-burst{0%,100%{opacity:.58;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}
@keyframes core-pulse{0%{opacity:.5;transform:scale(.88)}100%{opacity:1;transform:scale(1.12)}}
@keyframes core-orbit{to{transform:rotateX(69deg) rotateZ(342deg)}}
@keyframes point-model{0%,100%{transform:translateZ(54px) rotateY(-5deg) rotateX(3deg)}50%{transform:translateZ(68px) rotateY(6deg) rotateX(-4deg)}}
@keyframes node-arrive{from{opacity:0;filter:blur(8px);translate:0 18px}to{opacity:1;filter:blur(0);translate:0 0}}
@media(max-width:1000px){.topbar .nav{width:calc(100% - 38px);gap:15px}.brand{min-width:195px}.brand img.brand-mark{width:45px;height:45px}.brand-lockup strong{font-size:16px}.brand-lockup small{font-size:6px}.navlinks{gap:12px}.navlinks a{font-size:9px}.nav-cta{font-size:8px;padding:10px 11px}.hero-intro-row{width:calc(100% - 50px)}.scene{height:625px}.service-node{width:28%}.node-film{left:2%}.node-web{right:2%}.node-auto{width:33%}.node-trigger{padding:17px;min-height:215px}.node-title{font-size:24px}.node-description{font-size:10px}.scene-core{width:230px}}
@media(max-width:700px){.topbar{height:100px}.topbar .nav{height:62px;width:calc(100% - 28px)}.brand{min-width:0;gap:7px}.brand img.brand-mark{width:42px;height:42px}.brand-lockup strong{font-size:14px}.brand-lockup small{font-size:5.6px;letter-spacing:.13em}.nav-cta{padding:9px 10px;font-size:7px}.navlinks{top:62px;height:38px;gap:19px;padding:0 14px;font-size:10px}.hero{min-height:auto;padding:27px 0 24px}.hero-intro-row{display:block;width:calc(100% - 34px);padding-bottom:13px}.hero-wordmark{font-size:clamp(53px,13vw,75px)!important}.hero-agency{font-size:8px;letter-spacing:.18em}.hero-slogan{font-size:16px}.hero-copy{width:100%;margin-top:17px;padding-left:12px}.hero-copy p{max-width:380px;margin:7px 0;font-size:11px}.hero-index{font-size:7px}.scene{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;height:auto;padding:0 17px 24px;perspective:none}.signal-particles{inset:0 0 auto;height:360px}.scene-grid{inset:2% 0 auto;height:320px}.founder-layer{inset:0 0 auto;height:340px;opacity:.25}.founder-layer img{height:100%;max-width:94%}.signal-map{inset:0;width:100%;height:100%;opacity:.36}.signal-map .branch{display:none}.signal-map .ray{display:none}.scene-core{position:relative;inset:auto;left:auto;top:auto;width:190px;min-height:205px;margin:1px auto 2px;transform:none;flex:none}.core-disc{inset:12%}.core-rim{inset:1%}.core-rim.rim-two{inset:8%}.core-rim.rim-three{inset:21%}.core-word{bottom:2px;font-size:8px}.core-status{top:auto;bottom:-12px;font-size:5px}.service-node,.node-film,.node-web,.node-auto{position:relative;inset:auto;left:auto;right:auto;bottom:auto;z-index:4;width:100%;max-width:470px;transform:none;animation:none}.node-trigger{min-height:0;padding:15px 16px 13px;border-radius:14px;transform:none}.node-title{margin-top:10px;font-size:23px;line-height:1.02}.node-description{max-width:390px;margin-top:7px;font-size:10px}.node-foot{padding-top:10px;font-size:7px}.service-node.is-open .node-children{max-height:220px;margin-top:11px}.node-children{grid-template-columns:repeat(2,minmax(0,1fr))!important}.node-children a{min-height:31px;font-size:8px}.scene-caption{position:relative;left:auto;bottom:auto;transform:none;flex-wrap:wrap;justify-content:center;gap:8px;padding-top:3px;font-size:6px}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){.signal-particles{display:none}.signal-map .branch,.signal-map .ray,.core-backlight,.core-rim,.scorpion-points,.service-node,.core-status i{animation:none!important}.node-trigger,.node-children{transition:none!important}}

/* Navigation, social destinations, and nested service navigation. */
.topbar{overflow:visible}
.topbar .nav{position:relative}
.service-menu-toggle{display:grid;place-content:center;gap:3px;flex:0 0 30px;width:30px;height:30px;padding:0;border:1px solid #ffffff26;border-radius:50%;background:#ffffff08;cursor:pointer;transition:.25s}
.service-menu-toggle:hover,.service-menu-toggle[aria-expanded="true"]{border-color:#ff5869;background:#f3293e1e;box-shadow:0 0 18px #f3293e29}
.service-menu-toggle span{width:3px;height:3px;border-radius:50%;background:#f4f2ef;box-shadow:0 0 6px #ff344c}
.navlinks{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);gap:20px;padding:10px 14px;border:1px solid #ffffff1c;border-radius:999px;background:linear-gradient(110deg,#16171be8,#0c0d10e8);box-shadow:inset 0 1px #ffffff12,0 8px 30px #0007;backdrop-filter:blur(18px)}
.navlinks:before{content:"";position:absolute;inset:-1px;padding:1px;border-radius:inherit;background:linear-gradient(110deg,transparent 12%,#f3293e74 49%,#ffffff16 57%,transparent 78%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:nav-scan 8s linear infinite}
.navlinks a{position:relative;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#dcdddf;font-size:9px}
.navlinks a svg{width:13px;height:13px;fill:none;stroke:#ff7583;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.nav-extras{display:flex;align-items:center;gap:9px;margin-left:auto}
.social-icons{display:flex;align-items:center;gap:5px}
.social-icons a{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ffffff1c;border-radius:50%;background:#ffffff05;color:#dadadc;transition:.25s}
.social-icons a:hover{border-color:#ff4d62;background:#f3293e24;color:#fff;transform:translateY(-2px);box-shadow:0 0 16px #f3293e28}
.social-icons svg{width:13px;height:13px;fill:currentColor;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.social-icons svg rect,.social-icons svg circle{fill:none}.social-icons svg .solid-dot,.social-icons svg .play-cutout{fill:#101113;stroke:none}
.language-toggle{padding:6px 8px;border:1px solid #ffffff25;border-radius:999px;background:#ffffff07;color:#f1eff0;font-size:9px;font-weight:800;cursor:pointer;transition:.25s}
.language-toggle:hover{border-color:#ff586a;color:#ff8a96}
.nav-cta{margin-left:3px}
.service-menu{position:absolute;z-index:12;top:calc(100% + 13px);left:0;width:min(360px,calc(100vw - 30px));padding:13px;border:1px solid #ffffff21;border-radius:17px;background:linear-gradient(145deg,#191a1ef5,#090a0df5);box-shadow:0 26px 65px #000c,0 0 30px #f3293e14;backdrop-filter:blur(20px);animation:menu-pop .2s ease-out}
.service-menu[hidden]{display:none}
.service-menu>span{display:block;padding:7px 9px 10px;color:#ff8290;font-size:8px;font-weight:800;letter-spacing:.17em}
.service-menu>a{display:flex;align-items:center;gap:12px;padding:12px 10px;border-top:1px solid #ffffff0d;color:#eee;font-size:12px;font-weight:700;transition:.2s}
.service-menu>a:hover{padding-left:15px;color:#fff;background:#f3293e12}
.service-menu>a b{color:#ff596d;font-size:9px;letter-spacing:.1em}.service-menu>a i{margin-left:auto;color:#ff7886;font-style:normal}
.node-trigger{min-height:232px;padding:21px 22px 17px}
.node-number{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ff667640;border-radius:50%;color:#ff8a96;font-size:8px}
.node-title{display:block;color:#f5f3f2}
.node-description{display:block}
.node-actions{position:relative;z-index:1;display:flex;align-items:center;gap:7px;width:100%;margin-top:auto;padding-top:15px}
.node-main-link,.node-expand{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:34px;padding:0 11px;border:1px solid #ffffff27;border-radius:6px;background:#ffffff08;color:#f5f3f2;font-size:8px;font-weight:800;letter-spacing:.035em;white-space:nowrap;transition:.25s}
.node-main-link{flex:1;border-color:#f23b4e72;background:linear-gradient(105deg,#d51d32a8,#64111da8);box-shadow:inset 0 1px #ffffff19,0 6px 20px #ed243a17}
.node-main-link b{color:#fff;font-size:12px}
.node-main-link:hover,.node-expand:hover{border-color:#ff6575;background:#f3293e2c}
.node-expand{cursor:pointer}
.node-expand b{color:#ff6978;font-size:13px;font-weight:500;transition:transform .3s}
.service-node.is-open .node-expand b{transform:rotate(45deg)}
.service-node.is-open .node-trigger{min-height:0}
.service-node.is-open .node-children{max-height:190px;margin-top:12px;opacity:1;overflow:visible;transform:translateY(0)}
.node-children{max-height:0;margin:0!important;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height .45s ease,opacity .3s ease,transform .3s ease,margin .3s ease}
.node-web .node-children,.node-auto .node-children{grid-template-columns:1fr}
.node-children a{font-size:8px}
.founder-layer{opacity:.7;mask-image:radial-gradient(ellipse at 50% 42%,#000 0,transparent 71%)}
.founder-layer img{right:50%;top:-14%;height:111%;max-width:57%;transform:translateX(50%);opacity:0;animation:founder-frame 21s ease-in-out infinite;filter:grayscale(.15) contrast(1.12) brightness(.54)}
.founder-layer img:first-child{opacity:.6;animation-delay:0s;filter:grayscale(.08) contrast(1.14) brightness(.6)}
.founder-layer img:nth-child(2){animation-delay:-7s}.founder-layer img:nth-child(3){animation-delay:-14s}
.service-node{z-index:5}
.scene-core{z-index:4}
.signal-map{z-index:2}
.signal-particles{z-index:1}
.core-fallback{opacity:.07!important}
.scorpion-points{animation:point-model 7s ease-in-out infinite,scorpion-shine 3s ease-in-out infinite alternate}
@keyframes nav-scan{0%{background-position:-180% 0}100%{background-position:180% 0}}
@keyframes menu-pop{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes founder-frame{0%,8%{opacity:0;filter:grayscale(.18) contrast(1.1) brightness(.45);transform:translateX(50%) scale(1.025)}15%,29%{opacity:.53;filter:grayscale(.12) contrast(1.12) brightness(.57);transform:translateX(50%) scale(1)}37%,100%{opacity:0;filter:grayscale(.2) contrast(1.1) brightness(.45);transform:translateX(50%) scale(.99)}}
@keyframes scorpion-shine{0%{filter:drop-shadow(0 0 8px #ff183d70)}100%{filter:drop-shadow(0 0 24px #ff183de0)}}
@media(max-width:1000px){.navlinks{position:absolute;left:50%;gap:10px;padding:9px 11px}.navlinks a{gap:4px;font-size:8px}.navlinks a svg{width:11px;height:11px}.nav-extras{gap:6px}.social-icons{gap:3px}.social-icons a{width:24px;height:24px}.social-icons svg{width:11px;height:11px}.language-toggle{font-size:8px;padding:5px 7px}.topbar .nav{gap:11px}.nav-cta{padding:9px 11px;font-size:8px}.node-trigger{padding:17px}.node-actions{flex-wrap:wrap}.node-main-link{font-size:7px}.node-expand{font-size:7px}}
@media(max-width:700px){.topbar{height:112px}.topbar .nav{height:65px;gap:7px}.service-menu-toggle{flex-basis:25px;width:25px;height:25px}.brand img.brand-mark{width:38px;height:38px}.brand-lockup strong{font-size:12px}.brand-lockup small{font-size:5px}.nav-extras{gap:5px;margin-left:auto}.social-icons{gap:2px}.social-icons a{width:22px;height:22px}.social-icons svg{width:10px;height:10px}.language-toggle{font-size:7px;padding:5px 6px}.nav-cta{padding:8px 8px;font-size:7px}.navlinks{position:absolute;left:0;right:0;top:65px;height:42px;transform:none;justify-content:flex-start;gap:15px;padding:0 11px;border:0;border-top:1px solid #ffffff11;border-radius:0;background:#090a0bf2;box-shadow:none}.navlinks:before{display:none}.navlinks a{gap:4px;font-size:9px}.navlinks a svg{width:12px;height:12px}.service-menu{top:58px;left:0}.node-trigger{padding:14px 15px 13px}.node-actions{flex-wrap:nowrap;justify-content:flex-start}.node-main-link{flex:initial;min-width:0;font-size:8px}.node-expand{font-size:8px}.founder-layer{inset:0 0 auto;height:340px;opacity:.55}.founder-layer img{height:100%;max-width:90%;top:0}}
.is-ar .hero-intro-row,.is-ar .hero-copy,.is-ar .node-trigger{text-align:right;direction:rtl}
.is-ar .node-topline,.is-ar .node-actions{direction:rtl}
.is-ar .node-main-link{flex-direction:row-reverse}
.is-ar .node-children a{text-align:right;direction:rtl}
.is-ar .scene-caption{direction:rtl}
.is-ar .hero-agency{letter-spacing:.08em}
@media(prefers-reduced-motion:reduce){.founder-layer img{animation:none;opacity:.36}.navlinks:before{animation:none}.node-trigger:before{display:none}}
/* Cinematic brand lockup and a fiery, image-led hero treatment. */
.hero-intro-row{align-items:center;padding-bottom:3px}
.hero-wordmark{font-family:'Bodoni Moda',Georgia,serif!important;font-weight:700!important;font-size:clamp(69px,10vw,142px)!important;line-height:.82!important;letter-spacing:-.105em!important;color:#f6f2ef;text-shadow:0 4px #ffffff24,0 18px 55px #000b,0 0 28px #ffffff13}
.hero-wordmark span{background:linear-gradient(180deg,#fff 0%,#ffccd0 25%,#f13145 48%,#a80c1e 63%,#f6d4d6 80%,#77101b 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important;filter:drop-shadow(0 0 18px #ff1e38b3)}
.hero-agency{color:#f6f3f1;font-size:clamp(9px,1.03vw,13px);letter-spacing:.26em;text-shadow:0 1px 10px #000}
.hero-slogan{color:#fff;font-size:clamp(16px,1.55vw,22px);font-weight:500;letter-spacing:-.02em;text-shadow:0 3px 20px #000}
.hero-copy{border-left:1px solid #ff3c51a6;box-shadow:-9px 0 24px -21px #ff253d}
.hero-copy p{color:#dfdadd}
.scene{isolation:isolate;background:radial-gradient(ellipse at 50% 50%,#fa15231c 0,transparent 28%),radial-gradient(ellipse at 50% 77%,#d31b2914 0,transparent 57%)}
.scene:before{content:"";position:absolute;z-index:1;left:50%;top:49%;width:min(48vw,590px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ff33411a 0,#f21d3210 24%,transparent 67%);filter:blur(7px);pointer-events:none;animation:portal-breath 4.2s ease-in-out infinite alternate}
.scene:after{content:"";position:absolute;z-index:2;left:50%;top:49%;width:clamp(300px,35vw,485px);height:clamp(150px,17vw,230px);transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-4deg);border:1px solid #fa4a5a55;border-radius:50%;box-shadow:0 0 22px #ff253d2c,inset 0 0 24px #ff283f19;pointer-events:none;animation:portal-orbit 14s linear infinite}
.scene-core{width:clamp(210px,21vw,276px);top:48%}
.core-disc{inset:12%;border:1px solid #ffffff19;background:radial-gradient(circle at 48% 45%,#ff4b5a20,transparent 50%),radial-gradient(circle at 35% 22%,#ffffff23,transparent 35%),linear-gradient(150deg,#28282cdb,#0d0d10f5 52%,#08090afa)}
.core-backlight{inset:-65%;background:radial-gradient(ellipse,#ff172b6b 0,#df1a282c 31%,#80101c12 50%,transparent 71%);filter:blur(22px)}
.core-rim{border-width:2px;border-color:#ff485eb8;box-shadow:0 0 27px #f3293e5c,inset 0 0 17px #f3293e38}
.core-rim.rim-two{border-width:1px;border-color:#f1d6d988}
.core-rim.rim-three{border-color:#ff293d78;filter:drop-shadow(0 0 8px #ff293d)}
.scorpion-points{filter:drop-shadow(0 0 11px #ff183ddd) drop-shadow(0 0 28px #fb172c99)}
.founder-layer{inset:0 8% -3%;mask-image:radial-gradient(ellipse at 50% 43%,#000 0,transparent 75%)}
.founder-layer img{top:-12%;height:114%;max-width:48%;filter:grayscale(.08) contrast(1.13) brightness(.52);animation-duration:28s}
.founder-layer img:first-child{animation-delay:0s;opacity:.58;filter:grayscale(.02) contrast(1.14) brightness(.62)}
.founder-layer img:nth-child(2){animation-delay:-5.6s}.founder-layer img:nth-child(3){animation-delay:-11.2s}.founder-layer img:nth-child(4){animation-delay:-16.8s}.founder-layer img:nth-child(5){animation-delay:-22.4s}
.node-film .node-trigger{background-image:radial-gradient(ellipse at 0% 30%,#ad17282b,transparent 58%),linear-gradient(145deg,#211b1ef1,#0a0b0df2 72%)}
.node-web .node-trigger{background-image:radial-gradient(ellipse at 100% 20%,#b0b7c21c,transparent 58%),linear-gradient(145deg,#1b1d21f3,#090a0cf5 72%)}
.node-auto .node-trigger{background-image:radial-gradient(ellipse at 50% 0%,#fa314020,transparent 58%),linear-gradient(145deg,#1d1b1df3,#090a0cf5 72%)}
.node-trigger{border-radius:17px;box-shadow:inset 0 1px #ffffff34,0 24px 60px #000c,0 0 0 1px #f3293e12}
.node-topline{letter-spacing:.2em}.node-title{font-size:clamp(26px,2.5vw,34px);font-weight:600}.node-description{font-size:12px;color:#cac7c9}
.node-main-link{min-height:38px;padding:0 13px;background:linear-gradient(108deg,#da2439c7,#56101bed);font-size:9px;letter-spacing:.025em}
.scene-caption{color:#b8b1b4}
.signal-map .branch{stroke-width:2;filter:drop-shadow(0 0 7px #ff182fbf)}
.signal-map .ray{filter:drop-shadow(0 0 12px #ff1736) drop-shadow(0 0 30px #ff1736d9)}
@keyframes portal-breath{0%{opacity:.52;scale:.91}100%{opacity:1;scale:1.08}}
@keyframes portal-orbit{to{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(356deg)}}
@media(max-width:1000px){.hero-wordmark{font-size:clamp(60px,9.8vw,108px)!important}.scene:after{width:330px;height:165px}.node-title{font-size:25px}.node-description{font-size:10px}}
@media(max-width:700px){.hero-wordmark{font-size:clamp(53px,13vw,75px)!important;line-height:.9!important}.hero-agency{letter-spacing:.14em}.hero-slogan{font-size:16px}.scene{background:radial-gradient(ellipse at 50% 12%,#fa152332 0,transparent 52%)}.scene:before{left:50%;top:105px;width:300px}.scene:after{left:50%;top:103px;width:245px;height:120px}.scene-core{width:180px;top:auto}.founder-layer{inset:0 0 auto;height:295px;mask-image:linear-gradient(180deg,#000,transparent 96%)}.founder-layer img{height:112%;max-width:95%;top:-12%}.node-title{font-size:24px}.node-description{font-size:11px}}
@media(prefers-reduced-motion:reduce){.scene:before,.scene:after{animation:none}}
@media(max-width:700px){.topbar .nav-cta{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;margin-left:0;padding:0;border-radius:50%;font-size:0}.topbar .nav-cta span{display:none}.topbar .nav-cta:before{content:none}.founder-layer img:first-child{animation:none;opacity:.78;filter:grayscale(.04) contrast(1.12) brightness(.72)}.founder-layer img:nth-child(n+2){animation-duration:28s}}
.founder-layer img:first-child{animation:none;opacity:.72;filter:grayscale(.03) contrast(1.14) brightness(.63)}
.scorpion-points{mix-blend-mode:screen;opacity:1}
.core-fallback{opacity:.13!important}
.scene.focus-film .branch-film,.scene.focus-web .branch-web,.scene.focus-auto .branch-auto{stroke-width:3;filter:drop-shadow(0 0 12px #ff102ef0);opacity:1}
.proof-action{background-image:linear-gradient(180deg,#06060824 0%,#07080ac9 72%,#07080af2 100%),url("https://img.youtube.com/vi/cgKppvuUjbY/hqdefault.jpg");background-size:cover;background-position:center 42%;border-color:#f4435555}
.proof-action:before{border-color:#ff657046;box-shadow:0 0 0 23px #ff243d0c,0 0 0 48px #ff243d08}
.proof-action:after{content:"▶";position:absolute;z-index:1;left:50%;top:47%;display:grid;place-items:center;width:48px;height:48px;padding-left:3px;border:1px solid #ffffff8a;border-radius:50%;background:#09090cb5;color:#fff;font-size:15px;transform:translate(-50%,-50%);box-shadow:0 0 28px #ff203d52;backdrop-filter:blur(8px)}
.proof-action:hover:after{border-color:#ff5065;background:#ef233cb8;transform:translate(-50%,-50%) scale(1.08)}
@media(min-width:1001px){.section#work .proof-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Make the supplied founder portrait and real Scorpion mark unmistakable in the hero. */
.hero>.founder-layer{position:absolute;z-index:0;inset:0 0 auto;height:min(100svh,860px);opacity:1;mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 90%,transparent 100%);pointer-events:none}
.founder-layer img{display:none!important;animation:none!important}
.founder-layer img:nth-child(3){display:block!important;top:-2%;right:1%;left:auto;width:auto;height:104%;max-width:48%;object-fit:contain;object-position:center top;transform:none;opacity:.83;mix-blend-mode:screen;filter:grayscale(.02) contrast(1.08) brightness(1.04) saturate(.86);mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}
.scene:before{left:49%;top:48%;width:min(58vw,760px);background:radial-gradient(ellipse,#ff243d35 0,#fb15231b 34%,transparent 69%);filter:blur(14px)}
.scene:after{left:49%;top:49%;width:clamp(340px,43vw,590px);height:clamp(180px,22vw,280px);border-color:#ff405b91;box-shadow:0 0 38px #ff253d54,inset 0 0 34px #ff283f34}
.scene-core{left:49%;top:49%;width:clamp(230px,23vw,310px);filter:drop-shadow(0 26px 50px #000e) drop-shadow(0 0 25px #ff193a55)}
.core-disc{border-color:#ffffff0c;background:radial-gradient(circle at 48% 45%,#ff243d14,transparent 57%),linear-gradient(150deg,#11111462,#08090a76 62%,#08090a8a);box-shadow:inset 0 1px #ffffff1a,0 28px 56px #0008;backdrop-filter:blur(2px)}
.core-fallback{opacity:.62!important;filter:brightness(1.22) saturate(1.4) drop-shadow(0 0 16px #ff163b) drop-shadow(0 0 36px #f3293e)!important}
.scorpion-points{opacity:.9;filter:brightness(1.5) drop-shadow(0 0 13px #ff183ddd) drop-shadow(0 0 35px #fb172cdd)}
@media(max-width:1000px){.founder-layer img:nth-child(3){right:0;height:100%;max-width:52%;opacity:.76}.scene-core{left:50%}}
@media(max-width:700px){.hero>.founder-layer{inset:0 -8% auto 0;height:clamp(470px,78svh,620px);mask-image:linear-gradient(180deg,#000 0%,#000 54%,transparent 100%)}.founder-layer img:nth-child(3){top:7%;right:-3%;height:87%;max-width:86%;object-position:center top;opacity:.72;filter:grayscale(.02) contrast(1.08) brightness(.95) saturate(.88)}.scene:before{left:50%;top:116px;width:330px}.scene:after{left:50%;top:116px;width:270px;height:138px}.scene-core{left:auto;top:auto;width:190px}.core-fallback{opacity:.78!important}.scorpion-points{opacity:.86}}

/* Use ScorpionAI's supplied motion and founder photography in the preview. */
.signal-particles,.scorpion-points,.core-disc,.core-rim,.core-word{display:none!important}
.scene-core{width:min(42vw,470px);aspect-ratio:16/9;border-radius:0;filter:drop-shadow(0 22px 34px #000e)}
.core-logo-animation{position:relative;z-index:3;display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 20px #f3293e55)}
.core-backlight{inset:8%;border-radius:50%;background:radial-gradient(ellipse,#fa223b32,transparent 70%);filter:blur(24px)}
.scene-core .core-status{bottom:-30px}
.hero>.founder-layer{mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 88%,transparent 100%)}
.founder-layer img{display:block!important;top:auto!important;bottom:0!important;right:0!important;left:auto!important;width:auto!important;height:94%!important;max-width:48%!important;object-fit:contain;object-position:center bottom;opacity:.88!important;mix-blend-mode:normal!important;filter:contrast(1.08) brightness(.78) saturate(.9)!important;mask-image:linear-gradient(180deg,#000 0%,#000 74%,transparent 100%)}
.footer-motion-wrap{display:flex;justify-content:center;align-items:center;min-height:155px;padding:26px 24px 8px;overflow:hidden;background:linear-gradient(180deg,transparent,#08090a)}
.footer-motion{display:block;width:min(470px,72vw);height:auto;max-height:180px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 24px #f3293e35)}
@media(max-width:1000px){.scene-core{width:min(54vw,410px)}.founder-layer img{height:90%!important;max-width:55%!important;opacity:.76!important}}
@media(max-width:700px){.scene-core{width:min(78vw,330px);left:50%;top:49%}.founder-layer img{height:min(68svh,520px)!important;max-width:87%!important;right:-3%!important;opacity:.67!important;object-position:center bottom}.hero>.founder-layer{inset:0 -8% auto 0;height:clamp(470px,78svh,620px);mask-image:linear-gradient(180deg,#000 0%,#000 54%,transparent 100%)}.footer-motion-wrap{min-height:120px}}
@media(prefers-reduced-motion:reduce){.core-logo-animation,.footer-motion{animation:none}
}
@media(max-width:700px){.hero-wordmark{font-size:clamp(30px,9.2vw,52px)!important;letter-spacing:-.075em!important;white-space:nowrap}.hero-intro-row>div:first-child{min-width:0;max-width:100%;overflow:visible}.hero-agency{font-size:8px;letter-spacing:.1em}}
/* Match the uploaded ScorpionAI lockup across every page header and footer. */
.brand{flex:0 0 246px;gap:8px}
.brand img{width:158px;height:56px;object-fit:contain;object-position:center}
.brand-lockup{flex:1;min-width:0}
.brand-lockup strong,.footer-brand span strong{display:none}
.brand-lockup small{display:block;max-width:82px;font-size:7px;line-height:1.35;letter-spacing:.1em}
.footer-brand img{width:220px;height:74px;object-fit:contain}
.footer-brand span small{display:block;font-size:8px;letter-spacing:.14em}
@media(max-width:700px){.brand{flex:0 0 166px;gap:4px}.brand img{width:108px;height:42px}.brand-lockup small{max-width:54px;font-size:5.5px;line-height:1.25;letter-spacing:.07em}}
.brand{flex:0 0 292px;gap:8px}
.brand img{width:210px;height:68px}
.brand-lockup small{max-width:75px;font-size:7px}
@media(max-width:700px){.brand{flex:0 0 218px;gap:5px}.brand img{width:163px;height:54px}.brand-lockup small{max-width:50px;font-size:5px}}
.brand{flex:0 0 244px;gap:0}
.brand img{width:236px;height:72px}
.brand-lockup{display:none}
@media(max-width:700px){.brand{flex:0 0 194px}.brand img{width:186px;height:58px}}
