*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#17243a;font-family:"DM Sans",sans-serif;background:#fff}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{display:flex;align-items:center;gap:11px;font:800 19px Manrope,sans-serif;letter-spacing:-.7px}.brand-mark{width:35px;height:35px;background:#102b4e;color:#fff;display:grid;place-items:center;border-radius:9px;font:800 21px Manrope}.brand-light{font-weight:500;color:#718096}.nav{display:flex;align-items:center;gap:37px;font-size:13px;font-weight:600;color:#48566a}.nav a:hover,.text-link:hover{color:#3478bd}.nav-cta{background:#102b4e;color:#fff;padding:13px 18px;border-radius:5px}.nav-cta span,.button span{padding-left:12px}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{min-height:590px;background:#102b4e;color:#fff;padding:83px 7.2% 65px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:5%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#9db8d6;display:flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;background:#75b5ed;border-radius:50%}.hero h1,.section h2,.about-copy h2,.cta-band h2{font:700 clamp(43px,5.2vw,70px)/1.09 Manrope,sans-serif;letter-spacing:-3.6px;margin:24px 0}.hero h1 em,.section h2 em,.about-copy h2 em{font-style:normal;color:#80b8e8}.hero-lede{max-width:510px;color:#c4d0df;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 21px;border-radius:4px;font-weight:700;font-size:13px;border:0;cursor:pointer}.button-light{background:#fff;color:#102b4e}.text-link{font-size:13px;font-weight:700}.text-link span{padding-left:8px}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:52px}.proof-avatars{display:flex}.proof-avatars span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2e5a86;border:2px solid #102b4e;margin-right:-7px;font-size:10px}.proof-avatars span:nth-child(2){background:#6e91b2}.proof-avatars span:nth-child(3){background:#d4e6f5;color:#102b4e}.hero-proof p{font-size:10px;line-height:1.6;color:#aabbd0;margin:0}.hero-proof strong{color:#fff}.hero-art{height:390px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #466484;border-radius:50%;width:370px;height:370px}.orbit-two{width:300px;height:300px;border-color:#355675}.art-card{width:270px;height:310px;background:linear-gradient(145deg,#e6eef6,#a8c5df);border-radius:8px;transform:rotate(7deg);box-shadow:0 25px 65px #071a30aa;color:#102b4e;padding:25px;position:relative;z-index:1}.art-label{font-size:8px;letter-spacing:2px;font-weight:800}.art-bars{height:180px;display:flex;align-items:end;gap:9px;padding:15px 0}.art-bars i{display:block;flex:1;background:#173b61;border-radius:3px 3px 0 0}.art-bars i:nth-child(1){height:25%}.art-bars i:nth-child(2){height:42%}.art-bars i:nth-child(3){height:35%}.art-bars i:nth-child(4){height:60%}.art-bars i:nth-child(5){height:52%}.art-bars i:nth-child(6){height:82%}.art-bars i:nth-child(7){height:100%;background:#4c8bc2}.art-bottom{border-top:1px solid #9bb5ce;padding-top:12px;display:flex;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:1px}.floating-note{position:absolute;z-index:2;right:-2%;bottom:45px;background:#fff;color:#102b4e;padding:15px 18px;display:flex;gap:12px;align-items:center;box-shadow:0 12px 35px #061a2c55;border-radius:5px}.note-icon{font-size:25px;color:#4286bd}.floating-note b,.floating-note small{display:block}.floating-note b{font:700 12px Manrope}.floating-note small{font-size:9px;color:#738198;margin-top:4px}.art-caption{position:absolute;bottom:0;font-size:8px;letter-spacing:2px;color:#88a3bf}.trust-strip{padding:23px 7.2%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edf2;color:#718096;font-size:9px;letter-spacing:1.4px;font-weight:700}.trust-strip div{color:#34445a}.trust-strip b{color:#7baed9;padding:0 13px}.section{padding:105px 7.2%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:44px}.eyebrow.dark{color:#4c7ba7}.section h2,.about-copy h2{font-size:48px;letter-spacing:-2.5px;margin:17px 0 0}.section h2 em,.about-copy h2 em{color:#397bb4}.section-heading>p{max-width:390px;color:#6e7b8d;font-size:14px;line-height:1.8;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{border:1px solid #e5eaf0;padding:28px 27px 30px;min-height:330px;position:relative}.service-card.featured{background:#f1f6fa;border-color:#d9e6f1}.service-number{font-size:10px;color:#8b9bad;font-weight:700;letter-spacing:1px}.service-icon{font-size:28px;color:#397bb4;margin:27px 0 15px}.service-card h3,.process-grid h3{font:700 19px Manrope;margin:0 0 12px;letter-spacing:-.5px}.service-card p,.process-grid p{font-size:12px;line-height:1.8;color:#718096;min-height:65px}.service-card ul{padding:13px 0 0;margin:15px 0 0;border-top:1px solid #e0e7ed;list-style:none}.service-card li{font-size:11px;color:#45566c;padding:5px 0}.service-card li:before{content:"✓";color:#4384b8;margin-right:9px}.about-section{background:#f3f6f9;padding:90px 7.2%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-visual{height:380px;background:#dce7f0;display:grid;place-items:center;position:relative;overflow:hidden}.about-shape{width:230px;height:270px;background:#102b4e;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:20px 20px 0 #9ebbd5;transform:rotate(-5deg)}.about-shape span{font:800 130px Manrope;line-height:1}.about-shape small{font-size:8px;letter-spacing:3px;text-align:center;line-height:1.7}.about-stamp{position:absolute;right:8%;bottom:35px;background:#fff;padding:17px;font:800 10px/1.5 Manrope;letter-spacing:1px;color:#315a80;transform:rotate(5deg)}.about-copy h2{margin:20px 0}.about-copy p{font-size:13px;line-height:1.9;color:#6c7b8d}.about-copy .text-link{display:inline-block;margin-top:16px;color:#245b8d}.process .section-heading{margin-top:15px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.process-grid>div{border-top:1px solid #dce4eb;padding-top:20px}.process-grid span{font:700 11px Manrope;color:#4384b8;display:block;margin-bottom:32px}.process-grid h3{font-size:17px}.process-grid p{min-height:0}.cta-band{background:#102b4e;color:#fff;padding:58px 7.2%;display:flex;justify-content:space-between;align-items:center}.cta-band h2{font-size:38px;letter-spacing:-1.8px;margin:15px 0 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.contact h2{margin-bottom:20px}.contact>div>p{max-width:390px;color:#718096;font-size:13px;line-height:1.8}.contact-detail{margin-top:35px}.contact-detail span{display:block;font-size:9px;letter-spacing:1.8px;color:#8b9bad;font-weight:700;margin-bottom:8px}.contact-detail a{font-weight:700;font-size:14px;color:#245b8d}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px;font-size:11px;font-weight:700;color:#43546a}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid #dce3ea;border-radius:3px;font:12px "DM Sans";color:#26384d;background:#fff}.contact-form textarea{resize:vertical}.button-dark{background:#102b4e;color:#fff;justify-self:start}.contact-form small{font-size:9px;line-height:1.6;color:#8793a2;max-width:390px}footer{border-top:1px solid #e7ecf1;padding:27px 7.2%;display:flex;justify-content:space-between;align-items:center;color:#7b8796;font-size:10px}.footer-brand{color:#17243a;font-size:15px}.footer-brand .brand-mark{width:29px;height:29px;font-size:17px}footer>a:last-child{font-weight:700;color:#315e87}
@media(max-width:800px){.site-header{height:70px;padding:0 6%}.menu-toggle{display:block;color:#102b4e}.nav{display:none;position:absolute;z-index:5;top:70px;left:0;right:0;background:#fff;padding:22px 6%;box-shadow:0 10px 20px #102b4e15;flex-direction:column;align-items:stretch;gap:20px}.nav.open{display:flex}.nav-cta{text-align:center}.hero{grid-template-columns:1fr;padding:65px 6% 50px}.hero-art{height:340px;margin-top:20px}.art-orbit{width:300px;height:300px}.orbit-two{width:245px;height:245px}.art-card{width:230px;height:270px}.art-bars{height:150px}.floating-note{right:0;bottom:28px}.trust-strip{padding:20px 6%;display:block;line-height:2}.trust-strip div{margin-top:8px}.section{padding:75px 6%}.section-heading{display:block}.section-heading>p{margin-top:20px}.section h2,.about-copy h2{font-size:40px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-card p{min-height:0}.about-section{padding:70px 6%;grid-template-columns:1fr;gap:45px}.about-visual{height:320px}.process-grid{grid-template-columns:1fr 1fr;gap:25px}.process-grid span{margin-bottom:20px}.cta-band{padding:45px 6%;display:block}.cta-band h2{font-size:32px;margin-bottom:25px}.contact{grid-template-columns:1fr;gap:40px}footer{padding:25px 6%;gap:15px;flex-wrap:wrap}footer>span{order:3;width:100%}}@media(max-width:430px){.hero h1{font-size:43px;letter-spacing:-2.4px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-art{transform:scale(.9);margin-left:-10px;margin-right:-10px}.process-grid{grid-template-columns:1fr}.section h2,.about-copy h2{font-size:36px}.trust-strip div{font-size:8px}}


/* Floating WhatsApp contact button */
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:1000;display:flex;align-items:center;gap:10px;padding:13px 18px;background:#168a55;color:#fff;border-radius:999px;box-shadow:0 8px 24px #102b4e35;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}
.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 12px 28px #102b4e45;color:#fff}
.whatsapp-symbol{width:23px;height:23px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:17px;line-height:1}
@media(max-width:600px){.whatsapp-float{right:14px;bottom:14px;padding:12px 15px}}


/* Corporate portfolio section */
.portfolio{background:#f7f9fb}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.portfolio-card{background:#fff;border:1px solid #e4eaf0;min-width:0}
.portfolio-visual{height:285px;position:relative;overflow:hidden;display:grid;place-items:center;padding:28px}
.visual-etsy{background:#e8eef4}.visual-seo{background:#dfe8f0}.visual-digital{background:#e9e6e1}.visual-store{background:#e5ebef}
.preview-label{position:absolute;left:12px;bottom:11px;background:#102b4e;color:#fff;padding:7px 9px;font-size:7px;letter-spacing:1px;font-weight:700}
.mini-browser{width:86%;height:190px;background:#fff;box-shadow:0 15px 35px #102b4e20;border-radius:4px;overflow:hidden;transform:rotate(-2deg)}
.browser-top{height:24px;background:#f3f5f7;display:flex;align-items:center;gap:4px;padding:0 9px}
.browser-top i{width:5px;height:5px;border-radius:50%;background:#9aabba}.browser-top span{font-size:6px;letter-spacing:1px;margin-left:8px;color:#8492a1}
.shop-layout{display:flex;height:166px;padding:18px;gap:14px}.shop-sidebar{width:23%;background:#e8edf1}.shop-main{flex:1;color:#173657}.shop-main b{font:800 15px Manrope;display:block;letter-spacing:1px}.shop-main small{font-size:7px;color:#7d8996}.shop-products{display:flex;gap:8px;margin-top:14px}.shop-products i{height:72px;flex:1;background:linear-gradient(145deg,#d8e0e5,#aebfca)}.shop-products i:nth-child(2){background:linear-gradient(145deg,#e7ded4,#c4b09d)}.shop-products i:nth-child(3){background:linear-gradient(145deg,#d6dfd6,#aabcae)}
.seo-sheet{width:77%;min-height:195px;background:#fff;padding:25px 30px;box-shadow:0 15px 35px #102b4e20;transform:rotate(2deg);color:#142f4d}.seo-sheet>span{font-size:7px;letter-spacing:2px;color:#5984a8;font-weight:800}.seo-sheet>b{display:block;font:800 22px/1.2 Manrope;margin:14px 0}.seo-lines{display:grid;gap:6px}.seo-lines i{height:5px;background:#e6edf3;width:95%}.seo-lines i:nth-child(2){width:75%}.seo-lines i:nth-child(3){width:55%}.seo-tags{display:flex;gap:5px;margin-top:12px;flex-wrap:wrap}.seo-tags i{font-style:normal;font-size:6px;padding:5px 7px;background:#eaf2f8;color:#426d91}
.planner-stack{position:relative;width:230px;height:225px}.planner-page{position:absolute;z-index:2;left:18px;top:7px;width:155px;height:205px;background:#fff;padding:20px 16px;box-shadow:0 15px 35px #102b4e25;transform:rotate(-5deg);color:#49433e}.planner-page small{font-size:6px;letter-spacing:2px}.planner-page b{display:block;font:700 23px/1.1 Manrope;margin-top:22px}.planner-lines{display:grid;gap:11px;margin-top:24px}.planner-lines i{height:1px;background:#d9d1c9}.page-back{z-index:1;left:75px;top:18px;transform:rotate(8deg);background:#d9c9b8}
.store-window{width:88%;height:195px;background:#fff;box-shadow:0 15px 35px #102b4e20;transform:rotate(2deg);padding:12px}.store-nav{font:800 8px Manrope;letter-spacing:1px;border-bottom:1px solid #e7ebef;padding-bottom:10px;color:#243b51}.store-nav span{float:right;font:600 5px "DM Sans";letter-spacing:.5px}.store-hero{height:145px;background:linear-gradient(110deg,#d5e0e5,#f0eee9);padding:25px;color:#1b344c}.store-hero small{font-size:6px;letter-spacing:1.5px}.store-hero b{display:block;font:800 23px/1.05 Manrope;margin:10px 0}.store-hero i{font-style:normal;font-size:6px;font-weight:800;letter-spacing:1px}
.portfolio-info{padding:21px 23px 24px;display:grid;grid-template-columns:1fr auto;gap:7px}.portfolio-type{font-size:8px;letter-spacing:1.4px;font-weight:800;color:#5480a5}.portfolio-info h3{font:700 17px Manrope;margin:8px 0 0;letter-spacing:-.4px;color:#172b42}.portfolio-arrow{font-size:20px;color:#4384b8}.portfolio-info p{grid-column:1/-1;font-size:11px;line-height:1.8;color:#738195;margin:4px 0 0;max-width:560px}
.portfolio-note{margin-top:22px;padding:14px 17px;background:#edf2f6;color:#66768a;font-size:10px;line-height:1.7}.portfolio-note span{font-weight:800;letter-spacing:1px;color:#315e87;margin-right:8px}.portfolio-cta{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.portfolio-cta p{font:700 17px Manrope;color:#1a3048}
@media(max-width:800px){.portfolio-grid{grid-template-columns:1fr}.portfolio-visual{height:250px}.portfolio-cta{align-items:flex-start;flex-direction:column;gap:12px}}

/* Real client portfolio screenshots */
.real-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.real-portfolio-card{overflow:hidden}
.portfolio-image-link{display:block;background:#e9eef3;overflow:hidden}
.portfolio-image-link img{display:block;width:100%;height:285px;object-fit:cover;object-position:top center;transition:transform .35s ease}
.portfolio-image-link:hover img{transform:scale(1.025)}
.real-portfolio-card .portfolio-info{min-height:160px}
@media(max-width:800px){.real-portfolio-grid{grid-template-columns:1fr}.portfolio-image-link img{height:auto;max-height:330px;object-fit:cover}}


/* Public service pricing and introductory offer */
.pricing-section{background:#f2f5f8}
.promo-banner{display:flex;flex-direction:column;gap:7px;padding:24px 28px;margin:0 0 42px;background:#102b4e;color:#fff}
.promo-kicker{font-size:8px;letter-spacing:2px;font-weight:800;color:#a9c9e4}
.promo-banner strong{font:800 clamp(20px,3vw,30px) Manrope;letter-spacing:-.8px}
.promo-banner>span:last-child{font-size:11px;color:#d5e0ea;line-height:1.7}
.pricing-category{margin:0 0 54px}
.pricing-category-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}
.pricing-category-heading h3{font:800 27px Manrope;color:#172d46;margin:7px 0}
.pricing-category-heading p{font-size:12px;line-height:1.7;color:#718094;margin:0;max-width:570px}
.pricing-category-icon{font:700 35px Manrope;color:#5484ad}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.price-card{background:#fff;border:1px solid #dfe6ed;padding:25px 22px;display:flex;flex-direction:column;min-width:0}
.price-card-featured{border:2px solid #315e87;box-shadow:0 12px 30px #102b4e12}
.price-tier{font-size:8px;letter-spacing:1.8px;font-weight:800;color:#547b9e}
.price-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:13px}
.price-line del{font-size:13px;color:#9aa6b2}
.price-line strong{font:800 31px Manrope;letter-spacing:-1px;color:#142e49}
.save-label{align-self:flex-start;margin-top:7px;padding:5px 8px;background:#e4f0e9;color:#28734e;font-size:8px;font-weight:800;letter-spacing:.5px}
.price-card>p{font-size:11px;line-height:1.7;color:#718094;min-height:40px;margin:16px 0 12px}
.price-card ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
.price-card li{position:relative;padding-left:17px;font-size:10px;line-height:1.55;color:#43556a}
.price-card li:before{content:"✓";position:absolute;left:0;color:#3b8061;font-weight:800}
.price-cta{margin-top:auto;justify-content:center;font-size:10px;padding:13px 15px}
.pricing-terms{font-size:10px;line-height:1.8;color:#718094;padding:18px 20px;background:#e7edf2;margin:0 0 40px}
.pricing-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px;background:#102b4e;color:#fff}
.pricing-bottom-cta h3{font:800 28px/1.15 Manrope;margin:10px 0 0}
.pricing-bottom-cta h3 em{font-style:normal;color:#a9c9e4}
.pricing-bottom-cta .eyebrow{color:#a9c9e4}
@media(max-width:900px){.price-grid{grid-template-columns:1fr 1fr}.price-card:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:620px){.price-grid{grid-template-columns:1fr}.price-card:last-child:nth-child(odd){grid-column:auto}.pricing-bottom-cta{align-items:flex-start;flex-direction:column}.pricing-category-heading h3{font-size:23px}.price-card>p{min-height:0}}

/* Service detail pages and offer campaign */
.service-more-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px}.service-more-links a{font-size:11px;font-weight:700;color:#315e87}
.offer-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(6vw,24px);background:#163b60;color:#fff}
.offer-strip div{display:flex;flex-direction:column;gap:5px}.offer-strip span{font-size:8px;letter-spacing:1.8px;font-weight:800;color:#b5d0e6}.offer-strip strong{font:800 20px Manrope}.offer-strip small{font-size:10px;color:#d3dfeb}
.feedback-section{padding:78px max(6vw,24px);background:#eaf0f5;display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.feedback-inner h2{font:800 30px/1.15 Manrope;color:#17314d;margin:0 0 15px}.feedback-inner h2 em{font-style:normal;color:#5680a3}.feedback-inner p{font-size:12px;line-height:1.8;color:#68798b;max-width:590px}
.service-hero-page{padding:100px max(6vw,24px) 90px;background:#102b4e;color:#fff}.service-hero-page h1,.offer-page-hero h1{font:800 clamp(38px,6vw,68px)/1.05 Manrope;letter-spacing:-2px;margin:25px 0}.service-hero-page h1 em,.offer-page-hero h1 em{font-style:normal;color:#a9c9e4}.service-hero-page>p,.offer-page-hero>p{max-width:680px;font-size:15px;line-height:1.8;color:#d4e0eb}.detail-service{background:#f4f7f9}.detail-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-service-grid article{padding:25px;background:#fff;border:1px solid #e1e8ee}.detail-service-grid article>span{font-size:10px;font-weight:800;color:#5484ad}.detail-service-grid h3{font:700 18px Manrope;color:#19334e}.detail-service-grid p,.service-deliverables p{font-size:11px;line-height:1.8;color:#718094}.service-deliverables{margin-top:30px;padding:25px;background:#e8eef3}.service-deliverables h3{font:700 18px Manrope;color:#19334e}.detail-disclaimer{border-top:1px solid #d3dde6;padding-top:14px}.service-price-callout{padding:50px max(6vw,24px);background:#102b4e;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}.service-price-callout h2{font:800 29px/1.2 Manrope;margin:14px 0}.service-price-callout h2 strong{color:#a9c9e4}.service-price-callout p{font-size:11px;line-height:1.7;color:#d4e0eb;max-width:600px}.offer-page-hero{padding:105px max(6vw,24px);background:#102b4e;color:#fff}.offer-page-hero h1{font-size:clamp(44px,7vw,78px)}.offer-page-hero>small{display:block;margin-top:22px;color:#c4d3e0;font-size:10px}.offer-page-services{background:#f2f5f8}.offer-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.offer-link-grid a{padding:22px;background:#fff;border:1px solid #dfe6ed;color:#17314d;font:700 14px Manrope;display:flex;justify-content:space-between}.offer-link-grid a span{color:#5680a3}
@media(max-width:700px){.offer-strip,.service-price-callout{align-items:flex-start;flex-direction:column}.feedback-section{grid-template-columns:1fr}.detail-service-grid{grid-template-columns:1fr}.offer-link-grid{grid-template-columns:1fr}.service-hero-page,.offer-page-hero{padding-top:72px;padding-bottom:65px}}