:root{--navy:#0b203a;--blue:#1264a3;--cyan:#12a9c4;--sky:#eaf5f9;--ink:#142235;--muted:#627084;--line:#d9e3ea;--white:#fff;--soft:#f5f8fb;--shadow:0 22px 60px rgba(8,31,56,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,227,234,.75)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--navy);color:#fff;font-weight:900;font-size:13px;letter-spacing:-1px}.brand-mark span{color:#18bfd1}.brand-text{font-size:14px;font-weight:800;letter-spacing:-.3px;text-transform:uppercase}.brand-text b{color:var(--cyan)}.nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.nav a:not(.nav-cta){color:#425268}.nav a:hover{color:var(--blue)}.nav-cta{background:var(--navy);color:#fff!important;padding:11px 18px;border-radius:999px}.menu-toggle{display:none;background:none;border:0;font-size:26px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;min-height:720px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 25%,rgba(18,169,196,.25),transparent 30%),radial-gradient(circle at 50% 100%,rgba(18,100,163,.35),transparent 45%)}.hero-grid-pattern{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to right,transparent,black 30%,black 100%,transparent)}.hero-inner{position:relative;z-index:2;min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#79cde0;display:flex;align-items:center;gap:9px}.eyebrow span{width:25px;height:2px;background:var(--cyan);display:inline-block}.hero h1{font-size:clamp(52px,7vw,86px);line-height:.98;letter-spacing:-4px;margin:20px 0 25px;max-width:700px}.hero h1 em,.section-heading em,.photo-content em,.cta em{font-style:normal;color:#21c4d2}.hero p{font-size:17px;color:#c8d4e0;max-width:610px}.hero-actions{display:flex;gap:13px;margin:32px 0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;border-radius:9px;font-weight:800;font-size:13px;transition:.25s transform,.25s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#18b8cc;color:#062033}.btn-outline{border:1px solid rgba(255,255,255,.3);color:#fff}.btn-light{background:#fff;color:var(--navy)}.hero-contact{display:flex;gap:24px;font-size:12px;color:#9fb0c2}.hero-contact strong{color:#fff}.hero-art{height:520px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:250px;height:250px;background:rgba(18,169,196,.17);top:25px;right:35px}.orb-two{width:130px;height:130px;background:rgba(255,255,255,.08);bottom:40px;left:10px}.dashboard-card{position:absolute;background:rgba(255,255,255,.98);color:var(--ink);border:1px solid rgba(255,255,255,.45);box-shadow:0 30px 80px rgba(0,0,0,.3);border-radius:18px}.main-dashboard{width:410px;right:20px;top:90px;padding:18px}.dash-top{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding-bottom:13px}.dot{width:7px;height:7px;border-radius:50%;background:#b9c6d2}.dash-title{margin-left:auto;font-size:11px;font-weight:800}.metric-row{display:flex;justify-content:space-between;padding:24px 5px}.metric-row small{display:block;color:#8190a0;font-size:9px;font-weight:800}.metric-row strong{font-size:29px}.chart{height:170px;display:flex;align-items:end;gap:10px;padding:10px 10px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent,transparent 42px,#e9eef3 43px)}.chart i{display:block;flex:1;border-radius:6px 6px 0 0;background:linear-gradient(to top,var(--blue),var(--cyan));opacity:.9}.dash-bottom{display:flex;justify-content:space-between;padding:13px 5px 2px;font-size:10px;color:#718095}.dash-bottom b{color:#118ba1}.float-card{position:absolute;background:#fff;color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.28);border-radius:13px;padding:13px 16px;display:flex;gap:11px;align-items:center}.float-card .icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:var(--sky);color:var(--blue);font-weight:900}.float-card b{display:block;font-size:12px}.float-card small{display:block;color:#77869a;font-size:9px}.card-site{left:10px;top:170px}.card-ads{right:-2px;bottom:105px}.code-card{position:absolute;left:45px;bottom:55px;background:#071625;color:#7ee8ef;border:1px solid #24405d;padding:14px 18px;border-radius:10px;font-family:monospace;font-size:12px;box-shadow:0 15px 40px rgba(0,0,0,.3)}.code-card span{color:#d9e6ef}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:75px}.trust-grid span{font-size:10px;letter-spacing:1.5px;color:#8290a0;font-weight:900}.trust-grid b{font-size:11px;color:#415064}
.section{padding:105px 0}.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.section-no{display:block;font-size:11px;color:var(--cyan);font-weight:900;letter-spacing:1.5px;margin-bottom:14px}.section-heading h2{font-size:clamp(37px,4vw,60px);line-height:1.05;letter-spacing:-2.5px;margin:0}.section-heading h2 em{color:var(--blue)}.section-heading p{color:var(--muted);max-width:650px;margin:18px auto 0}.lead{font-size:20px;line-height:1.7;color:#334155;margin-top:0}.approach-list{margin-top:28px;border-top:1px solid var(--line)}.approach-list div{display:flex;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.approach-list b{color:var(--cyan);font-size:11px;min-width:25px}
.services{background:var(--soft)}.centered{text-align:center}.service-grid{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 24px 26px;overflow:hidden;transition:.3s box-shadow,.3s transform}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.service-visual{height:180px;margin:0 -24px 23px;position:relative;overflow:hidden;background:linear-gradient(135deg,#eaf6f9,#dfeaf4)}.service-num{font-size:10px;font-weight:900;color:var(--cyan);letter-spacing:1px}.service-card h3{font-size:22px;line-height:1.15;margin:8px 0}.service-card p{color:var(--muted);font-size:13px;min-height:60px}.service-card ul{list-style:none;padding:0;margin:18px 0 0;border-top:1px solid var(--line)}.service-card li{font-size:11px;color:#566477;padding:8px 0;border-bottom:1px solid #edf1f4}.service-card li:before{content:'✓';color:var(--cyan);font-weight:900;margin-right:8px}.browser{position:absolute;width:240px;height:140px;background:#fff;border-radius:12px;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 15px 35px rgba(19,63,91,.15);overflow:hidden}.browser>span{display:inline-block;width:7px;height:7px;background:#b6c8d6;border-radius:50%;margin:10px 0 0 6px}.browser-body{padding:12px;display:grid;grid-template-columns:1.4fr 1fr;gap:8px}.browser-body div{background:#dceff3;border-radius:5px;height:25px}.browser-body div:first-child{grid-row:span 2;height:58px;background:#0e6598}.shop-card{position:absolute;width:210px;height:130px;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:14px;padding:18px;box-shadow:0 15px 35px rgba(19,63,91,.15)}.shop-card span{font-size:10px;font-weight:900;color:var(--blue)}.shop-card b{float:right;color:var(--cyan);font-size:22px}.shop-card i{display:inline-block;width:45px;height:55px;background:#d9edf2;border-radius:8px;margin:22px 6px 0 0}.terminal{position:absolute;width:250px;height:135px;background:#071a2b;color:#92e9ec;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:12px;padding:15px 18px;font-family:monospace;box-shadow:0 15px 35px rgba(19,63,91,.2)}.terminal span{font-weight:900}.terminal p{margin:8px 0;font-size:10px;color:#a7b8c8}.terminal b{color:#35d1a0}.phone{position:absolute;width:90px;height:155px;background:#091f35;border-radius:17px;left:50%;top:50%;transform:translate(-50%,-50%);padding:13px 7px}.phone>span{display:block;width:30px;height:4px;background:#38526b;border-radius:5px;margin:auto}.phone div{height:31px;background:#19a8bd;margin-top:8px;border-radius:5px}.social-bubble{position:absolute;left:25%;top:30%;width:35px;height:35px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#1aaabe;font-weight:900;box-shadow:0 10px 20px #b5d6dd}.social-bubble.two{left:auto;right:25%;top:58%;color:#ef6b7e}.meta-logo,.ig-logo{position:absolute;display:grid;place-items:center;width:50px;height:50px;border-radius:13px;color:#fff;font-size:28px;font-weight:900;background:#1877f2;left:27%;top:45%}.ig-logo{left:auto;right:27%;background:linear-gradient(135deg,#feda75,#d62976,#4f5bd5)}.ad-window{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:160px;background:#fff;border-radius:8px;padding:9px 12px;box-shadow:0 8px 20px rgba(0,0,0,.1);font-size:9px}.ad-window span{float:right;color:#11a47e;font-weight:900}.ad-window i{display:block;height:7px;background:#dceff3;margin-top:8px;border-radius:3px}.tiktok-note{position:absolute;font-size:58px;left:28%;top:50%;transform:translateY(-50%);color:#071b2d;text-shadow:4px 3px #22c4d2}.video-card{position:absolute;right:18%;top:24%;width:95px;height:135px;border-radius:12px;background:linear-gradient(135deg,#0c1f35,#1b6d86);color:#fff;padding:10px;font-size:9px}.video-card b{position:absolute;bottom:12px;left:10px}.video-card i{position:absolute;left:50%;top:50%;width:25px;height:25px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.search-box{position:absolute;left:50%;top:30%;transform:translateX(-50%);background:#fff;border:1px solid #dbe6ec;border-radius:20px;width:240px;padding:10px 14px;font-size:12px;color:#4a5a6e;box-shadow:0 10px 20px rgba(20,70,90,.08)}.search-box span{float:right}.ad-result{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%);background:#fff;width:230px;padding:10px;border-radius:8px;box-shadow:0 10px 25px rgba(20,70,90,.12);font-size:10px}.ad-result b{color:#188a55;border:1px solid #b7ddc9;border-radius:3px;padding:2px 4px;margin-right:6px}.ad-result i{display:block;background:#dceff3;height:5px;margin-top:8px}.bar{position:absolute;bottom:14px;left:20%;right:20%;height:25px;display:flex;gap:8px;align-items:end}.bar span{flex:1;background:#12a9c4;border-radius:4px 4px 0 0}.bar span:nth-child(1){height:40%}.bar span:nth-child(2){height:70%}.bar span:nth-child(3){height:95%}.crm-node{position:absolute;background:#fff;border:1px solid #b9dbe2;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:900;box-shadow:0 8px 18px rgba(20,70,90,.1)}.crm-node.one{left:17%;top:25%}.crm-node.two{left:50%;top:55%;transform:translate(-50%,-50%);background:#0e6598;color:#fff}.crm-node.three{right:17%;bottom:20%}.crm-line{position:absolute;height:2px;background:#82cad4;transform-origin:left center}.l1{width:140px;left:28%;top:42%;transform:rotate(25deg)}.l2{width:120px;left:53%;top:51%;transform:rotate(-24deg)}.payment-visual{background:linear-gradient(135deg,#0a213b,#135f8f)}.card-chip{position:absolute;left:24%;top:42%;width:36px;height:28px;border-radius:6px;background:#d9b86c}.card-number{position:absolute;left:24%;bottom:33%;color:#fff;letter-spacing:2px;font-size:11px}.pay-mark{position:absolute;right:20%;bottom:28%;font-weight:900;color:#4fe0e0}.magnify{position:absolute;left:20%;top:35%;font-size:70px;color:#0d689a}.seo-bars{position:absolute;right:17%;bottom:30%;width:110px;height:90px;display:flex;align-items:end;gap:8px}.seo-bars i{flex:1;background:#12a9c4;border-radius:5px 5px 0 0}.seo-bars i:nth-child(1){height:40%}.seo-bars i:nth-child(2){height:60%}.seo-bars i:nth-child(3){height:78%}.seo-bars i:nth-child(4){height:95%}.seo-visual span{position:absolute;right:18%;top:22%;font-size:12px;font-weight:900;color:#0b668c}.gear{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:75px;color:#0d6595}.support-orbit{position:absolute;width:135px;height:55px;border:2px dashed #45c2ce;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}.support-dot{position:absolute;width:15px;height:15px;background:#12a9c4;border-radius:50%;left:64%;top:30%}.strategy-path{position:absolute;left:20%;right:20%;top:50%;display:flex;justify-content:space-between;align-items:center}.strategy-path:before{content:"";position:absolute;left:10px;right:10px;height:2px;background:#82cad4}.strategy-path span{position:relative;z-index:2;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #12a9c4;color:#0e6a8e;font-size:9px;font-weight:900}.strategy-arrow{position:absolute;right:17%;top:22%;font-size:48px;color:#12a9c4}
.photo-band{min-height:490px;position:relative;background-image:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=85');background-size:cover;background-position:center}.photo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,26,47,.94),rgba(6,26,47,.62),rgba(6,26,47,.35))}.photo-content{position:relative;color:#fff;padding-top:125px}.photo-content h2{font-size:clamp(40px,5vw,68px);line-height:1.05;letter-spacing:-3px;margin:18px 0 30px;max-width:800px}
.solutions{background:#fff}.solution-grid{margin-top:50px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.solution-item{display:flex;gap:22px;padding:24px 20px;border-bottom:1px solid var(--line);min-height:120px}.solution-item:nth-child(odd){border-right:1px solid var(--line)}.solution-item>span{color:var(--cyan);font-size:11px;font-weight:900}.solution-item b{font-size:15px}.solution-item p{font-size:12px;color:var(--muted);margin:5px 0 0}.process{background:var(--soft)}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.process .section-heading p{color:var(--muted);max-width:510px;margin-top:20px}.why-list{background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 24px;box-shadow:var(--shadow)}.why-list div{display:flex;gap:14px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);font-size:13px}.why-list div:last-child{border-bottom:0}.why-list span{width:28px;height:28px;border-radius:50%;background:#e6f7f8;color:#0795a6;display:grid;place-items:center;font-weight:900}
.cta{background:var(--navy);color:#fff;padding:95px 0}.cta-inner{display:flex;justify-content:space-between;gap:60px;align-items:center}.cta h2{font-size:clamp(42px,5vw,66px);line-height:1.03;letter-spacing:-3px;margin:18px 0}.cta p{color:#aebdca}.cta-actions{text-align:center;min-width:250px}.cta-actions .btn{width:100%;line-height:1.6}.social-link{display:block;color:#7cd5df;font-size:12px;margin-top:18px}footer{background:#061524;color:#72859a;font-size:10px}.footer-inner{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:20px}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.hero-inner{grid-template-columns:1fr}.hero{min-height:auto}.hero-inner{padding:90px 0 80px}.hero-art{height:460px;max-width:650px;width:100%;margin:auto}.main-dashboard{right:50%;transform:translateX(50%)}.trust-grid{flex-wrap:wrap;justify-content:center;padding:15px 0}.two-col,.process-grid{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:1fr 1fr}.cta-inner{flex-direction:column;align-items:flex-start}.cta-actions{width:100%;max-width:350px}.solution-grid{grid-template-columns:1fr}.solution-item:nth-child(odd){border-right:0}}
@media(max-width:680px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-toggle{display:block}.brand-text{font-size:11px}.hero h1{letter-spacing:-2.5px}.hero p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-contact{flex-direction:column;gap:4px}.hero-art{height:400px}.main-dashboard{width:calc(100% - 20px);right:50%;top:70px}.float-card{transform:scale(.85)}.card-site{left:-5px}.card-ads{right:-5px}.code-card{left:0;bottom:20px}.section{padding:75px 0}.service-grid{grid-template-columns:1fr}.service-card p{min-height:auto}.photo-band{min-height:500px}.photo-content{padding-top:120px}.photo-content h2{letter-spacing:-2px}.footer-inner{flex-direction:column;justify-content:center;text-align:center;padding:18px 0}.two-col{gap:30px}}

/* Service detail CTA buttons */
.service-card { display:flex; flex-direction:column; }
.service-card > ul { flex:1; }
.service-actions { display:flex; gap:10px; align-items:center; margin-top:22px; flex-wrap:wrap; }
.service-btn, .mini-cta { border:0; text-decoration:none; cursor:pointer; font:inherit; font-weight:800; border-radius:999px; transition:.25s ease; }
.service-btn { background:#0b2340; color:#fff; padding:12px 18px; }
.service-btn:hover { background:#0aa9c7; transform:translateY(-2px); }
.service-btn span { margin-left:7px; }
.mini-cta { color:#0b2340; border:1px solid #cbd8e6; padding:11px 16px; background:#fff; }
.mini-cta:hover { border-color:#0aa9c7; color:#078ba7; transform:translateY(-2px); }

/* Service details modal */
body.modal-open { overflow:hidden; }
.service-modal { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:22px; }
.service-modal.is-open { display:flex; }
.modal-backdrop { position:absolute; inset:0; background:rgba(5,20,38,.78); backdrop-filter:blur(7px); }
.modal-panel { position:relative; width:min(920px,100%); max-height:90vh; overflow:auto; background:#fff; border-radius:24px; box-shadow:0 30px 90px rgba(0,0,0,.35); padding:42px; animation:modalIn .25s ease; }
@keyframes modalIn { from { opacity:0; transform:translateY(18px) scale(.98); } to { opacity:1; transform:none; } }
.modal-close { position:absolute; top:17px; right:19px; width:42px; height:42px; border:0; border-radius:50%; background:#eef3f8; color:#0b2340; font-size:28px; line-height:1; cursor:pointer; }
.modal-kicker { color:#0798b7; font-size:12px; font-weight:900; letter-spacing:.16em; margin-bottom:8px; }
.modal-panel h2 { margin:0 48px 12px 0; font-size:clamp(30px,5vw,48px); color:#0b2340; }
.modal-intro { font-size:18px; line-height:1.7; color:#596879; max-width:780px; margin:0 0 28px; }
.modal-content-grid { display:grid; grid-template-columns:1.55fr .85fr; gap:28px; }
.modal-content-grid h3, .modal-steps h3 { color:#0b2340; margin:0 0 15px; }
.modal-content-grid ul { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.modal-content-grid li { background:#f3f7fb; border:1px solid #e1e9f1; border-radius:12px; padding:12px 14px; color:#33465b; font-size:14px; }
.modal-content-grid li::before { content:'✓'; color:#0aa9c7; font-weight:900; margin-right:8px; }
.modal-side-card { background:linear-gradient(145deg,#0b2340,#103e65); color:#fff; padding:25px; border-radius:18px; align-self:start; }
.modal-side-card span { font-size:11px; font-weight:900; letter-spacing:.14em; color:#72e3f2; }
.modal-side-card p { line-height:1.7; color:#e7f0f7; margin:12px 0 22px; }
.modal-side-card .btn { display:inline-flex; }
.modal-steps { margin-top:30px; padding-top:24px; border-top:1px solid #e3eaf1; }
.modal-steps > div { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.modal-steps span { background:#f5f8fb; border-radius:12px; padding:12px; color:#3c5065; font-size:13px; }
.modal-steps b { color:#0798b7; margin-right:7px; }
@media (max-width:720px) {
  .service-actions { flex-direction:column; align-items:stretch; }
  .service-btn,.mini-cta { text-align:center; width:100%; }
  .modal-panel { padding:32px 22px 24px; border-radius:18px; }
  .modal-content-grid { grid-template-columns:1fr; }
  .modal-content-grid ul { grid-template-columns:1fr; }
  .modal-steps > div { grid-template-columns:1fr 1fr; }
}