:root{--navy:#07172f;--navy2:#0a2748;--deep:#031124;--cyan:#2de8fd;--cyan2:#5feafa;--paper:#f3f7f8;--ink:#102039;--muted:#6d7c89;--line:#d9e6ea;--shadow:0 24px 70px rgba(5,25,49,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.prototype-badge{position:fixed;z-index:100;right:18px;bottom:18px;padding:9px 13px;border:1px solid rgba(45,232,253,.42);border-radius:999px;color:#9ef5ff;background:rgba(3,18,36,.88);font-size:9px;font-weight:800;letter-spacing:.14em;backdrop-filter:blur(12px)}
.site-header{position:absolute;z-index:50;top:0;left:0;width:100%;color:#fff}.header-inner{height:96px;display:grid;grid-template-columns:215px minmax(0,1fr) 180px;gap:34px;align-items:center;border-bottom:1px solid rgba(127,221,238,.18)}.brand{display:block;width:205px}.brand img{display:block;width:100%;filter:drop-shadow(0 0 10px rgba(45,232,253,.18))}.desktop-nav{display:flex;justify-content:center;gap:28px;color:#bad0dd;font-size:13px;font-weight:700}.desktop-nav a,.header-phone{transition:.2s}.desktop-nav a:hover{color:var(--cyan)}.header-phone{justify-self:end;font-size:15px;font-weight:800;white-space:nowrap}.header-phone:hover{color:var(--cyan)}.menu-toggle{display:none;width:42px;height:38px;padding:6px;border:0;background:none;cursor:pointer}.menu-toggle span{display:block;height:3px;margin:5px 0;border-radius:4px;background:#fff;transition:.25s}.mobile-menu{display:none}
.hero{position:relative;min-height:930px;padding:170px 0 105px;overflow:hidden;color:#fff;background:radial-gradient(circle at 79% 34%,#0c4774 0,#092f53 24%,transparent 49%),linear-gradient(135deg,#041126,#082241 58%,#041326)}.hero:before{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at 72% 30%,rgba(45,232,253,.1),transparent 23%),repeating-radial-gradient(ellipse at 75% 58%,transparent 0 73px,rgba(76,193,222,.075) 74px 75px);transform:rotate(-4deg)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(65,180,214,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(65,180,214,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.hero-water{position:absolute;z-index:1;inset:95px 0 40px;pointer-events:none;background:radial-gradient(circle at 86% 22%,rgba(45,232,253,.9) 0 3px,rgba(45,232,253,.14) 4px 9px,transparent 10px),radial-gradient(circle at 71% 72%,rgba(45,232,253,.65) 0 2px,transparent 3px),radial-gradient(circle at 92% 64%,transparent 0 8px,rgba(45,232,253,.24) 9px 10px,transparent 11px),radial-gradient(circle at 61% 26%,transparent 0 5px,rgba(45,232,253,.18) 6px 7px,transparent 8px)}.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow,.kicker{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#4591a4;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow{color:var(--cyan);text-shadow:0 0 14px rgba(45,232,253,.35)}.eyebrow span,.kicker:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 6px rgba(45,232,253,.09)}.hero h1,.section h2{margin:0;font-size:clamp(54px,6vw,84px);font-weight:500;line-height:.98;letter-spacing:-.065em}.hero-lead{max-width:670px;margin:32px 0 34px;color:#b9ceda;font-size:17px;line-height:1.72}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;min-height:58px;align-items:center;justify-content:center;padding:0 28px;border:0;border-radius:14px;font-size:13px;font-weight:800;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#041326;background:var(--cyan);box-shadow:0 14px 34px rgba(45,232,253,.2)}.button-primary:hover{background:#6cf3ff;box-shadow:0 17px 40px rgba(45,232,253,.28)}.text-link{color:#cbe0e9;font-size:13px;font-weight:700}.text-link span{margin-left:5px;color:var(--cyan)}
.depth-card{position:relative;padding:27px;border:1px solid rgba(109,215,234,.28);border-radius:32px;background:linear-gradient(145deg,rgba(5,24,45,.9),rgba(8,43,73,.82));box-shadow:0 32px 90px rgba(0,0,0,.3),0 0 55px rgba(45,232,253,.07),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(12px);overflow:hidden}.depth-card:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,rgba(45,232,253,.07),transparent 65%);transform:translateX(-100%);animation:sweep 7s infinite}@keyframes sweep{50%,100%{transform:translateX(100%)}}.depth-top{position:relative;z-index:2;display:flex;justify-content:space-between;color:#87aaba;font-size:10px;font-weight:800;letter-spacing:.15em}.depth-top b{color:#81effb}.depth-top i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 11px var(--cyan)}.depth-screen{position:relative;height:330px;margin:22px 0;border:1px solid rgba(84,184,207,.18);border-radius:23px;background:radial-gradient(circle at 32% 50%,rgba(25,148,184,.14),transparent 50%),#06162b;overflow:hidden}.rings{position:absolute;left:-36px;top:50%;width:360px;height:360px;transform:translateY(-50%)}.rings i{position:absolute;left:50%;top:50%;border:1px solid rgba(45,232,253,.16);border-radius:50%;transform:translate(-50%,-50%)}.rings i:nth-child(1){width:80px;height:80px}.rings i:nth-child(2){width:155px;height:155px}.rings i:nth-child(3){width:245px;height:245px}.rings i:nth-child(4){width:350px;height:350px}.rings:after{content:"";position:absolute;left:50%;top:50%;width:48%;height:1px;transform-origin:left;background:linear-gradient(90deg,var(--cyan),transparent);animation:radar 5s linear infinite}@keyframes radar{to{transform:rotate(360deg)}}.rings b{position:absolute;left:67%;top:30%;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(45,232,253,.12),0 0 24px var(--cyan)}.depth-reading{position:absolute;right:25px;top:50%;width:205px;transform:translateY(-50%)}.depth-reading small{color:#79a0b3;font-size:9px;letter-spacing:.13em}.depth-reading strong{display:block;margin:8px 0;color:#fff;font-size:52px;letter-spacing:-.06em}.depth-reading span{color:#87a3b2;font-size:11px;line-height:1.55}.depth-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.depth-stats div{padding:13px;border:1px solid rgba(102,181,203,.14);border-radius:13px;background:rgba(10,38,62,.5)}.depth-stats span{display:block;color:#7397a9;font-size:8px;letter-spacing:.12em}.depth-stats b{display:block;margin-top:6px;color:#dffcff;font-size:17px}.hero-wave{position:absolute;z-index:5;left:0;bottom:-1px;width:100%;height:50px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 31 C90 17 145 18 225 29 C310 40 380 13 470 24 C560 37 625 42 715 27 C810 11 875 39 965 27 C1055 14 1115 39 1205 26 C1295 12 1355 21 1440 31 L1440 60 L0 60 Z' fill='%23f3f7f8'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.section{padding:112px 0}.section-head{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:end;margin-bottom:52px}.section h2{font-size:clamp(46px,5vw,72px)}.section h2 em{color:#6d9eac;font-style:normal}.section-head>p{margin:0;color:var(--muted);font-size:16px;line-height:1.72}.kicker-cyan{color:var(--cyan)}.section-head.dark h2{color:#fff}.section-head.dark>p{color:#9fb5c1}
.services{background:var(--paper)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-grid article{min-height:360px;padding:29px;border:1px solid rgba(59,145,166,.18);border-radius:24px;background:#fff;box-shadow:0 0 28px rgba(45,232,253,.035);transition:.25s}.service-grid article:hover{transform:translateY(-6px);border-color:rgba(45,232,253,.48);box-shadow:var(--shadow),0 0 30px rgba(45,232,253,.08)}.service-grid article.featured{color:#fff;border-color:rgba(45,232,253,.25);background:linear-gradient(150deg,#092846,#071831)}.service-grid article>span{color:#5f96a5;font-size:10px;font-weight:800;letter-spacing:.14em}.service-icon{display:grid;width:56px;height:56px;margin:44px 0 28px;place-items:center;border:1px solid rgba(45,232,253,.35);border-radius:16px;color:#0c5065;background:#e7f8fa;box-shadow:0 0 20px rgba(45,232,253,.1);font-size:24px}.featured .service-icon{color:#041326;background:var(--cyan)}.service-grid h3{margin:0 0 14px;font-size:21px;line-height:1.25}.service-grid p{margin:0;color:#71808d;font-size:13px;line-height:1.7}.service-grid .featured p{color:#aec2ce}
.approach{color:#fff;background:linear-gradient(145deg,#06152a,#082f50)}.approach-grid{display:grid;grid-template-columns:1fr .92fr;gap:85px;align-items:center}.approach-copy h2{font-size:clamp(46px,4.8vw,70px)}.approach-copy>p:not(.kicker){color:#aec1cd;font-size:15px;line-height:1.68}.approach-copy ul{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}.approach-copy li{position:relative;padding-left:26px;color:#c7d8df;font-size:14px}.approach-copy li:before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px rgba(45,232,253,.55)}.course-panel{position:relative;min-height:520px;padding:32px;border:1px solid rgba(98,199,220,.25);border-radius:31px;background:rgba(4,22,41,.62);box-shadow:0 28px 70px rgba(0,0,0,.22);overflow:hidden}.course-panel:before{content:"";position:absolute;inset:-30%;background:repeating-radial-gradient(circle at 65% 50%,transparent 0 55px,rgba(45,232,253,.07) 56px 57px)}.course-label{position:relative;color:#83aabd;font-size:10px;font-weight:800;letter-spacing:.15em}.course-line{position:absolute;left:58px;top:105px;bottom:95px;width:2px;background:linear-gradient(var(--cyan),rgba(45,232,253,.08))}.course-step{position:relative;display:grid;grid-template-columns:54px 1fr auto;gap:15px;align-items:center;margin:35px 0 0;padding:19px 20px;border:1px solid rgba(94,192,214,.19);border-radius:17px;background:#08223c}.course-step b{font-size:20px}.course-step span{font-size:15px;font-weight:700}.course-step small{color:#59cbdc;font-size:8px;font-weight:800;letter-spacing:.1em}.course-step.active{border-color:var(--cyan);background:linear-gradient(90deg,#0a3b5e,#08243e);box-shadow:0 0 28px rgba(45,232,253,.09)}.course-step.active:before{content:"";position:absolute;left:-30px;top:50%;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);transform:translateY(-50%)}.submarine{position:absolute;left:34px;bottom:31px;padding:8px 17px;border:1px solid var(--cyan);border-radius:50%;color:#aaf7ff;background:#0a3a56;font-size:10px;font-weight:800;box-shadow:0 0 25px rgba(45,232,253,.15)}.submarine span{margin-left:11px;color:var(--cyan);font-size:16px}
.clients{position:relative;overflow:hidden;background:#07172f}.clients:before,.process:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 78% 30%,rgba(45,232,253,.09),transparent 25%),repeating-radial-gradient(ellipse at 78% 50%,transparent 0 73px,rgba(67,180,215,.05) 74px 75px)}.clients>.container,.process>.container{position:relative;z-index:1}.logos{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.logos div{display:grid;height:145px;padding:20px;place-items:center;border:1px solid rgba(45,232,253,.16);border-radius:18px;background:rgba(247,252,253,.97);box-shadow:0 14px 40px rgba(0,0,0,.1)}.logos img{width:auto;max-height:72px;object-fit:contain}.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border:1px solid rgba(45,232,253,.25);border-radius:25px;background:rgba(4,20,38,.78);overflow:hidden}.facts div{min-height:160px;padding:31px;border-right:1px solid rgba(98,190,213,.15)}.facts div:last-child{border:0}.facts strong{display:block;color:var(--cyan);font-size:42px;letter-spacing:-.05em;text-shadow:0 0 19px rgba(45,232,253,.25)}.facts span{display:block;margin-top:12px;color:#a9bfca;font-size:12px;line-height:1.55}
.reviews{background:#f6f9fa}.review-card{max-width:960px;margin:auto;padding:42px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:var(--shadow)}.review-meta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:28px;border-bottom:1px solid var(--line)}.review-meta img{width:auto;max-width:160px;max-height:64px}.review-meta div{text-align:right}.review-meta strong,.review-meta span{display:block}.review-meta strong{font-size:18px}.review-meta span{margin-top:5px;color:var(--muted);font-size:13px}.review-card blockquote{margin:30px 0;color:#465967;font-size:17px;line-height:1.8}.review-card>a{color:#16839c;font-size:13px;font-weight:800}.review-card>a span{margin-left:6px}
.process{position:relative;overflow:hidden;color:#fff;background:#07172f}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.process-grid article{min-height:300px;padding:30px;border:1px solid rgba(98,190,213,.2);border-radius:21px;background:rgba(10,43,72,.65);transition:.25s}.process-grid article:hover{transform:translateY(-5px);border-color:rgba(45,232,253,.5)}.process-grid b{color:var(--cyan);font-size:12px}.process-grid h3{margin:55px 0 15px;font-size:22px;line-height:1.3}.process-grid p{margin:0;color:#a8bdc9;font-size:13px;line-height:1.68}
.consultation{background:#edf4f6}.consultation-card{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center;padding:54px;border-radius:32px;color:#fff;background:linear-gradient(135deg,#071a34,#0a395b);box-shadow:0 28px 75px rgba(4,28,53,.16)}.consultation h2{max-width:800px;font-size:clamp(43px,4.5vw,64px)}.consultation p:not(.kicker){max-width:700px;margin:24px 0 0;color:#aec2cd;line-height:1.7}.consultation .button{white-space:nowrap}
.capabilities{background:#fff}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.capability-grid article{min-height:390px;padding:38px;border:1px solid rgba(64,156,178,.2);border-radius:25px;color:#fff;background:linear-gradient(145deg,#071a31,#0a395a);box-shadow:0 22px 55px rgba(5,30,50,.12)}.capability-grid span{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.14em}.capability-grid h3{max-width:520px;margin:65px 0 20px;font-size:28px;line-height:1.25}.capability-grid p{margin:0;color:#b0c4cf;font-size:14px;line-height:1.78}
.blog{background:var(--paper)}.dark-link{align-self:end;color:#1e7187}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.blog-grid article{min-height:265px;padding:27px;border:1px solid rgba(58,145,166,.18);border-radius:20px;background:#fff;box-shadow:0 0 24px rgba(45,232,253,.04)}.blog-grid time{color:#318ca2;font-size:9px;font-weight:800;letter-spacing:.1em}.blog-grid h3{margin:20px 0 15px;font-size:17px;line-height:1.45}.blog-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.footer{padding:65px 0 22px;color:#fff;background:#030e1e}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:45px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid img{width:190px}.footer-grid p,.footer-grid span,.footer-grid a{margin:0;color:#819aaa;font-size:12px;line-height:1.6}.footer-grid strong{margin-bottom:7px;color:#dce9ef;font-size:12px}.footer-grid a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:50px;padding-top:20px;border-top:1px solid #12243a;color:#5e7889;font-size:10px}.footer-bottom div{display:flex;gap:22px}.footer-bottom a:hover{color:var(--cyan)}
@media(max-width:1060px){.header-inner{grid-template-columns:205px 1fr auto}.desktop-nav{display:none}.menu-toggle{display:block;justify-self:end}.header-phone{margin-right:15px}.mobile-menu{position:fixed;z-index:-1;top:0;right:0;display:block;width:min(390px,92vw);height:100vh;padding:125px 32px 35px;overflow:auto;color:#fff;background:linear-gradient(150deg,#06152a,#0a3555);box-shadow:-25px 0 70px rgba(0,0,0,.28);transform:translateX(105%);transition:transform .3s}.mobile-menu.open{transform:translateX(0)}.mobile-menu:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 100% 20%,transparent 0 70px,rgba(45,232,253,.055) 71px 72px);pointer-events:none}.mobile-menu>*{position:relative}.mobile-menu-main{display:grid;gap:4px}.mobile-menu-main a{padding:12px 0;border-bottom:1px solid rgba(117,209,227,.16);font-size:19px;font-weight:700}.mobile-menu-groups{display:grid;gap:23px;margin:28px 0}.mobile-menu-groups div{display:grid;gap:8px}.mobile-menu-groups strong{color:var(--cyan);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.mobile-menu-groups a{color:#a9c0cc;font-size:12px}.mobile-phone{display:inline-block;margin-top:10px;color:var(--cyan);font-weight:800}.hero-grid{grid-template-columns:1fr;gap:45px}.depth-card{max-width:720px}.service-grid{grid-template-columns:repeat(2,1fr)}.approach-grid{gap:45px}.logos{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.prototype-badge{right:10px;bottom:10px;font-size:8px}.header-inner{height:78px;grid-template-columns:1fr auto}.brand{width:174px}.header-phone{display:none}.hero{min-height:auto;padding:124px 0 85px}.hero-grid{gap:35px}.hero h1,.section h2{font-size:clamp(43px,13vw,62px)}.hero-lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.depth-card{padding:17px;border-radius:24px}.depth-screen{height:260px}.rings{left:-130px}.depth-reading{right:18px;width:176px}.depth-reading strong{font-size:42px}.depth-stats{gap:6px}.depth-stats div{padding:10px}.section{padding:82px 0}.section-head{grid-template-columns:1fr;gap:25px;margin-bottom:38px}.service-grid,.approach-grid,.process-grid,.capability-grid,.blog-grid{grid-template-columns:1fr}.service-grid article{min-height:300px}.service-icon{margin:34px 0 22px}.course-panel{min-height:500px;padding:24px 18px}.course-step{grid-template-columns:40px 1fr}.course-step small{display:none}.course-line{left:38px}.logos{grid-template-columns:repeat(2,1fr)}.logos div{height:120px;padding:15px}.logos img{max-height:60px}.facts{grid-template-columns:repeat(2,1fr)}.facts div{min-height:145px;padding:23px}.facts div:nth-child(2){border-right:0}.facts div:nth-child(-n+2){border-bottom:1px solid rgba(98,190,213,.15)}.facts strong{font-size:34px}.review-card{padding:25px}.review-meta{align-items:flex-start;flex-direction:column}.review-meta div{text-align:left}.review-card blockquote{font-size:15px}.process-grid article{min-height:250px}.process-grid h3{margin-top:38px}.consultation-card{width:calc(100% - 28px);grid-template-columns:1fr;gap:30px;padding:28px}.consultation .button{width:100%;white-space:normal;text-align:center}.capability-grid article{min-height:330px;padding:28px}.capability-grid h3{margin-top:45px;font-size:24px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom div{align-items:flex-start;flex-direction:column;gap:8px}}

.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media(max-width:1060px){.mobile-menu{width:min(420px,100vw)}}
@media(max-width:760px){.mobile-menu{width:100vw}}

/* Main-screen expedition concept */
.service-bar{position:absolute;z-index:55;top:0;left:0;width:100%;border-bottom:1px solid rgba(45,232,253,.12);color:#78dbe8;background:rgba(2,14,29,.82);backdrop-filter:blur(14px)}
.service-bar-inner{display:grid;height:42px;grid-template-columns:repeat(4,1fr)}
.service-bar a{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid rgba(45,232,253,.1);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;text-shadow:0 0 11px rgba(45,232,253,.25);transition:.22s}
.service-bar a:first-child{border-left:1px solid rgba(45,232,253,.1)}.service-bar a:before{content:"";position:absolute;left:18%;right:82%;bottom:-1px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:.25s}.service-bar a:hover{color:#e8fdff;background:rgba(45,232,253,.055);text-shadow:0 0 16px rgba(45,232,253,.65)}.service-bar a:hover:before{right:18%}.service-bar a span{color:#347f90;font-size:7px}
.site-header{top:42px}
.header-inner{grid-template-columns:205px minmax(0,1fr) 165px;gap:22px}
.desktop-nav{gap:17px;color:#83eefa;font-size:10px;letter-spacing:.045em;text-transform:uppercase;text-shadow:0 0 12px rgba(45,232,253,.42)}
.desktop-nav a{position:relative;padding:8px 0}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--cyan);box-shadow:0 0 9px var(--cyan);transition:right .22s}
.desktop-nav a:hover{color:#d9fcff;text-shadow:0 0 16px rgba(45,232,253,.8)}
.desktop-nav a:hover:after{right:0}
.header-phone{color:#dffcff;text-shadow:0 0 14px rgba(45,232,253,.3)}
.hero{min-height:1012px;padding-top:197px;background:radial-gradient(circle at 78% 34%,#0e527f 0,#092f53 25%,transparent 50%),linear-gradient(138deg,#020d1d 0%,#071d39 54%,#031426 100%)}
.hero:before{opacity:.53}
.hero-water{inset:80px 0 38px;background:radial-gradient(circle at 84% 17%,rgba(83,242,255,.95) 0 3px,rgba(45,232,253,.16) 4px 10px,transparent 11px),radial-gradient(circle at 68% 68%,rgba(45,232,253,.85) 0 2px,rgba(45,232,253,.12) 3px 8px,transparent 9px),radial-gradient(circle at 94% 60%,transparent 0 8px,rgba(45,232,253,.3) 9px 10px,transparent 11px),radial-gradient(circle at 57% 24%,transparent 0 6px,rgba(45,232,253,.22) 7px 8px,transparent 9px),radial-gradient(circle at 45% 77%,transparent 0 4px,rgba(45,232,253,.18) 5px 6px,transparent 7px)}
.hero-grid{grid-template-columns:1.03fr .97fr;gap:54px}
.hero-copy{padding-bottom:38px}
.hero h1{font-size:clamp(48px,5.45vw,78px)}
.typing-line{display:block;white-space:nowrap}
.typing-word{display:inline-block;white-space:nowrap}
.typing-accent{color:var(--cyan);text-shadow:0 0 30px rgba(45,232,253,.18)}
.typing-letter{display:inline-block;animation:mainDepthType .48s cubic-bezier(.2,.8,.2,1) var(--typing-delay) both}
@keyframes mainDepthType{0%{opacity:0;transform:translateY(10px);filter:blur(5px)}45%{opacity:.55;filter:blur(1px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
.hero-lead{max-width:625px;margin:25px 0 18px}
.depth-ticker{width:min(610px,100%);margin:0 0 25px;overflow:hidden;border-block:1px solid rgba(45,232,253,.17);color:#67dceb;background:linear-gradient(90deg,rgba(45,232,253,.055),transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.depth-ticker div{display:flex;width:max-content;gap:34px;padding:9px 20px;animation:depthTicker 18s linear infinite}
.depth-ticker span{font-size:8px;font-weight:800;letter-spacing:.16em;white-space:nowrap}
@keyframes depthTicker{to{transform:translateX(-44%)}}
@keyframes depthTickerMobile{to{transform:translateX(calc(-50% - 12px))}}
.hero-bubbles{position:absolute;z-index:2;inset:90px 0 45px;pointer-events:none;overflow:hidden}
.hero-bubbles i{position:absolute;bottom:-30px;width:9px;height:9px;border:1px solid rgba(83,238,253,.42);border-radius:50%;box-shadow:0 0 12px rgba(45,232,253,.12);animation:bubbleRise 12s linear infinite}
.hero-bubbles i:nth-child(1){left:4%;width:5px;height:5px;animation-delay:-2s}.hero-bubbles i:nth-child(2){left:18%;width:13px;height:13px;animation-delay:-7s;animation-duration:16s}.hero-bubbles i:nth-child(3){left:35%;animation-delay:-4s;animation-duration:14s}.hero-bubbles i:nth-child(4){left:54%;width:6px;height:6px;animation-delay:-10s}.hero-bubbles i:nth-child(5){left:66%;width:15px;height:15px;animation-delay:-5s;animation-duration:18s}.hero-bubbles i:nth-child(6){left:75%;width:7px;height:7px;animation-delay:-1s}.hero-bubbles i:nth-child(7){left:84%;width:11px;height:11px;animation-delay:-8s;animation-duration:15s}.hero-bubbles i:nth-child(8){left:92%;width:5px;height:5px;animation-delay:-3s}.hero-bubbles i:nth-child(9){left:48%;width:4px;height:4px;animation-delay:-12s;animation-duration:17s}
@keyframes bubbleRise{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.75}70%{opacity:.42}100%{transform:translateY(-860px) translateX(28px);opacity:0}}
.dive-scene{position:relative;min-height:590px;border-inline:1px solid rgba(45,232,253,.17);background:radial-gradient(circle at 47% 47%,rgba(45,232,253,.12),transparent 34%),linear-gradient(90deg,transparent,rgba(6,37,63,.5) 12%,rgba(5,27,49,.48) 88%,transparent);filter:drop-shadow(0 28px 65px rgba(0,0,0,.3))}
.dive-scene:before,.dive-scene:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(45,232,253,.46),transparent);box-shadow:0 0 14px rgba(45,232,253,.16)}
.dive-scene:before{top:0}.dive-scene:after{bottom:0}
.dive-head{position:absolute;z-index:4;top:24px;left:30px;right:30px;display:flex;justify-content:space-between;color:#84adbe;font-size:9px;font-weight:800;letter-spacing:.14em}.dive-head b{color:#7af0fc}.dive-head i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}
.dive-radar{position:absolute;left:20px;top:70px;width:430px;height:430px}
.dive-radar i{position:absolute;left:50%;top:50%;border:1px solid rgba(45,232,253,.105);border-radius:50%;transform:translate(-50%,-50%)}
.dive-radar i:nth-child(1){width:95px;height:95px}.dive-radar i:nth-child(2){width:190px;height:190px}.dive-radar i:nth-child(3){width:300px;height:300px}.dive-radar i:nth-child(4){width:425px;height:425px}
.dive-radar:after{content:"";position:absolute;left:50%;top:50%;width:47%;height:1px;transform-origin:left;background:linear-gradient(90deg,var(--cyan),transparent);filter:drop-shadow(0 0 5px var(--cyan));animation:radar 5s linear infinite}
.dive-radar b{position:absolute;left:68%;top:24%;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px rgba(45,232,253,.1),0 0 22px var(--cyan)}
.dive-route{position:absolute;z-index:3;left:55px;right:54px;top:90px;bottom:105px}
.dive-route:before{content:"";position:absolute;left:24px;top:42px;bottom:48px;width:2px;background:linear-gradient(var(--cyan),rgba(45,232,253,.08));box-shadow:0 0 14px rgba(45,232,253,.32)}
.dive-stage{position:absolute;left:0;width:275px;padding:13px 17px 13px 54px;border:1px solid rgba(70,213,233,.22);border-radius:15px;background:linear-gradient(100deg,rgba(8,62,94,.88),rgba(5,28,49,.82));box-shadow:0 12px 28px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.dive-stage:before{content:"";position:absolute;left:17px;top:50%;width:13px;height:13px;border:2px solid var(--cyan);border-radius:50%;background:#082a46;box-shadow:0 0 14px rgba(45,232,253,.55);transform:translateY(-50%)}
.dive-stage small,.dive-stage strong,.dive-stage span{display:block}.dive-stage small{color:#59d9e8;font-size:8px;font-weight:800;letter-spacing:.12em}.dive-stage strong{margin-top:4px;color:#f4fdff;font-size:15px}.dive-stage span{margin-top:2px;color:#7fa7b8;font-size:9px}.stage-one{top:18px}.stage-two{top:155px;left:36px}.stage-three{top:292px;left:72px;border-color:rgba(45,232,253,.55);box-shadow:0 0 28px rgba(45,232,253,.09)}
.depth-meter{position:absolute;z-index:4;top:78px;right:-18px;bottom:84px;display:flex;flex-direction:column;justify-content:space-between;padding-right:30px;border-right:2px solid rgba(45,232,253,.62);color:#62cada;font-size:8px;font-weight:800;letter-spacing:.08em;text-align:right}
.depth-meter span{position:relative}.depth-meter span:after{content:"";position:absolute;right:-31px;top:50%;width:13px;height:1px;background:var(--cyan);box-shadow:0 0 7px rgba(45,232,253,.5)}
.dive-submarine{position:absolute;z-index:4;left:106px;bottom:37px;width:120px;height:45px;filter:drop-shadow(0 0 14px rgba(45,232,253,.35));animation:subFloat 4.5s ease-in-out infinite}
.sub-hull{position:absolute;left:28px;top:11px;width:67px;height:26px;padding:6px 0 0 19px;border:1px solid var(--cyan);border-radius:55% 45% 48% 52%;color:#aef9ff;background:#0b4a64;font-size:8px;font-weight:800}.sub-hull:before{content:"";position:absolute;left:27px;top:-8px;width:13px;height:8px;border:1px solid var(--cyan);border-bottom:0;border-radius:8px 8px 0 0}.sub-hull i{position:absolute;right:8px;top:8px;width:8px;height:8px;border:1px solid #b7fbff;border-radius:50%;box-shadow:0 0 8px var(--cyan)}
.sub-tail{position:absolute;left:92px;top:15px;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:0;border-left:17px solid #27b8d1}.sub-beam{position:absolute;right:91px;top:17px;width:75px;height:15px;background:linear-gradient(90deg,transparent,rgba(109,239,255,.22));clip-path:polygon(0 35%,100% 0,100% 100%,0 65%)}.sub-bubble:before,.sub-bubble:after{content:"";position:absolute;border:1px solid var(--cyan);border-radius:50%}.sub-bubble:before{right:-3px;top:4px;width:4px;height:4px}.sub-bubble:after{right:-13px;top:-2px;width:3px;height:3px}
@keyframes subFloat{50%{transform:translate(8px,-5px)}}
.dive-foot{position:absolute;right:48px;bottom:26px;text-align:right}.dive-foot span,.dive-foot strong{display:block}.dive-foot span{color:#6c9eb1;font-size:8px;letter-spacing:.16em}.dive-foot strong{margin-top:4px;color:#8ff6ff;font-size:12px;letter-spacing:.08em;text-shadow:0 0 13px rgba(45,232,253,.45)}
.hero-utility{position:absolute;z-index:8;bottom:69px;display:flex;align-items:center;gap:11px;color:#9edce7;font-size:10px;letter-spacing:.05em;text-transform:uppercase;transition:.22s}
.hero-utility:hover{color:#fff;transform:translateY(-3px)}.hero-utility b,.hero-utility small{display:block}.hero-utility b{font-size:10px}.hero-utility small{margin-top:3px;color:#5e92a6;font-size:7px;letter-spacing:.12em}.utility-icon{display:grid;width:39px;height:39px;place-items:center;border:1px solid rgba(45,232,253,.5);border-radius:50%;color:var(--cyan);background:rgba(5,35,59,.75);box-shadow:0 0 22px rgba(45,232,253,.12);font-size:18px}.hero-callback{left:max(20px,calc((100vw - 1180px)/2))}.hero-relax{right:max(22px,calc((100vw - 1180px)/2));text-align:right}
@media(max-width:1160px){.desktop-nav{gap:11px;font-size:9px}.header-inner{grid-template-columns:190px minmax(0,1fr) 154px;gap:15px}.brand{width:185px}.dive-stage{width:245px}.stage-two{left:24px}.stage-three{left:48px}}
@media(max-width:1060px){.header-inner{grid-template-columns:205px 1fr auto}.hero-grid{grid-template-columns:1fr}.hero-copy{width:100%;min-width:0}.dive-scene{max-width:720px;width:100%;min-height:560px}.dive-stage{width:310px}.stage-two{left:48px}.stage-three{left:96px}.depth-meter{right:0}}
@media(max-width:760px){.service-bar{overflow:hidden}.service-bar-inner{display:flex;width:100%;height:40px;padding:0 14px;overflow-x:auto;scrollbar-width:none}.service-bar-inner::-webkit-scrollbar{display:none}.service-bar a{flex:0 0 auto;padding:0 15px;border:0;font-size:8px}.service-bar a:first-child{border:0}.service-bar a:before{display:none}.site-header{top:40px}.hero{min-height:auto;padding:162px 0 145px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:34px}.hero h1{font-size:clamp(42px,12.8vw,58px)}.hero-copy{min-width:0;padding-bottom:0}.typing-line{white-space:normal}.depth-ticker{margin-bottom:24px}.dive-scene{min-height:500px}.dive-head{left:18px;right:18px}.dive-radar{left:-70px;top:60px;width:390px;height:390px}.dive-radar i:nth-child(4){width:390px;height:390px}.dive-route{left:24px;right:40px;top:83px}.dive-stage{width:min(255px,calc(100vw - 92px));padding-left:49px}.stage-two{left:18px;top:140px}.stage-three{left:36px;top:262px}.depth-meter{top:73px;bottom:82px;font-size:7px}.dive-submarine{left:47px;bottom:35px}.dive-foot{right:32px;bottom:24px}.hero-utility{bottom:66px}.hero-callback{left:14px}.hero-relax{right:14px}.hero-utility small{display:none}.utility-icon{width:34px;height:34px}.hero-relax span:first-child{order:2}.hero-relax .utility-icon{order:1}}
/* Readable navigation and original service artwork */
.service-bar-inner{height:50px}
.service-bar a{font-size:11px;letter-spacing:.075em}
.service-bar a span{font-size:8px}
.site-header{top:50px}
.desktop-nav{gap:17px;font-size:12px;letter-spacing:.025em;text-transform:none}
.hero{min-height:1020px;padding-top:205px}
.service-art{display:grid;height:118px;margin:20px 0 18px;place-items:center}
.service-art img{display:block;width:auto;max-width:138px;max-height:112px;object-fit:contain;filter:drop-shadow(0 9px 16px rgba(20,66,111,.14))}
.service-grid article.featured .service-art img{filter:drop-shadow(0 0 18px rgba(45,232,253,.2))}
.current-footer{padding:0;background:#030e1e}.footer-contact{padding:34px 0;border-bottom:1px solid #13263a;background:#07172f}.footer-contact>.container{display:grid;grid-template-columns:1.25fr 1fr 1.2fr .8fr 1fr;gap:28px;align-items:center}.footer-contact img{width:190px}.footer-contact a,.footer-contact span{color:#a3b9c5;font-size:12px;line-height:1.55}.footer-contact a:first-of-type{color:#eefcff;font-size:16px;font-weight:800}.footer-contact a:hover{color:var(--cyan)}.footer-directory{padding:42px 0}.footer-directory>.container{display:grid;grid-template-columns:repeat(5,1fr);gap:30px}.footer-directory .container>div{display:flex;flex-direction:column;gap:8px}.footer-directory strong{min-height:32px;color:#d9e9ef;font-size:11px;text-transform:uppercase}.footer-directory a{color:#7892a2;font-size:11px;line-height:1.5}.footer-directory a:hover{color:var(--cyan)}.footer-legal{border-top:1px solid #13263a;padding:22px 0}.footer-legal>.container{display:grid;grid-template-columns:1.4fr 1.4fr 1fr auto auto;gap:28px;align-items:center}.footer-legal span,.footer-legal a{color:#5f7c8e;font-size:10px;line-height:1.6}.footer-legal a:hover{color:var(--cyan)}
@media(max-width:1160px) and (min-width:1061px){.desktop-nav{gap:10px;font-size:10.5px}}
@media(max-width:900px){.footer-contact>.container{grid-template-columns:1fr 1fr}.footer-contact img{grid-column:1/-1}.footer-directory>.container{grid-template-columns:repeat(2,1fr)}.footer-legal>.container{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.service-bar-inner{height:46px;padding-inline:10px}.service-bar a{padding-inline:18px;font-size:10px;letter-spacing:.04em}.site-header{top:46px}.hero{padding-top:168px}.service-art{height:112px;margin:16px 0}.service-art img{max-width:142px;max-height:108px}.footer-contact{text-align:center}.footer-contact>.container{grid-template-columns:1fr}.footer-contact img{justify-self:center}.footer-directory>.container{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-directory strong{min-height:0}.footer-legal>.container{grid-template-columns:1fr;text-align:center}.footer-legal a{justify-self:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Larger navigation and an independent growth-radar concept */
.service-bar-inner{height:58px}
.service-bar a{font-size:14px;letter-spacing:.035em}
.service-bar a span{font-size:10px}
.site-header{top:58px}
.header-inner{height:105px;grid-template-columns:205px minmax(0,1fr) 172px;gap:20px}
.desktop-nav{gap:20px;font-size:15px;font-weight:700;letter-spacing:0;text-transform:none}
.header-phone{font-size:16px}
.hero{padding-top:224px}

.growth-radar{position:relative;min-height:680px;isolation:isolate;filter:drop-shadow(0 30px 70px rgba(0,0,0,.28))}
.growth-radar:before{content:"";position:absolute;inset:42px 2% 48px;border-radius:50%;background:radial-gradient(circle,rgba(38,193,220,.14),rgba(7,42,70,.08) 42%,transparent 69%);filter:blur(1px)}
.growth-radar:after{content:"";position:absolute;left:50%;top:49%;width:76%;aspect-ratio:1;border:1px solid rgba(45,232,253,.09);border-radius:50%;box-shadow:0 0 80px rgba(45,232,253,.08),inset 0 0 55px rgba(45,232,253,.035);transform:translate(-50%,-50%)}
.growth-radar-head{position:absolute;z-index:8;top:10px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;color:#75a4b6;font-size:10px;font-weight:800;letter-spacing:.15em}
.growth-radar-head b{color:#8cf5ff}.growth-radar-head b i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);animation:radarOnline 1.8s ease-in-out infinite}
@keyframes radarOnline{50%{opacity:.4;box-shadow:0 0 5px var(--cyan)}}
.radar-field{position:absolute;z-index:3;left:50%;top:49%;width:min(630px,108%);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}
.radar-rings,.radar-rings i{position:absolute;inset:0;border-radius:50%}
.radar-rings{overflow:hidden;border:1px solid rgba(68,220,239,.21);background:radial-gradient(circle,rgba(24,144,174,.1),rgba(3,27,50,.08) 60%,transparent 72%)}
.radar-rings i{left:50%;top:50%;border:1px solid rgba(63,215,237,.16);transform:translate(-50%,-50%)}
.radar-rings i:nth-child(1){width:24%;height:24%}.radar-rings i:nth-child(2){width:48%;height:48%}.radar-rings i:nth-child(3){width:72%;height:72%}.radar-rings i:nth-child(4){width:96%;height:96%}
.radar-rings:before{content:"";position:absolute;z-index:1;left:50%;top:50%;width:49%;height:49%;transform-origin:0 0;background:conic-gradient(from -15deg at 0 0,rgba(62,232,249,.25),rgba(62,232,249,.055) 32deg,transparent 58deg);animation:growthSweep 5.2s linear infinite}
.radar-rings:after{content:"";position:absolute;z-index:2;left:50%;top:50%;width:48%;height:1px;transform-origin:left;background:linear-gradient(90deg,#8af7ff 0,rgba(45,232,253,.5) 42%,transparent);box-shadow:0 0 9px rgba(45,232,253,.85);animation:growthSweep 5.2s linear infinite}
@keyframes growthSweep{to{transform:rotate(360deg)}}
.radar-cross{position:absolute;z-index:-1;background:linear-gradient(90deg,transparent,rgba(69,217,237,.13),transparent)}.radar-cross-x{left:2%;right:2%;top:50%;height:1px}.radar-cross-y{top:2%;bottom:2%;left:50%;width:1px;background:linear-gradient(transparent,rgba(69,217,237,.13),transparent)}
.radar-core{position:absolute;z-index:5;left:50%;top:50%;display:grid;width:118px;height:118px;place-content:center;border:1px solid rgba(101,240,253,.68);border-radius:50%;color:#efffff;background:rgba(2,24,43,.96);box-shadow:0 0 0 8px rgba(45,232,253,.06),0 0 42px rgba(45,232,253,.3),inset 0 0 32px rgba(45,232,253,.11);text-align:center;transform:translate(-50%,-50%);animation:radarCoreSignal 9s ease-in-out infinite}
.radar-core span{font-size:37px;font-weight:800;line-height:1;text-shadow:0 0 14px rgba(45,232,253,.5)}.radar-core small{margin-top:7px;color:#b8f9ff;font-size:10px;font-weight:800;letter-spacing:.055em;line-height:1.3;text-shadow:0 0 10px rgba(45,232,253,.3)}
.growth-point{position:absolute;z-index:6;cursor:default;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.growth-point>i{position:absolute;left:0;top:0;width:11px;height:11px;border:2px solid #9df9ff;border-radius:50%;background:#20dff3;box-shadow:0 0 0 7px rgba(45,232,253,.08),0 0 20px rgba(45,232,253,.9);animation:pointFound 5.2s ease-in-out infinite;transition:box-shadow .3s ease}.growth-point>span{position:absolute;min-width:145px;padding:9px 12px;border:1px solid rgba(69,221,239,.26);border-radius:10px;color:#ecfeff;background:linear-gradient(110deg,rgba(7,60,88,.91),rgba(3,27,49,.87));box-shadow:0 10px 26px rgba(0,0,0,.2);backdrop-filter:blur(7px);transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}
.growth-point b,.growth-point small{display:block;white-space:nowrap}.growth-point b{font-size:11px}.growth-point small{margin-top:3px;color:#6fa6b8;font-size:8px}.point-seo{left:69%;top:18%}.point-seo>span{left:18px;top:-10px}.point-ads{left:79%;top:54%}.point-ads>span{right:18px;top:16px}.point-conversion{left:52%;top:79%}.point-conversion>span{right:15px;top:17px}.point-speed{left:18%;top:65%}.point-speed>span{left:-22px;bottom:19px}.point-brand{left:23%;top:26%}.point-brand>span{left:-22px;bottom:18px}
.growth-point>i{animation-duration:9s}.point-seo>i{animation-delay:0s}.point-ads>i{animation-delay:-1.8s}.point-conversion>i{animation-delay:-3.6s}.point-speed>i{animation-delay:-5.4s}.point-brand>i{animation-delay:-7.2s}
.point-seo:hover{transform:translate(7px,-7px)}.point-ads:hover{transform:translate(9px,2px)}.point-conversion:hover{transform:translate(2px,9px)}.point-speed:hover{transform:translate(-9px,4px)}.point-brand:hover{transform:translate(-7px,-7px)}
.growth-point:hover>i{animation-play-state:paused;box-shadow:0 0 0 10px rgba(45,232,253,.11),0 0 30px rgba(45,232,253,1)}.growth-point:hover>span{border-color:rgba(107,241,255,.62);background:linear-gradient(110deg,rgba(10,83,113,.96),rgba(4,35,60,.94));box-shadow:0 14px 34px rgba(0,0,0,.27),0 0 24px rgba(45,232,253,.12)}
@keyframes pointFound{0%,70%,100%{opacity:.42;transform:scale(.75)}15%,35%{opacity:1;transform:scale(1.12)}}
@keyframes radarCoreSignal{0%,100%{box-shadow:0 0 0 8px rgba(45,232,253,.06),0 0 42px rgba(45,232,253,.3),inset 0 0 32px rgba(45,232,253,.11)}12%{box-shadow:0 0 0 13px rgba(45,232,253,.035),0 0 58px rgba(45,232,253,.42),inset 0 0 38px rgba(45,232,253,.16)}36%{box-shadow:0 0 0 8px rgba(45,232,253,.06),0 0 42px rgba(45,232,253,.3),inset 0 0 32px rgba(45,232,253,.11)}}
@media(prefers-reduced-motion:reduce){.radar-core,.growth-point>i{animation:none}}
.radar-depth{position:absolute;z-index:8;right:2px;top:104px;bottom:100px;display:flex;flex-direction:column;justify-content:space-between;color:#5596a9;font-size:8px;font-weight:800;letter-spacing:.09em}.radar-depth span{position:relative;padding-right:18px}.radar-depth span:after{content:"";position:absolute;right:0;top:50%;width:11px;height:1px;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}
.seo-submarine{position:absolute;z-index:9;right:65px;bottom:45px;width:108px;height:38px;filter:drop-shadow(0 0 12px rgba(45,232,253,.36));transform:rotate(-4deg);animation:mainSubFloat 4.6s ease-in-out infinite}.seo-sub-body{position:absolute;left:16px;top:9px;width:65px;height:25px;border:1px solid rgba(92,232,246,.7);border-radius:55% 48% 48% 55%;background:linear-gradient(180deg,#0b5771,#062b47);box-shadow:inset 0 2px 5px rgba(255,255,255,.12),0 5px 16px rgba(0,0,0,.35)}.seo-sub-body:before{content:"";position:absolute;left:24px;top:-8px;width:18px;height:9px;border:1px solid rgba(92,232,246,.58);border-bottom:0;border-radius:9px 9px 0 0;background:#073951}.seo-sub-body:after{content:"";position:absolute;left:31px;top:-13px;width:2px;height:7px;background:#67edf9;box-shadow:0 0 7px #45e3f1}.seo-sub-body i{position:absolute;top:7px;right:9px;width:9px;height:9px;border:1px solid #78f3ff;border-radius:50%;background:#06243b;box-shadow:inset 0 0 5px #36deee,0 0 6px rgba(45,232,253,.32)}.seo-sub-body b{position:absolute;left:12px;top:6px;color:#b4f9ff;font-size:8px;font-weight:900;text-shadow:0 0 7px rgba(74,235,249,.55)}.seo-sub-tail{position:absolute;left:77px;top:14px;width:17px;height:17px;border:1px solid rgba(92,232,246,.65);clip-path:polygon(0 20%,100% 0,75% 50%,100% 100%,0 78%);background:#09445f}.seo-sub-light{position:absolute;z-index:2;left:10px;top:18px;width:5px;height:5px;border-radius:50%;background:#e9ffff;box-shadow:0 0 6px #8ff7ff}.seo-sub-light:after{content:"";position:absolute;right:3px;top:-11px;width:62px;height:27px;background:linear-gradient(270deg,rgba(128,244,255,.17),transparent);clip-path:polygon(100% 46%,0 0,0 100%,100% 56%)}.seo-sub-bubbles i{position:absolute;border:1px solid rgba(108,237,249,.55);border-radius:50%}.seo-sub-bubbles i:nth-child(1){right:2px;top:10px;width:5px;height:5px}.seo-sub-bubbles i:nth-child(2){right:-5px;top:2px;width:3px;height:3px}.seo-sub-bubbles i:nth-child(3){right:-9px;top:17px;width:2px;height:2px}
@keyframes mainSubFloat{50%{transform:translate(-9px,-6px) rotate(-2deg)}}
.growth-radar-foot{position:absolute;z-index:8;left:28px;bottom:17px}.growth-radar-foot span,.growth-radar-foot strong{display:block}.growth-radar-foot span{color:#527f91;font-size:8px;letter-spacing:.15em}.growth-radar-foot strong{margin-top:5px;color:#8ff6ff;font-size:12px;letter-spacing:.08em;text-shadow:0 0 13px rgba(45,232,253,.42)}

@media(max-width:1250px) and (min-width:1061px){.desktop-nav{gap:12px;font-size:13px}.header-inner{grid-template-columns:190px minmax(0,1fr) 155px}.header-phone{font-size:14px}.service-bar a{font-size:12px}.growth-point>span{min-width:130px}.growth-point b{font-size:10px}}
@media(max-width:1060px){.header-inner{grid-template-columns:205px 1fr auto}.growth-radar{width:min(720px,100%);min-height:620px}.radar-field{width:min(520px,90%)}}
@media(max-width:760px){.service-bar-inner{height:50px}.service-bar a{padding-inline:20px;font-size:12px}.service-bar a span{font-size:9px}.site-header{top:50px}.header-inner{height:84px}.hero{padding-top:178px}.growth-radar{min-height:530px}.growth-radar-head{left:10px;right:10px;font-size:8px}.radar-field{top:48%;width:min(430px,96%)}.growth-point>span{min-width:105px;padding:7px 8px}.growth-point b{font-size:9px}.growth-point small{font-size:7px}.point-seo>span{left:auto;right:9px;top:-37px}.point-ads>span{right:9px}.point-conversion>span{right:-20px}.point-speed>span{left:0}.point-brand>span{left:0}.radar-depth{display:none}.seo-submarine{right:26px;bottom:34px}.growth-radar-foot{left:12px;bottom:9px}}

/* Modern research vessel for the third block */
.approach{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 48%,rgba(20,151,184,.16),transparent 37%),linear-gradient(145deg,#06152a,#082f50)}
.approach:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 20% 105%,transparent 0 76px,rgba(45,232,253,.038) 77px 78px);pointer-events:none}
.approach-grid{position:relative;grid-template-columns:1.08fr .92fr;gap:76px}
.approach-copy{order:1}.research-vessel{order:2}
.research-vessel{position:relative;min-height:545px;border-block:1px solid rgba(64,218,238,.18);background:radial-gradient(circle at 50% 56%,rgba(45,232,253,.08),transparent 55%);filter:drop-shadow(0 28px 60px rgba(0,0,0,.22))}
.research-vessel:before,.research-vessel:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(45,232,253,.27),transparent)}.research-vessel:before{left:0}.research-vessel:after{right:0}
.vessel-top{position:absolute;z-index:4;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;color:#79a3b3;font-size:9px;font-weight:800;letter-spacing:.14em}.vessel-top b{color:#7ef0fb}.vessel-top i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.vessel-sky{position:absolute;inset:52px 0 95px;overflow:hidden}.vessel-sky:before,.vessel-sky:after,.vessel-sky span{content:"";position:absolute;border:1px solid rgba(45,232,253,.07);border-radius:50%}.vessel-sky:before{left:-60px;top:40px;width:380px;height:380px}.vessel-sky:after{left:21px;top:121px;width:220px;height:220px}.vessel-sky span:nth-child(1){right:13%;top:19%;width:8px;height:8px;box-shadow:0 0 12px rgba(45,232,253,.3)}.vessel-sky span:nth-child(2){right:28%;top:38%;width:4px;height:4px}.vessel-sky span:nth-child(3){left:18%;top:22%;width:5px;height:5px}
.vessel-art{position:absolute;z-index:3;left:50%;top:60px;width:110%;max-width:660px;overflow:visible;transform:translateX(-50%)}
.vessel-float{transform-origin:50% 75%;animation:vesselFloat 5s ease-in-out infinite}.vessel-hull{stroke:#50e0ef;stroke-width:2}.vessel-keel{fill:#041d35}.vessel-deck{fill:#2bc2d5}.vessel-cabin{stroke:#baf9ff;stroke-width:1}.vessel-glass{fill:#07334f;stroke:#43dcec;stroke-width:1}.vessel-window{fill:#9bf7ff;opacity:.68}.vessel-roof,.vessel-aft{fill:#0d7894;stroke:#5ce8f5;stroke-width:1}.vessel-mast,.vessel-radar-line,.vessel-crane{fill:none;stroke:#6aebf6;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.vessel-radar-disc{fill:#0a4563;stroke:#7cf3fc;stroke-width:3}.vessel-module{fill:#0a405d;stroke:#66e9f5;stroke-width:2}.vessel-float text{fill:#bdffff;font-family:Manrope,sans-serif;font-size:14px;font-weight:800;letter-spacing:2px}.vessel-waves path{fill:none;stroke:#3bd8e9;stroke-width:3;opacity:.5;animation:vesselWave 5s linear infinite}.vessel-waves path:last-child{opacity:.22;animation-direction:reverse;animation-duration:7s}.vessel-sonar{opacity:.7;animation:vesselScan 3.8s ease-in-out infinite}.vessel-pings circle{fill:#75f4ff;filter:drop-shadow(0 0 7px #2de8fd);animation:vesselPing 2.4s ease-in-out infinite}.vessel-pings circle:nth-child(2){animation-delay:-.8s}.vessel-pings circle:nth-child(3){animation-delay:-1.5s}
@keyframes vesselFloat{50%{transform:translateY(-6px) rotate(.35deg)}}@keyframes vesselWave{to{transform:translateX(24px)}}@keyframes vesselScan{50%{opacity:.25;transform:scaleX(.75);transform-origin:center}}@keyframes vesselPing{50%{opacity:.25;transform:scale(.55);transform-origin:center}}
.vessel-data{position:absolute;z-index:5;left:26px;right:26px;bottom:23px;display:flex;justify-content:space-between;color:#6595a6;font-size:8px;font-weight:800;letter-spacing:.1em}.vessel-data b{margin-right:7px;color:#d9fdff;font-size:15px;letter-spacing:0;text-shadow:0 0 12px rgba(45,232,253,.3)}
.approach-copy h2{font-size:clamp(43px,4.25vw,64px)}
.approach-route{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-block:1px solid rgba(78,209,228,.16)}.approach-route span{padding:13px 12px;color:#94b6c3;font-size:10px;font-weight:700;text-transform:uppercase}.approach-route span+span{border-left:1px solid rgba(78,209,228,.16)}.approach-route b{display:block;margin-bottom:4px;color:var(--cyan);font-size:9px;letter-spacing:.12em}
@media(max-width:1060px){.approach-grid{grid-template-columns:1fr}.research-vessel{width:min(720px,100%);min-height:525px}.approach-copy{max-width:720px}}
@media(max-width:760px){.approach-copy{order:1}.research-vessel{order:2;min-height:420px}.vessel-top{left:14px;right:14px;font-size:7px}.vessel-art{top:59px;width:122%}.vessel-data{left:14px;right:14px;gap:16px}.vessel-data span{display:grid}.vessel-data b{font-size:13px}.approach-copy ul{gap:8px;margin-top:20px}.approach-route{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.approach-route span{padding:11px 4px;text-align:center;font-size:9px}.approach-route span+span{border-left:1px solid rgba(78,209,228,.16);border-top:0}.approach-route b{font-size:9px;letter-spacing:.08em}}

/* Client proof returns to the light surface used by the services section */
.clients{border-top:0;background:var(--paper)}
.clients:before{inset:0;background:radial-gradient(circle at 82% 18%,rgba(45,192,217,.09),transparent 25%),repeating-radial-gradient(ellipse at 82% 28%,transparent 0 73px,rgba(52,152,181,.045) 74px 75px)}
.clients:after{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:90px;background:linear-gradient(180deg,rgba(6,28,50,.08),transparent);pointer-events:none}
.clients .section-head{padding-top:8px}.clients .section-head.dark h2{color:var(--ink)}.clients .section-head.dark>p{color:var(--muted)}.clients .kicker-cyan{color:#168da3}

/* Client constellation: varied capsules instead of a rigid square grid */
.clients .logos{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-inline:auto}
.clients .logos div{position:relative;flex:1 1 190px;max-width:250px;height:112px;padding:20px 27px;overflow:hidden;border:1px solid rgba(34,128,151,.16);border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(8,48,73,.055);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}
.clients .logos div:nth-child(4n+1){flex-basis:225px}.clients .logos div:nth-child(4n+2){flex-basis:175px}.clients .logos div:nth-child(4n+3){flex-basis:210px}.clients .logos div:nth-child(4n){flex-basis:195px}
.clients .logos div:before{content:"";position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(circle,rgba(45,232,253,.18),transparent 55%);opacity:0;transform:translateX(-28%);transition:opacity .3s ease,transform .45s ease}
.clients .logos div:after{content:"";position:absolute;right:18px;top:50%;width:6px;height:6px;border-radius:50%;background:#24cfe4;box-shadow:0 0 0 0 rgba(45,232,253,.3);opacity:.28;transform:translateY(-50%);transition:.3s}
.clients .logos img{position:relative;z-index:2;max-width:82%;max-height:62px;filter:saturate(.72) contrast(.94);transition:transform .3s ease,filter .3s ease}
.clients .logos div:hover{z-index:2;border-color:rgba(27,194,217,.58);background:#fff;box-shadow:0 20px 45px rgba(8,55,78,.14),0 0 28px rgba(45,232,253,.11);transform:translateY(-7px)}
.clients .logos div:hover:before{opacity:1;transform:translateX(20%)}.clients .logos div:hover:after{opacity:1;box-shadow:0 0 0 8px rgba(45,232,253,.09),0 0 16px rgba(45,232,253,.55)}.clients .logos div:hover img{filter:saturate(1) contrast(1);transform:scale(1.08)}
.clients .facts{gap:13px;margin-top:48px;border:0;border-radius:0;background:transparent;overflow:visible}
.clients .facts div{position:relative;min-height:145px;padding:28px 29px;overflow:hidden;border:1px solid rgba(45,232,253,.28)!important;border-radius:26px;background:radial-gradient(circle at 88% 15%,rgba(45,232,253,.11),transparent 34%),linear-gradient(145deg,#082746,#041224);box-shadow:0 18px 38px rgba(5,35,55,.16),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.clients .facts div:after{content:"";position:absolute;right:-30px;bottom:-45px;width:130px;height:130px;border:1px solid rgba(45,232,253,.09);border-radius:50%;box-shadow:0 0 0 25px rgba(45,232,253,.025)}
.clients .facts div:hover{border-color:rgba(45,232,253,.48)!important;box-shadow:0 22px 44px rgba(5,35,55,.16),0 0 24px rgba(45,232,253,.08);transform:translateY(-5px)}
.clients .facts strong,.clients .facts span{position:relative;z-index:1}.clients .facts strong{color:#5ff2ff;font-size:46px;text-shadow:0 0 10px rgba(45,232,253,.48),0 0 28px rgba(45,232,253,.26)}.clients .facts span{color:#c4dde4;font-size:13px;font-weight:600}
@media(max-width:760px){.clients .logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.clients .logos div,.clients .logos div:nth-child(n){width:auto;max-width:none;height:96px;padding:16px;border-radius:28px}.clients .logos img{max-width:78%;max-height:54px}.clients .facts{gap:10px}.clients .facts div{min-height:132px;padding:21px;border-radius:22px}}

/* One large dark showcase on the light client-section surface */
.clients{padding-inline:18px}
.clients>.container{width:min(1320px,100%);padding:68px 58px 58px;border:1px solid rgba(45,232,253,.2);border-radius:46px;background:radial-gradient(circle at 86% 12%,rgba(45,232,253,.13),transparent 28%),linear-gradient(145deg,#061326,#083454);box-shadow:0 30px 75px rgba(5,34,55,.16),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.clients>.container:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 88% 18%,transparent 0 70px,rgba(45,232,253,.045) 71px 72px);pointer-events:none}
.clients>.container>*{position:relative;z-index:1}
.clients .section-head.dark h2{color:#fff}.clients .section-head.dark>p{color:#a9c1cc}.clients .kicker-cyan{color:#49e7f7}
.clients .logos{gap:16px}
.clients .logos div{flex-basis:205px;max-width:270px;height:145px;padding:24px 30px;border-color:rgba(93,220,237,.2);background:rgba(250,253,253,.97);box-shadow:0 13px 30px rgba(0,0,0,.13)}
.clients .logos div:nth-child(4n+1){flex-basis:245px}.clients .logos div:nth-child(4n+2){flex-basis:195px}.clients .logos div:nth-child(4n+3){flex-basis:225px}.clients .logos div:nth-child(4n){flex-basis:210px}
.clients .logos img{max-width:86%;max-height:76px}
.clients .facts{padding-top:42px;border-top:1px solid rgba(80,213,232,.17)}
.clients .facts div{background:radial-gradient(circle at 88% 15%,rgba(45,232,253,.13),transparent 34%),linear-gradient(145deg,#0a3454,#061a31);box-shadow:0 16px 34px rgba(0,0,0,.18)}
@media(max-width:900px){.clients{padding-inline:10px}.clients>.container{padding:52px 26px 38px;border-radius:36px}}
@media(max-width:760px){.clients{padding-inline:8px}.clients>.container{width:100%;padding:44px 14px 26px;border-radius:30px}.clients .logos{gap:11px}.clients .logos div,.clients .logos div:nth-child(n){height:118px;padding:18px 15px;border-radius:30px}.clients .logos img{max-width:84%;max-height:66px}.clients .facts{padding-top:28px}}

/* Modern client tile grid: the visual weight of the original, rebuilt in the new system */
.clients .logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.clients .logos div,.clients .logos div:nth-child(n){width:auto;max-width:none;height:150px;padding:24px;border:1px solid rgba(71,210,231,.34);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(236,247,249,.97));box-shadow:0 12px 30px rgba(0,0,0,.14),inset 0 0 0 1px rgba(255,255,255,.7);transform:none}
.clients .logos div:after{right:16px;width:7px;height:7px;background:#16cfe6;opacity:.34}
.clients .logos div:hover{border-color:#52e8f8;background:linear-gradient(145deg,#fff,#e4fbfd);box-shadow:0 20px 42px rgba(0,0,0,.2),0 0 0 1px rgba(45,232,253,.18),0 0 28px rgba(45,232,253,.18);transform:translateY(-7px) scale(1.025)}
.clients .logos div:hover:after{box-shadow:0 0 0 9px rgba(45,232,253,.1),0 0 18px rgba(45,232,253,.7)}
.clients .logos img{max-width:86%;max-height:78px}
.clients .logos img[alt="Colizeum Arena"]{max-width:92%;max-height:92px}
@media(max-width:1100px){.clients .logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.clients .logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.clients .logos div,.clients .logos div:nth-child(n){height:125px;padding:17px;border-radius:22px}.clients .logos img{max-width:86%;max-height:68px}}

/* Reviews create a clean surface break before the client showcase */
.reviews{background:#fff}
.reviews .review-card{display:grid;grid-template-columns:.68fr 1.45fr auto;gap:46px;align-items:center;width:100%;max-width:none;min-height:290px;padding:54px 58px;border:1px solid #d7e8ec;border-radius:38px;background:linear-gradient(145deg,#fff,#f4fafb);box-shadow:0 24px 65px rgba(7,52,73,.1)}
.reviews .review-meta{display:block;padding:0 40px 0 0;border:0;border-right:1px solid #d7e8ec}.reviews .review-meta img{max-width:190px;max-height:76px}.reviews .review-meta div{margin-top:24px;text-align:left}.reviews .review-card blockquote{margin:0;color:#314b58;font-size:20px;line-height:1.75}.reviews .review-card>a{display:inline-flex;align-items:center;justify-content:center;min-width:135px;min-height:48px;padding:0 18px;border:1px solid #9bcbd5;border-radius:999px;white-space:nowrap;transition:.25s}.reviews .review-card>a:hover{color:#06172c;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 24px rgba(45,232,253,.22);transform:translateY(-3px)}

/* SEO-style background hierarchy: decoration belongs to the large panel, not every tile */
.clients>.container{background:radial-gradient(circle at 88% 8%,rgba(45,232,253,.16),transparent 29%),radial-gradient(circle at 4% 100%,rgba(21,102,158,.22),transparent 34%),linear-gradient(145deg,#061326,#083454)}
.clients>.container:before{inset:0;background:linear-gradient(115deg,transparent 38%,rgba(45,232,253,.035),transparent 68%)}
.clients>.container:after{content:"";position:absolute;right:-170px;bottom:-250px;width:540px;height:540px;border:1px solid rgba(45,232,253,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(45,232,253,.022),0 0 0 140px rgba(45,232,253,.014);pointer-events:none}
.clients .logos div:before,.clients .logos div:after,.clients .facts div:after{display:none}
.clients .logos div,.clients .logos div:nth-child(n){background:#f8fcfd}
.clients .logos div:hover{background:#fff}
.clients .facts div{background:#082944}
@media(max-width:980px){.reviews .review-card{grid-template-columns:1fr 1.7fr;gap:30px}.reviews .review-card>a{grid-column:1/-1;justify-self:start}.reviews .review-meta{padding-right:28px}}
@media(max-width:760px){.reviews .review-card{display:block;min-height:0;padding:28px 24px;border-radius:27px}.reviews .review-meta{padding:0 0 22px;border:0;border-bottom:1px solid #d7e8ec}.reviews .review-meta div{margin-top:18px}.reviews .review-card blockquote{margin:24px 0;font-size:16px}.reviews .review-card>a{min-height:44px}}

/* The radar remains exclusive to the hero; the vessel section uses depth and water only */
.approach:before{background:linear-gradient(90deg,transparent,rgba(45,232,253,.035) 48%,transparent 72%),repeating-linear-gradient(180deg,transparent 0 124px,rgba(45,232,253,.025) 125px 126px)}
.vessel-sky:before,.vessel-sky:after{display:none}

/* Stronger, centered client-result metrics */
.clients .facts div{display:grid;align-content:center;justify-items:center;text-align:center}
.clients .facts strong{font-size:50px;line-height:1;text-shadow:0 0 8px rgba(45,232,253,.48),0 0 20px rgba(45,232,253,.22)}
.clients .facts span{max-width:190px;margin-top:16px;color:#d8edf2;font-size:15px;font-weight:650;line-height:1.5}
@media(max-width:760px){.clients .facts strong{font-size:40px}.clients .facts span{margin-top:13px;font-size:13px;line-height:1.45}}

/* Documentary review showcase */
.reviews{scroll-margin-top:138px}
.reviews .review-card{display:grid;grid-template-columns:minmax(340px,.4fr) minmax(0,.6fr);gap:0;min-height:580px;padding:0;border-color:#c7dfe5;border-radius:36px;background:#eef6f8;box-shadow:0 30px 80px rgba(4,42,64,.14);overflow:hidden}
.reviews .review-card>.review-scan{position:relative;display:grid;min-width:0;min-height:0;padding:38px;place-items:center;border:0;border-radius:0;background:linear-gradient(145deg,#e8f3f5,#f9fcfc);overflow:hidden;transition:none}
.review-scan:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(45,194,218,.13),transparent 33%);pointer-events:none}
.review-scan img{position:relative;z-index:1;display:block;width:auto;max-width:100%;height:500px;max-height:500px;border:1px solid rgba(72,166,188,.2);border-radius:12px;clip-path:none;object-fit:contain;background:#fff;filter:drop-shadow(0 18px 25px rgba(9,44,61,.2));transition:transform .35s ease,filter .35s ease}
.review-scan>span{position:absolute;z-index:2;left:48px;bottom:40px;padding:10px 14px;border:1px solid rgba(66,176,197,.32);border-radius:999px;color:#174f62;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(8,53,72,.1);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}
.review-scan:hover img{filter:drop-shadow(0 24px 34px rgba(9,44,61,.26));transform:translateY(-5px) scale(1.02)}
.review-content{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:62px;color:#fff;background:radial-gradient(circle at 92% 10%,rgba(45,232,253,.13),transparent 32%),linear-gradient(145deg,#06162b,#073553);overflow:hidden}
.review-content:before{content:"“";position:absolute;right:42px;top:8px;color:rgba(92,235,249,.12);font-size:190px;font-weight:800;line-height:1}
.reviews .review-content .review-meta{position:relative;z-index:1;display:flex;align-items:center;gap:25px;padding:0 0 28px;border:0;border-bottom:1px solid rgba(93,211,229,.19)}
.reviews .review-content .review-meta img{width:auto;max-width:220px;max-height:88px;padding:8px 10px;border-radius:12px;background:#fff;object-fit:contain}
.reviews .review-content .review-meta div{margin:0;text-align:left}.reviews .review-content .review-meta strong{color:#f3feff;font-size:18px}.reviews .review-content .review-meta span{color:#91b2c0;font-size:12px}
.reviews .review-content blockquote{position:relative;z-index:1;margin:34px 0;color:#e0f0f4;font-size:21px;font-weight:520;line-height:1.75}
.review-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding-top:27px;border-top:1px solid rgba(93,211,229,.19)}.review-footer>span{color:#83adbb;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.review-footer>span i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.review-footer>a{color:#87f3fd;font-size:12px;font-weight:800}.review-footer>a:hover{color:#fff;text-shadow:0 0 12px rgba(45,232,253,.7)}.review-footer>a b{margin-left:7px}
@media(max-width:900px){.reviews{scroll-margin-top:96px}.reviews .review-card{grid-template-columns:1fr;min-height:0}.review-scan{min-height:500px}.review-scan img{height:440px;max-height:440px}.review-content{padding:42px}.reviews .review-content blockquote{font-size:18px}}
@media(max-width:760px){.reviews .review-card{display:grid;padding:0;border-radius:28px}.review-scan{min-height:390px;padding:22px}.review-scan img{height:350px;max-height:350px;border-radius:9px}.review-scan>span{left:30px;bottom:25px;font-size:8px}.review-content{padding:30px 24px}.reviews .review-content .review-meta{align-items:flex-start;flex-direction:column}.reviews .review-content .review-meta div{margin:0}.reviews .review-content blockquote{margin:26px 0;font-size:16px}.review-footer{align-items:flex-start;flex-direction:column}}

/* Stronger client-section introduction */
.clients .section-head.dark>p{max-width:520px;padding:4px 0 4px 22px;border-left:3px solid #4fddea;color:#c7dce4;font-size:19px;font-weight:550;line-height:1.65}
@media(max-width:760px){.clients .section-head.dark>p{padding-left:16px;font-size:16px}}

/* Luminous company-tile hover without background ornaments */
.clients .logos div:hover{z-index:3;border-color:#69effc;box-shadow:0 17px 34px rgba(0,0,0,.16),0 0 0 1px rgba(91,237,251,.24),0 0 22px rgba(45,232,253,.22);transform:translateY(-3px)}
.clients .logos div:hover img{filter:saturate(1.05) contrast(1.03) drop-shadow(0 4px 10px rgba(19,124,148,.13));transform:scale(1.05)}

/* Scrollable official-review documents */
.review-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:-25px 0 24px}.review-controls button{display:grid;width:48px;height:48px;padding:0;place-items:center;border:1px solid #bdd8de;border-radius:50%;color:#143c4c;background:#fff;font-size:20px;cursor:pointer;transition:.25s}.review-controls button:hover{color:#06172c;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 24px rgba(45,232,253,.25);transform:translateY(-2px)}.review-controls>span{min-width:58px;color:#7895a0;font-size:11px;font-weight:700;text-align:center}.review-controls b{color:#168da3;font-size:16px}
.review-track{display:flex;gap:22px;overflow-x:auto;padding:5px 3px 30px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.review-track::-webkit-scrollbar{display:none}
.review-track .review-card{flex:0 0 calc(100% - 6px);scroll-snap-align:start}
.reviews .section-head h2,.capabilities .section-head h2,.blog .section-head h2{color:#102a42;font-weight:500}.reviews .section-head h2 em,.capabilities .section-head h2 em{color:#6d9eac}

/* Editorial blog — one lead story and a compact reading list. */
.blog{position:relative;overflow:hidden}
.blog:before{content:"";position:absolute;right:-180px;top:-210px;width:510px;height:510px;border:1px solid rgba(45,177,202,.08);border-radius:50%;box-shadow:0 0 0 74px rgba(45,177,202,.025),0 0 0 148px rgba(45,177,202,.018);pointer-events:none}
.blog .container{position:relative;z-index:1}
.blog .blog-head{grid-template-columns:minmax(0,1.05fr) minmax(280px,.8fr) auto;align-items:end;margin-bottom:42px}
.blog .blog-head h2{font-size:clamp(46px,5.2vw,72px);line-height:.98}
.blog .blog-head h2 em{color:#5597a9;font-style:normal}
.blog-intro{max-width:430px;margin:0;padding-left:20px;border-left:2px solid #35cde7;color:#6d7f8d;font-size:15px;line-height:1.65}
.blog-grid{display:grid;grid-template-columns:1.28fr 1.72fr;gap:15px}
.blog-more-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
@media(min-width:1061px){
  .blog-more-track{height:100%;grid-template-rows:repeat(2,minmax(0,1fr))}
  .blog-more-track .blog-card{min-height:0}
}

/* Keep the main-page radar calm enough to read the adjacent hero copy. */
.growth-radar .radar-rings::before,.growth-radar .radar-rings::after{animation-duration:8s}
.blog-grid .blog-card{position:relative;display:flex;min-height:270px;padding:27px;overflow:hidden;flex-direction:column;border:1px solid rgba(58,145,166,.18);border-radius:22px;color:#102a42;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(18,49,67,.055);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease}
.blog-grid .blog-card:before{content:"";position:absolute;right:-70px;bottom:-82px;width:185px;height:185px;border:1px solid rgba(44,184,209,.12);border-radius:50%;box-shadow:0 0 0 34px rgba(44,184,209,.025);transition:transform .35s ease,border-color .25s ease}
.blog-grid .blog-card:hover{transform:translateY(-4px);border-color:rgba(39,183,210,.5);background:#fff;box-shadow:0 24px 55px rgba(17,63,84,.12),0 0 24px rgba(45,210,235,.055)}
.blog-grid .blog-card:hover:before{border-color:rgba(44,184,209,.25);transform:scale(1.08)}
.blog-grid .blog-card-featured{min-height:390px;grid-row:span 2;color:#fff;background:linear-gradient(145deg,#08233b,#0a4667)}
.blog-grid .blog-card-featured:after{content:"01";position:absolute;right:25px;top:48px;color:rgba(100,225,242,.2);font-size:78px;font-weight:800;line-height:1}
.blog-grid .blog-card-featured:hover{background:linear-gradient(145deg,#092943,#0b4e70)}
.blog-card-meta{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}
.blog-card-meta span{color:#168ca5;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.blog-card-meta time{color:#6e9aa5;font-size:9px;font-weight:800;letter-spacing:.08em}
.blog-card-featured .blog-card-meta span,.blog-card-featured .blog-card-meta time{color:#6ee8f6}
.blog-grid .blog-card h3{max-width:470px;margin:auto 0 12px;font-size:20px;line-height:1.34}
.blog-grid .blog-card-featured h3{font-size:clamp(30px,2.7vw,42px);line-height:1.12}
.blog-grid .blog-card p{position:relative;z-index:1;max-width:480px;margin:0 42px 0 0;color:#71828e;font-size:12px;line-height:1.65}
.blog-grid .blog-card-featured p{color:#a9c5d0;font-size:14px}
.blog-grid .blog-card i{position:absolute;right:24px;bottom:23px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(38,159,183,.26);border-radius:50%;color:#188fa7;font-size:15px;font-style:normal;transition:color .25s ease,background-color .25s ease,border-color .25s ease}
.blog-grid .blog-card-featured i{color:#64e4f3;border-color:rgba(100,228,243,.3)}
.blog-grid .blog-card:hover i{color:#07233a;border-color:#31d5ec;background:#31d5ec}
.blog .dark-link{display:inline-flex;align-items:center;gap:5px}
.blog .dark-link .blog-link-label{position:relative;margin:0;color:inherit}
.blog .dark-link .blog-link-label:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:#1da9c2;box-shadow:0 0 8px rgba(45,210,235,.28);transition:right .24s ease}
.blog .dark-link:hover .blog-link-label:after{right:0}
.blog .dark-link>span:last-child{margin:0;color:#1da9c2;transition:transform .24s ease}
.blog .dark-link:hover>span:last-child{transform:translateX(3px)}

.to-top{position:fixed;z-index:9998;left:24px;right:auto;bottom:24px;display:grid;width:50px;height:50px;padding:0;place-items:center;border:1px solid rgba(91,227,242,.42);border-radius:50%;color:#c9fbff;background:rgba(4,25,45,.94);box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 20px rgba(45,232,253,.08);backdrop-filter:blur(10px);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .22s ease,visibility .22s ease,transform .22s ease,background .22s ease,border-color .22s ease}
.to-top.visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.to-top svg{width:21px;height:21px}
@media(hover:hover){.to-top:hover{color:#031323;background:#58e7f4;border-color:#58e7f4;transform:translateY(-3px)}}

@media(max-width:1060px){
  .blog .blog-head{grid-template-columns:1fr auto}
  .blog-intro{grid-column:1/-1;grid-row:2;margin-top:18px}
  .blog-grid{grid-template-columns:1fr}
  .blog-grid .blog-card-featured{min-height:330px;grid-row:auto}
}
@media(max-width:760px){
  .blog:before{display:none}
  .blog .blog-head{grid-template-columns:1fr;gap:20px;margin-bottom:30px}
  .blog .blog-head h2{font-size:clamp(42px,13vw,58px)}
  .blog-intro{grid-column:auto;grid-row:auto;margin-top:0;padding-left:15px;font-size:14px}
  .blog .dark-link{justify-self:start}
  .blog-grid{display:block}
  .blog-more-track{display:flex;width:calc(100% + 14px);gap:12px;margin-top:12px;padding:0 14px 18px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .blog-more-track::-webkit-scrollbar{display:none}
  .blog-more-track .blog-card{flex:0 0 82vw;scroll-snap-align:start}
  .blog-grid .blog-card,.blog-grid .blog-card-featured{min-height:0;grid-row:auto;padding:23px 22px}
  .blog-grid .blog-card-featured{min-height:255px}
  .blog-grid .blog-card:not(.blog-card-featured){min-height:174px}
  .blog-grid .blog-card-featured:after{right:18px;font-size:62px}
  .blog-grid .blog-card h3{margin:34px 40px 10px 0;font-size:18px}
  .blog-grid .blog-card-featured h3{margin-top:auto;font-size:27px}
  .blog-grid .blog-card p{margin-right:28px;font-size:11px;line-height:1.55}
  .blog-grid .blog-card-featured p{font-size:12px}
  .blog-grid .blog-card i{right:18px;bottom:18px;width:31px;height:31px}
  .to-top{left:16px;bottom:60px;width:46px;height:46px;box-shadow:none}
}

/* Mobile reviews: the document stage spans the card and the sheet is centred. */
@media(max-width:760px){
  .reviews .review-card>.review-scan{width:100%;justify-self:stretch}
  .reviews .review-card>.review-scan img{justify-self:center;margin-inline:auto}
}

.clients-toggle{display:none}
@media(max-width:760px){
  .clients .logos:not(.expanded)>div:nth-child(n+9){display:none}
  .clients-toggle{display:inline-flex;margin:22px auto 0;padding:5px 0 8px;align-items:center;gap:8px;border:0;border-bottom:1px solid transparent;color:#c9e9ef;background:transparent;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:color .22s ease,border-color .22s ease,text-shadow .22s ease}
  .clients-toggle:hover,.clients-toggle:focus-visible{color:#62effb;border-bottom-color:#48dfee;text-shadow:0 0 12px rgba(45,232,253,.28);outline:0}
  .clients-toggle i{color:#49e7f7;font-style:normal;transition:transform .25s ease}
  .clients-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
}
@media(max-width:760px){.review-controls{justify-content:flex-end;margin:-12px 0 19px}.review-controls button{width:44px;height:44px}.review-track{width:calc(100% + 14px);gap:14px}.review-track .review-card{flex-basis:89%;scroll-snap-align:center}}

/* Keep the radar result readable and balance the two lower opportunity cards */
.radar-core{z-index:8;width:124px;height:124px;padding:18px}
.radar-core small{max-width:88px;margin-inline:auto;line-height:1.2}
.point-seo{left:65%}
.point-ads{left:32%;top:61%}
.point-ads>span{left:auto;right:9px;top:auto;bottom:10px}
.point-speed{left:90%;top:64%}
.point-speed>span{right:15px;left:auto;top:16px;bottom:auto}
.growth-point small{font-size:9px}

/* Hide the collapsed hover underline so it cannot look like a stray cyan dot */
.service-bar a:before{opacity:0}
.service-bar a:hover:before{opacity:1}

@media(max-width:760px){
  .radar-core{width:116px;height:116px;padding:16px}
  .point-ads{left:35%;top:60%}
  .point-ads>span{left:auto;right:7px;top:auto;bottom:9px}
  .point-speed{left:86%;top:66%}
  .point-speed>span{right:9px;left:auto;top:16px;bottom:auto}
  .growth-point small{font-size:8px}
}

/* Reviews: neutral document hover and two clearly rounded surfaces */
.reviews .review-card{gap:18px;padding:18px}
.reviews .review-card>.review-scan{border-radius:26px;background:linear-gradient(145deg,#f2f7f8,#fff)}
.reviews .review-card>.review-scan:hover{color:inherit;border:0;background:linear-gradient(145deg,#f2f7f8,#fff);box-shadow:none;transform:none}
.review-scan:before{display:none}
.review-content{border-radius:26px}
.review-scan:hover img{filter:drop-shadow(0 20px 28px rgba(9,44,61,.2));transform:scale(1.012)}

/* Brighter footer while preserving the restrained deep-sea palette */
.current-footer{background:#020c1b}
.footer-contact{border-bottom-color:#1a4159;background:linear-gradient(110deg,#06172e,#082842)}
.footer-contact img{filter:drop-shadow(0 0 9px rgba(45,232,253,.38)) drop-shadow(0 0 24px rgba(45,232,253,.13))}
.footer-contact a,.footer-contact span{color:#b5ced8}
.footer-contact a:first-of-type{color:#f0fdff;text-shadow:0 0 13px rgba(45,232,253,.22)}
.footer-directory strong{color:#aef7ff;text-shadow:0 0 13px rgba(45,232,253,.24)}
.footer-directory a{color:#9bb7c4;font-size:11.5px;transition:color .2s ease,text-shadow .2s ease,transform .2s ease}
.footer-directory a:hover,.footer-contact a:hover{color:#61effc;text-shadow:0 0 12px rgba(45,232,253,.48)}
.footer-directory a:hover{transform:translateX(3px)}
.footer-legal{border-top-color:#1a4159}
.footer-legal span,.footer-legal a{color:#7f9cab}
.footer-legal a:hover{color:#61effc;text-shadow:0 0 10px rgba(45,232,253,.4)}

@media(max-width:760px){
  .reviews .review-card{gap:12px;padding:12px}
  .reviews .review-card>.review-scan,.review-content{border-radius:20px}
}

/* Restrained document hover: lift, depth and a precise cyan accent */
.review-scan img{transition:transform .32s cubic-bezier(.2,.75,.25,1),filter .32s ease,border-color .32s ease,box-shadow .32s ease}
.review-scan>span{transition:color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease}
.reviews .review-card>.review-scan:hover img{border-color:rgba(45,211,232,.7);box-shadow:0 0 0 1px rgba(45,232,253,.16);filter:drop-shadow(0 25px 34px rgba(6,40,57,.28));transform:translateY(-5px) scale(1.016)}
.reviews .review-card>.review-scan:hover>span{color:#0b5368;border-color:rgba(45,211,232,.72);background:#f8feff;box-shadow:0 9px 26px rgba(10,89,109,.16),0 0 18px rgba(45,232,253,.13);transform:translateY(-2px)}

/* Footer colors aligned with the original site */
.footer-contact{background:linear-gradient(110deg,#06172e,#082842)}
.footer-directory{background:#020c1b}
.footer-contact{border-bottom-color:rgba(112,144,190,.22)}
.footer-contact img{filter:brightness(1.08) saturate(1.08) drop-shadow(0 0 8px rgba(45,232,253,.3))}
.footer-contact a,.footer-contact span,.footer-contact a:first-of-type{color:#2de8fd;text-shadow:none}
.footer-contact a:first-of-type{font-size:17px}
.footer-directory strong{color:#2de8fd;font-size:12px;font-weight:800;text-shadow:none}
.footer-directory a{color:#9bb7c4;font-size:12px;font-weight:520}
.footer-directory a:hover,.footer-contact a:hover{color:#7cf4ff;text-shadow:0 0 11px rgba(45,232,253,.48)}
.footer-legal{border-top-color:rgba(112,144,190,.2);background:#000}
.footer-legal span,.footer-legal a{color:#9296a4;font-size:12px}
.footer-legal a:hover{color:#d6faff}

/* Review document opens as a restrained lightbox instead of showing a label */
.review-scan{cursor:zoom-in}
.reviews .review-card>.review-scan:hover img{border-color:rgba(72,166,188,.2);box-shadow:none;filter:drop-shadow(0 29px 38px rgba(6,40,57,.3));transform:translateY(-7px) scale(1.03)}
.review-lightbox{position:fixed;z-index:2147483645;inset:0;display:grid;padding:24px;place-items:center;background:rgba(1,10,22,.86);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.review-lightbox.open{opacity:1;visibility:visible}
.review-lightbox-frame{display:grid;width:max-content;max-width:92vw;height:auto;max-height:88vh;padding:16px;place-items:center;border-radius:22px;background:#f7fafb;box-shadow:0 30px 90px rgba(0,0,0,.48);transform:translateY(12px) scale(.985);transition:transform .28s cubic-bezier(.2,.75,.25,1)}
.review-lightbox.open .review-lightbox-frame{transform:none}
.review-lightbox-frame img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(88vh - 32px);border-radius:10px;object-fit:contain;background:#fff}
.review-lightbox>button{position:absolute;z-index:2;right:max(24px,calc((100vw - 960px)/2 - 54px));top:24px;display:grid;width:46px;height:46px;padding:0;place-items:center;border:1px solid rgba(179,229,237,.42);border-radius:50%;color:#eaffff;background:#08253d;font-size:28px;line-height:1;cursor:pointer;transition:.2s}
.review-lightbox>button:hover{color:#031326;border-color:#67effb;background:#67effb;transform:rotate(6deg)}
body.lightbox-open{overflow:hidden}
@media(max-width:760px){.review-lightbox{padding:12px}.review-lightbox-frame{width:max-content;max-width:94vw;height:auto;max-height:86vh;padding:10px;border-radius:17px}.review-lightbox-frame img{max-height:calc(86vh - 20px)}.review-lightbox>button{right:17px;top:17px;width:42px;height:42px}}

/* Matching hover underline for the hero's secondary action */
.hero-actions .text-link{position:relative;padding-bottom:7px;transition:color .22s ease,text-shadow .22s ease}
.hero-actions .text-link:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--cyan);box-shadow:0 0 9px rgba(45,232,253,.72);transition:right .25s ease}
.hero-actions .text-link:hover{color:#efffff;text-shadow:0 0 13px rgba(45,232,253,.35)}
.hero-actions .text-link:hover:after{right:0}

/* Shared editorial divider for introductory copy on light sections */
.services .section-head>p,.capabilities .section-head>p,.process .section-head>p,.technologies .section-head>p{max-width:560px;padding:5px 0 5px 22px;border-left:3px solid #75b7c3}
.process .section-head>p,.technologies .section-head>p{border-left-color:#4fddea}
@media(max-width:760px){.services .section-head>p,.capabilities .section-head>p,.process .section-head>p,.technologies .section-head>p{padding-left:16px;border-left-width:2px}}
.technologies .section-head>p{padding-left:30px}
@media(max-width:760px){.technologies .section-head>p{padding-left:20px}}

/* Equal hover indicators for the four primary service categories */
.service-bar a:before{left:50%;right:auto;width:0;opacity:0;transform:translateX(-50%);transition:width .25s ease,opacity .2s ease}
.service-bar a:hover:before{right:auto;width:min(210px,78%);opacity:1}

/* Underline only the words, leaving the arrow outside the hover indicator */
.hero-actions .text-link:after{display:none}
.hero-actions .text-link-label{position:relative;margin-left:0;color:inherit}
.hero-actions .text-link-label:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--cyan);box-shadow:0 0 9px rgba(45,232,253,.72);transition:right .25s ease}
.hero-actions .text-link:hover .text-link-label:after{right:0}

/* Keep the opportunity labels legible at a glance on desktop and touch screens. */
.growth-point>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:155px;text-align:center}
.growth-point b,.growth-point small{position:relative;top:-1px}
.growth-point b{font-size:14px}
.growth-point small{color:#9ac4d0;font-size:11px}
@media(max-width:1250px) and (min-width:1061px){.growth-point b{font-size:13px}.growth-point small{font-size:10px}}
@media(max-width:760px){.growth-point b{font-size:11.5px}.growth-point small{font-size:9.5px}}

/* Reviews should sit cleanly on the white section without a grey outer halo */
.reviews .review-card{box-shadow:none}

/* Service cards: alternating surfaces with a full-card link and inverse hover */
.service-grid .service-card{position:relative;display:flex;min-height:360px;padding:29px;align-items:center;flex-direction:column;border:1px solid rgba(59,145,166,.2);border-radius:24px;cursor:pointer;text-align:center;box-shadow:0 0 28px rgba(45,232,253,.035);transition:color .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease;will-change:transform}
.service-grid .service-card:before{content:"";position:absolute;inset:-7px}
.service-grid .service-card>span{color:#5f96a5;font-size:10px;font-weight:800;letter-spacing:.14em}
.service-grid .service-card h3{display:flex;width:100%;min-height:53px;align-items:center;justify-content:center}
.service-grid .service-card p{width:100%;transition:color .28s ease}
.service-grid .service-card-light{color:#102a42;background:#fff}
.service-grid .service-card-light:hover{color:#102a42;border-color:rgba(45,205,226,.52);background:linear-gradient(155deg,#fff 15%,#edf9fb 100%);box-shadow:0 20px 42px rgba(10,69,91,.13),0 0 25px rgba(45,232,253,.09);transform:translateY(-5px)}
.service-grid .service-card-light:hover p{color:#607784}
.service-grid .service-card-dark{color:#fff;border-color:rgba(45,232,253,.3);background:#0a2741}
.service-grid .service-card-dark p{color:#aec2ce}
.service-grid .service-card-dark .service-art img{filter:drop-shadow(0 0 18px rgba(45,232,253,.2))}
.service-grid .service-card-dark:hover{color:#fff;border-color:rgba(45,232,253,.5);background:#0d3552;box-shadow:0 20px 44px rgba(3,28,51,.22),0 0 30px rgba(45,232,253,.14);transform:translate3d(0,-3px,0)}
.service-grid .service-card-dark:hover p{color:#c1d3dc}
.service-grid .service-card-light h3,.service-grid .service-card-light:hover h3{color:#168da3}
.service-grid .service-card-dark h3,.service-grid .service-card-dark:hover h3{color:#83eefa;text-shadow:0 0 14px rgba(45,232,253,.18)}
.service-grid .service-card-light>span,.service-grid .service-card-light:hover>span{color:#378b9f}
.service-grid .service-card-dark>span,.service-grid .service-card-dark:hover>span{color:#75ddea;text-shadow:0 0 10px rgba(45,232,253,.22)}
.service-grid .service-card .service-art img{transition:transform .28s ease,filter .28s ease}
.service-grid .service-card:hover .service-art img{transform:scale(1.035)}
.service-grid .service-card .service-art{height:138px;margin:14px 0 18px}
.service-grid .service-card .service-art img{display:block;width:165px;height:132px;max-width:100%;max-height:132px;object-fit:contain}
.service-grid .service-card:first-child .service-art img{position:relative;top:-20px;width:200px;height:160px;max-height:160px}
.service-grid .service-card:nth-child(2) .service-art img{filter:drop-shadow(0 0 18px rgba(45,232,253,.2));backface-visibility:hidden}
@media(max-width:760px){.service-grid .service-card{min-height:300px}}

/* Version 2: reviews use the centred, edge-to-edge carousel rhythm of the SEO cases */
.reviews{overflow:hidden}
.reviews .review-track{width:100vw;margin-left:calc(50% - 50vw);gap:22px;padding:8px max(20px,calc((100vw - min(84vw,1100px))/2)) 34px;scroll-padding-inline:max(20px,calc((100vw - min(84vw,1100px))/2));cursor:grab;user-select:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.reviews .review-track:active,.reviews .review-track.is-dragging{cursor:grabbing}
.reviews .review-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto}
.reviews .review-track .review-card{flex:0 0 min(84vw,1100px);scroll-snap-align:center}
@media(max-width:760px){.reviews .review-track{gap:14px;padding-inline:22px;scroll-padding-inline:22px}.reviews .review-track .review-card{flex-basis:78vw}}

/* Reuse the original DeepDive process illustrations in the refreshed cards */
.process-grid article{display:flex;align-items:center;flex-direction:column;text-align:center}
.process-icon{display:grid;width:100%;height:122px;margin:12px 0 18px;place-items:center}
.process-icon img{display:block;width:auto;max-width:145px;max-height:116px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.22))}
.process-grid h3{min-height:58px;margin:0 0 15px}
.process-grid article{color:#102a42;border-color:rgba(83,175,197,.24);background:linear-gradient(145deg,#fff,#eef7f9);box-shadow:0 18px 42px rgba(0,0,0,.14)}
.process-grid article:hover{border-color:rgba(45,216,237,.68);background:#fff;box-shadow:0 22px 48px rgba(0,0,0,.18),0 0 26px rgba(45,232,253,.1)}
.process-grid article>p{color:#627782}
.process-grid article>b{color:#168da3}

/* Keep radar labels concise; reveal the supporting line on hover or keyboard/touch focus */
.growth-point>span{overflow:hidden}
.growth-point small{max-height:0;margin-top:0;opacity:0;transform:translateY(-3px);transition:max-height .22s ease,margin .22s ease,opacity .22s ease,transform .22s ease}
.growth-point:hover small,.growth-point:focus small,.growth-point:focus-within small{max-height:24px;margin-top:3px;opacity:1;transform:translateY(0)}
.growth-point:focus{outline:none}
.growth-radar-foot strong{margin-top:0}

.growth-radar-foot{bottom:30px}
@media(min-width:761px){.growth-radar-foot{left:auto;right:174px}}
@media(max-width:760px){.growth-radar-foot{bottom:21px}}

/* Keep the route caption beside the vessel rather than on a separate baseline. */
@media(min-width:761px) and (max-width:1366px){.growth-radar-foot{left:auto;right:185px;bottom:55px}}
@media(max-width:760px){.growth-radar-foot{left:auto;right:calc(135px + 8%);bottom:48px}}

/* SEO label: preserve its original side, only place it slightly lower */
.point-seo>span{top:2px}
@media(max-width:760px){.point-seo>span{left:2px;right:auto;top:-25px;min-width:98px}}

/* Mobile radar: keep tap-expanded labels inside their own sectors. */
@media(max-width:760px){
  .growth-point>span{width:128px;min-width:0}
  .growth-point small{white-space:normal;line-height:1.25}
  .growth-point:hover,.growth-point:focus,.growth-point:focus-within{z-index:10}
  .point-ads{top:57%}
  .point-ads>span{right:21px;width:112px}
  .point-brand>span{left:-22px;bottom:12px}
  .point-seo>span{left:-14px;top:-31px}
  .point-speed>span{right:-3px}
  .point-conversion>span{right:-14px}
}
@media(max-width:360px){.growth-point>span{width:112px}}
@media(max-width:360px){.point-ads>span{right:31px;width:85px}}
@media(min-width:761px){.point-speed>span{right:7px}}

/* Match service pages: keep the first screen in two columns on landscape
   tablets, and stack it only at the shared compact-width boundary. */
@media(max-width:1050px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-copy{width:100%;min-width:0}
  .growth-radar{width:min(720px,100%);min-height:620px}
  .radar-field{width:min(520px,90%)}
}
@media(min-width:1051px){
  .hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)}
  .hero-copy{transform:translateY(-22px)}
}
@media(min-width:1051px) and (max-width:1279px){
  .hero-grid{gap:30px}
  .growth-radar{width:100%;min-width:0;justify-self:end}
  .radar-field{width:min(100%,500px)}
}

/* Slightly stronger technical captions on the desktop hero */
@media(min-width:761px){
  .depth-ticker span{font-size:9px;letter-spacing:.14em}
  .depth-ticker div{gap:46px}
  .growth-radar-head{font-size:11px}
  .radar-depth{font-size:9px}
  .radar-rings{inset:0;transform:scale(1.012);transform-origin:center}
}
.growth-radar-head>span,.growth-radar-head>b{white-space:nowrap}
@media(min-width:1280px){
  .hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)}
  .hero-copy{min-width:0}
  .growth-radar{width:450px;justify-self:end}
  .radar-field{width:410px}
}

/* Mobile header: the service directory lives in the hamburger menu */
@media(max-width:760px){
  .service-bar{display:none}
  .site-header{top:0}
  .hero{padding-top:128px}
  .hero-grid{gap:8px}
  .depth-ticker{margin-bottom:20px}
  .depth-ticker div{gap:24px;padding-inline:14px;animation-name:depthTickerMobile;animation-duration:13s}
  .depth-ticker span{font-size:8.5px;letter-spacing:.14em}
  .growth-radar{margin-top:0}
  .radar-field{top:43%}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  .depth-ticker div{width:100%;justify-content:space-between;gap:8px;padding-inline:14px;animation:none}
  .depth-ticker span[aria-hidden=true]{display:none}
}

/* Separate the long-term client proof from the darker approach section */
.clients{border-top:1px solid rgba(45,205,226,.28);background:linear-gradient(180deg,#e7f2f5 0%,#f3f7f8 24%,#f3f7f8 100%)}
.clients:after{top:0;height:2px;background:linear-gradient(90deg,transparent 4%,rgba(67,224,241,.82) 32%,rgba(67,224,241,.82) 68%,transparent 96%);box-shadow:0 0 20px rgba(45,232,253,.3)}
.clients>.container{border-color:rgba(73,221,239,.28);background:radial-gradient(circle at 86% 10%,rgba(76,235,248,.2),transparent 31%),radial-gradient(circle at 5% 100%,rgba(31,137,196,.28),transparent 36%),linear-gradient(145deg,#0a2947,#0d4766);box-shadow:0 30px 75px rgba(5,34,55,.18),0 0 38px rgba(45,232,253,.07),inset 0 1px 0 rgba(255,255,255,.06)}

/* Normalize the perceived size of source logos with generous inner whitespace */
.clients .logos div:nth-child(4) img{width:100%;max-width:none;height:100px;max-height:none;object-fit:contain;transform:scale(1.65)}
.clients .logos div:nth-child(5) img{width:100%;max-width:none;height:94px;max-height:none;object-fit:contain;transform:scale(1.55)}
.clients .logos div:nth-child(10) img{width:112px;max-width:none;height:112px;max-height:none;object-fit:contain;transform:scale(1.55)}
.clients .logos div:nth-child(4):hover img{transform:scale(1.7)}
.clients .logos div:nth-child(5):hover img{transform:scale(1.61)}
.clients .logos div:nth-child(10):hover img{transform:scale(1.61)}
@media(min-width:761px){
  .clients .logos div:nth-child(1) img{width:100%;max-width:none;height:88px;max-height:none;object-fit:contain;transform:scale(1.1)}
  .clients .logos div:nth-child(11) img{width:100%;max-width:none;height:82px;max-height:none;object-fit:contain;transform:scale(1.1)}
  .clients .logos div:nth-child(14) img{width:100%;max-width:none;height:76px;max-height:none;object-fit:contain;transform:scale(1.08)}
  .clients .logos div:nth-child(15) img{width:100%;max-width:none;height:90px;max-height:none;object-fit:contain;transform:scale(1.15)}
  .clients .logos div:nth-child(1):hover img{transform:scale(1.16)}
  .clients .logos div:nth-child(11):hover img{transform:scale(1.16)}
  .clients .logos div:nth-child(14):hover img{transform:scale(1.14)}
  .clients .logos div:nth-child(15):hover img{transform:scale(1.21)}
}
@media(max-width:760px){
  .clients .logos div:nth-child(4) img{height:72px}
  .clients .logos div:nth-child(5) img{height:76px}
  .clients .logos div:nth-child(10) img{width:80px;height:80px}
}

/* Keep client marks optically stable: hover belongs to the card, not the bitmap. */
.clients .logos img{filter:none;transition:none;backface-visibility:hidden}
.clients .logos div:hover img{filter:none;transform:none}
.clients .logos div:nth-child(4) img,.clients .logos div:nth-child(4):hover img{transform:scale(1.65)}
.clients .logos div:nth-child(5) img,.clients .logos div:nth-child(5):hover img{transform:scale(1.55)}
.clients .logos div:nth-child(10) img,.clients .logos div:nth-child(10):hover img{transform:scale(1.55)}
@media(min-width:761px){
  .clients .logos div:nth-child(1) img,.clients .logos div:nth-child(1):hover img{transform:scale(1.1)}
  .clients .logos div:nth-child(2) img,.clients .logos div:nth-child(2):hover img{width:100%;max-width:none;height:88px;max-height:none;object-fit:contain;transform:scale(1.1)}
  .clients .logos div:nth-child(3) img,.clients .logos div:nth-child(3):hover img{width:100%;max-width:none;height:88px;max-height:none;object-fit:contain;transform:scale(1.1)}
  .clients .logos div:nth-child(6) img,.clients .logos div:nth-child(6):hover img{width:100%;max-width:none;height:90px;max-height:none;object-fit:contain;transform:scale(1.08)}
  .clients .logos div:nth-child(7) img,.clients .logos div:nth-child(7):hover img{width:100%;max-width:none;height:88px;max-height:none;object-fit:contain;transform:scale(1.1)}
  .clients .logos div:nth-child(8) img,.clients .logos div:nth-child(8):hover img{width:100%;max-width:none;height:94px;max-height:none;object-fit:contain;transform:scale(1.12)}
  .clients .logos div:nth-child(9) img,.clients .logos div:nth-child(9):hover img{width:100%;max-width:none;height:90px;max-height:none;object-fit:contain;transform:scale(1.12)}
  .clients .logos div:nth-child(11) img,.clients .logos div:nth-child(11):hover img{transform:scale(1.1)}
  .clients .logos div:nth-child(12) img,.clients .logos div:nth-child(12):hover img{width:100%;max-width:none;height:84px;max-height:none;object-fit:contain;transform:scale(1.02)}
  .clients .logos div:nth-child(13) img,.clients .logos div:nth-child(13):hover img{width:100%;max-width:none;height:88px;max-height:none;object-fit:contain;transform:scale(1.1)}
  .clients .logos div:nth-child(14) img,.clients .logos div:nth-child(14):hover img{width:100%;max-width:none;height:76px;max-height:none;object-fit:contain;transform:scale(1.08)}
  .clients .logos div:nth-child(15) img,.clients .logos div:nth-child(15):hover img{transform:scale(1.15)}
}

/* Mobile reviews: wider active slide and a compact document preview */
@media(max-width:760px){
  .reviews{padding-bottom:44px}
  .reviews .review-track{gap:12px;padding:5px 14px 18px;scroll-padding-inline:14px}
  .reviews .review-track .review-card{flex-basis:88vw;gap:8px;padding:8px}
  .reviews .review-card>.review-scan{min-height:0;padding:14px;background:linear-gradient(145deg,#e7f2f4,#f1f8f9)}
  .review-scan img{width:100%;height:auto;max-height:300px;object-fit:contain;background:transparent}
  .review-content{padding:26px 20px}
  .reviews .review-content .review-meta{gap:16px;padding-bottom:20px}
  .reviews .review-content blockquote{margin:22px 0;font-size:15px;line-height:1.65}
  .review-footer{gap:14px;margin-top:12px;padding-top:20px}
}

/* Safari-safe review sheets: keep one clean document in view on mobile. */
.reviews .review-card>.review-scan{
  isolation:isolate;
  background:#f7fbfc;
}
.reviews .review-card>.review-scan img{
  background:#fff;
  filter:none!important;
  box-shadow:0 14px 30px rgba(9,44,61,.14);
}
@media(hover:hover){
  .reviews .review-card>.review-scan:hover img{
    filter:none!important;
    box-shadow:0 20px 36px rgba(9,44,61,.18);
  }
}
@media(max-width:760px){
  .reviews .review-track{
    gap:16px;
    padding-inline:14px;
    scroll-padding-inline:14px;
  }
  .reviews .review-track .review-card{
    flex-basis:calc(100vw - 28px);
    scroll-snap-align:start;
  }
  .reviews .review-card>.review-scan{background:#f7fbfc}
  .reviews .review-card>.review-scan img{
    display:block;
    width:auto;
    max-width:100%;
    margin-inline:auto;
    background:#fff;
    box-shadow:0 10px 24px rgba(9,44,61,.13);
  }
}

/* Turn the three process cards into one visible route */
.process-grid{position:relative;isolation:isolate}
.process-grid article{position:relative;z-index:1;min-height:0;padding:26px 28px 29px;overflow:visible;transition:transform .22s ease,box-shadow .22s ease}
.process-grid article:after{content:"";position:absolute;z-index:4;inset:0;border:2px solid rgba(45,216,237,.68);border-radius:20px;box-shadow:0 18px 34px rgba(3,20,38,.16),0 0 22px rgba(45,232,253,.14),inset 0 1px 0 rgba(255,255,255,.8);opacity:0;transition:opacity .2s ease;pointer-events:none}
.process-grid article>b{position:relative;z-index:2;display:grid;width:42px;height:42px;margin:0 auto 4px;place-items:center;border:1px solid rgba(24,173,197,.42);border-radius:50%;color:#087e96;background:#e8f9fb;box-shadow:0 0 18px rgba(45,232,253,.12);font-size:13px;letter-spacing:.08em}
.process-grid .process-icon{position:relative;height:120px;margin:5px 0 14px}
.process-grid .process-icon:before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:112px;height:82px;border-radius:50%;background:radial-gradient(circle,rgba(45,232,253,.2),rgba(45,232,253,.07) 46%,transparent 72%);opacity:.7;transform:translate(-50%,-50%) scale(.94);transition:opacity .24s ease,transform .24s ease;pointer-events:none}
.process-grid .process-icon img{position:relative;z-index:1;max-width:154px;max-height:118px;filter:none;transition:none}
.process-grid article:hover{transform:translateY(-4px);border-color:rgba(83,175,197,.24);background:linear-gradient(145deg,#fff,#eef7f9);box-shadow:0 22px 48px rgba(0,0,0,.18),0 0 22px rgba(45,232,253,.08)}
.process-grid article:hover:after{opacity:1}
.process-grid h3{min-height:56px;margin:0 0 12px}
.process-grid article>p{color:#526d7a;font-size:16px;line-height:1.6}
@media(max-width:760px){
  .process-grid{gap:20px}
  .process-grid article{padding:25px 24px 27px}
  .process-grid .process-icon{height:112px;margin:5px 0 12px}
  .process-grid .process-icon img{max-width:142px;max-height:110px}
  .process-grid h3{min-height:0;margin:0 0 11px}
  .process-grid article>p{font-size:15px;line-height:1.58}
  .consultation h2{font-size:clamp(36px,10.8vw,48px)}
}

/* Capabilities: two distinct systems instead of another radar motif */
.capability-grid{gap:18px}
.capability-grid .capability-card{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(210px,.72fr);gap:22px;align-items:center;min-height:350px;padding:36px 34px;overflow:hidden;isolation:isolate;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}
.capability-grid .capability-card:before{content:"";position:absolute;z-index:-1;right:-22%;bottom:-48%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(45,232,253,.11),rgba(45,232,253,.035) 40%,transparent 70%);pointer-events:none}
.capability-grid .capability-card:hover{transform:translateY(-4px);border-color:rgba(45,232,253,.48);box-shadow:0 28px 66px rgba(5,30,50,.19),0 0 28px rgba(45,232,253,.08)}
.capability-copy{position:relative;z-index:3}
.capability-grid .capability-copy h3{margin:38px 0 18px;font-size:27px}
.capability-grid .capability-copy p{max-width:500px}
.channel-map,.trust-map{position:relative;width:250px;height:238px;min-width:250px;margin-left:auto}
.capability-grid .capability-card{grid-template-columns:minmax(0,1fr) 250px;gap:12px}
.channel-core{position:absolute;z-index:3;right:5px;top:50%;display:flex;width:116px;height:116px;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(45,232,253,.62);border-radius:28px;color:#eaffff;background:linear-gradient(145deg,#0b4162,#061b34);box-shadow:0 0 26px rgba(45,232,253,.13);transform:translateY(-50%);font-size:16px;line-height:1.1;text-align:center;text-transform:uppercase;letter-spacing:.04em}
.channel-core small{margin-bottom:5px;color:#7ec6d5;font-size:8px;letter-spacing:.14em}
.channel-node{position:absolute;z-index:3;display:grid;width:56px;height:38px;place-items:center;border:1px solid rgba(120,212,229,.32);border-radius:11px;color:#d8f8fb;background:#0a2d4b;box-shadow:0 9px 20px rgba(0,0,0,.16);font-size:9px;letter-spacing:.1em}
.node-seo{font-size:8px;letter-spacing:.035em}
.node-seo{left:1px;top:25px}.node-ads{left:18px;top:99px}.node-social{left:0;bottom:24px}
.channel-line{position:absolute;z-index:1;left:51px;width:105px;height:1px;background:linear-gradient(90deg,rgba(45,232,253,.28),rgba(45,232,253,.85));transform-origin:left center}
.channel-line:after{content:"";position:absolute;right:-2px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 11px rgba(45,232,253,.75)}
.line-one{top:45px;transform:rotate(22deg)}.line-two{top:118px;transform:rotate(0)}.line-three{bottom:43px;transform:rotate(-22deg)}
.trust-map:before{content:"";position:absolute;left:50%;top:50%;width:154px;height:154px;border:1px solid rgba(45,232,253,.16);border-radius:44px;transform:translate(-50%,-50%) rotate(45deg)}
.trust-brand{position:absolute;z-index:3;left:50%;top:50%;display:flex;width:112px;height:112px;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(45,232,253,.6);border-radius:50%;color:#fff;background:linear-gradient(145deg,#0c4465,#061a32);box-shadow:0 0 26px rgba(45,232,253,.14);transform:translate(-50%,-50%);text-transform:uppercase}
.trust-brand small{color:#79bccc;font-size:8px;letter-spacing:.16em}.trust-brand strong{margin-top:5px;font-size:17px;letter-spacing:.04em}
.trust-signal{position:absolute;z-index:4;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(116,207,224,.27);border-radius:10px;color:#b9d6df;background:#092945;box-shadow:0 9px 20px rgba(0,0,0,.15);font-size:9px;white-space:nowrap}
.trust-signal i{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;color:#06182d;background:var(--cyan);font-style:normal;font-weight:900}
.signal-reviews{right:0;top:18px}.signal-mentions{left:0;bottom:17px}.signal-style{right:5px;bottom:17px}
.capability-card:hover .channel-core,.capability-card:hover .trust-brand{box-shadow:0 0 34px rgba(45,232,253,.24)}
@media(max-width:1060px){
  .capability-grid .capability-card{grid-template-columns:1fr;gap:10px}
  .channel-map,.trust-map{width:250px;min-width:0;margin:-8px auto 0}
}
@media(max-width:760px){
  .capability-grid{gap:14px}
  .capability-grid .capability-card{grid-template-columns:1fr;gap:12px;min-height:294px;padding:25px 20px;border-radius:22px}
  .capability-grid .capability-copy h3{margin:25px 0 13px;font-size:22px}
  .capability-grid .capability-copy p{font-size:12px;line-height:1.62}
  .channel-map,.trust-map{width:min(250px,100%);min-width:0;height:190px;margin:4px auto 0}
  .channel-core,.trust-brand{width:82px;height:82px}
  .channel-core{right:12px;border-radius:22px;font-size:11px}.channel-core small{font-size:6px}
  .channel-node{width:42px;height:30px;font-size:7px}.node-seo{left:8px;top:28px}.node-ads{left:14px;top:81px}.node-social{left:8px;bottom:25px}
  .channel-line{left:47px;width:112px}.line-one{top:43px}.line-two{top:96px}.line-three{bottom:40px}
  .trust-map:before{width:105px;height:105px;border-radius:31px}
  .trust-brand strong{font-size:12px}.trust-brand small{font-size:6px}
  .trust-signal{gap:4px;padding:5px 6px;font-size:7px}.trust-signal i{width:17px;height:17px;border-radius:5px}
  .signal-reviews{right:0;top:10px}.signal-mentions{left:0;bottom:8px}.signal-style{left:auto;right:0;bottom:8px;transform:none}
}
@media(max-width:420px){
  .capability-grid .capability-card{gap:8px}
  .channel-map{width:220px;height:175px}
  .trust-map{height:190px}
  .channel-core{right:10px}.node-seo{left:8px}.node-ads{left:14px}.node-social{left:8px}
  .channel-line{left:47px;width:105px}
  .trust-map:before{width:116px;height:116px}
}

/* Proprietary products: distinct from partner certifications */
.certifications{padding:74px 0 78px;background:#edf4f6}
.certification-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}
.certification-head .kicker{margin:0}
.certification-head h2{margin:0;color:#102a42;font-size:clamp(34px,3.4vw,50px);font-weight:500;line-height:1;letter-spacing:-.045em}
.certification-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.certification-item{display:flex;min-height:132px;align-items:center;gap:13px;padding:20px 15px;border:1px solid rgba(59,145,166,.2);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(5,30,50,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.certification-item:hover{transform:translateY(-4px);border-color:rgba(45,190,215,.45);box-shadow:0 18px 38px rgba(5,30,50,.1)}
.certification-item>div:last-child{min-width:0}
.certification-item strong,.certification-item span{display:block}
.certification-item strong{color:#17344b;font-size:14px;line-height:1.25}
.certification-item span{margin-top:6px;color:#718591;font-size:9px;line-height:1.45}
.certification-mark{position:relative;display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:13px;color:#fff;background:#122f48;overflow:hidden;filter:saturate(.3) brightness(.94);transition:filter .28s ease,transform .28s ease,box-shadow .28s ease}
.certification-item:hover .certification-mark{filter:saturate(1) brightness(1);transform:scale(1.05);box-shadow:0 7px 18px rgba(10,43,64,.16)}
.certification-mark b{font-size:17px;letter-spacing:-.05em}
.cert-yandex .certification-mark,.cert-media .certification-mark{color:#fff;background:#fc3f39}
.cert-media .certification-mark{background:linear-gradient(145deg,#fc3f39 0 52%,#ffca2e 53%)}
.cert-bitrix .certification-mark{background:#d8202f}.cert-bitrix .certification-mark b{font-size:14px;letter-spacing:0}
.cert-metrica .certification-mark{display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:10px;background:linear-gradient(145deg,#ffcb25,#fb5d36)}
.cert-metrica .certification-mark i{width:5px;border-radius:4px 4px 0 0;background:#fff}.cert-metrica .certification-mark i:nth-child(1){height:11px}.cert-metrica .certification-mark i:nth-child(2){height:19px}.cert-metrica .certification-mark i:nth-child(3){height:27px}
.cert-callibri .certification-mark{display:flex;align-items:center;justify-content:center;gap:3px;background:#f7c840}
.cert-callibri .certification-mark i{width:5px;background:#101b27}.cert-callibri .certification-mark i:nth-child(1){height:10px}.cert-callibri .certification-mark i:nth-child(2){height:21px}.cert-callibri .certification-mark i:nth-child(3){height:29px}
@media(max-width:1060px){
  .certification-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .certifications{padding:58px 0 62px;overflow:hidden}
  .certification-head{display:block;margin-bottom:25px}.certification-head .kicker{margin-bottom:17px}.certification-head h2{font-size:37px}
  .certification-list{display:flex;width:calc(100% + 14px);gap:10px;padding:1px 14px 16px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .certification-list::-webkit-scrollbar{display:none}
  .certification-item{width:210px;min-width:210px;min-height:118px;scroll-snap-align:start}
}

.technologies{position:relative;padding:82px 0;overflow:hidden;color:#fff;background:linear-gradient(145deg,#06142a,#08314f)}
.technologies:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 26%,rgba(45,232,253,.1),transparent 27%),linear-gradient(rgba(77,180,207,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(77,180,207,.035) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;pointer-events:none}
.technologies .container{position:relative;z-index:1}
.technologies .section-head{margin-bottom:38px}
.technologies .section-head h2{font-size:clamp(42px,4.3vw,62px)}
.technologies .section-head h2 em{color:var(--cyan);font-style:normal;text-shadow:0 0 22px rgba(45,232,253,.18)}
.technology-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.technology-card{position:relative;display:flex;min-height:330px;padding:29px 31px;overflow:hidden;flex-direction:column;border:1px solid rgba(80,200,222,.24);border-radius:25px;color:#fff;background:linear-gradient(145deg,rgba(10,48,77,.94),rgba(5,22,43,.96));box-shadow:0 24px 58px rgba(0,0,0,.2);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.technology-card:before{content:"";position:absolute;right:-68px;top:-82px;width:240px;height:240px;border:1px solid rgba(45,232,253,.11);border-radius:50%;box-shadow:0 0 0 36px rgba(45,232,253,.022),0 0 0 72px rgba(45,232,253,.014);pointer-events:none}
.technology-card:hover{transform:translateY(-5px);border-color:rgba(45,232,253,.58);box-shadow:0 30px 70px rgba(0,0,0,.27),0 0 30px rgba(45,232,253,.07)}
.technology-brand{position:relative;z-index:2;display:flex;min-height:58px;align-items:center;gap:14px}
.technology-brand img{width:54px;height:54px;border-radius:15px;object-fit:cover;box-shadow:0 0 20px rgba(45,232,253,.1)}
.technology-brand strong{font-size:24px;line-height:1;letter-spacing:-.04em}
.technology-brand strong span{color:var(--cyan)}
.technology-scanner .technology-brand strong{color:#fff}.technology-scanner .technology-brand strong span{color:#65dcea}
.technology-copy{position:relative;z-index:2;margin-top:29px;margin-bottom:26px}
.technology-copy>span{color:#69ddec;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.technology-copy h3{max-width:470px;margin:13px 0 11px;font-size:25px;line-height:1.18;letter-spacing:-.025em}
.technology-copy p{max-width:500px;margin:0;color:#adc3ce;font-size:13px;line-height:1.6}
.technology-link{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid rgba(104,192,211,.18);color:#d9f8fb;font-size:11px;letter-spacing:.02em}
.technology-link i{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(45,232,253,.42);border-radius:50%;color:var(--cyan);font-style:normal;transition:background .2s ease,color .2s ease}
.technology-card:hover .technology-link i{color:#06172d;background:var(--cyan)}
.technology-status{color:#9cb8c4}.technology-status i{border-radius:10px;font-size:9px;font-weight:900}
@media(max-width:760px){
  .technologies{padding:64px 0}
  .technologies .section-head{margin-bottom:28px}
  .technologies .section-head h2{font-size:clamp(38px,11vw,49px)}
  .technology-grid{grid-template-columns:1fr;gap:14px}
  .technology-card{min-height:280px;padding:23px 24px;border-radius:21px}
  .technology-card:before{width:190px;height:190px;right:-70px;top:-78px;box-shadow:0 0 0 28px rgba(45,232,253,.018)}
  .technology-brand{min-height:50px}.technology-brand img{width:48px;height:48px;border-radius:13px}.technology-brand strong{font-size:22px}
  .technology-copy{margin-top:22px;margin-bottom:19px}.technology-copy>span{font-size:8px}.technology-copy h3{margin:11px 0 9px;font-size:22px}.technology-copy p{font-size:12px;line-height:1.55}
  .technology-link{padding-top:15px}
}

/* Section rhythm: preserve major pauses and remove duplicated empty space. */
.clients{padding-top:84px;padding-bottom:84px}
.reviews,.process,.capabilities{padding-top:96px;padding-bottom:96px}
.reviews .section-head,.process .section-head,.capabilities .section-head{margin-bottom:44px}
.consultation{padding-top:76px;padding-bottom:76px}
.blog{padding-top:88px;padding-bottom:92px}
@media(max-width:760px){
  .clients{padding-top:60px;padding-bottom:60px}
  .reviews,.process,.capabilities{padding-top:70px;padding-bottom:70px}
  .reviews .section-head,.process .section-head,.capabilities .section-head{margin-bottom:30px}
  .consultation{padding-top:56px;padding-bottom:56px}
  .blog{padding-top:68px;padding-bottom:72px}
}

/* Mobile navigation mirrors the full service structure of the main site. */
@media(max-width:1060px){
  .mobile-menu{padding:112px 32px 32px}
  .mobile-menu-groups{display:grid;gap:0;margin:0 0 24px}
  .mobile-menu-group{border-bottom:1px solid rgba(117,209,227,.18)}
  .mobile-menu-group:first-child{border-top:1px solid rgba(117,209,227,.18)}
  .mobile-menu-group summary{position:relative;padding:16px 36px 16px 0;color:#e8fbff;font-size:15px;font-weight:760;line-height:1.2;list-style:none;cursor:pointer}
  .mobile-menu-group summary::-webkit-details-marker{display:none}
  .mobile-menu-group summary:after{content:"+";position:absolute;right:2px;top:50%;color:#7fa7b8;font-size:22px;font-weight:300;transform:translateY(-50%)}
  .mobile-menu-group[open] summary{color:var(--cyan)}
  .mobile-menu-group[open] summary:after{content:"−";color:var(--cyan)}
  .mobile-menu-group>div{display:grid;gap:9px;padding:0 0 17px 14px}
  .mobile-menu-groups .mobile-menu-group a{color:#a9c3ce;font-size:12px;line-height:1.35}
  .mobile-menu-groups .mobile-menu-group a:first-child{color:#5eddea;font-weight:700}
  .mobile-menu-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
  .mobile-menu-main a{padding:11px 0;font-size:14px;font-weight:700}
  .mobile-phone{margin-top:22px;font-size:15px}
}
@media(max-width:420px){
  .mobile-menu{padding:104px 22px 28px}
  .mobile-menu-group summary{padding-top:15px;padding-bottom:15px;font-size:14px}
}

/* Mobile menu contact: a clear final action instead of a detached phone number. */
@media(max-width:1060px){
  .mobile-phone{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;gap:12px;align-items:center;margin-top:24px;padding:13px 14px;border:1px solid rgba(72,222,240,.28);border-radius:16px;color:#e9fcff;background:linear-gradient(110deg,rgba(11,67,94,.82),rgba(5,31,54,.9));box-shadow:0 12px 28px rgba(0,0,0,.18);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
  .mobile-phone:hover,.mobile-phone:focus-visible{border-color:rgba(87,237,251,.68);background:linear-gradient(110deg,rgba(13,82,111,.92),rgba(6,39,65,.96));box-shadow:0 15px 34px rgba(0,0,0,.24),0 0 22px rgba(45,232,253,.1);outline:0}
  .mobile-phone-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#071b31;background:var(--cyan);box-shadow:0 0 18px rgba(45,232,253,.24)}
  .mobile-phone-icon svg{width:21px;height:21px}
  .mobile-phone span:nth-child(2){display:grid;gap:3px}
  .mobile-phone small{color:#7fa9b9;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
  .mobile-phone strong{color:#f3fdff;font-size:15px;line-height:1.2;white-space:nowrap}
  .mobile-phone>i{color:#55eafa;font-size:17px;font-style:normal;text-align:right}
}

@media(min-width:1061px){
  .blog-grid{align-items:stretch}
  .blog-grid .blog-card-featured{grid-row:auto}
  .blog-grid .blog-more-track{height:auto;align-self:stretch;grid-template-rows:repeat(2,minmax(0,1fr))}
  .blog-grid .blog-more-track .blog-card{min-height:0}
}

@media(max-width:760px){
  .current-footer .footer-directory{display:none}
  .current-footer .footer-contact{padding:22px 0}
  .current-footer .footer-contact>.container{gap:12px}
  .current-footer .footer-legal{padding:15px 0}
  .current-footer .footer-legal>.container{gap:9px}
}

/* Desktop and tablet service directory: titles remain links; arrows expose subservices. */
.service-bar{overflow:visible}
.service-bar-inner{overflow:visible}
.service-menu-item{position:relative;min-width:0;border-right:1px solid rgba(45,232,253,.1)}
.service-menu-item:first-child{border-left:1px solid rgba(45,232,253,.1)}
.service-menu-row{display:flex;height:100%;align-items:stretch}
.service-bar .service-menu-trigger{min-width:0;flex:1;gap:9px;padding:0 2px 0 12px;border:0;text-align:center}
.service-bar .service-menu-trigger:first-child{border-left:0}
.service-menu-trigger b{min-width:0;font:inherit;white-space:nowrap}
.service-menu-toggle{display:grid;width:36px;flex:0 0 36px;padding:0;place-items:center;border:0;color:#5d8da0;background:transparent;cursor:pointer;transition:color .22s ease,background .22s ease}
.service-menu-toggle:hover,.service-menu-toggle:focus-visible,.service-menu-item.is-open .service-menu-toggle{color:#dffcff;background:rgba(45,232,253,.065);outline:0}
.service-menu-toggle i{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s ease}
.service-menu-item:hover .service-menu-toggle i,.service-menu-item:focus-within .service-menu-toggle i,.service-menu-item.is-open .service-menu-toggle i{transform:translateY(2px) rotate(225deg)}
.service-dropdown{position:absolute;z-index:80;top:calc(100% + 1px);left:-1px;width:calc(100% + 2px);padding:9px 0 11px;border:1px solid rgba(62,199,224,.24);border-top:0;border-radius:0 0 16px 16px;background:linear-gradient(155deg,rgba(4,24,45,.97),rgba(7,48,73,.97));box-shadow:0 20px 38px rgba(0,0,0,.28),0 0 24px rgba(45,232,253,.05);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(-7px);transform-origin:top;transition:opacity .2s ease,visibility .2s ease,transform .24s ease}
.service-menu-item:hover .service-dropdown,.service-menu-item:focus-within .service-dropdown,.service-menu-item.is-open .service-dropdown{opacity:1;visibility:visible;transform:none}
.service-bar .service-dropdown a{display:flex;min-height:37px;justify-content:flex-start;padding:8px 18px;border:0;color:#9fb9c5;font-size:11px;font-weight:650;line-height:1.3;letter-spacing:0;text-align:left;text-shadow:none;text-transform:none;transition:color .2s ease,background .2s ease,padding-left .2s ease}
.service-bar .service-dropdown a:first-child{border:0}
.service-bar .service-dropdown a:before{display:none}
.service-bar .service-dropdown a:hover,.service-bar .service-dropdown a:focus-visible{padding-left:23px;color:#efffff;background:linear-gradient(90deg,rgba(45,232,253,.11),transparent);text-shadow:none;outline:0}
@media(max-width:1250px) and (min-width:761px){
  .service-bar .service-menu-trigger{gap:6px;padding-left:7px;font-size:10px}
  .service-bar .service-menu-trigger span{font-size:8px}
  .service-menu-toggle{width:28px;flex-basis:28px}
  .service-bar .service-dropdown a{padding-inline:13px;font-size:12px}
}
@media(max-width:760px){
  .service-bar{display:none}
}

/* Mobile clients: make the marks legible without enlarging the cards. */
@media(max-width:760px){
  .clients .logos img,.clients .logos div:hover img{width:94%;max-width:none;height:72px;max-height:none;object-fit:contain}
  .clients .logos div:nth-child(1) img,.clients .logos div:nth-child(1):hover img,
  .clients .logos div:nth-child(2) img,.clients .logos div:nth-child(2):hover img,
  .clients .logos div:nth-child(3) img,.clients .logos div:nth-child(3):hover img,
  .clients .logos div:nth-child(6) img,.clients .logos div:nth-child(6):hover img,
  .clients .logos div:nth-child(7) img,.clients .logos div:nth-child(7):hover img,
  .clients .logos div:nth-child(8) img,.clients .logos div:nth-child(8):hover img{transform:scale(1.08)}
  .clients .logos div:nth-child(4) img,.clients .logos div:nth-child(4):hover img{height:78px;transform:scale(1.56)}
  .clients .logos div:nth-child(5) img,.clients .logos div:nth-child(5):hover img{height:80px;transform:scale(1.48)}
}

/* Review lightbox: a geometrically centred close mark in both states. */
.review-lightbox>button{font-size:0;line-height:0;transform:none}
.review-lightbox>button:before,.review-lightbox>button:after{content:"";position:absolute;left:50%;top:50%;width:19px;height:2.5px;border-radius:999px;background:currentColor;transform-origin:center;pointer-events:none}
.review-lightbox>button:before{transform:translate(-50%,-50%) rotate(45deg)}
.review-lightbox>button:after{transform:translate(-50%,-50%) rotate(-45deg)}
.review-lightbox>button:hover{transform:none}

/* Desktop dropdowns should carry the same visual weight as the service bar. */
@media(min-width:1251px){
  .service-dropdown{padding:12px 0 14px}
  .service-bar .service-dropdown a{min-height:46px;padding:11px 26px;color:#adc4ce;font-size:13px;font-weight:650;line-height:1.35}
  .service-bar .service-dropdown a:hover,.service-bar .service-dropdown a:focus-visible{padding-left:31px}
}

/* The plus sign makes 150+ optically right-heavy; compensate on the compact grid. */
@media(max-width:760px){
  .clients .facts div:nth-child(3)>strong,.clients .facts div:nth-child(3)>span{width:100%;text-align:center;transform:translateX(-4px)}
}

/* A restrained route marker makes the subservice hierarchy easier to scan. */
.service-bar .service-dropdown a{gap:10px}
.service-bar .service-dropdown a:before{position:static;display:block;width:11px;height:2px;flex:0 0 11px;border-radius:999px;background:var(--cyan);box-shadow:0 0 7px rgba(45,232,253,.45);opacity:.42;transform:scaleX(.36);transform-origin:left center;transition:transform .22s ease,opacity .22s ease,box-shadow .22s ease}
.service-bar .service-dropdown a:hover:before,.service-bar .service-dropdown a:focus-visible:before{opacity:1;transform:scaleX(1);box-shadow:0 0 10px rgba(45,232,253,.72)}

/* Unified dropdown type scale across all local pages. */
@media(min-width:1061px){.service-bar .service-dropdown a{font-size:14px}}

/* Shared audit popup used by the main CTA without leaving the page. */
.audit-modal{position:fixed;z-index:2147483646;inset:0;display:grid;padding:24px;place-items:center;background:rgba(1,10,22,.82);backdrop-filter:blur(11px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
.audit-modal.open{opacity:1;visibility:visible}
.audit-modal-dialog{position:relative;width:min(560px,100%);max-height:calc(100vh - 48px);padding:14px;overflow:auto;border:1px solid rgba(85,219,237,.24);border-radius:30px;background:linear-gradient(145deg,#061b32,#0a3b59);box-shadow:0 34px 100px rgba(0,0,0,.52);transform:translateY(14px) scale(.985);transition:transform .26s cubic-bezier(.2,.75,.25,1)}
.audit-modal.open .audit-modal-dialog{transform:none}
.audit-modal-close{position:absolute;z-index:3;right:24px;top:24px;width:42px;height:42px;padding:0;border:1px solid rgba(91,224,241,.32);border-radius:50%;color:#dffcff;background:#0a3450;cursor:pointer;transition:.2s}
.audit-modal-close:before,.audit-modal-close:after{content:"";position:absolute;left:50%;top:50%;width:17px;height:2px;border-radius:999px;background:currentColor}
.audit-modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}
.audit-modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
.audit-modal-close:hover{color:#041326;border-color:var(--cyan);background:var(--cyan)}
.audit-form{padding:34px;border:1px solid rgba(99,192,215,.2);border-radius:22px;color:#fff;background:rgba(4,24,44,.86)}
.audit-form>.kicker{margin-bottom:12px}
.audit-form h3{max-width:calc(100% - 55px);margin:0 0 7px;font-size:27px}
.audit-form>p:not(.kicker){margin:0 0 24px;color:#93acbb;font-size:13px;line-height:1.6}
.audit-form label{display:block;margin:0 0 13px;color:#9eb7c5;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.audit-form input:not([type=checkbox]){width:100%;height:52px;margin-top:7px;padding:0 15px;border:1px solid rgba(114,192,211,.24);border-radius:12px;outline:0;color:#fff;background:#071d36;font:500 14px Manrope,Arial,sans-serif}
.audit-form input:not([type=checkbox])::placeholder{color:#8ca8b6;opacity:1}
.audit-form input:focus{border-color:var(--cyan)}
.audit-form .form-field{position:relative}
.audit-form .field-hint{display:none;margin:7px 0 0;color:#ffb8b8;font-size:12px;font-weight:650;line-height:1.35;letter-spacing:0;text-transform:none}
.audit-form .form-field.is-invalid .field-hint{display:block}
.audit-form .form-field.is-invalid input:not([type=checkbox]){border-color:#ff8f98;box-shadow:0 0 0 3px rgba(255,106,122,.11)}
.audit-form .form-field input[aria-invalid="false"]{border-color:rgba(78,224,238,.48)}
.audit-form .consent{display:flex;align-items:flex-start;gap:9px;margin:17px 0 19px;color:#d5e9f0;font-size:12px;font-weight:500;line-height:1.45;letter-spacing:0;text-transform:none}
.audit-form .consent.form-field{flex-wrap:wrap}
.audit-form .consent.form-field .field-hint{flex:0 0 100%;padding-left:27px}
.audit-form .consent input{width:18px;height:18px;margin-top:1px;flex:0 0 18px;accent-color:var(--cyan)}
.audit-form .consent a{color:var(--cyan)}
.audit-form .button{width:100%}
.audit-form .form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
body.audit-modal-open{overflow:hidden}
.hero-callback{padding:0;border:0;font:inherit;text-align:left;background:transparent;cursor:pointer}
.hero-callback .utility-icon{position:relative;flex:0 0 39px;font-size:0;line-height:0}
.hero-callback .utility-icon::before,.hero-callback .utility-icon::after{content:"";position:absolute;left:50%;top:50%;box-sizing:border-box;border-radius:50%;transform:translate(-50%,-50%)}
.hero-callback .utility-icon::before{width:48%;height:48%;border:2px solid currentColor}
.hero-callback .utility-icon::after{width:30%;height:30%;background:currentColor}
@media(max-width:760px){.hero-callback .utility-icon{flex-basis:34px}}
.consultation .button{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;line-height:1}
.consultation .button span{display:inline-block;margin-left:8px;font-family:Manrope,sans-serif;font-size:14px;font-weight:800;line-height:1;transition:transform .22s ease}
.consultation .button:hover span{transform:translate(2px,-2px)}
@media(max-width:760px){
  .audit-modal{align-items:end;padding:0}
  .audit-modal-dialog{width:100%;max-height:92vh;padding:10px;border-radius:26px 26px 0 0;transform:translateY(28px)}
  .audit-form{padding:28px 20px 22px}
  .audit-form input:not([type=checkbox]){font-size:16px}
  .audit-form input:not([type=checkbox])::placeholder{color:#9bb4c0}
  .audit-form .field-hint{font-size:12.5px}
  .audit-modal-close{right:20px;top:20px;width:40px;height:40px}
}

/* Shared compact cookie notice used on the main, SEO and development pages. */
.ddd-cookie{--ddd-cookie-navy:#07172f;--ddd-cookie-cyan:#2de8fd;position:fixed;z-index:99999;left:24px;right:auto;bottom:24px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;width:min(560px,calc(100vw - 48px));max-width:calc(100vw - 48px);padding:12px 14px;color:#fff;border:1px solid rgba(74,222,240,.28);border-radius:16px;background:linear-gradient(135deg,rgba(4,20,38,.95),rgba(7,39,68,.93));box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-family:Manrope,Arial,sans-serif}.ddd-cookie[hidden]{display:none}.ddd-cookie__mark{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:var(--ddd-cookie-cyan);background:rgba(45,232,253,.1);font-size:20px}.ddd-cookie__content{min-width:0}.ddd-cookie__title{margin:0 0 3px;font-size:14px;font-weight:800}.ddd-cookie__text{margin:0;color:rgba(255,255,255,.74);font-size:11.5px;line-height:1.4;overflow-wrap:anywhere}.ddd-cookie__text a{color:var(--ddd-cookie-cyan);text-decoration:none}.ddd-cookie__button{min-width:102px;padding:11px 15px;border:0;border-radius:10px;color:var(--ddd-cookie-navy);background:var(--ddd-cookie-cyan);font:800 12px/1 Manrope,Arial,sans-serif;white-space:nowrap;cursor:pointer}.cookie-open .to-top{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:620px){.ddd-cookie{left:12px;right:12px;bottom:max(82px,calc(env(safe-area-inset-bottom) + 68px));grid-template-columns:minmax(0,1fr) auto;gap:10px;width:auto;max-width:none;padding:12px;border-radius:14px}.ddd-cookie__mark{display:none}.ddd-cookie__text{font-size:11px}.ddd-cookie__button{width:auto;min-width:96px;padding:11px 12px}}

/* Keep a real hamburger at the intermediate header breakpoint. */
@media(max-width:1060px){
  .menu-toggle{position:relative;display:grid;width:44px;height:44px;margin-left:0;padding:0;place-items:center;border:1px solid rgba(70,207,228,.35);border-radius:50%;background:#092945}
  .menu-toggle span{position:absolute;display:block;width:20px;height:2px;margin:0;border-radius:3px;background:var(--cyan);transform-origin:center;transition:transform .2s ease,opacity .2s ease}
  .menu-toggle span:nth-child(1){transform:translateY(-6px)}
  .menu-toggle span:nth-child(2){transform:none}
  .menu-toggle span:nth-child(3){transform:translateY(6px)}
  .menu-toggle[aria-expanded=true] span:nth-child(1){transform:rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg)}
}

/* Tablet and landscape-phone guardrails. The four-column service directory
   cannot remain readable once the compact header is active. */
@media(max-width:1060px){
  .service-bar{display:none!important}
  .site-header{top:0!important}
}
@media(min-width:761px) and (max-width:1060px){
  .reviews .review-track{gap:16px;padding-inline:40px;scroll-padding-inline:40px}
  .reviews .review-track .review-card{flex-basis:calc(100vw - 80px);grid-template-columns:minmax(230px,.42fr) minmax(0,.58fr);gap:12px;min-height:430px;padding:12px;border-radius:28px}
  .reviews .review-card>.review-scan{grid-column:1;grid-row:1;width:100%;min-height:0;padding:22px;justify-self:stretch;align-self:stretch;border-radius:20px}
  .reviews .review-card>.review-scan img{display:block;width:auto;max-width:100%;height:min(360px,46vw);max-height:360px;margin-inline:auto;object-fit:contain}
  .reviews .review-content{grid-column:2;grid-row:1;width:100%;min-width:0;padding:28px 24px;align-self:stretch;border-radius:20px}
  .reviews .review-content .review-meta{gap:14px;padding-bottom:16px}
  .reviews .review-content blockquote{margin:18px 0;font-size:15px;line-height:1.55}
  .reviews .review-footer{margin-top:8px;padding-top:16px}
}
@media(min-width:761px) and (max-width:1100px) and (max-height:600px){
  .hero{padding:125px 0 80px}
  .hero-grid{gap:25px}
  .hero .eyebrow{margin-bottom:12px}
  .hero h1{font-size:clamp(36px,4.5vw,42px);line-height:.95}
  .hero-lead{margin:16px 0;font-size:13px;line-height:1.5}
  .hero-actions{gap:18px}
  .hero .button{min-height:46px}
  .reviews .review-track{padding-inline:28px;scroll-padding-inline:28px}
  .reviews .review-track .review-card{flex-basis:calc(100vw - 56px);grid-template-columns:minmax(220px,30%) minmax(0,1fr);min-height:350px}
  .reviews .review-card>.review-scan{grid-column:1;grid-row:1;width:100%;padding:16px;justify-self:stretch;align-self:stretch}
  .reviews .review-card>.review-scan img{height:min(290px,72vh);max-height:290px}
  .reviews .review-content{grid-column:2;grid-row:1;width:100%;padding:20px 22px;align-self:stretch}
  .reviews .review-content .review-meta{gap:10px;padding-bottom:12px}
  .reviews .review-content blockquote{margin:12px 0;font-size:13.5px;line-height:1.45}
  .reviews .review-footer{padding-top:12px}
}

/* Shared deep-ocean hero base; the glow stays local to the visual. */
.hero{background:radial-gradient(ellipse at 78% 32%,rgba(10,88,137,.62) 0,rgba(7,48,84,.38) 24%,transparent 49%),linear-gradient(180deg,#04172d 0%,#031326 52%,#010817 100%)}

/* Mobile sonar preview: keep the rings circular and local to the visual area. */
@media(max-width:760px){
  .hero:before{
    inset:auto -48vw 6% auto;
    width:min(142vw,560px);
    height:min(142vw,560px);
    border-radius:50%;
    opacity:.58;
    transform:none;
    background:
      radial-gradient(circle at 50% 50%,rgba(35,176,215,.14),transparent 42%),
      repeating-radial-gradient(circle at 50% 50%,transparent 0 52px,rgba(76,193,222,.07) 53px 54px);
    -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 68%,transparent 88%);
    mask-image:radial-gradient(circle at 50% 50%,#000 0 68%,transparent 88%);
    pointer-events:none;
  }
}