*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:#10234b;background:#fff;line-height:1.55}.wrap{width:min(1320px,90%);margin:auto}a{text-decoration:none;color:inherit}.topbar{height:42px;background:#082c65;color:#fff;font-size:13px}.topin{height:100%;display:flex;align-items:center;justify-content:space-between}.topright{display:flex;align-items:center;gap:18px}.topright i{height:20px;width:1px;background:#ffffff55}.header{height:80px;background:#fff;border-bottom:1px solid #e8edf4;position:sticky;top:0;z-index:50}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:245px;display:block}.nav nav{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:700}.nav nav>a{position:relative}.nav nav>a:not(.navcta):hover,.nav nav>a.active{color:#1769f3}.navcta{background:linear-gradient(105deg,#1760ff,#0fc8b6);color:#fff;padding:16px 24px;border-radius:13px;box-shadow:0 10px 25px #1769f333}.navcta b{margin-left:12px}.hamb{display:none;border:0;background:none;font-size:26px}.hero{min-height:540px;position:relative;overflow:hidden;background:linear-gradient(105deg,#eef8ff 0,#fff 44%,#e9f8ff 100%)}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 76% 40%,#82d7ff44,transparent 29%),radial-gradient(circle at 95% 80%,#5ce1c533,transparent 28%)}.heroin{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.18fr;gap:25px;align-items:center;padding:55px 0 42px}.eyebrow{font-size:12px;letter-spacing:2.8px;font-weight:800;color:#1268f3;display:flex;align-items:center;gap:13px}.eyebrow b{display:inline-block;width:42px;height:2px;background:#11bd9e}.eyebrow.blue{color:#1268f3}.hero h1{font:800 clamp(45px,5.2vw,70px)/1.02 Manrope,Arial;letter-spacing:-3px;margin:20px 0;color:#10234b}.hero h1 span,.heading h2 span,.about h2 span,.contact h2 span{background:linear-gradient(90deg,#1764f5,#10b99c);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:17px;color:#51617d;max-width:625px}.actions{display:flex;gap:17px;margin:27px 0}.primary{border:0;display:inline-flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(105deg,#1661ff,#11c8b6);color:#fff;padding:16px 27px;border-radius:11px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px #1769f326}.watch{display:flex;align-items:center;gap:12px;border:1px solid #1769f3;border-radius:11px;padding:8px 15px;background:#fff}.watch>strong{width:35px;height:35px;border-radius:50%;background:#1769f3;color:#fff;display:grid;place-items:center;font-size:11px}.watch span{display:flex;flex-direction:column}.watch small{font-size:10px;color:#66758d}.trust{display:flex;flex-wrap:wrap;gap:25px;font-size:12px;color:#203458}.trust span:first-letter{color:#10b98d}.trust b{margin-left:4px}.visual{height:395px;position:relative}.laptop{position:absolute;width:620px;right:10px;top:30px;filter:drop-shadow(0 28px 30px #19385a40)}.screen{height:315px;border:10px solid #1b2d43;border-radius:18px 18px 7px 7px;background:#fff;overflow:hidden}.base{height:17px;width:680px;margin-left:-30px;background:linear-gradient(#b2bfcd,#e8edf2);border-radius:0 0 30px 30px}.screennav{height:38px;padding:9px 15px;display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#718099}.screennav strong{font-size:11px;color:#10234b}.screennav em{font-style:normal;color:#11b9ad}.screenmain{height:257px;padding:38px 30px;background:linear-gradient(130deg,#082d68,#096db5 63%,#0bbca8);display:flex;justify-content:space-between;color:#fff}.screenmain small{font-size:7px;letter-spacing:1.4px}.screenmain h2{font:800 29px/1.04 Manrope;margin:12px 0}.screenmain button{border:0;background:#0acda6;color:#fff;padding:8px 13px;border-radius:6px;font-size:9px;font-weight:800}.growthbox{align-self:flex-end;background:#fff;color:#17355e;border-radius:10px;padding:12px;width:155px}.growthbox b{font-size:8px;display:block}.chart{height:62px;display:flex;align-items:end;gap:7px;padding:7px;position:relative}.chart i{width:18px;background:#21a8e8;border-radius:3px 3px 0 0}.chart i:nth-child(1){height:28%}.chart i:nth-child(2){height:48%}.chart i:nth-child(3){height:67%}.chart i:nth-child(4){height:92%}.chart strong{position:absolute;right:0;top:0;color:#10b78e;font-size:25px}.phone{position:absolute;right:65px;bottom:-2px;width:122px;height:247px;background:linear-gradient(155deg,#082d69,#0b68af 70%,#10bda5);border:7px solid #14283f;border-radius:23px;color:#fff;z-index:5;padding:35px 14px 12px;box-shadow:0 18px 32px #102f5050}.notch{position:absolute;left:31px;top:-7px;width:44px;height:13px;background:#14283f;border-radius:0 0 10px 10px}.phone small{font-size:6px}.phone h3{font:800 20px/1.08 Manrope;margin:25px 0}.phone h3 span{color:#55e8d0}.phonechart{height:42px;display:flex;align-items:end;gap:4px}.phonechart i{width:13px;background:#1ad3bc;border-radius:2px}.phonechart i:nth-child(1){height:30%}.phonechart i:nth-child(2){height:50%}.phonechart i:nth-child(3){height:70%}.phonechart i:nth-child(4){height:100%}.phone>b{display:block;font-size:8px;margin-top:12px}.badge{position:absolute;z-index:7;background:#fff;border-radius:11px;padding:11px 14px;display:flex;gap:10px;align-items:center;box-shadow:0 12px 30px #19385a1f;font-size:10px;line-height:1.2}.badge span{font-size:22px;color:#1769f3}.web{left:0;top:70px}.seo{right:160px;top:2px}.seo span{color:#0eaf8c}.app{right:-2px;top:96px}.app span{color:#6548ef}.biz{right:4px;bottom:16px}.biz span{color:#f08b13}.scribble{position:absolute;right:25px;bottom:-4px;color:#16355d;font-size:12px;font-style:italic;text-align:center;transform:rotate(-2deg)}.scribble em{color:#10b993;font-size:30px}.stats{background:#fff;border-bottom:1px solid #e8edf3}.statsin{display:grid;grid-template-columns:repeat(4,1fr);padding:19px 0}.statsin>div{text-align:center;border-right:1px solid #e0e7ef}.statsin>div:last-child{border:0}.stats strong{display:block;font:800 25px Manrope;color:#1765f2}.stats span{font-size:12px;color:#65748c}.section{padding:82px 0}.heading{text-align:center;max-width:800px;margin:0 auto 38px}.heading h2,.about h2{font:800 clamp(34px,4vw,49px)/1.08 Manrope;letter-spacing:-2px;margin:10px 0}.heading p{color:#68768c;margin:0}.servicegrid{display:grid;grid-template-columns:repeat(6,1fr);gap:17px}.servicegrid article{min-height:190px;border-radius:14px;padding:27px 18px;text-align:center;transition:.25s}.servicegrid article:hover{transform:translateY(-6px);box-shadow:0 18px 40px #17385b14}.servicegrid article:nth-child(1){background:#eaf5ff}.servicegrid article:nth-child(2){background:#e9faf5}.servicegrid article:nth-child(3){background:#f0edff}.servicegrid article:nth-child(4){background:#fff4e7}.servicegrid article:nth-child(5){background:#fff0f7}.servicegrid article:nth-child(6){background:#e9faff}.ico{font-size:32px;height:50px}.bluei{color:#1268f3}.greeni{color:#0a9b7c}.purplei{color:#6040ec}.orangei{color:#ef8112}.pink i{color:#ed2d90}.pink i{color:#ed2d90}.pink i{color:#ed2d90}.pinki{color:#ed2d90}.cyani{color:#087d83}.servicegrid h3{font:800 14px Manrope;margin:8px 0}.servicegrid p{font-size:12px;color:#5f6f87;margin:0}.process{background:#f7fbff}.processgrid{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr;gap:12px;align-items:center}.processgrid article{min-height:205px;border-radius:16px;text-align:center;padding:24px 20px;position:relative}.p1{background:#eaf5ff}.p2{background:#f0edff}.p3{background:#e7faf6}.p4{background:#fff4e7}.processgrid .num{position:absolute;left:17px;top:15px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#1268f3;color:#fff;font-size:13px}.p2 .num{background:#6544ed}.p3 .num{background:#08a992}.p4 .num{background:#f29314}.processgrid article>div:not(.num){font-size:31px;color:#1268f3;margin:23px 0 5px;font-weight:800}.p2 article>div,.p2>div:not(.num){color:#6544ed}.p3>div:not(.num){color:#08a992}.p4>div:not(.num){color:#f29314}.processgrid h3{font:800 21px Manrope;margin:0}.processgrid p{font-size:12px;color:#5c6d86}.arr{font-size:28px;color:#1268f3}.work{background:#fff}.heading.left{text-align:left;max-width:none;display:grid;grid-template-columns:1fr .65fr;align-items:end}.workgrid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:260px 260px;gap:18px}.workgrid>div{overflow:hidden;border-radius:17px}.workgrid .workbig{grid-row:span 2}.workgrid img{width:100%;height:100%;object-fit:cover;transition:.4s}.workgrid div:hover img{transform:scale(1.05)}.about{background:#f5faff}.aboutin{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about h2{margin-top:10px}.about p{color:#5d6d85;max-width:570px}.why{display:grid;gap:15px}.why>div{background:#fff;border:1px solid #e2eaf4;border-radius:14px;padding:20px 20px 20px 62px;position:relative}.why>div>b{position:absolute;left:20px;top:20px;color:#1268f3}.why h3{font:800 16px Manrope;margin:0}.why p{font-size:12px;margin:4px 0}.insightsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insightsgrid article{border:1px solid #e1e9f2;border-radius:15px;padding:25px}.insightsgrid small{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#1268f3}.insightsgrid h3{font:800 19px/1.25 Manrope}.insightsgrid p{font-size:12px;color:#65748c}.faq{background:#f6faff}.faqin{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faqs details{background:#fff;border:1px solid #e1e9f2;border-radius:11px;margin-bottom:11px;padding:0 20px}.faqs summary{list-style:none;padding:18px 0;font-weight:800;display:flex;justify-content:space-between;cursor:pointer}.faqs summary::-webkit-details-marker{display:none}.faqs p{font-size:12px;color:#68778e;padding-bottom:17px}.contact{padding:85px 0;background:linear-gradient(110deg,#082e6a,#0967b2 55%,#0ba69e);color:#fff}.contactin{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center}.contact h2{font:800 46px/1.08 Manrope;letter-spacing:-2px}.contact p{color:#d9eaff}.email{font-weight:800;color:#fff}.contact form{background:#fff;border-radius:18px;padding:26px;display:grid;gap:12px;box-shadow:0 25px 60px #001b3d40}.contact label{font-size:12px;font-weight:800;color:#334968}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:5px;border:1px solid #dce5ef;border-radius:8px;padding:11px 12px;font:inherit;font-size:13px}.contact button{width:100%;border:0;margin-top:4px}footer{background:#061a37;color:#b6c3d6;padding:48px 0 18px}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.foot img{width:235px}.foot p,.foot a{font-size:12px}.foot h4{color:#fff;margin:0 0 10px}.foot a{display:block;margin:7px 0}.copy{width:min(1320px,90%);margin:35px auto 0;border-top:1px solid #ffffff1a;padding-top:17px;font-size:11px}.wa{position:fixed;right:22px;bottom:20px;background:#17c982;color:#fff;border-radius:40px;padding:9px 17px 9px 10px;display:flex;align-items:center;gap:9px;z-index:100;box-shadow:0 14px 35px #00985a55}.wa strong{width:45px;height:45px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:25px}.wa span{font-weight:800;font-size:11px;line-height:1.15}.wa small{font-weight:500}@media(max-width:1100px){.nav nav{gap:16px}.servicegrid{grid-template-columns:repeat(3,1fr)}.heroin{grid-template-columns:1fr 1fr}.visual{transform:scale(.82);transform-origin:center right;margin-left:-50px}.laptop{right:-50px}.phone{right:30px}}@media(max-width:820px){.topright{display:none}.topin{justify-content:center}.header{height:75px}.brand img{width:220px}.hamb{display:block}.nav nav{display:none;position:absolute;top:75px;left:5%;right:5%;background:#fff;box-shadow:0 15px 35px #102a4d22;padding:15px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.nav nav>a{padding:10px}.navcta{text-align:center}.heroin{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.hero .eyebrow,.trust,.actions{justify-content:center}.hero-copy>p{margin:auto}.visual{transform:none;margin:0;height:340px}.laptop{width:530px;right:50%;transform:translateX(50%) scale(.8);top:0}.phone{right:7%;bottom:0;transform:scale(.82)}.web{left:0}.seo{right:12%;top:0}.app{right:-2%}.biz{right:0}.servicegrid{grid-template-columns:repeat(2,1fr)}.processgrid{grid-template-columns:1fr 1fr}.arr{display:none}.heading.left{display:block}.heading.left>p{margin-top:14px}.aboutin,.faqin,.contactin{grid-template-columns:1fr;gap:35px}.workgrid{grid-template-columns:1fr 1fr}.workgrid .workbig{grid-row:span 2}.insightsgrid{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}}@media(max-width:560px){.topbar{height:38px;font-size:11px}.brand img{width:190px}.hero h1{font-size:43px}.actions{flex-direction:column}.actions>a{width:100%}.visual{height:275px}.laptop{width:470px;transform:translateX(50%) scale(.58);top:-30px}.phone{right:2%;transform:scale(.62);bottom:-25px}.badge{font-size:8px;padding:7px 9px}.badge span{font-size:15px}.web{left:-2%;top:35px}.seo{right:-2%;top:0}.app{right:-4%;top:72px}.biz{right:-2%;bottom:0}.scribble{display:none}.statsin{grid-template-columns:1fr 1fr}.statsin>div{padding:9px;border-bottom:1px solid #e2e9f1}.servicegrid{grid-template-columns:1fr}.processgrid{grid-template-columns:1fr}.workgrid{grid-template-columns:1fr;grid-template-rows:260px 220px 220px}.workgrid .workbig{grid-row:auto}.contact h2{font-size:37px}.foot{grid-template-columns:1fr}.copy{line-height:1.8}.wa{right:10px;bottom:10px}.wa span{display:none}.wa{padding:7px}.wa strong{width:50px;height:50px}}
.inline-logo{width:245px;height:auto;display:block}@media(max-width:820px){.inline-logo{width:210px}}@media(max-width:560px){.inline-logo{width:180px}}}
.portfolio-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 25px}
.filter{border:1px solid #dce6f1;background:#fff;color:#53647e;border-radius:30px;padding:9px 17px;font:700 12px "DM Sans",sans-serif;cursor:pointer;transition:.2s}
.filter:hover,.filter.active{background:#1268f3;color:#fff;border-color:#1268f3}
.portfolio-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-auto-rows:235px;gap:18px}
.portfolio-card{position:relative;overflow:hidden;border-radius:17px;background:#082d68;min-height:235px}
.portfolio-card.portfolio-featured{grid-row:span 2}
.portfolio-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .4s ease}
.portfolio-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,22,52,.95))}
.portfolio-card:hover img{transform:scale(1.06);filter:saturate(1.08)}
.portfolio-overlay{position:absolute;z-index:2;left:22px;right:22px;bottom:19px;color:#fff}
.portfolio-overlay small{font-size:9px;letter-spacing:1.7px;color:#70ead1;font-weight:800}
.portfolio-overlay h3{font:800 19px/1.2 Manrope;margin:5px 0 3px}
.portfolio-overlay p{font-size:11px;color:#d6e4f6;margin:0}
.portfolio-cta{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:32px}
.portfolio-cta p{margin:0;color:#52647d;font-weight:700;font-size:14px}
.portfolio-cta .primary{padding:12px 20px}
.portfolio-card.hidden{display:none}
@media(max-width:820px){.portfolio-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.portfolio-card.portfolio-featured{grid-row:span 2}}
@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:245px}.portfolio-card.portfolio-featured{grid-row:auto}.portfolio-cta{flex-direction:column}}
/* Professional WebGrowth branding */
.brand{display:flex;align-items:center;flex:0 0 auto;line-height:0}
.brand svg{width:290px;height:auto;display:block;overflow:visible}
.footer-brand-logo svg{width:250px;height:auto;display:block;overflow:visible}
@media(max-width:1100px){.brand svg{width:245px}}
@media(max-width:820px){.brand svg{width:220px}}
@media(max-width:560px){.brand svg{width:195px}.footer-brand-logo svg{width:220px}}
.nav-chevron{display:inline-block;width:6px;height:6px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg);vertical-align:3px;margin-left:5px}
.wa-form-btn{margin-top:10px;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;background:#168c52;color:#fff;text-decoration:none;font-weight:700;transition:transform .2s ease,opacity .2s ease}.wa-form-btn:hover{transform:translateY(-1px);opacity:.92}
/* Hero eyebrow visibility fix */
#home .hero-copy .eyebrow { color:#1268f3 !important; opacity:1 !important; visibility:visible !important; }
#home .hero-copy .eyebrow b { background:#11bd9e !important; opacity:1 !important; }
/* SEO landing pages + accessibility helpers */
.service-link{display:block;height:100%}.service-link h3{color:#10234b}.service-link p{color:#5f6f87}
.text-link{color:#1268f3;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.insightsgrid h3 a{color:inherit}.insightsgrid h3 a:hover{color:#1268f3}
.service-page{background:#f7fbff}.service-hero{padding:86px 0 72px;background:linear-gradient(110deg,#eef8ff,#fff 55%,#e9f8ff)}
.service-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.breadcrumbs{font-size:12px;color:#64758e;margin-bottom:18px}.breadcrumbs a{color:#1268f3;font-weight:700}
.service-hero h1{font:800 clamp(40px,5vw,62px)/1.06 Manrope,Arial;color:#10234b;letter-spacing:-2.5px;margin:12px 0 18px}
.service-hero h1 span{background:linear-gradient(90deg,#1764f5,#10b99c);-webkit-background-clip:text;background-clip:text;color:transparent}
.service-lead{font-size:18px;color:#52647d;max-width:720px}.service-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border:1px solid #1769f3;color:#1769f3;border-radius:11px;font-weight:800;background:#fff}
.service-hero-card{background:#fff;border:1px solid #dce7f3;border-radius:22px;padding:30px;box-shadow:0 25px 60px #17385b14}
.service-hero-card h2{font:800 24px Manrope;margin:0 0 15px}.service-hero-card ul{margin:0;padding-left:20px;color:#566983}.service-hero-card li{margin:9px 0}
.service-content{padding:78px 0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.content-card{background:#fff;border:1px solid #e1e9f2;border-radius:16px;padding:28px}.content-card h2{font:800 25px Manrope;margin:0 0 12px;color:#10234b}.content-card h3{font:800 18px Manrope;margin:18px 0 7px}.content-card p,.content-card li{color:#5d6d85}.content-card ul{padding-left:20px}.service-faq{background:#f5faff}.service-faq .faqs{max-width:900px;margin:auto}
.related-services{padding:72px 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.related-card{padding:24px;background:#fff;border:1px solid #e1e9f2;border-radius:15px}.related-card h3{font:800 18px Manrope;margin:0 0 8px}.related-card p{font-size:13px;color:#65748c}.related-card a{color:#1268f3;font-weight:800}
.article-hero{padding:75px 0 50px;background:#f5faff}.article-hero h1{font:800 clamp(38px,5vw,58px)/1.08 Manrope;letter-spacing:-2px;color:#10234b;max-width:900px}.article-meta{font-size:12px;color:#687890}.article-content{max-width:850px;margin:auto;padding:65px 0}.article-content h2{font:800 29px Manrope;margin-top:38px;color:#10234b}.article-content h3{font:800 20px Manrope;margin-top:28px}.article-content p,.article-content li{font-size:16px;color:#4f6079}.article-content ul{padding-left:23px}.article-callout{padding:24px;border-left:4px solid #1268f3;background:#f5faff;border-radius:8px;margin:25px 0}.article-list{display:grid;gap:16px}.article-card{border:1px solid #e1e9f2;border-radius:15px;padding:24px;background:#fff}.article-card h2{font:800 22px Manrope;margin:0 0 8px}.article-card p{color:#65748c}.article-card a{color:#1268f3;font-weight:800}
@media(max-width:820px){.service-hero-grid,.content-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr 1fr}.service-hero{padding:62px 0 52px}}
@media(max-width:560px){.related-grid{grid-template-columns:1fr}.service-hero h1{font-size:40px}.service-lead{font-size:16px}.content-card{padding:22px}.article-content{padding:45px 0}}