/* VYVID: electric violet + hot pink, taken from the supplied brand mark. */
:root{--bg:#08060e;--surface:#110921;--text:#faf7ff;--muted:#b4a8c5;--line:#38224c;--purple:#8500ff;--pink:#ff0099}
body{background:var(--bg)}
.header{background:#08060ef2;border-bottom-color:#a851ff24}
.nav{height:88px}.nav nav{color:#cbbbdc}.nav nav a{transition:color .2s}.nav nav a:hover{color:#ff69c3}
.brand{gap:5px}.brand img{width:66px;height:38px;object-fit:contain}.brand>.wordmark{font-weight:800;font-size:32px;letter-spacing:-2px;font-style:italic;line-height:1.1;filter:drop-shadow(0 0 15px #7900ff45)}
.wordmark>span{color:#9400ff}.wordmark>span:nth-child(2),.wordmark>span:nth-child(4){color:#ff0099}.wordmark>span:nth-child(5){color:#b13eff}
.button{border:1px solid #ffffff35;border-radius:100px;color:white;background:linear-gradient(110deg,#7300f5 5%,#a000e8 53%,#d60082 100%);padding:17px 25px;gap:35px;box-shadow:0 5px 30px #9700ff30;font-weight:600;transition:transform .25s,box-shadow .25s,filter .25s;background-size:150% 100%}
.button:hover{background:linear-gradient(110deg,#840bff,#d100af);transform:translateY(-3px);box-shadow:0 8px 35px #ed00ad50;filter:brightness(1.15)}
.button.small{background:#220f39;border:1px solid #ac47ff75;box-shadow:none;padding:12px 20px}.button.small:hover{background:#6100b6}
.hero{width:100%;min-height:790px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;isolation:isolate;margin:0;padding:35px 0 70px;background:radial-gradient(ellipse at 50% 40%,#22104475,transparent 62%)}
.hero-copy{z-index:1;position:relative}.hero-brand-mark{width:158px;height:79px;object-fit:contain;margin:0 auto 15px;mix-blend-mode:screen;filter:drop-shadow(0 0 24px #ba00ff55);animation:brand-float 5s ease-in-out infinite}
.hero .eyebrow{display:block;color:#d4afe9;font-size:12px;letter-spacing:2.6px;margin:0 0 22px;font-weight:500}
.hero h1{font-size:clamp(84px,10vw,144px);line-height:.98;font-weight:800;letter-spacing:-8px;margin:0 0 29px;color:#fff}
.gradient-text{background-image:linear-gradient(100deg,#a04cff 0%,#c536ff 38%,#ff169f 80%,#ff66c4 100%);background-size:130% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}
.hero h1 .gradient-text{display:inline-block;padding:0 .08em .07em;margin:0 -.08em -.07em;background-image:linear-gradient(110deg,#8b26ff 0%,#b300ff 28%,#ff0099 62%,#ff77ce 100%);background-size:180% 100%;animation:color-shift 8s ease-in-out infinite alternate}
.hero-description{font-size:18px;color:#c0b4cf;line-height:1.75;margin:0 auto 27px;max-width:580px}
.hero-actions{justify-content:center;display:flex;flex-direction:row;gap:0}.hero-actions>.button{font-size:16px;padding:18px 28px;gap:35px}
.hero-explore{display:inline-flex;align-items:center;gap:13px;color:#c0a9d5;font-size:13px;margin-top:23px}.hero-explore:hover{color:#ff71cd}.hero-explore span{color:#ff32b1;font-size:20px}
.hero-aura{position:absolute;z-index:-1;width:670px;height:670px;border-radius:50%;pointer-events:none;filter:blur(70px);opacity:.48;will-change:transform}
.aura-purple{left:-270px;top:20px;background:radial-gradient(circle,#7000ff9c,transparent 68%);animation:aura-drift 12s ease-in-out infinite alternate}
.aura-pink{right:-260px;bottom:-170px;background:radial-gradient(circle,#ff009999,transparent 67%);animation:aura-drift 10s ease-in-out -4s infinite alternate-reverse}
.motion-toggle{position:absolute;right:30px;bottom:22px;display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #70428760;border-radius:100px;background:#190c28;color:#bca7cb;font-size:12px;z-index:2}.motion-toggle:hover{color:white;border-color:#df69ff}
.capabilities{background:linear-gradient(100deg,#6500ed,#9400e5 47%,#d6008d);border:0}.capability-list{min-height:82px;justify-content:center;padding-block:20px}.capability-list p{color:white;gap:43px;font-size:18px;font-weight:600;max-width:none}.capability-list b{color:#ffacd9;font-size:27px;animation:star-turn 14s linear infinite}
.section{padding-block:96px}.section .eyebrow{color:#ed69ff;letter-spacing:1.7px}.section h2{font-weight:600}.muted{color:#bd8fe8}.section-intro{color:#b6a5c5}
.services-grid{gap:24px}.service-card{--card-accent:#a338ff;--card-dark:#201037;--card-glow:#7900ff28;background:linear-gradient(145deg,var(--card-dark),#0f0919 80%);border:1px solid #7331ad77;border-radius:19px;padding:30px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative}
.service-card:nth-child(2),.service-card:nth-child(3){--card-accent:#ff36b1;--card-dark:#2b0b23;--card-glow:#ff00991c;border-color:#be26715e}
.service-card::before{content:'';height:3px;position:absolute;top:0;left:30px;right:30px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent)}
.service-card:hover{transform:translateY(-7px);border-color:var(--card-accent);box-shadow:0 18px 60px var(--card-glow)}
.service-visual{background:radial-gradient(ellipse at center,var(--card-glow),transparent 70%);height:178px}.service-title h3{font-weight:600;font-size:22px}.service-title>span{color:var(--card-accent)}.service-card>p{color:#bbaec9}.service-tag{color:#cc8bff}.service-card:nth-child(2) .service-tag,.service-card:nth-child(3) .service-tag{color:#ff74c3}
.browser-mini{border-color:#aa39ff;background:#1b0736;box-shadow:0 0 45px #7100ff35}.browser-top{border-color:#9227dc50}.browser-top i{background:#b855ff}.mini-button{background:#8b00ff;color:white}.floating-pointer{color:#ff20ae}.mini-orb{background:radial-gradient(circle at 32% 30%,#fff0fa,#df23ff 30%,#6500f5 60%,#210037 90%);box-shadow:0 0 28px #e100ff55}
.mini-landing{background:#290a23;border-color:#f528aa85}.mini-cta{background:#d6008d;color:white}.conversion-pill{background:#590733;border-color:#ff41ad;color:#ffe5f4}.ad-target i{border-color:#f827a13d}.ad-target i:nth-child(2){border-color:#ff139d80}.ad-target i:nth-child(3){border-color:#ff23ad;background:#d6007c35}.ad-target>span{color:#ff21ae;text-shadow:0 0 30px #ed009c75}.platform-pill{background:#310c4b;border-color:#bd31ff;color:#e890ff}.platform-pill.insta{background:#3e082c;border-color:#ff2ead;color:#ff7ec7}.data-heading{color:#c685ff}.data-visual > svg path:last-child{stroke:#b645ff;stroke-dasharray:600;stroke-dashoffset:0}.service-card.is-visible .data-visual > svg path:last-child{animation:draw-line 2s ease both}
.approach{background:radial-gradient(ellipse at 20% 0,#6c00ff22,transparent 60%),#10091b;border-color:#782fbb4a}.step span{width:44px;height:44px;background:linear-gradient(140deg,#8500ff,#b000e0);color:white;border:1px solid #df8dff75;font-weight:700;font-size:14px;box-shadow:0 0 26px #8f00ff25}.process-grid article:nth-child(even) .step span{background:linear-gradient(140deg,#c600df,#e9008b)}.step i{background:linear-gradient(90deg,#a000ec,transparent)}.process-grid article>span{color:#ca81f7}.process-grid p{color:#b5a5c6}.process-grid h3{font-weight:600}
.why{border-color:#74359155}.why .text-link{color:#ff58bc}.why-intro,.principles p{color:#b7a8c6}.principles article>span{color:#ed24cf}.principles article{border-color:#63327360}.principles h3{font-weight:600}
.faq details{border-color:#74378a55}.faq summary{font-size:16px}.faq summary>span{color:#ff33b0}.faq details p{color:#b6a7c3}.faq details[open] summary{color:#df94ff}
.final-cta{background:linear-gradient(125deg,#6100d5 0%,#8800c7 46%,#bc006b 100%);border:1px solid #e841e2;border-radius:24px;padding:70px 30px 60px;box-shadow:0 0 85px #b500e51a}.final-cta h2{font-weight:700;font-size:64px;letter-spacing:-3px}.final-cta .gradient-text{background:none;color:#ffa5db}.final-cta .eyebrow{color:#f8d3ff}.final-cta>p:not(.eyebrow):not(.cta-note){color:#f0d8f8}.final-cta .button{background:white;color:#6500bd;box-shadow:0 8px 30px #31002955;border-color:white}.final-cta .button:hover{background:#fff0fa;box-shadow:0 10px 35px #31002988}.final-cta .cta-note{color:#efc6ef}.cta-glow{background:#ff139d;opacity:.8}
.footer>.brand>.wordmark{font-size:29px}.footer>.brand img{width:55px}.footer>p,.footer>span,.back-top{color:#ad97c0}.mobile-menu{background:#150923}.mobile-menu button{color:#ff5aba}.skip{background:#a100ef;color:white}
.reveal{transition:opacity .65s ease,translate .65s ease}.reveal:not(.is-visible){opacity:0;translate:0 24px}
@keyframes brand-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes color-shift{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes aura-drift{from{transform:translate(0,0) scale(.9)}to{transform:translate(65px,-45px) scale(1.2)}}
@keyframes star-turn{to{transform:rotate(360deg)}}
@keyframes draw-line{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
html[data-motion='paused'] *,html[data-motion='paused'] *::before,html[data-motion='paused'] *::after{animation-play-state:paused!important;transition:none!important}
@media(min-width:1600px){.hero{min-height:850px}}
@media(max-width:1150px){.capability-list p{gap:25px;font-size:16px}.hero{min-height:770px}.hero h1{font-size:120px}.hero .eyebrow{letter-spacing:2px}.section{padding-block:80px}.final-cta h2{font-size:58px}}
@media(max-width:800px){.nav{height:80px}.brand>.wordmark{font-size:29px}.brand img{width:57px;height:32px}.hero{padding:42px 0 70px;min-height:760px}.hero h1{font-size:110px;letter-spacing:-6px}.hero .eyebrow{font-size:12px;letter-spacing:1.3px}.hero-brand-mark{width:152px;height:76px;margin-bottom:18px}.hero-description{font-size:17px}.hero-actions{align-items:center}.hero-actions>.button{font-size:16px}.hero-explore{font-size:14px}.motion-toggle{right:20px;bottom:16px}.hero-aura{width:550px;height:550px}.aura-purple{left:-350px}.aura-pink{right:-340px}.capability-list{padding-block:23px}.capability-list p{max-width:600px;gap:10px 23px;font-size:15px}.capability-list b{font-size:21px}.section{padding-block:65px}.service-card{padding:23px}.service-title h3{font-size:21px}.service-visual{height:160px}.final-cta h2{font-size:48px}.final-cta{padding:55px 24px 45px}.reveal{transition-duration:.45s}}
@media(max-width:480px){.nav{height:76px}.brand>.wordmark{font-size:25px;letter-spacing:-1.5px}.brand img{width:48px;height:29px}.nav>.button{font-size:12px;padding:10px 14px;gap:16px;margin-right:12px}.hero{min-height:710px;padding:32px 0 66px}.hero-brand-mark{width:135px;height:68px;margin-bottom:21px}.hero .eyebrow{font-size:11px;letter-spacing:.8px;max-width:285px;margin:0 auto 23px}.hero h1{font-size:clamp(76px,19.7vw,94px);letter-spacing:-4.8px;line-height:1.02;margin-bottom:26px}.hero-description{font-size:16px;max-width:330px;line-height:1.7}.hero-description br{display:none}.hero-actions>.button{font-size:15px;gap:25px;padding:17px 22px}.hero-explore{font-size:13px;margin-top:20px}.motion-toggle{font-size:12px;padding:5px 10px;right:18px;bottom:15px}.capability-list p{max-width:335px;gap:10px 14px;font-size:14px}.capability-list b{font-size:18px}.capability-list b:nth-of-type(2){display:none}.service-card{padding:25px}.service-visual{height:176px}.service-title h3{font-size:22px}.final-cta h2{font-size:39px;letter-spacing:-1.8px}.footer>.brand>.wordmark{font-size:25px}.footer>.brand img{width:43px}.final-cta .cta-note{font-size:12px}.section h2{font-size:32px}.hero-aura{opacity:.6}}
@media(prefers-reduced-motion:reduce){.hero-brand-mark,.hero h1 .gradient-text,.hero-aura,.capability-list b,.service-card.is-visible .data-visual > svg path:last-child{animation:none!important}.reveal,.reveal:not(.is-visible){opacity:1;translate:none}.motion-toggle{display:none}}
/* A visitor can explicitly opt into motion even with a reduced-motion device. */
@media(prefers-reduced-motion:reduce){
 .motion-toggle{display:flex}
 html[data-motion='running'] .hero-brand-mark{animation:brand-float 5s ease-in-out infinite!important}
 html[data-motion='running'] .hero h1 .gradient-text{animation:color-shift 8s ease-in-out infinite alternate!important}
 html[data-motion='running'] .aura-purple{animation:aura-drift 12s ease-in-out infinite alternate!important}
 html[data-motion='running'] .aura-pink{animation:aura-drift 10s ease-in-out -4s infinite alternate-reverse!important}
 html[data-motion='running'] .capability-list b{animation:star-turn 14s linear infinite!important}
}
@media(max-width:480px){.hero h1{font-size:clamp(55px,17.5vw,80px);letter-spacing:-3.6px}.hero h1 .hero-first{white-space:nowrap}}
@media(max-width:480px){.capability-list p{display:grid;grid-template-columns:1fr auto 1fr;gap:10px 14px;text-align:center}.capability-list p>span{white-space:nowrap;font-size:13px}}
/* Continuous luminous brand lettering, bold directional icons, and service detail. */
.brand>.wordmark{display:inline-block;background:linear-gradient(90deg,#9947ff 0%,#ff1da8 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.1em;filter:none;letter-spacing:-1.5px}
.arrow-icon{display:inline-block;vertical-align:middle;flex-shrink:0;width:24px;height:24px;overflow:visible;filter:drop-shadow(0 0 5px #d067ff40);transition:transform .2s,filter .2s}
.arrow-icon.arrow-down{transform:rotate(135deg)}.arrow-icon.arrow-up{transform:rotate(-45deg)}.arrow-icon.arrow-left{transform:rotate(-90deg)}
.button .arrow-icon{width:23px;height:23px;background:#ffffff1e;border:1px solid #ffffff25;border-radius:50%;padding:6px;box-sizing:content-box;filter:drop-shadow(0 0 7px #fff3)}
.button{padding-block:12px}.button.small{padding-block:8px;gap:21px}.button.small .arrow-icon{width:19px;height:19px;padding:4px}.hero-actions>.button{padding-block:13px}
.button:hover .arrow-icon,.service-cta:hover .arrow-icon{transform:translate(2px,-2px);filter:drop-shadow(0 0 7px #ffbce080)}
.hero-explore .arrow-icon{color:#ff5fbd;width:23px;height:23px}.text-link .arrow-icon,.back-top .arrow-icon{color:#ff68c6;width:23px;height:23px}.back-top{display:flex;align-items:center;gap:9px}.principles article>span .arrow-icon{width:27px;height:27px;color:#fc55d6}
.ad-target>span .arrow-icon{width:67px;height:67px;filter:drop-shadow(0 0 13px #ff19b588)}.floating-pointer .arrow-icon{width:34px;height:34px}.data-heading .arrow-icon{width:23px;height:23px;color:#d886ff}.mini-button .arrow-icon,.mini-cta .arrow-icon{width:10px;height:10px;filter:none}
.final-cta .button .arrow-icon{background:#8b00e513;border-color:#8b00e525}
.service-card{display:flex;flex-direction:column}.service-visual{flex-shrink:0}.service-title{align-items:flex-start}.service-title>span{padding-top:5px}.service-card>p{margin-bottom:23px}.service-tag{margin-top:auto;font-size:11px}
.service-features{border-top:1px solid #9c57ce38;margin-top:20px;padding-top:21px}.service-features h4{font-size:16px;font-weight:600;color:#f0dffa;letter-spacing:-.2px;margin:0 0 15px;line-height:1.55}.service-features ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.service-features li{font-size:15px;line-height:1.6;color:#cfc0dc;display:flex;align-items:flex-start;gap:11px}.service-features li::before{content:'✓';display:flex;justify-content:center;align-items:center;color:#e1b1ff;background:#9d27ff24;border:1px solid #c46fff45;width:20px;height:20px;flex:0 0 20px;border-radius:50%;font-size:12px;font-weight:700;margin-top:2px}.service-card:nth-child(2) li::before,.service-card:nth-child(3) li::before{color:#ff9ad6;background:#ff139f20;border-color:#f654af40}
.service-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;margin-top:28px;border:1px solid #bf65ff88;border-radius:10px;background:linear-gradient(100deg,#7300c660,#9c00e02e);padding:14px 17px;color:#fbf1ff;font-weight:600;font-size:15px;line-height:1.5;transition:background .2s,box-shadow .2s}.service-cta .arrow-icon{width:25px;height:25px;color:#edbcff}.service-cta:hover{background:#7200b999;box-shadow:0 0 25px #9200eb25}.service-card:nth-child(2) .service-cta,.service-card:nth-child(3) .service-cta{border-color:#ff54b477;background:linear-gradient(100deg,#a5006566,#c4009130)}.service-card:nth-child(2) .service-cta:hover,.service-card:nth-child(3) .service-cta:hover{background:#a8007299}.service-card:nth-child(2) .service-cta .arrow-icon,.service-card:nth-child(3) .service-cta .arrow-icon{color:#ffa0d4}
.service-consult{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:32px;padding:32px 34px;border:1px solid #a441dd65;border-radius:18px;background:linear-gradient(110deg,#3b0c664a,#6c07422b)}.service-consult .eyebrow{font-size:11px;margin-bottom:10px;letter-spacing:1.4px;color:#e7a1ff}.service-consult h3{font-size:24px;line-height:1.35;letter-spacing:-.7px;margin-bottom:10px}.service-consult p:last-child{font-size:15px;line-height:1.7;color:#c7b3d7;max-width:620px;margin-bottom:0}.service-consult>.button{flex-shrink:0;gap:24px}
@media(max-width:800px){.service-features li{font-size:14px}.service-title h3{font-size:20px}.service-cta{font-size:14px;padding:13px 14px;gap:14px}.service-consult{flex-direction:column;align-items:flex-start;padding:28px;gap:23px}.back-top{justify-content:flex-end}}
@media(max-width:480px){.brand>.wordmark{letter-spacing:-1.2px}.nav>.button{padding:7px 12px;gap:10px}.nav>.button .arrow-icon{width:17px;height:17px;padding:4px}.hero-actions>.button{padding:12px 20px;gap:20px}.service-features li{font-size:15px}.service-features h4{font-size:16px}.service-cta{font-size:14px}.service-consult{padding:25px 22px}.service-consult h3{font-size:23px}.service-consult .button{font-size:14px;padding:11px 17px;gap:16px}.service-title h3{font-size:22px}}

/* Crisp, high-contrast arrow silhouettes and a single uninterrupted brand fade. */
.brand>.wordmark{background-size:100% 100%;background-repeat:no-repeat;text-shadow:none;filter:none;opacity:1}
.arrow-icon,.button:hover .arrow-icon,.service-cta:hover .arrow-icon{filter:none}
.button .arrow-icon,.service-card .service-cta .arrow-icon,.final-cta .button .arrow-icon{width:24px;height:24px;padding:9px;box-sizing:content-box;border:0;border-radius:50%;background:#fff;color:#5900a8;filter:none;opacity:1}
.hero-actions>.button .arrow-icon{width:26px;height:26px;padding:10px}
.button.small .arrow-icon,.nav>.button .arrow-icon{width:20px;height:20px;padding:6px;background:#fff;color:#5900a8}
.service-cta{padding:12px 14px 12px 18px}
.hero-explore .arrow-icon,.text-link .arrow-icon,.back-top .arrow-icon{width:29px;height:29px;color:#ff7aca;filter:none}
.principles article>span .arrow-icon{color:#ff7aca;filter:none}
.data-heading .arrow-icon{width:30px;height:30px;color:#efd1ff;filter:none}
.ad-target>span .arrow-icon{width:72px;height:72px;color:#ff42b5;filter:none}
.floating-pointer .arrow-icon{width:38px;height:38px;color:#ff60c1;filter:none}
.mini-button .arrow-icon,.mini-cta .arrow-icon{width:12px;height:12px;color:#fff;filter:none}
@media(max-width:480px){.hero-actions>.button{gap:17px;padding:10px 17px 10px 21px}.hero-actions>.button .arrow-icon{width:24px;height:24px;padding:9px}.nav>.button{gap:8px;padding:7px 10px}.nav>.button .arrow-icon{width:18px;height:18px;padding:5px}.service-card .service-cta .arrow-icon{width:23px;height:23px;padding:7px}.service-cta{gap:12px}.service-consult>.button{gap:13px;padding-inline:14px}}
@media(max-width:360px){.nav .brand img{width:34px}.nav .brand>.wordmark{font-size:23px}.nav>.button{font-size:11px;white-space:nowrap;gap:6px;margin-right:8px}.nav>.button .arrow-icon{width:18px;height:18px;padding:4px}.hero-actions>.button{font-size:13.5px;white-space:nowrap;gap:12px;padding-inline:16px}.hero-actions>.button .arrow-icon{width:22px;height:22px;padding:8px}}