:root{--bg:#050507;--panel:#0d0d12;--panel2:#13131a;--ink:#f7f7fb;--muted:#9697a7;--line:rgba(255,255,255,.1);--lime:#8b73ff;--coral:#b06cff}
html,body{background:#050507;color:var(--ink)}
body{background-image:radial-gradient(circle at 84% 7%,rgba(103,78,246,.11),transparent 25%),radial-gradient(circle at 12% 46%,rgba(128,77,214,.06),transparent 24%)}
.nav{color:#fff}.nav.scrolled{background:rgba(5,5,7,.86)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 12px 35px rgba(0,0,0,.3)!important}.nav nav a{color:#999aa8}.nav nav a:hover,.nav nav a.active{color:#fff}.language{border-color:rgba(255,255,255,.13)}.language button.active{background:#1a1921}.nav-cta{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04);box-shadow:none;color:#fff}.menu{color:#fff}
.page-wipe{background:#8066ff}.page-hero{background:radial-gradient(circle at 50% 30%,rgba(115,88,255,.2),transparent 27%),linear-gradient(180deg,#050507,#09090e)!important}.page-hero:before{background-image:linear-gradient(120deg,transparent 44%,rgba(255,255,255,.035) 44%,rgba(255,255,255,.035) 45%,transparent 45%),linear-gradient(60deg,transparent 48%,rgba(130,95,255,.05) 48%,rgba(130,95,255,.05) 49%,transparent 49%)!important}.page-hero:after{border-color:rgba(139,115,255,.14)!important;box-shadow:0 0 0 70px rgba(139,115,255,.025),0 0 0 140px rgba(139,115,255,.015)!important}.eyebrow{color:#a9a8b7}.eyebrow>span{background:linear-gradient(90deg,#8066ff,#bd70ff)}h1 em,h2 em{background:linear-gradient(90deg,#8a73ff,#c36fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.visual-services-hero{min-height:430px!important;padding:120px 22px 78px!important}.visual-services-hero h1{font-size:clamp(2.8rem,5vw,4.7rem)!important}.hero-orbit{border-color:rgba(139,115,255,.18)!important;filter:drop-shadow(0 20px 30px rgba(70,48,170,.18));animation:orbitBreath 7s ease-in-out infinite}.hero-orbit:before,.hero-orbit:after{border-color:rgba(139,115,255,.2)!important}.hero-orbit i{color:#fff!important;border-color:rgba(255,255,255,.13)!important;background:rgba(15,14,22,.82)!important;box-shadow:0 16px 45px rgba(0,0,0,.45)!important;backdrop-filter:blur(12px)}.hero-orbit>span{background:#9a7cff!important;box-shadow:0 0 0 13px rgba(139,115,255,.08),0 0 35px rgba(139,115,255,.65)!important;animation:corePulse 2.6s ease-in-out infinite}
.phones-section,.platform-section,.plans,.honest{background:transparent}.portfolio-kicker{color:#9b9cac!important}.premium-phone-stage .phone-card,.premium-phone-stage .phone-card-featured{border-color:rgba(255,255,255,.1)!important;background:linear-gradient(155deg,#121219,#09090d)!important;box-shadow:0 20px 60px rgba(0,0,0,.4)!important}.premium-phone-stage .phone{border-color:#232335!important;box-shadow:0 24px 55px rgba(0,0,0,.7),0 0 0 1px rgba(139,115,255,.18)!important}.demo-label h3{color:#f4f3fb}.demo-label>span{color:#9a83ff!important}
.platform-showcase{border-color:rgba(255,255,255,.1)!important;box-shadow:0 24px 75px rgba(0,0,0,.38)!important}.visual-platform .workflow-steps,.ad-control{background:#0c0c11!important;color:#fff}.workflow-step b,.ad-control h3,.control-stats b{color:#fff!important}.workflow-step i{border-color:rgba(255,255,255,.15)!important;color:#a88fff!important}.workflow-step.active i{background:#8b73ff!important;color:#fff!important}.workflow-step p,.control-stats span{color:#8f909f!important}.platform-canvas,.campaign-feed{background:#111118!important}.canvas-top,.feed-head{background:#111118!important;border-color:rgba(255,255,255,.09)!important}.canvas-top h3,.feed-head h3{color:#fff}.channel-map{border-color:rgba(255,255,255,.09)!important;background:radial-gradient(circle at center,rgba(111,83,255,.17),transparent 38%),#0b0b10!important}.channel-map .channel-row{border-color:rgba(255,255,255,.1)!important;background:#15151d!important;color:#90919f}.channel-row b{color:#f2f2f7!important}.map-core{background:linear-gradient(145deg,#6d5af2,#9d63e9)!important;animation:mapPulse 4s ease-in-out infinite}.map-result{border-color:rgba(49,188,111,.22)!important;background:#0c1a13!important;color:#fff}.campaign-visual{background:#0c0c11!important}.ad-control>button{background:linear-gradient(135deg,#6d5af2,#9d63e9)!important}.meter{background:#23232d!important}.meter i{animation:meterLive 4s ease-in-out infinite}.visual-ad-grid figure{border:1px solid rgba(255,255,255,.1)}
.next-page{background:linear-gradient(135deg,#6d5af2,#9a60db)!important;color:#fff}.pricing-hero{min-height:430px!important;padding-top:135px!important;padding-bottom:75px!important}.pricing-hero h1{font-size:clamp(2.8rem,5.2vw,4.8rem)}.pricing-hero p:last-child{color:#9c9dab}.plans{padding-top:72px}.plan{border-color:rgba(255,255,255,.1);background:linear-gradient(160deg,#111117,#09090d);box-shadow:0 18px 55px rgba(0,0,0,.32)}.plan.featured-plan{border-color:#8b73ff;background:radial-gradient(circle at 50% 0,rgba(139,115,255,.16),transparent 35%),linear-gradient(160deg,#12121a,#09090d)}.popular{background:#8b73ff;color:#fff}.plan-kicker{color:#9d87ff}.plan>p,.pricing-note{color:#9697a7}.plan li{border-color:rgba(255,255,255,.08)}.plan li:before{background:#8b73ff}.honest-grid p{border-color:rgba(255,255,255,.1);background:#0c0c11;color:#adaeba}.final-cta{background:radial-gradient(circle at 50% 100%,rgba(139,115,255,.34),transparent 38%),linear-gradient(160deg,#101017,#07070a)!important}.final-cta .eyebrow{color:#a8a8b4}.final-cta .eyebrow>span{background:#8b73ff}.final-cta .btn.dark{background:#fff;color:#11111a}
footer{background:radial-gradient(ellipse at 50% 118%,rgba(112,83,247,.4),transparent 42%),linear-gradient(180deg,#08080c,#020203)!important;border-color:rgba(255,255,255,.08)!important;color:#9a9baa!important}
.motion-ring{position:fixed;z-index:49;left:0;top:0;width:22px;height:22px;border:1px solid rgba(154,126,255,.75);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .25s,width .25s,height .25s,background .25s}.motion-ring.on{opacity:1}.motion-ring.hit{width:42px;height:42px;background:rgba(139,115,255,.1)}
@keyframes orbitBreath{50%{filter:drop-shadow(0 28px 42px rgba(96,65,220,.32))}}@keyframes corePulse{50%{transform:scale(1.35);box-shadow:0 0 0 22px rgba(139,115,255,0),0 0 48px rgba(139,115,255,.78)}}@keyframes mapPulse{50%{box-shadow:0 0 0 27px rgba(93,93,247,0),0 28px 62px rgba(93,93,247,.35)}}@keyframes meterLive{50%{width:91%}}
@media(max-width:900px){.nav.open{background:#07070b!important}.visual-services-hero{min-height:390px!important}.premium-phone-stage{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pricing-hero{min-height:390px!important}.motion-ring{display:none}}
@media(max-width:620px){.visual-services-hero{min-height:340px!important;padding:105px 18px 54px!important}.visual-services-hero h1{font-size:2.35rem!important}.visual-services-hero .hero-orbit{height:76px!important;bottom:-6px!important}.phones-section{padding:40px 10px 52px!important}.premium-phone-stage{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.premium-phone-stage .phone-card,.premium-phone-stage .phone-card-featured{padding:11px 5px 10px!important}.premium-phone-stage .phone-card .phone,.premium-phone-stage .phone-card-featured .phone{width:min(130px,39vw)!important}.demo-label h3,.premium-phone-stage .phone-card-featured h3{font-size:10px!important}.pricing-hero{min-height:360px!important;padding:115px 18px 58px!important}.pricing-hero h1{font-size:2.55rem}.plans{padding-top:48px}.plan{padding:26px 22px}.platform-section{padding-top:62px!important}}
@media(prefers-reduced-motion:reduce){.motion-ring{display:none}.hero-orbit,.hero-orbit>span,.map-core,.meter i{animation:none!important}}

/* Floating studio hero + compact mobile layers v20 */
.portal-hero{position:relative;display:grid!important;place-items:center;min-height:820px!important;padding:118px 22px 72px!important;background:radial-gradient(circle at 50% 48%,rgba(103,72,255,.15),transparent 22%),linear-gradient(180deg,#030305,#07070b)!important;isolation:isolate;overflow:hidden}
.portal-hero:after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at center,#000,transparent 72%)}
.portal-hero .trust-hero-copy{z-index:8;width:min(710px,72vw);margin:auto;text-align:center;text-shadow:0 10px 32px #000}.portal-hero .eyebrow,.portal-hero .hero-actions,.portal-hero .hero-trust{justify-content:center}.portal-hero h1{font-size:clamp(3.1rem,5.5vw,5.5rem);line-height:.95}.portal-hero .trust-hero-copy>p:not(.eyebrow){max-width:520px;margin:21px auto 27px;color:#b2b2c0}.portal-hero .hero-trust{margin-top:23px}.portal-hero .hero-trust span{background:rgba(8,8,12,.72);backdrop-filter:blur(10px)}
.hero-object-field{position:absolute;z-index:2;inset:78px 0 0;perspective:1200px;pointer-events:none}.hero-asset{position:absolute;display:block;object-fit:contain;mix-blend-mode:screen;filter:saturate(.95) contrast(1.08) drop-shadow(0 28px 38px rgba(0,0,0,.55));mask-image:radial-gradient(ellipse 69% 65% at center,#000 43%,transparent 93%);will-change:transform;opacity:.88}.asset-creative{width:min(360px,25vw);left:-2%;top:1%;animation:assetFloatA 12s ease-in-out infinite}.asset-strategy{width:min(310px,22vw);right:2%;top:1%;animation:assetFloatB 14s ease-in-out -3s infinite}.asset-web{width:min(360px,25vw);left:2%;bottom:-1%;animation:assetFloatC 15s ease-in-out -6s infinite}.asset-analytics{width:min(330px,23vw);right:4%;bottom:2%;animation:assetFloatD 13s ease-in-out -8s infinite}.asset-checkout{width:min(250px,18vw);right:26%;bottom:-10%;animation:assetFloatE 16s ease-in-out -4s infinite;opacity:.64}
@keyframes assetFloatA{0%,100%{transform:translate3d(0,0,0) rotateX(4deg) rotateY(11deg) rotateZ(-4deg)}50%{transform:translate3d(24px,20px,50px) rotateX(-2deg) rotateY(-8deg) rotateZ(2deg)}}@keyframes assetFloatB{0%,100%{transform:translate3d(0,0,5px) rotateX(-3deg) rotateY(-10deg) rotateZ(4deg)}50%{transform:translate3d(-30px,22px,60px) rotateX(4deg) rotateY(9deg) rotateZ(-3deg)}}@keyframes assetFloatC{0%,100%{transform:translate3d(0,0,0) rotateX(-2deg) rotateY(12deg) rotateZ(3deg)}50%{transform:translate3d(24px,-24px,55px) rotateX(5deg) rotateY(-6deg) rotateZ(-2deg)}}@keyframes assetFloatD{0%,100%{transform:translate3d(0,0,0) rotateX(4deg) rotateY(-10deg) rotateZ(-3deg)}50%{transform:translate3d(-28px,-18px,48px) rotateX(-4deg) rotateY(8deg) rotateZ(2deg)}}@keyframes assetFloatE{0%,100%{transform:translate3d(0,0,-30px) rotateX(4deg) rotateY(-6deg) rotateZ(1deg)}50%{transform:translate3d(-12px,-28px,15px) rotateX(-3deg) rotateY(7deg) rotateZ(-3deg)}}
@media(max-width:900px){.portal-hero{min-height:730px!important}.portal-hero .trust-hero-copy{width:min(650px,82vw)}.asset-creative,.asset-web{left:-8%}.asset-strategy,.asset-analytics{right:-8%}.asset-checkout{right:23%}}
@media(max-width:620px){.portal-hero{min-height:585px!important;padding:98px 18px 42px!important}.portal-hero .trust-hero-copy{width:100%;padding:0 11px}.portal-hero h1{font-size:2.42rem;line-height:.98}.portal-hero .trust-hero-copy>p:not(.eyebrow){max-width:310px;margin:15px auto 20px;font-size:14px}.portal-hero .eyebrow{margin-bottom:15px;font-size:8px}.portal-hero .hero-actions{gap:13px}.portal-hero .hero-actions .btn{width:auto;padding:12px 14px;font-size:12px}.portal-hero .text-link{font-size:12px}.portal-hero .hero-trust{gap:5px;margin-top:17px}.portal-hero .hero-trust span{padding:5px 7px;font-size:8px}.hero-object-field{inset:72px 0 0}.hero-asset{opacity:.61}.asset-creative{width:150px;left:-43px;top:-3px}.asset-strategy{width:130px;right:-35px;top:6px}.asset-web{width:150px;left:-47px;bottom:-22px}.asset-analytics{width:140px;right:-44px;bottom:-18px}.asset-checkout{width:108px;right:35%;bottom:-48px;opacity:.42}
body[data-page="home"] .value-section{padding:58px 14px 54px}.compact-title{margin-bottom:24px}.compact-title h2{font-size:2rem;line-height:1.03}.value-grid{grid-template-columns:repeat(3,minmax(148px,1fr));gap:9px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}.value-grid::-webkit-scrollbar{display:none}.value-card{scroll-snap-align:center;padding:12px;border-radius:14px}.value-visual{height:104px;margin-top:9px;border-radius:10px}.value-card h3{margin:11px 0 2px;font-size:15px}.value-card p{font-size:11px;line-height:1.4}.browser-visual b{left:12px;bottom:43px;font-size:14px}.browser-visual button{left:12px;bottom:12px;padding:6px 7px}.ad-visual div{width:34px;height:34px;border-radius:10px}.ad-visual div:first-child{left:22px;top:21px}.ad-visual div:nth-child(2){right:22px;top:21px}.ad-visual b{font-size:8px}.ad-visual i{bottom:12px}.result-visual i{width:35px;height:35px;font-size:15px}.result-visual b{margin-top:10px;font-size:8px}.creative-intro{padding:52px 16px 25px}.creative-intro .section-head{margin-bottom:0}.creative-intro .section-head h2{font-size:2.05rem}.creative-intro .section-head>p{font-size:13px}.creative-section{padding-bottom:45px}.proof-section{padding:52px 16px;gap:16px}.proof-card{padding:22px 18px}.proof-card>p{margin-bottom:20px;font-size:1.55rem}.proof-points{gap:0}.proof-points article{padding:15px 4px}.proof-points b{font-size:15px}.proof-points span{font-size:12px}.contact-section{gap:22px;padding:56px 16px}.contact-copy h2{font-size:2.2rem}.contact-copy>p:last-child{font-size:13px}.contact-form{gap:10px;padding:16px 13px}.contact-form input,.contact-form select{padding:10px}.trust-strip{min-height:48px}.wa-fab{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.hero-asset{animation:none!important}}

/* Navigation and conversion hierarchy v21 */
.contact-exclusive{border:1px solid rgba(174,149,255,.52)!important;background:linear-gradient(135deg,rgba(125,94,255,.2),rgba(180,91,226,.12))!important;color:#fff!important;box-shadow:0 12px 30px rgba(80,52,190,.18)!important}.nav-cta.contact-exclusive{display:inline-flex;align-items:center;gap:9px}.nav-cta.contact-exclusive i{width:7px;height:7px;border-radius:50%;background:#64e6a2;box-shadow:0 0 0 5px rgba(100,230,162,.1),0 0 16px rgba(100,230,162,.7)}.work-only{min-width:205px;border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.95)!important;color:#0b0b11!important;box-shadow:0 18px 45px rgba(0,0,0,.34)!important}.work-only:hover{background:#fff!important;transform:translateY(-3px)}.back-top{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(255,255,255,.06);color:#f5f3ff!important;font-weight:700}.back-top span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#866dff;color:#fff}.wa-fab.contact-exclusive{padding:9px 15px 9px 9px!important}.wa-fab.contact-exclusive>span{background:#fff!important;color:#7057e8!important}.wa-fab.contact-exclusive b{color:#fff}
@media(max-width:900px){.nav{height:106px!important;padding:0 14px 42px!important;align-items:center!important;background:rgba(5,5,7,.9)!important;backdrop-filter:blur(18px);border-color:rgba(255,255,255,.08)!important}.nav.scrolled{height:96px!important;padding-bottom:38px!important}.nav nav{position:absolute;display:grid!important;grid-template-columns:repeat(3,1fr);left:10px;right:10px;bottom:7px;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035)}.nav nav a{display:flex;justify-content:center;align-items:center;min-height:29px;border-radius:8px;font-size:12px!important;color:#92929f!important}.nav nav a.active{background:rgba(133,105,255,.2);color:#fff!important}.nav nav a.active:after{display:none}.nav .menu{display:none!important}.nav-right{margin-left:auto}.nav .nav-cta{display:none!important}.portal-hero{padding-top:132px!important}.visual-services-hero{padding-top:138px!important}.pricing-hero{padding-top:145px!important}}
@media(max-width:580px){.nav{padding-inline:12px!important}.brand{font-size:11px;letter-spacing:.11em}.brand-mark{width:30px;height:30px}.language button{padding:3px 5px}.work-only{width:auto!important;min-width:190px;padding:13px 16px!important}.back-top{padding:9px 12px}footer .back-top{margin-top:2px}.wa-fab.contact-exclusive b{display:block;font-size:11px}.portal-hero{min-height:560px!important}.creative-intro{padding-top:44px!important}}