/* Human-readable section map: selectors below are grouped by the component they style. */
/* Styles: :root */
:root{--ink:#0a1020;--muted:#667085;--line:#e6e9ef;--paper:#f6f8fb;--lime:#c8ff42;--violet:#6847ff;--cyan:#54d6ff;--dark:#0e1426;--white:#fff;--shadow:0 24px 70px rgba(18,25,48,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:auto;padding:0 28px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Space Grotesk';font-size:22px;font-weight:700;letter-spacing:-.8px}.brand span{color:var(--violet)}.links{display:flex;gap:26px;color:#3f4758;font-size:14px;font-weight:600}.links a:hover{color:var(--violet)}.navbtn{padding:12px 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:14px}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;padding:88px 0 80px;background:#fff;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center}.kicker{color:var(--violet);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1.7px}.hero h1{font-family:'Space Grotesk';font-size:clamp(50px,6vw,82px);line-height:.95;letter-spacing:-4.5px;max-width:760px;margin:15px 0 22px}.hero h1 em{font-style:normal;color:var(--violet)}.hero p{font-size:19px;line-height:1.7;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:15px 20px;background:var(--lime);color:#111;border-radius:13px;font-weight:800}.btn.alt{background:#eef0f6}.visual{min-height:440px;border-radius:34px;background:linear-gradient(145deg,#10162a,#171e36);position:relative;overflow:hidden;box-shadow:var(--shadow)}.visual:before{content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:var(--violet);filter:blur(4px);right:-120px;top:-100px;opacity:.85}.visual:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:var(--cyan);left:-100px;bottom:-130px;opacity:.7}.orbit{position:absolute;inset:60px;border:1px solid rgba(255,255,255,.16);border-radius:50%;transform:rotate(-18deg)}.orbit.o2{inset:105px;transform:rotate(32deg)}.center-metric{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:32px;background:rgba(255,255,255,.1);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.center-metric b{font:700 52px 'Space Grotesk';letter-spacing:-3px}.center-metric span{font-size:12px;color:#cfd5e2;text-transform:uppercase;letter-spacing:1.3px}.dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--lime);box-shadow:0 0 30px var(--lime)}.d1{left:18%;top:23%}.d2{right:18%;bottom:23%;background:#fff}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-head h2{font:700 clamp(34px,4vw,56px) 'Space Grotesk';letter-spacing:-2.7px;margin:0;max-width:720px}.section-head p{max-width:470px;color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;min-height:230px;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card .num{font:700 14px 'Space Grotesk';color:var(--violet)}.card h3{font:700 25px 'Space Grotesk';letter-spacing:-1px;margin:22px 0 10px}.card p{color:var(--muted);line-height:1.7;margin:0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:28px;overflow:hidden}.step{background:#fff;padding:30px;min-height:230px}.step b{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;align-items:center;justify-content:center;font-family:'Space Grotesk'}.step h3{font:700 22px 'Space Grotesk';margin:22px 0 9px}.step p{color:var(--muted);line-height:1.65}.dark-section{background:var(--dark);color:#fff}.dark-section .section-head p{color:#aeb6c7}.dark-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:stretch}.big-panel,.mini-panel{border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(255,255,255,.045)}.big-panel{padding:42px}.big-panel h3{font:700 35px 'Space Grotesk';letter-spacing:-1.5px;margin:0 0 15px}.big-panel p,.mini-panel p{color:#aeb6c7;line-height:1.7}.bars{display:flex;align-items:end;gap:12px;height:190px;margin-top:30px}.bar{flex:1;border-radius:10px 10px 3px 3px;background:linear-gradient(to top,var(--violet),var(--cyan));min-height:35px}.mini-stack{display:grid;gap:25px}.mini-panel{padding:30px}.mini-panel b{font:700 43px 'Space Grotesk';letter-spacing:-2px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px 24px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);line-height:1.65}.cta{padding:0 0 105px}.cta-box{background:linear-gradient(135deg,var(--violet),#3922c9);color:#fff;border-radius:32px;padding:58px;position:relative;overflow:hidden}.cta-box:after{content:'';position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-60px;top:-100px}.cta-box h2{font:700 48px 'Space Grotesk';letter-spacing:-2.5px;margin:8px 0}.cta-box p{color:#e4e1ff;max-width:600px;line-height:1.7}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:700}.field input,.field textarea,.field select{font:inherit;padding:15px;border:1px solid #dfe4ec;border-radius:12px;background:#fff}.field textarea{min-height:150px;resize:vertical}.footer{background:#fff;border-top:1px solid var(--line);padding:50px 0}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer p,.footer a{color:#687386;font-size:13px;line-height:1.7}.footer h4{font-size:13px;margin:0 0 15px}.copy{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:#8b94a3;font-size:12px;display:flex;justify-content:space-between}@media(max-width:850px){.hero-grid,.dark-grid{grid-template-columns:1fr}.visual{min-height:360px}.grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr}}@media(max-width:650px){.links{display:none}.mobile-menu{display:block}.hero{padding:60px 0}.hero h1{font-size:50px;letter-spacing:-3px}.wrap{padding:0 18px}.section{padding:70px 0}.grid,.process,.form{grid-template-columns:1fr}.field.full{grid-column:auto}.section-head{display:block}.section-head p{margin-top:15px}.cta-box{padding:38px 27px}.cta-box h2{font-size:38px}.foot-grid{grid-template-columns:1fr 1fr}.copy{display:block}.copy span{display:block;margin-top:6px}}

/* Modern service hero artwork — CSS/SVG-free, no stock photography */
/* Styles: .service-art */
.service-art{min-height:520px!important;background:#0d1325!important;box-shadow:0 30px 90px rgba(13,19,37,.22);border:1px solid rgba(255,255,255,.09);isolation:isolate}
/* Styles: .service-art:before,.service-art:after */
.service-art:before,.service-art:after{z-index:-1!important}
/* Styles: .service-art>* */
.service-art>*{position:absolute}
/* Styles: .art-label */
.art-label{left:25px;bottom:22px;color:#cdd4e4;font-size:10px;font-weight:800;letter-spacing:1.3px;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime);animation:omPulse 1.6s infinite}
/* Styles: .google-window,.meta-window,.seo-window,.browser */
.google-window,.meta-window,.seo-window,.browser{left:8%;right:8%;top:8%;bottom:12%;border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 25px 60px rgba(0,0,0,.25);overflow:hidden;color:#151a29}
/* Styles: .g-top,.m-top,.browser-top */
.g-top,.m-top,.browser-top{height:48px;padding:0 18px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e7e9ef;background:#fff}.g-logo{font:700 21px Arial;color:#4285f4}.g-pill{font-size:11px;background:#eef1f7;border-radius:20px;padding:5px 9px}.g-dot{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#35a853}
/* Styles: .searchbar */
.searchbar{margin:22px;border:1px solid #d8dce5;border-radius:14px;height:46px;display:flex;align-items:center;padding:0 14px;gap:10px;color:#697386;font-size:12px}.searchbar b{margin-left:auto;background:#eef0f6;padding:7px 12px;border-radius:8px;color:#343b4d}.search-icon{font-size:19px}.ad-result{margin:0 22px;padding:15px 17px;border:1px solid #e4e7ee;border-radius:14px}.sponsored{font-size:9px;color:#188038;font-weight:800;text-transform:uppercase}.ad-result strong{display:block;font-size:16px;margin:5px 0}.ad-result p{margin:0;color:#687386;font-size:11px}.ad-meta{display:flex;gap:18px;margin-top:13px;font-size:9px;color:#8992a1}.ad-meta b{color:#202638}.g-chart{position:absolute;left:22px;right:22px;bottom:25px;height:105px;border-top:1px dashed #d9dde5}.g-line{position:absolute;inset:15px 5px 10px;background:linear-gradient(160deg,transparent 0 13%,#6847ff 14% 15%,transparent 16% 28%,#6847ff 29% 30%,transparent 31% 43%,#6847ff 44% 45%,transparent 46% 59%,#6847ff 60% 61%,transparent 62%);clip-path:polygon(0 75%,18% 64%,34% 68%,49% 40%,65% 48%,79% 20%,100% 4%,100% 10%,79% 27%,65% 55%,49% 47%,34% 75%,18% 71%,0 82%)}.g-node{position:absolute;width:9px;height:9px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px rgba(200,255,66,.7);animation:omFloat 2.6s ease-in-out infinite}.n1{left:18%;top:60%}.n2{left:48%;top:39%;animation-delay:.4s}.n3{left:78%;top:19%;animation-delay:.8s}.n4{right:0;top:3%;animation-delay:1.2s}.float-card{right:5%;top:43%;background:#11172a;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:11px 14px;font-size:13px;box-shadow:0 18px 40px rgba(0,0,0,.28);animation:omFloat 3s ease-in-out infinite}.float-card b{color:var(--lime);font-size:20px}.float-card small{display:block;color:#aab2c1;font-size:9px}
/* Styles: .m-top */
.m-top{background:#f8f9fc}.meta-mark{font-size:28px;font-weight:900;color:#0866ff}.m-status{margin-left:auto;font-size:9px;color:#188038;background:#eaf7ed;padding:7px 9px;border-radius:999px}.campaign{margin:17px 20px;display:flex;justify-content:space-between;padding:14px;border:1px solid #e3e6ed;border-radius:14px}.campaign-copy small,.campaign-copy span{display:block;color:#7c8595;font-size:9px}.campaign-copy strong{display:block;font-size:14px;margin:4px 0}.m-score{font:700 24px 'Space Grotesk';text-align:right;color:#6847ff}.m-score small{display:block;font:600 8px Arial;color:#8992a1}.creative{display:grid;grid-template-columns:.8fr 1.2fr;margin:0 20px;border-radius:14px;overflow:hidden;border:1px solid #e3e6ed}.creative-img{min-height:140px;background:linear-gradient(135deg,#6847ff,#b7aaff 48%,#c8ff42);display:flex;align-items:center;justify-content:center}.creative-img span{font:800 22px 'Space Grotesk';color:#fff;line-height:.9}.creative-text{padding:17px}.creative-text span{font-size:8px;color:#7f8797}.creative-text strong{display:block;font:700 17px 'Space Grotesk';margin:6px 0}.creative-text p{font-size:9px;color:#717a8b}.creative-text button{border:0;background:#111827;color:#fff;padding:7px 10px;border-radius:7px;font-size:9px}.m-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 20px}.m-metrics div{padding:10px;border-radius:10px;background:#f5f6f9}.m-metrics b{display:block;font:700 18px 'Space Grotesk'}.m-metrics span{font-size:8px;color:#7b8493}.audience-orbit{right:4%;top:10%;width:105px;height:105px;border:1px dashed rgba(200,255,66,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;font:700 12px 'Space Grotesk';animation:omSpin 14s linear infinite}.audience-orbit i{position:absolute;width:8px;height:8px;background:var(--lime);border-radius:50%;top:-4px;left:48%;box-shadow:0 0 15px var(--lime)}.audience-orbit i:nth-child(2){right:2px;left:auto;top:48%}.audience-orbit i:nth-child(3){bottom:-4px;top:auto;left:48%}
/* Styles: .seo-search */
.seo-search{height:58px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #e5e8ef;font-size:11px}.seo-google{font:700 19px Arial;color:#4285f4}.seo-input{flex:1;border:1px solid #dce0e8;border-radius:10px;padding:10px;color:#667085}.result{display:flex;gap:14px;margin:14px 18px;padding:12px;border:1px solid #e7e9ef;border-radius:12px}.result-main{box-shadow:0 8px 24px rgba(20,28,50,.07)}.rank{font:700 18px 'Space Grotesk';color:#6847ff}.result small{font-size:8px;color:#188038;text-transform:uppercase}.result strong{display:block;font-size:13px;margin:3px 0}.result p{margin:0;color:#778091;font-size:9px}.rank-chart{position:absolute;left:20px;right:20px;bottom:18px;height:100px;background:#f7f8fb;border-radius:12px;padding:10px;font-size:9px;color:#70798a}.rank-line{position:absolute;left:15px;right:15px;bottom:20px;height:45px;border-top:2px solid var(--violet);transform:skewY(-10deg)}.rank-chart i{position:absolute;width:8px;height:8px;background:var(--lime);border-radius:50%;bottom:55px}.rank-chart i:nth-of-type(1){left:17%}.rank-chart i:nth-of-type(2){left:39%;bottom:63px}.rank-chart i:nth-of-type(3){left:64%;bottom:74px}.rank-chart i:nth-of-type(4){right:14%;bottom:88px}.seo-float{right:5%;top:45%;background:#11172a;color:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 18px 40px rgba(0,0,0,.28);animation:omFloat 3.2s ease-in-out infinite}.seo-float b{font:700 25px 'Space Grotesk';color:var(--lime);display:block}.seo-float span{font-size:9px;color:#aeb6c7}.mini-bars{display:flex;align-items:end;height:28px;gap:4px;margin-top:8px}.mini-bars i{width:7px;background:var(--violet);border-radius:3px}.mini-bars i:nth-child(1){height:30%}.mini-bars i:nth-child(2){height:45%}.mini-bars i:nth-child(3){height:62%}.mini-bars i:nth-child(4){height:80%}.mini-bars i:nth-child(5){height:100%}
/* Styles: .browser */
.browser{background:#11172a;color:#fff}.browser-top{background:#e9ebf0;color:#626a78;height:42px}.browser-top i{width:8px;height:8px;border-radius:50%;background:#c2c6cf}.browser-top span{margin:auto;font-size:9px}.browser-body{padding:18px}.web-nav{display:flex;gap:15px;align-items:center;font-size:8px;color:#aeb6c7}.web-nav b{font:700 16px 'Space Grotesk';color:#fff;margin-right:auto}.web-nav b span{color:var(--violet)}.web-cta{background:var(--lime);color:#111;padding:7px 9px;border-radius:7px}.web-hero{display:grid;grid-template-columns:1fr .8fr;gap:20px;align-items:center;padding:40px 10px 22px}.web-hero small{font-size:7px;color:var(--lime);font-weight:800;letter-spacing:1px}.web-hero strong{display:block;font:700 27px 'Space Grotesk';line-height:1;margin:7px 0}.web-hero p{font-size:9px;color:#aeb6c7}.web-hero button{border:0;background:var(--lime);padding:8px 11px;border-radius:7px;font-weight:800;font-size:8px}.web-ui{height:125px;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:rotate(2deg);box-shadow:0 15px 35px rgba(0,0,0,.3)}.web-ui div:first-child{grid-column:1/-1;background:linear-gradient(90deg,var(--violet),#9a88ff);border-radius:7px}.web-ui div{background:#232b40;border-radius:7px}.web-code{margin:0 10px;padding:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:#8f99ac;font:9px monospace}.web-code b{color:var(--lime)}.code-float{right:5%;bottom:20%;background:#fff;color:#111827;padding:10px 13px;border-radius:12px;font-size:9px;box-shadow:0 18px 40px rgba(0,0,0,.3);animation:omFloat 3s ease-in-out infinite}.code-float span{color:#35a853}.code-float b{font-size:17px;margin-left:8px}
@keyframes omFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes omPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes omSpin{to{transform:rotate(360deg)}}
@media(max-width:850px){.service-art{min-height:430px!important}.creative-text strong{font-size:13px}.web-hero strong{font-size:22px}}
@media(max-width:520px){.service-art{min-height:390px!important}.google-window,.meta-window,.seo-window,.browser{left:4%;right:4%;top:6%;bottom:15%}.art-label{left:15px;bottom:12px;font-size:8px}.float-card,.seo-float,.code-float{display:none}.audience-orbit{width:75px;height:75px;font-size:9px;right:1%;top:7%}.web-hero{padding-top:22px}.web-hero strong{font-size:18px}.web-ui{height:95px}}