:root{--cyan:#35def8;--cyan2:#66ecff;--dark:#04131d;--ink:#0a2740;--light:#edf6fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);font-family:Inter,Arial,Helvetica,sans-serif;color:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}
.site-header{height:78px;position:fixed;z-index:200;top:0;left:0;right:0;display:flex;align-items:center;gap:36px;padding:10px 5vw;background:linear-gradient(180deg,rgba(3,17,26,.96),rgba(3,17,26,.76));backdrop-filter:blur(16px);border-bottom:1px solid rgba(79,226,255,.14)}
.brand img{width:245px;max-height:58px;object-fit:contain}.nav{display:flex;gap:30px;margin-left:auto}.nav a{font-size:14px;opacity:.9}.nav a:hover,.nav a.active{color:#59e9ff}.header-actions{display:flex;gap:12px}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 22px;border:1px solid rgba(60,231,255,.85);font-weight:800;font-size:14px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn.ghost{background:rgba(3,17,26,.62);color:#fff}.btn.cyan{background:linear-gradient(180deg,#59ebff,#22d6f4);color:#03141d;border-color:#81f0ff;box-shadow:0 8px 25px rgba(23,211,245,.18)}.btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 28px rgba(55,221,251,.32)}.btn.large{padding:13px 28px}

/* HERO */
.hero{padding-top:78px;background:#06131d}.hero-stage{position:relative;width:min(100vw,1672px);aspect-ratio:1672/941;margin:0 auto;overflow:hidden;isolation:isolate}.hero-bg,.hero-glow{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-bg{z-index:0}.hero-glow{z-index:1;mix-blend-mode:screen;opacity:.38;animation:bgGlow 10s ease-in-out infinite alternate;pointer-events:none}.hero-person{position:absolute;z-index:4;width:57.5%;left:21.25%;bottom:-15%;aspect-ratio:1122/1402;will-change:transform}.character{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.25))}
.eye-window{position:absolute;z-index:6;top:33.75%;width:8.05%;height:3.55%;overflow:hidden;border-radius:50%;pointer-events:none;clip-path:ellipse(49% 46% at 50% 50%)}.eye-left{left:37.55%}.eye-right{left:54.55%}.iris{position:absolute;left:50%;top:50%;width:58%;height:auto;max-width:none;transform:translate(-50%,-50%);will-change:transform;pointer-events:none;filter:drop-shadow(0 0 1px rgba(0,0,0,.25))}
.side{position:absolute;z-index:12;display:flex;flex-direction:column;gap:5px;font-size:9px;letter-spacing:.35em}.side-left-top{left:2.5%;top:13%}.side-left-mid{left:2.5%;top:44%;color:#7eeaff}.side-right{right:2.5%;top:37%;color:#7eeaff}
.motion-card{position:absolute;z-index:8;will-change:transform,filter;transform-origin:center;transition:filter .22s ease,box-shadow .22s ease;cursor:pointer}.motion-card::after{content:"";position:absolute;inset:-12px;border-radius:28px;background:radial-gradient(circle at center,rgba(52,226,255,.32),rgba(52,226,255,0) 68%);filter:blur(18px);opacity:0;z-index:-1;transition:opacity .2s ease}.motion-card.is-hovered::after,.motion-card:hover::after{opacity:1}.motion-card.is-hovered,.motion-card:hover{filter:brightness(1.08) drop-shadow(0 14px 30px rgba(27,214,255,.30));z-index:60!important}.popup img,.p2-image-card img,.p2-profile img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.20))}
.video-popup{border:1px solid rgba(66,227,255,.85);border-radius:16px;overflow:hidden;background:#071d2a;box-shadow:0 14px 34px rgba(0,0,0,.24)}.video-popup video{width:100%;height:100%;object-fit:cover;display:block;opacity:.96}.video-popup .play{position:absolute;right:11%;bottom:16%;width:42px;height:42px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;background:rgba(3,15,22,.58);font-size:14px}.media-copy{position:absolute;left:8%;bottom:10%;font-weight:900;font-size:clamp(9px,1vw,18px);text-shadow:0 2px 6px #000}
.hero-copy{position:absolute;z-index:30;left:50%;top:68.3%;transform:translateX(-50%);text-align:center;width:60%;pointer-events:none}.hero-copy h1{font-size:clamp(30px,4.2vw,70px);line-height:.91;margin:0;font-weight:950;letter-spacing:-.04em;text-shadow:0 5px 25px rgba(0,0,0,.42)}.hero-copy h1 em{font-style:normal;color:#54eaff;text-shadow:0 0 25px rgba(73,229,255,.68)}.hero-copy p{font-size:clamp(8px,.8vw,13px);letter-spacing:.38em;margin:17px 0 16px}.hero-actions{pointer-events:auto;display:flex;justify-content:center;gap:16px}
.socials{position:absolute;z-index:28;right:4.5%;bottom:13%;display:flex;gap:8px}.socials a{width:38px;height:38px;transition:.25s}.socials a:hover{transform:translateY(-4px) scale(1.08);filter:drop-shadow(0 0 15px rgba(55,221,251,.35))}.socials img{width:100%;height:100%;object-fit:contain}
.feature-row{position:absolute;z-index:22;left:20%;right:20%;bottom:2.5%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-row div{padding:0 16px;border-right:1px solid rgba(255,255,255,.18)}.feature-row div:last-child{border:0}.feature-row strong{display:block;font-size:12px}.feature-row span{display:block;font-size:9px;opacity:.75;margin-top:4px}
/* hero card placement */
.p-grow{left:21%;top:8%;width:17%}.p-instagram{left:4.5%;top:25%;width:17.2%}.p-increase{left:18%;top:34%;width:18%}.p-reach{left:18.5%;top:43%;width:19%}.p-web{left:9.7%;top:50.6%;width:15.8%}.p-often{left:13%;top:61%;width:18%}.p-ideas{left:27.2%;top:17.8%;width:10.9%}.v1{left:14%;top:16%;width:15%;height:15%}.p-seo{left:61.5%;top:9%;width:14%}.p-post{left:61%;top:20%;width:15%}.p-tiktok{right:5.5%;top:10%;width:15%}.v2{right:4%;top:24%;width:18%;height:19%}.p-yt{right:6.5%;top:43%;width:15%}.p-leads{left:63%;top:37%;width:17%}.p-fb{right:8%;top:54.8%;width:14.5%}.p-engagement{left:65%;top:57.8%;width:17.3%}.v3{right:3%;top:60%;width:14%;height:14%}
@keyframes bgGlow{0%{transform:scale(1) translate3d(-.7%,0,0);opacity:.28}100%{transform:scale(1.04) translate3d(.8%,-.5%,0);opacity:.48}}

/* PAGE 2 — fully layered */
.work{background:#eaf4fb;display:flex;justify-content:center;overflow:hidden}.work-stage{position:relative;width:min(100vw,1600px);aspect-ratio:1600/1220;min-height:1220px;overflow:hidden;color:#12385e;isolation:isolate}.work-bg,.work-glow{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.work-bg{z-index:0}.work-glow{z-index:1;mix-blend-mode:screen;opacity:.22;animation:p2Glow 10s ease-in-out infinite alternate;pointer-events:none}.work-title{position:absolute;z-index:20;left:50%;top:1.5%;transform:translateX(-50%);width:56%;text-align:center}.page-label{font-size:12px;letter-spacing:.24em;color:#52799e}.work-title h2{font-size:clamp(34px,4.2vw,68px);line-height:.90;margin:10px 0 12px;color:#204f7f;letter-spacing:-.04em;font-weight:950;text-shadow:0 10px 24px rgba(123,166,210,.14)}.work-title h2 em{font-style:normal;color:#3479cb}.work-title p{font-size:clamp(12px,1vw,17px);line-height:1.28;max-width:640px;margin:auto;color:#496f91}
.strategy-panel{position:absolute;z-index:15;top:23.5%;width:28%;padding:20px;border:1px solid rgba(255,255,255,.74);background:rgba(244,250,255,.66);backdrop-filter:blur(12px);border-radius:28px;box-shadow:0 18px 42px rgba(68,123,170,.12)}.left-panel{left:6%}.right-panel{right:6%}.strategy-panel h3{margin:0;color:#244d77;font-size:clamp(22px,2vw,34px);line-height:.94}.panel-sub{display:block;margin:7px 0 14px;color:#5683aa;font-size:11px;letter-spacing:.12em}.p2-mini{position:relative!important;display:flex;align-items:center;gap:12px;margin:8px 0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.74);border:1px solid rgba(196,220,240,.82);color:#244d77;box-shadow:0 6px 14px rgba(48,99,143,.05)}.p2-mini b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:9px;color:#2673cb;background:#eaf5ff;font-size:15px}.p2-mini span{font-size:clamp(10px,.9vw,14px);line-height:1.15}
.work-person{position:absolute;z-index:8;width:36%;left:32%;bottom:-12.5%;will-change:transform}.work-person img{width:100%;display:block;filter:drop-shadow(0 18px 28px rgba(46,92,128,.14))}.p2-image-card{z-index:18}.p2-posting{left:38%;top:41%;width:9.7%}.p2-ai{left:34%;top:73.5%;width:8.9%}.p2-data{left:47%;top:63.5%;width:9.8%}.p2-leads-card{left:49%;top:81.5%;width:8.9%}.p2-profile{z-index:14}.p2-profile-left{left:3.5%;bottom:1.5%;width:19%}.p2-profile-right{right:3.5%;bottom:1.5%;width:21%}.p2-social{position:absolute;z-index:6;will-change:transform;filter:drop-shadow(0 18px 28px rgba(65,110,165,.12));opacity:.88}.p2-instagram{left:-1%;top:6%;width:13%;transform:rotate(-13deg)}.p2-facebook{right:-1%;top:6%;width:13.5%;transform:rotate(10deg)}.p2-youtube{right:5%;bottom:8%;width:8.2%;transform:rotate(-8deg)}
@keyframes p2Glow{from{transform:translate3d(-1%,0,0) scale(1);opacity:.16}to{transform:translate3d(1%,-1%,0) scale(1.04);opacity:.30}}

.about,.resources,.contact{padding:90px 8vw;text-align:center}.about{background:#f4f9fc;color:#173e61}.resources{background:#dfeef6;color:#173e61}.contact{background:#06131d}.eyebrow{letter-spacing:.28em;font-size:11px;color:#4f81a5;font-weight:800}.about h2,.resources h2,.contact h2{font-size:clamp(36px,4.5vw,68px);line-height:.96;margin:15px auto 20px;max-width:980px}.about>p:last-child,.resources>p:last-child,.contact>p{max-width:760px;margin:0 auto;color:#5a7890}.contact>p{color:#b8cbd6}.contact form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;max-width:1050px;margin:30px auto}.contact input,.contact select,.lead-result textarea{width:100%;border:1px solid rgba(89,230,255,.25);background:#0b2330;color:#fff;border-radius:14px;padding:15px;outline:none}.lead-result{max-width:850px;margin:22px auto}.lead-result textarea{height:130px;resize:none;margin-bottom:12px}.lead-result .btn{margin:auto}.lead-result:not([hidden]){display:block}

@media(max-width:1100px){.nav{display:none}.header-actions .ghost{display:none}.menu{display:block;margin-left:auto}.brand img{width:200px}.feature-row{left:8%;right:8%}.strategy-panel{width:31%}.left-panel{left:2%}.right-panel{right:2%}.p2-profile-left{left:1%;width:22%}.p2-profile-right{right:1%;width:24%}.contact form{grid-template-columns:1fr 1fr}.contact form .btn{grid-column:1/-1}}
@media(max-width:760px){.site-header{height:66px;padding:8px 4vw}.brand img{width:165px}.header-actions .cyan{padding:9px 13px;font-size:11px}.hero{padding-top:66px}.hero-stage{aspect-ratio:9/13;min-height:700px}.hero-person{width:92%;left:4%;bottom:0}.hero-copy{top:63%;width:92%}.hero-copy h1{font-size:42px}.side,.feature-row{display:none}.p-grow{left:5%;top:10%;width:40%}.p-instagram{left:2%;top:29%;width:35%}.p-increase,.p-reach,.p-web,.p-often,.p-ideas{display:none}.p-seo{left:58%;top:10%;width:35%}.p-post{left:56%;top:23%;width:38%}.p-tiktok{right:1%;top:34%;width:34%}.p-yt,.p-leads,.p-fb,.p-engagement{display:none}.v1{left:3%;top:19%;width:34%;height:12%}.v2{right:2%;top:45%;width:36%;height:13%}.v3{display:none}.socials{bottom:4%;right:50%;transform:translateX(50%)}.hero-actions{flex-direction:column;align-items:center}.work-stage{aspect-ratio:9/18;min-height:1080px}.work-title{width:92%;top:2%}.strategy-panel{top:21%;width:42%;padding:12px}.left-panel{left:2.5%}.right-panel{right:2.5%}.strategy-panel h3{font-size:20px}.panel-sub{font-size:8px}.p2-mini{padding:7px 8px;margin:5px 0}.p2-mini b{min-width:24px;height:24px;font-size:11px}.p2-mini span{font-size:9px}.work-person{width:58%;left:21%;bottom:-5%}.p2-posting{left:39%;top:53%;width:16%}.p2-ai{left:27%;top:77%;width:14%}.p2-data{left:53%;top:70%;width:14%}.p2-leads-card{left:58%;top:86%;width:12%}.p2-profile-left{display:none}.p2-profile-right{display:none}.p2-instagram{width:20%;left:-4%;top:7%}.p2-facebook{width:20%;right:-4%;top:7%}.p2-youtube{width:12%;right:4%;bottom:5%}.about,.resources,.contact{padding:70px 6vw}.contact form{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hero-glow,.work-glow{animation:none}}

.p-ideas{display:none !important;}