/* Shared alignment */
.nav{position:sticky!important;top:0;z-index:1000;height:68px!important;padding-inline:6.8vw}

/* A quieter typographic hierarchy */
.hero h1{font-size:clamp(48px,3.9vw,64px);font-weight:600;letter-spacing:-.048em}
.hero h1:first-child{margin-top:0}
.intro-title h2,.services-index h2,.audience-head h2,.process-heading h2,.faq-heading h2{font-size:clamp(40px,4.4vw,66px);font-weight:600;letter-spacing:-.048em}
.service-copy h2,.connected-copy h2,.analysis-copy h2{font-size:clamp(38px,4vw,60px);font-weight:600;letter-spacing:-.048em}
.final-cta h2{font-size:clamp(46px,5.2vw,74px);font-weight:600;letter-spacing:-.052em}

/* Larger, calmer calls to action and lighter supporting copy */
.pill{font-size:14px!important;font-weight:500!important}
.round-link{font-size:14px;font-weight:500}
.hero .domain-form button{font-size:15px;font-weight:500}
.analysis-form button{font-size:13px;font-weight:500}
.hero .lede,.intro-title>p,.services-index-head>p,.audience-head>p,.service-copy>p:not(.section-kicker):not(.ownership),.connected-copy>p:not(.section-kicker),.analysis-copy>p:not(.section-kicker),.final-cta>div>p:last-child,.process-heading p:last-child,.process-list p,.faq-list details p{font-weight:300}

/* Stable, single-surface domain field */
.hero .domain-form{height:68px;align-items:center;overflow:hidden;padding:5px;transition:border-color .25s ease,box-shadow .25s ease}
.hero .domain-form:focus-within{border-color:rgba(47,107,255,.46);box-shadow:0 0 0 3px rgba(47,107,255,.12)}
.hero .domain-form input{position:relative;z-index:0;height:56px;min-height:0;padding:0 38px 0 20px;border:0!important;border-radius:999px;box-shadow:none!important;outline:none;line-height:1.2;background:transparent}
.hero .domain-form button{position:relative;z-index:1;height:56px;min-width:238px;margin-left:-18px;padding:0 21px;display:flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap}
.hero .domain-form input:focus{outline:none;box-shadow:none!important}

/* Keep the audit consent sentence intact and readable */
.hero .micro>.info-dot{width:17px;height:17px;flex:0 0 17px;border-radius:50%;display:grid;place-items:center;background:#a8abb4;color:#fff;font-size:10px;margin-top:1px}
.hero .micro>.consent-copy{width:auto;height:auto;flex:1;display:inline;color:inherit;background:none;border-radius:0;margin:0}
.hero .micro .privacy-phrase{white-space:nowrap}
.hero .micro{margin-left:0;margin-right:0}

/* Purposeful line icons for the client-value principles */
.principle-icon{border-radius:0 0 18px 0}
.principle-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.principles h3{font-weight:600;letter-spacing:-.02em}

/* Richer service overview: a connected capability system, not a four-column list */
.services-index{position:relative;overflow:hidden;background:linear-gradient(112deg,rgba(39,208,67,.18) 0%,rgba(39,208,67,.08) 31%,transparent 53%),radial-gradient(circle at 91% 8%,rgba(47,107,255,.2),transparent 38%),radial-gradient(circle at 76% 92%,rgba(47,107,255,.08),transparent 35%),var(--brand-white)}
.services-index:before{content:"";position:absolute;z-index:0;right:-8%;top:25%;width:430px;height:430px;border:1px solid rgba(47,107,255,.12);border-radius:50%;pointer-events:none}
.services-index:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E")}
.services-index>*{position:relative;z-index:1}
.service-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:64px;border:0}
.service-nav .service-nav-card{position:relative;isolation:isolate;min-height:250px;padding:24px!important;border:1px solid rgba(47,107,255,.13)!important;border-radius:26px;color:var(--brand-black);background:rgba(255,255,255,.84);box-shadow:0 18px 52px rgba(47,107,255,.105);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-decoration:none;overflow:hidden;transition:color .42s cubic-bezier(.2,.75,.25,1),border-color .42s ease,box-shadow .42s ease}
.service-nav .service-nav-card:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(135deg,#0b0d12 0%,#131d34 58%,#244fc4 145%);opacity:0;transition:opacity .42s cubic-bezier(.2,.75,.25,1)}
.service-nav .service-nav-card:after{content:"";position:absolute;z-index:-1;width:220px;height:220px;right:-95px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(39,208,67,.23),transparent 68%);opacity:.35;transform:scale(.72);transition:opacity .42s ease,transform .6s cubic-bezier(.2,.75,.25,1)}
.service-nav .service-nav-card:hover{color:#fff;transform:none;border-color:rgba(47,107,255,.42)!important;box-shadow:0 26px 72px rgba(47,107,255,.22)}
.service-nav .service-nav-card:hover:before{opacity:1}.service-nav .service-nav-card:hover:after{opacity:1;transform:scale(1)}
.service-nav-top{display:flex;align-items:flex-start;justify-content:space-between}
.service-nav .service-nav-top>span{color:#a0a4ad;font-size:9px;font-weight:400;letter-spacing:.06em;transition:color .42s ease}
.service-nav-card:hover .service-nav-top>span{color:rgba(255,255,255,.58)}
.service-nav-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#eef2ff;color:var(--brand-blue);transition:color .42s ease,background .42s ease,transform .42s cubic-bezier(.2,.75,.25,1)}
.service-nav-card:hover .service-nav-icon{color:var(--brand-green);background:rgba(255,255,255,.1);transform:scale(1.04)}
.lucide-service-icon,.lucide-arrow:before{display:block;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.lucide-service-icon{width:25px;height:25px}.lucide-web{mask-image:url('assets/icons/lucide/panels-top-left.svg');-webkit-mask-image:url('assets/icons/lucide/panels-top-left.svg')}.lucide-search{mask-image:url('assets/icons/lucide/search-code.svg');-webkit-mask-image:url('assets/icons/lucide/search-code.svg')}.lucide-ads{mask-image:url('assets/icons/lucide/chart-no-axes-combined.svg');-webkit-mask-image:url('assets/icons/lucide/chart-no-axes-combined.svg')}.lucide-software{mask-image:url('assets/icons/lucide/workflow.svg');-webkit-mask-image:url('assets/icons/lucide/workflow.svg')}
.service-nav-card h3{max-width:500px;margin:20px 0 8px;font-size:clamp(24px,1.8vw,31px);line-height:1.05;letter-spacing:-.04em;font-weight:600}
.service-nav-card p{max-width:490px;margin:0;color:#747a87;font-size:14px;line-height:1.55;font-weight:300;transition:color .42s ease}.service-nav-card:hover p{color:rgba(255,255,255,.68)}
.service-scope{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.service-nav .service-scope span{padding:6px 9px;border:1px solid rgba(11,13,18,.08);border-radius:999px;color:#717784;background:rgba(248,248,246,.72);font-size:9px;font-weight:400;line-height:1;transition:color .42s ease,border-color .42s ease,background .42s ease}.service-nav-card:hover .service-scope span{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06)}
.service-card-cta{display:flex!important;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;color:inherit!important;font-size:12px!important;font-weight:500!important;letter-spacing:-.01em}
.lucide-arrow{width:34px;height:34px;border:1px solid rgba(11,13,18,.13);border-radius:50%;display:grid;place-items:center;color:var(--brand-black);transition:color .42s ease,background .42s ease,border-color .42s ease,transform .42s cubic-bezier(.2,.75,.25,1)}
.lucide-arrow:before{content:"";width:16px;height:16px;mask-image:url('assets/icons/lucide/arrow-up-right.svg');-webkit-mask-image:url('assets/icons/lucide/arrow-up-right.svg')}
.service-nav-card:hover .lucide-arrow{color:var(--brand-black);background:var(--brand-green);border-color:var(--brand-green);transform:rotate(5deg)}

/* A realistic website preview with a Lighthouse-style quality report */
.web-visual{height:570px}
.web-visual .browser-shell{left:1%;top:18px;width:98%;height:448px;border-radius:22px;background:#fff;border:1px solid #e1e5eb;box-shadow:0 28px 72px rgba(47,107,255,.12);overflow:hidden}
.web-visual .browser-bar{height:42px;padding:0 13px;background:#f2f4f6;border-bottom:1px solid #e4e7eb;gap:12px}.browser-dots{display:flex;gap:5px}.web-visual .browser-bar i{width:7px;height:7px}.web-visual .browser-bar span{position:relative;flex:1;max-width:72%;margin:0 auto;padding:6px 12px;border:1px solid #e4e7eb;border-radius:7px;background:#fff;color:#737987;font-size:8px;text-align:center}.web-visual .browser-bar span b{float:left;color:#a1a6b0;font-weight:500}.web-visual .browser-bar span em{float:right;color:#a1a6b0;font-style:normal}
.website-canvas{height:calc(100% - 42px);padding:0 24px 16px;background:linear-gradient(150deg,#fff 0%,#fff 61%,#f1f5ff 100%);color:var(--brand-black)}
.mock-site-nav{height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3}.mock-site-nav>b{font-size:15px;letter-spacing:-.055em}.mock-site-nav>div{display:flex;align-items:center;gap:16px}.mock-site-nav span{color:#777e8b;font-size:7px}.mock-site-nav em{padding:8px 10px;border-radius:999px;background:var(--brand-black);color:#fff;font-size:7px;font-style:normal}
.mock-site-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:23px;align-items:center;min-height:245px}.mock-site-copy small{color:#737a89;font-size:6px;font-weight:600;letter-spacing:.1em}.mock-site-copy h3{margin:12px 0 11px;color:var(--brand-black);font-size:30px;line-height:1.02;letter-spacing:-.052em;font-weight:500}.mock-site-copy h3 span{color:var(--brand-blue);font-weight:500}.mock-site-copy p{max-width:270px;margin:0;color:#717885;font-size:8px;line-height:1.5}.mock-actions{display:flex;align-items:center;gap:13px;margin-top:17px}.mock-actions b,.mock-actions span{font-size:7px}.mock-actions b{padding:9px 11px;border-radius:999px;background:var(--brand-green);color:#fff;font-weight:600}.mock-actions span{color:#676f7d}
.mock-product-card{padding:15px;border:1px solid #e6e9ee;border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(11,13,18,.08)}.mock-product-head,.mock-product-row{display:flex;align-items:center;justify-content:space-between}.mock-product-head span{font-size:7px;font-weight:600}.mock-product-head>i{padding:4px 6px;border-radius:999px;background:#ebf9ed;color:#24a63a;font-size:6px;font-style:normal}.mock-product-total{display:flex;align-items:baseline;gap:7px;margin-top:16px}.mock-product-total b{font-size:21px;letter-spacing:-.05em}.mock-product-total span{color:#8a909b;font-size:6px}.mock-chart{height:72px;display:flex;align-items:end;gap:5px;margin:12px 0}.mock-chart i{width:14%;height:38%;border-radius:4px 4px 1px 1px;background:#dfe7ff}.mock-chart i:nth-child(2){height:54%}.mock-chart i:nth-child(3){height:46%}.mock-chart i:nth-child(4){height:70%;background:#a9bcff}.mock-chart i:nth-child(5){height:62%}.mock-chart i:nth-child(6){height:84%;background:var(--brand-blue)}.mock-chart i:nth-child(7){height:76%;background:#67df7c}.mock-product-row{padding-top:10px;border-top:1px solid #eef0f3;font-size:6px}.mock-product-row span{display:flex;align-items:center;gap:5px;color:#747a87}.mock-product-row span i{width:5px;height:5px;border-radius:50%;background:var(--brand-green)}.mock-product-row>b{color:#24a63a;font-size:7px}
.mock-trust{height:40px;display:flex;align-items:center;gap:17px;border-top:1px solid #edf0f3;color:#9a9fa9}.mock-trust span{margin-right:auto;font-size:6px}.mock-trust b{font-size:7px;letter-spacing:.05em}
.lighthouse-card{position:absolute;z-index:3;left:0;bottom:0;width:78%;padding:14px 16px 13px;border:1px solid #e1e7e3;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 22px 55px rgba(11,13,18,.12);backdrop-filter:blur(10px)}.lighthouse-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #edf1ee}.lighthouse-head span{display:flex;align-items:center;color:#4e5663;font-size:7px;font-weight:600}.lighthouse-head span i{width:7px;height:7px;margin-right:6px;border-radius:50%;background:#0cce6b}.lighthouse-head small{color:#979da7;font-size:6px}.lighthouse-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:11px}.lighthouse-score{text-align:center}.lighthouse-score>b{position:relative;isolation:isolate;width:46px;height:46px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0cce6b calc(var(--score) * 1%),#dfe9e2 0)}.lighthouse-score>b:before{content:"";position:absolute;z-index:-1;inset:4px;border-radius:50%;background:#fff}.lighthouse-score>b span{color:#0a8f4a;font-size:12px;font-weight:500}.lighthouse-score>small{display:block;margin-top:6px;color:#6f7682;font-size:6px;line-height:1.15}

/* A sequenced, recognisable search journey with specific SEO reporting */
.visibility-visual{height:570px;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:70px 70px}
.search-demo-label{position:absolute;left:4%;right:3%;top:3px;display:flex;align-items:center;color:#9ba7c7;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.search-demo-label>i{width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--brand-green);box-shadow:0 0 0 5px rgba(39,208,67,.1)}.search-demo-label small{margin-left:auto;color:#667397;font-size:7px;letter-spacing:.06em}
.search-demo-bar{position:absolute;z-index:5;left:4%;right:2%;top:34px;height:58px;padding:7px 8px 7px 14px;display:flex;align-items:center;gap:10px;border:2px solid var(--brand-blue);border-radius:16px;background:#fff;box-shadow:0 16px 42px rgba(0,0,0,.17);opacity:0;transform:translateY(-9px);transition:opacity .38s ease,transform .38s cubic-bezier(.2,.8,.2,1)}.demo-active .search-demo-bar{opacity:1;transform:none}.search-brand-mark{width:24px;height:24px;flex:0 0 24px;background:conic-gradient(from -38deg,#4285f4 0 28%,#34a853 28% 48%,#fbbc05 48% 67%,#ea4335 67% 82%,#4285f4 82% 100%);mask:url('assets/icons/brand/google.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/brand/google.svg') center/contain no-repeat}.search-live-query{min-width:0;flex:1;color:#2f3541;font-size:12px;white-space:nowrap;overflow:hidden}.query-caret{width:1px;height:18px;margin-left:-7px;background:var(--brand-blue);animation:query-caret-blink .8s step-end infinite}.query-complete .query-caret{opacity:0;animation:none}.search-submit{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:var(--brand-blue);transition:background .25s ease,color .25s ease}.search-submit>i{width:18px;height:18px;background:currentColor;mask:url('assets/icons/lucide/search.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/lucide/search.svg') center/contain no-repeat}.search-clicked .search-submit{background:var(--brand-blue);color:#fff}
.demo-cursor{position:absolute;z-index:7;right:112px;top:116px;width:18px;height:23px;opacity:0;background:#111827;clip-path:polygon(0 0,0 100%,28% 72%,45% 100%,60% 92%,43% 65%,80% 65%);transition:opacity .2s ease,right .55s cubic-bezier(.2,.8,.2,1),top .55s cubic-bezier(.2,.8,.2,1),transform .18s ease}.cursor-ready .demo-cursor{right:46px;top:69px;opacity:1}.search-clicked .demo-cursor{transform:scale(.82)}
.search-results-panel{position:absolute;z-index:3;top:112px;right:0;width:91%;height:326px;padding:17px 19px;border:1px solid #e0e4eb;border-radius:22px;background:#fff;color:var(--brand-black);box-shadow:0 28px 70px rgba(0,0,0,.25);opacity:0;transform:translateY(14px);transition:opacity .48s ease,transform .48s cubic-bezier(.2,.8,.2,1)}.show-results .search-results-panel{opacity:1;transform:none}.search-results-meta{display:flex;justify-content:space-between;padding-bottom:10px;color:#8c929d;font-size:7px}.search-results-meta span{color:#777f8c}
.organic-result{padding:10px 0 13px;border-top:1px solid #eef0f3}.organic-source{display:flex;align-items:center;gap:8px}.organic-source>i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eaf9ed;color:#1aa738;font-size:9px;font-style:normal;font-weight:700}.organic-source span{flex:1}.organic-source b,.organic-source small{display:block}.organic-source b{font-size:8px}.organic-source small{margin-top:2px;color:#818895;font-size:6px}.organic-result h3{margin:9px 0 5px;color:#315fbd;font-size:14px;line-height:1.15;font-weight:500;letter-spacing:-.02em}.organic-result p{max-width:94%;margin:0;color:#656d7a;font-size:8px;line-height:1.45}.result-links{display:flex;gap:12px;margin-top:8px;color:#315fbd;font-size:7px}
.ai-search-answer{padding:12px 13px;border:1px solid #e5e9f0;border-radius:14px;background:linear-gradient(135deg,#f8faff,#f4fbf5)}.ai-answer-head{display:flex;align-items:center;gap:7px}.ai-answer-head>span{color:#7657d8;font-size:14px}.ai-answer-head>b{font-size:8px;font-weight:600}.ai-answer-head>small{margin-left:auto;color:#8b919c;font-size:6px}.ai-search-answer>p{margin:8px 0;color:#626b78;font-size:8px;line-height:1.45}.ai-citations{display:flex;gap:6px}.ai-citations span{padding:4px 6px;border:1px solid #e2e7ec;border-radius:999px;background:#fff;color:#777e89;font-size:6px}
.seo-metric-grid{position:absolute;z-index:4;left:1%;right:1%;bottom:3px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.seo-metric-grid article{min-height:78px;padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(8px);opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.show-metrics .seo-metric-grid article{opacity:1;transform:none}.show-metrics .seo-metric-grid article:nth-child(2){transition-delay:.08s}.show-metrics .seo-metric-grid article:nth-child(3){transition-delay:.16s}.show-metrics .seo-metric-grid article:nth-child(4){transition-delay:.24s}.seo-metric-grid span,.seo-metric-grid b,.seo-metric-grid small{display:block}.seo-metric-grid span{color:#aeb8d2;font-size:7px}.seo-metric-grid b{margin:7px 0 4px;color:#fff;font-size:18px;font-weight:500;letter-spacing:-.035em}.seo-metric-grid article:first-child b{color:#6ce884}.seo-metric-grid small{color:#6f7b9e;font-size:6px;line-height:1.2}
@keyframes query-caret-blink{50%{opacity:0}}

/* Library-based checkmarks instead of font glyphs */
.service-copy li:before,.analysis-copy li:before{content:"";width:14px;height:14px;top:50%;transform:translateY(-50%);background:var(--brand-green);mask:url('assets/icons/lucide/check.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/lucide/check.svg') center/contain no-repeat}
.inline-check,.success-check{display:inline-block;width:14px;height:14px;background:currentColor;mask:url('assets/icons/lucide/check.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/lucide/check.svg') center/contain no-repeat}
.quality-chip .inline-check,.audit-float .inline-check{margin-left:12px;color:var(--brand-green);vertical-align:-2px}
.success-check{width:22px;height:22px;color:var(--brand-black);vertical-align:middle}

/* Color-only hover feedback for every interactive button style */
.pill,.round-link,.hero .domain-form button,.analysis-form button,.close{transform:none!important;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
.pill-dark:hover,.nav .pill:hover,.final-cta .pill:hover,#email-form .pill:hover{background-color:var(--brand-blue);color:#fff}
.round-link:hover{background-color:var(--brand-blue);color:#fff}.round-link:hover b{color:#fff}
.lime-link:hover,.hero .domain-form button:hover,.analysis-form button:hover{background-color:var(--brand-blue);color:#fff}.lime-link:hover b{color:#fff}
.close:hover{background-color:#eef2ff;color:var(--brand-blue)}

/* Constrained capability ticker with soft, cloud-like edge fades */
.capability-marquee{position:relative;padding-inline:6.8vw;isolation:isolate}
.capability-track{position:relative;z-index:1}
.capability-marquee:before,.capability-marquee:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:11vw;pointer-events:none;filter:blur(7px)}
.capability-marquee:before{left:-10px;background:linear-gradient(90deg,var(--brand-white) 32%,rgba(248,248,246,.88) 57%,transparent 100%)}
.capability-marquee:after{right:-10px;background:linear-gradient(270deg,var(--brand-white) 32%,rgba(248,248,246,.88) 57%,transparent 100%)}

@media(max-width:800px){
  .nav{padding-inline:20px}
  .hero h1{font-size:44px;font-weight:600}
  .pill{font-size:13px!important}
  .hero .domain-form{height:auto;overflow:visible}
  .hero .domain-form input{height:49px;padding:0 14px;border-radius:13px}
  .hero .domain-form button{height:48px;min-width:0;margin-left:0}
  .capability-marquee{padding-inline:20px}
  .capability-marquee:before,.capability-marquee:after{width:54px}
  .service-nav{grid-template-columns:1fr;margin-top:42px}
  .service-nav .service-nav-card{min-height:240px}
}

/* Real platform marks and a connected map of Gledor's four capabilities */
.growth-chart{mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 8%,rgba(0,0,0,.72) 17%,#000 27%);-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 8%,rgba(0,0,0,.72) 17%,#000 27%)}
.hero-visual:after{content:"";position:absolute;z-index:1;left:-48px;top:42px;width:175px;height:455px;pointer-events:none;background:radial-gradient(ellipse at 24% 22%,rgba(255,255,255,.98) 0 24%,rgba(255,255,255,.72) 45%,transparent 72%),radial-gradient(ellipse at 12% 58%,rgba(255,255,255,.96) 0 28%,rgba(255,255,255,.62) 48%,transparent 74%),radial-gradient(ellipse at 30% 86%,rgba(255,255,255,.92) 0 24%,rgba(255,255,255,.48) 48%,transparent 72%);filter:blur(12px)}
.hero-visual .platform{width:56px;height:56px;border-radius:17px;background:#fff;border:.5px solid rgba(208,209,212,.48);box-shadow:0 14px 34px rgba(11,13,18,.09);overflow:hidden;z-index:4}
.hero-visual .platform img{display:block;width:27px;height:27px;object-fit:contain}
.hero-visual .p-one img,.hero-visual .p-two img{display:none}
.hero-visual .p-one:before,.hero-visual .p-two:before{content:"";display:block;width:28px;height:28px;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.hero-visual .p-one:before{background:conic-gradient(from -38deg,#4285f4 0 28%,#34a853 28% 48%,#fbbc05 48% 67%,#ea4335 67% 82%,#4285f4 82% 100%);mask-image:url('assets/icons/brand/google.svg');-webkit-mask-image:url('assets/icons/brand/google.svg')}
.hero-visual .p-two:before{background:linear-gradient(135deg,#4285f4 5%,#7e73d8 48%,#d86ea7 100%);mask-image:url('assets/icons/brand/googlegemini.svg');-webkit-mask-image:url('assets/icons/brand/googlegemini.svg')}
.hero-visual .p-three img{width:31px;height:24px}.hero-visual .p-four img{width:23px;height:26px}.hero-visual .p-six img{width:24px;height:27px}
.hero-visual .p-one{left:15%;top:42px}.hero-visual .p-two{left:40%;top:20px}.hero-visual .p-three{left:2%;top:126px}.hero-visual .p-four{left:29%;top:178px}.hero-visual .p-five{left:10%;top:254px}.hero-visual .p-six{left:37%;top:304px;animation-delay:-2.6s}
.hero-focus-map{position:absolute;right:0;top:35px;width:55%;min-width:360px;height:465px;z-index:3}
.hero-focus-map:before{content:"";position:absolute;inset:38px 10px 48px;border:1px solid rgba(47,107,255,.09);border-radius:50%;background:radial-gradient(circle at 50% 47%,rgba(47,107,255,.06),transparent 43%);pointer-events:none}
.focus-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.focus-line{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:4 6}.focus-line-blue{stroke:rgba(47,107,255,.34)}.focus-line-green{stroke:rgba(39,208,67,.34)}
.focus-core{position:absolute;left:50%;top:45%;width:108px;height:108px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-content:center;text-align:center;background:#fff;border:1px solid rgba(208,209,212,.72);box-shadow:0 20px 50px rgba(11,13,18,.1),0 0 0 10px rgba(255,255,255,.62)}
.focus-core:after{content:"";position:absolute;right:12px;bottom:13px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--brand-green)}.focus-core b{font-size:20px;letter-spacing:-.07em;color:var(--brand-black)}.focus-core span{margin-top:5px;color:#8a909c;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.focus-node{position:absolute;width:164px;min-height:65px;padding:11px 12px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.94);border:.5px solid rgba(208,209,212,.58);border-radius:16px;box-shadow:0 15px 38px rgba(11,13,18,.085);backdrop-filter:blur(8px);animation:focus-node-float 6s ease-in-out infinite}
.focus-web{left:0;top:47px}.focus-visibility{right:0;top:83px;animation-delay:-1.5s}.focus-ads{left:4px;bottom:82px;animation-delay:-3s}.focus-software{right:0;bottom:55px;animation-delay:-4.5s}
.focus-icon{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;background:#eef2ff;color:var(--brand-blue)}.focus-node:nth-of-type(even) .focus-icon{background:#ebf9ed;color:var(--brand-green)}.focus-icon .lucide-service-icon{width:16px;height:16px}
.focus-node b,.focus-node span{display:block}.focus-node b{color:var(--brand-black);font-size:10px;line-height:1.15;font-weight:600;letter-spacing:-.015em}.focus-node span{margin-top:4px;color:#8c919c;font-size:7px;line-height:1.2}
.focus-caption{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:max-content;margin:0;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.78);color:#747a87;font-size:8px;letter-spacing:.02em}.focus-caption i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--brand-green)}
@keyframes focus-node-float{50%{transform:translateY(-5px)}}

/* Two-column, continuous technology ticker */
.technology-band{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);align-items:center;gap:5vw;padding:0 6.8vw;min-height:128px;border-top:1px solid var(--brand-gray);border-bottom:1px solid var(--brand-gray);background:var(--brand-white);overflow:hidden}
.tech-loop{position:relative;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.tech-loop:before,.tech-loop:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:11%;pointer-events:none;filter:blur(8px)}
.tech-loop:before{left:-6px;background:linear-gradient(90deg,var(--brand-white) 32%,rgba(248,248,246,.86) 58%,transparent)}
.tech-loop:after{right:-6px;background:linear-gradient(270deg,var(--brand-white) 32%,rgba(248,248,246,.86) 58%,transparent)}
.tech-sequence{display:flex;width:max-content;will-change:transform;animation:tech-loop 28s linear infinite}
.tech-set{display:flex;align-items:center;gap:48px;padding-right:48px;flex:0 0 auto}.tech-set .tech-brand{width:112px;height:28px;display:grid;place-items:center;flex:0 0 112px}.tech-logo{display:block;width:108px;height:25px;background:#989ca4;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.tech-nextjs{mask-image:url('assets/icons/tech/nextjs-logo.svg');-webkit-mask-image:url('assets/icons/tech/nextjs-logo.svg')}.tech-supabase{mask-image:url('assets/icons/tech/supabase-logo.svg');-webkit-mask-image:url('assets/icons/tech/supabase-logo.svg')}.tech-cursor{mask-image:url('assets/icons/tech/cursor-logo.svg');-webkit-mask-image:url('assets/icons/tech/cursor-logo.svg')}.tech-openai{mask-image:url('assets/icons/tech/openai-logo.svg');-webkit-mask-image:url('assets/icons/tech/openai-logo.svg')}.tech-n8n{mask-image:url('assets/icons/tech/n8n_full_black_logo.svg');-webkit-mask-image:url('assets/icons/tech/n8n_full_black_logo.svg')}.tech-vercel{mask-image:url('assets/icons/tech/vercel-logo.svg');-webkit-mask-image:url('assets/icons/tech/vercel-logo.svg')}
.tech-nextjs{width:83px;height:19px}.tech-cursor{width:99px;height:23px}.tech-openai{width:81px;height:19px}.tech-vercel{width:75px;height:18px}
.technology-band p{position:relative;z-index:3;margin:0;padding-left:4vw;border-left:1px solid var(--brand-gray);color:#7b808b;font-size:12px;line-height:1.45;text-transform:uppercase;letter-spacing:.08em}.technology-band p strong{display:block;color:var(--brand-black);font-weight:700}
@keyframes tech-loop{to{transform:translateX(-50%)}}

/* Alternate the connected-system desktop layout */
.connected-map{order:1}.connected-copy{order:2}

@media(max-width:900px){
  .connected-copy{order:1}.connected-map{order:2}
  .technology-band{grid-template-columns:1fr;padding:24px 20px;gap:16px}.technology-band p{padding:0;border:0;font-size:10px}.tech-set{gap:32px;padding-right:32px}.tech-set .tech-brand{width:96px;height:24px;flex-basis:96px}.tech-logo{width:93px;height:22px}
  .tech-nextjs{width:72px;height:16px}.tech-cursor{width:85px;height:20px}.tech-openai{width:69px;height:16px}.tech-vercel{width:64px;height:15px}
}

@media(max-width:560px){
  .hero-visual{height:485px;min-height:485px}
  .hero-visual:after{left:-38px;top:24px;width:120px;height:380px;filter:blur(10px)}
  .hero-focus-map{top:34px;width:92%;min-width:0;height:425px}.hero-focus-map:before{inset:46px 5px 50px}.focus-core{width:86px;height:86px}.focus-core b{font-size:17px}.focus-core span{font-size:6px}.focus-node{width:136px;min-height:56px;padding:9px;gap:7px;border-radius:14px}.focus-web{top:55px}.focus-visibility{top:89px}.focus-ads{bottom:86px}.focus-software{bottom:58px}.focus-icon{width:26px;height:26px;flex-basis:26px}.focus-icon .lucide-service-icon{width:14px;height:14px}.focus-node b{font-size:8px}.focus-node span{font-size:6px}.focus-caption{font-size:7px;padding:7px 10px}
  .hero-visual .platform{width:42px;height:42px;border-radius:13px}.hero-visual .platform img{width:21px;height:21px}.hero-visual .p-three img{width:24px;height:18px}.hero-visual .p-four img{width:18px;height:21px}.hero-visual .p-six img{width:18px;height:21px}
  .hero-visual .p-one:before,.hero-visual .p-two:before{width:22px;height:22px}
  .hero-visual .p-one{left:5%;top:15px}.hero-visual .p-two{left:42%;top:7px}.hero-visual .p-three{left:0;top:128px}.hero-visual .p-four{left:3%;top:253px}.hero-visual .p-five{left:16%;top:374px}.hero-visual .p-six{left:72%;top:390px}
  .web-visual{height:500px}.web-visual .browser-shell{left:0;top:0;width:100%;height:395px}.website-canvas{padding-inline:16px}.mock-site-nav>div span{display:none}.mock-site-hero{grid-template-columns:1.05fr .95fr;gap:12px}.mock-site-copy h3{font-size:23px}.mock-site-copy p{font-size:7px}.mock-product-card{padding:11px}.mock-chart{height:58px}.mock-trust{gap:10px}.lighthouse-card{width:94%;padding:12px}.lighthouse-score>b{width:40px;height:40px}.lighthouse-score>b span{font-size:10px}.lighthouse-score>small{font-size:5px}
  .visibility-visual{height:550px}.search-demo-bar{left:0;right:0;height:54px;padding-left:11px}.search-live-query{font-size:10px}.search-submit{width:38px;height:38px;flex-basis:38px}.cursor-ready .demo-cursor{right:29px;top:67px}.search-results-panel{top:105px;width:97%;height:315px;padding:14px}.organic-result h3{font-size:12px}.organic-result p,.ai-search-answer>p{font-size:7px}.seo-metric-grid{grid-template-columns:repeat(4,1fr);gap:5px}.seo-metric-grid article{padding:8px;min-height:72px}.seo-metric-grid b{font-size:15px}.seo-metric-grid span{font-size:6px}
}

/* Centered hero capability system */
.hero-focus-map{left:50%;right:auto;top:25px;width:72%;min-width:430px;height:465px;transform:translateX(-50%)}
.hero-focus-map:before{inset:32px 8px 42px;background:radial-gradient(circle at 50% 47%,rgba(47,107,255,.09),transparent 43%)}
.focus-core{top:50%;width:112px;height:112px;box-shadow:0 20px 50px rgba(11,13,18,.1),0 0 0 10px rgba(255,255,255,.62),0 0 32px rgba(47,107,255,.12)}
.focus-core span{display:none}.focus-core b{font-size:22px}.focus-core:after{right:10px;bottom:11px}
.focus-node{border-radius:5px 18px 18px 18px}
.focus-connectors .focus-line{stroke-width:1.7;stroke-dasharray:5 12;filter:drop-shadow(0 0 2px rgba(47,107,255,.18));animation:focus-line-pulse 7.5s ease-in-out infinite}
.focus-connectors .focus-line-green{filter:drop-shadow(0 0 2px rgba(39,208,67,.22));animation-delay:-3.7s}.focus-connectors .focus-line-blue{animation-delay:-1.8s}
.hero-visual .p-one{left:19%;top:30px}.hero-visual .p-two{left:51%;top:1px}.hero-visual .p-three{left:4%;top:148px}.hero-visual .p-four{left:80%;top:157px}.hero-visual .p-five{left:15%;top:348px}.hero-visual .p-six{left:76%;top:355px}
@keyframes focus-line-pulse{0%,100%{opacity:.38;stroke-dashoffset:0}42%{opacity:.9;stroke-dashoffset:-34}60%{opacity:.48;stroke-dashoffset:-44}}

@media(max-width:560px){.hero-focus-map{left:50%;top:28px;width:92%;min-width:0;height:425px;transform:translateX(-50%)}.focus-core{top:50%;width:88px;height:88px}.focus-core b{font-size:18px}.focus-node{border-radius:4px 15px 15px 15px}.hero-visual .p-one{left:16%;top:14px}.hero-visual .p-two{left:51%;top:0}.hero-visual .p-three{left:0;top:142px}.hero-visual .p-four{left:83%;top:145px}.hero-visual .p-five{left:12%;top:366px}.hero-visual .p-six{left:76%;top:374px}}

/* Simplified service visuals */
.visibility-visual{background:transparent!important}.visibility-restore{position:relative;height:100%;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:66px 66px}.restore-search{position:absolute;left:4%;top:38px;width:56%;padding:19px 20px;border:2px solid #557aff;border-radius:5px 20px 20px 20px;color:#edf1ff;font-size:13px;opacity:0;transform:translateY(-10px);animation:restore-in .55s .1s forwards}.restore-search span{display:inline-block;min-height:16px}.restore-search span:after{content:"";display:inline-block;width:1px;height:15px;margin-left:3px;vertical-align:-2px;background:#edf1ff;animation:restore-caret .8s step-end infinite}.restore-search i{float:right;width:17px;height:17px;border:2px solid currentColor;border-radius:50%}.restore-search i:after{content:"";display:block;width:7px;height:2px;margin:13px 0 0 12px;background:currentColor;transform:rotate(45deg)}.restore-answer{position:absolute;right:4%;top:143px;width:69%;padding:23px;border-radius:22px;background:#fff;color:#11182e;box-shadow:0 28px 65px rgba(0,0,0,.28);opacity:0;transform:translateY(15px);animation:restore-in .65s .7s forwards;transition:opacity .42s cubic-bezier(.22,.8,.25,1),transform .42s cubic-bezier(.22,.8,.25,1),box-shadow .42s ease}.restore-answer.is-updating{opacity:.78;transform:translateY(22px) scale(.987);box-shadow:0 18px 39px rgba(0,0,0,.18)}.restore-answer>div{display:flex;align-items:center;gap:9px}.restore-answer>div i{color:#705de4;font-style:normal;font-size:21px}.restore-answer>div b{font-size:11px}.restore-answer>p{margin:13px 0;color:#687087;font-size:12px;line-height:1.55}.restore-answer>span{display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:center;padding:9px;border-radius:10px;background:#f3f5f7}.restore-answer>span i{grid-row:1/3;width:30px;height:30px;border-radius:50%;background:var(--brand-green)}.restore-answer>span b{font-size:8px}.restore-answer>span small{font-size:6px;color:#858d9b}.restore-rank{position:absolute;left:3%;bottom:36px;z-index:2;display:flex;gap:22px;align-items:center;padding:13px 16px;border-radius:999px;background:var(--brand-green);color:#081224;opacity:0;animation:restore-in .5s 1.2s forwards}.restore-rank span{font-size:9px}.restore-rank b{font-size:16px}.visibility-restore>svg{position:absolute;left:0;right:0;bottom:9px;width:100%;height:175px}.visibility-restore path{fill:none;stroke:#5be371;stroke-width:4;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:restore-line 1.9s .95s ease forwards}@keyframes restore-in{to{opacity:1;transform:none}}@keyframes restore-line{to{stroke-dashoffset:0}}@keyframes restore-caret{50%{opacity:0}}
.ads-visual{height:540px!important;overflow:visible!important;border:0!important;background:transparent!important}.ads-visual:before{display:none}.ad-direct{position:relative;height:100%}.ad-social-post{position:absolute;left:1%;top:38px;width:210px;padding:7px 7px 12px;border:1px solid #e0e4eb;border-radius:18px;background:#fff;box-shadow:0 22px 50px rgba(15,24,42,.13);opacity:0;transform:translateY(14px);animation:restore-in .6s .15s forwards}.ad-social-post>img{display:block;width:100%;height:255px;object-fit:cover;border-radius:13px}.ad-post-copy{padding:10px 4px 7px;display:grid;gap:4px}.ad-post-copy b{font-size:8px}.ad-post-copy span{font-size:7px;color:#667080}.ad-post-metrics{display:flex;gap:13px;padding:0 4px;color:#586272;font-size:8px}.ad-post-metrics b{margin-left:3px;font-weight:600}.ad-search-summary{position:absolute;right:0;top:106px;width:62%;padding:18px;border:1px solid #dfe4ec;border-radius:14px;background:#fff;box-shadow:0 22px 50px rgba(15,24,42,.1);opacity:0;transform:translateX(15px);animation:restore-in .65s .45s forwards}.ad-search-summary header,.ad-search-summary footer{display:flex;justify-content:space-between;align-items:center}.ad-search-summary header>span{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:600}.ad-search-summary header i{width:15px;height:15px;background:conic-gradient(from -38deg,#4285f4 0 28%,#34a853 28% 48%,#fbbc05 48% 67%,#ea4335 67% 82%,#4285f4 82% 100%);mask:url('assets/icons/brand/google.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/brand/google.svg') center/contain no-repeat}.ad-search-summary header em{padding:4px 6px;border-radius:5px;background:#eaf8ed;color:#23743c;font-size:6px;font-style:normal}.ad-direct-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.ad-direct-metrics span{padding:10px;border-radius:8px;background:#f6f8fb}.ad-direct-metrics small,.ad-direct-metrics b,.ad-direct-metrics em{display:block}.ad-direct-metrics small{font-size:6px;color:#7d8693}.ad-direct-metrics b{margin:4px 0;font-size:16px}.ad-direct-metrics em{font-size:6px;color:#26934b;font-style:normal}.ad-search-summary svg{width:100%;height:94px;background-image:linear-gradient(#edf0f4 1px,transparent 1px);background-size:100% 31px}.ad-search-summary path{fill:none;stroke:#3766ee;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300;animation:restore-line 1.7s .9s ease forwards}.ad-search-summary footer{padding-top:10px;border-top:1px solid #edf0f3;color:#74808f;font-size:7px}.ad-search-summary footer b{color:#2a8e4a}
.software-visual{height:520px!important;background:transparent!important;border:0!important}.software-visual:before{display:none}.tool-essentials{position:relative;height:100%;background:radial-gradient(circle at 50% 50%,rgba(91,227,113,.14),transparent 25%),linear-gradient(145deg,#f7faf6,#eff4ff);border:1px solid #dce6df;border-radius:25px;overflow:hidden}.tool-essentials:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(16,65,37,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,65,37,.045) 1px,transparent 1px);background-size:46px 46px}.tool-essentials article{position:absolute;z-index:2;width:172px;min-height:76px;padding:12px;display:flex;gap:9px;align-items:center;border:1px solid #dce4df;border-radius:5px 16px 16px 16px;background:#fff;box-shadow:0 16px 35px rgba(11,45,25,.1);opacity:0;animation:restore-in .55s forwards}.tool-essentials article:nth-of-type(1){left:6%;top:72px;animation-delay:.15s}.tool-essentials article:nth-of-type(2){right:6%;top:84px;animation-delay:.35s}.tool-essentials article:nth-of-type(3){left:8%;bottom:82px;animation-delay:.55s}.tool-essentials article:nth-of-type(4){right:4%;bottom:73px;animation-delay:.75s}.tool-essentials article>i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eef2ff;color:#3766ee;font-size:13px;font-style:normal}.tool-essentials article:nth-of-type(even)>i{background:#ebf9ed;color:#0a9b31}.tool-essentials article span{display:grid;gap:3px}.tool-essentials small{font-size:5px;letter-spacing:.08em;color:#87908c}.tool-essentials b{font-size:8px;line-height:1.25;font-weight:600}.tool-essentials-core{position:absolute;z-index:3;left:50%;top:50%;width:126px;height:126px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border-radius:50%;background:#0b0d12;color:#fff;box-shadow:0 0 0 11px rgba(255,255,255,.7),0 0 34px rgba(48,115,255,.14)}.tool-essentials-core b{font-size:12px;line-height:1.12}.tool-essentials-core span{margin-top:6px;color:#a9b5ad;font-size:6px}.tool-route{position:absolute;z-index:1;left:19%;right:19%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#5de37e,transparent);box-shadow:0 0 9px rgba(93,227,126,.5);transform:rotate(28deg)}.tool-route-b{transform:rotate(-28deg);background:linear-gradient(90deg,transparent,#5d83ff,transparent)}
.connected-map.system-canvas{height:520px!important;border:1px solid #dfe4ea!important;border-radius:25px!important;background:radial-gradient(circle at 50% 50%,rgba(55,91,255,.08),transparent 27%),#fff!important;box-shadow:0 25px 60px rgba(18,34,66,.09)!important;color:#101522}.system-minimal{position:relative;height:100%;overflow:hidden;background-image:linear-gradient(rgba(26,49,81,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(26,49,81,.045) 1px,transparent 1px);background-size:52px 52px}.system-minimal>svg{position:absolute;inset:0;width:100%;height:100%}.system-minimal path{fill:none;stroke:#cdd4de;stroke-width:2}.system-minimal path:nth-child(odd){stroke:#69d987;filter:drop-shadow(0 0 3px rgba(68,208,103,.35));stroke-dasharray:8 16;animation:system-minimal-flow 6.5s linear infinite}.system-minimal path:nth-child(even){stroke:#6685ee;filter:drop-shadow(0 0 3px rgba(72,113,240,.28));stroke-dasharray:8 16;animation:system-minimal-flow 6.5s -3s linear infinite}.system-minimal article{position:absolute;z-index:2;width:132px;padding:11px;border:1px solid #e0e5eb;border-radius:5px 14px 14px 14px;background:#fff;box-shadow:0 12px 28px rgba(20,36,64,.09)}.system-minimal article i{display:block;width:19px;height:19px;margin-bottom:8px;border-radius:6px;background:#eef2ff}.system-minimal article:nth-of-type(even) i{background:#ecfaef}.system-minimal article b,.system-minimal article span{display:block}.system-minimal article b{font-size:8px}.system-minimal article span{margin-top:3px;color:#7d8793;font-size:6px}.minimal-web{left:5%;top:11%}.minimal-search{right:5%;top:11%}.minimal-ads{left:5%;bottom:11%}.minimal-tools{right:5%;bottom:11%}.minimal-core{position:absolute;z-index:3;left:50%;top:50%;width:118px;height:118px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border:1px solid #dce3ee;border-radius:50%;background:#fff;box-shadow:0 0 0 10px rgba(73,112,235,.06),0 18px 34px rgba(25,42,74,.1)}.minimal-core b{font-size:13px;line-height:1.1}.minimal-core span{margin-top:6px;color:#77818e;font-size:6px}@keyframes system-minimal-flow{to{stroke-dashoffset:-96}}
@media(max-width:560px){.restore-answer{width:82%;right:0}.ad-social-post{width:155px;top:28px}.ad-social-post>img{height:215px}.ad-search-summary{width:62%;top:90px;padding:12px}.tool-essentials article{width:130px;min-height:64px;padding:9px}.tool-essentials article:nth-of-type(1){left:2%;top:62px}.tool-essentials article:nth-of-type(2){right:2%;top:70px}.tool-essentials article:nth-of-type(3){left:2%;bottom:70px}.tool-essentials article:nth-of-type(4){right:1%;bottom:62px}.tool-essentials-core{width:98px;height:98px}.system-minimal article{width:112px;padding:9px}.minimal-core{width:95px;height:95px}}

/* Keep floating platform marks clear of the lower capability cards. */
.hero-visual .p-five{top:270px}.hero-visual .p-six{top:270px}
.growth-chart{left:-40px!important;width:calc(100% + 5vw + 40px)!important;max-width:none!important}
@media(max-width:560px){.hero-visual .p-five{top:260px}.hero-visual .p-six{top:265px}.growth-chart{width:calc(100% + 60px)!important}}

/* Give multi-line display headlines a little more breathing room. */
.hero h1{line-height:1.11!important}
.intro-title h2,.services-index h2,.audience-head h2,.process-heading h2,.faq-heading h2{line-height:1.08!important}
.service-copy h2,.connected-copy h2,.analysis-copy h2{line-height:1.08!important}
.contact-intro h2{line-height:1.09!important}

/* Compact, sequential capability navigation */
.service-nav{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:54px!important}
.service-nav .service-nav-card{min-height:0!important;padding:15px 17px!important;display:grid!important;grid-template-columns:28px 52px minmax(190px,1.05fr) minmax(240px,1fr) minmax(210px,.9fr) 42px!important;gap:15px!important;align-items:center!important;border:1px solid rgba(24,42,72,.15)!important;border-radius:15px!important;background:rgba(255,255,255,.8)!important;box-shadow:0 10px 25px rgba(36,69,139,.055)!important;overflow:hidden!important}
.service-nav .service-nav-card:before{background:linear-gradient(112deg,#0b0d12,#142142 74%,#2b62d7)!important}.service-nav .service-nav-card:after{width:180px!important;height:180px!important;right:-75px!important;bottom:-100px!important}
.service-nav-top{display:contents!important}.service-nav .service-nav-top>span{grid-column:1!important;grid-row:1!important;color:#8a92a0!important;font-size:9px!important}.service-nav-icon{grid-column:2!important;grid-row:1!important;width:44px!important;height:44px!important;border-radius:12px!important}.lucide-service-icon{width:21px!important;height:21px!important}
.service-card-body{grid-column:3!important;grid-row:1!important}.service-nav-card h3{margin:0!important;font-size:18px!important;line-height:1.08!important;letter-spacing:-.025em!important}.service-nav-card p{margin:4px 0 0!important;font-size:10px!important;line-height:1.4!important}
.service-scope{grid-column:4!important;grid-row:1!important;margin:0!important;justify-content:flex-start!important}.service-nav .service-scope span{padding:5px 7px!important;font-size:7px!important}
.service-card-cta{grid-column:5!important;grid-row:1!important;margin:0!important;padding:0!important;font-size:10px!important;white-space:nowrap!important}.lucide-arrow{grid-column:6!important;grid-row:1!important;width:36px!important;height:36px!important}
@media(max-width:900px){.service-nav .service-nav-card{grid-template-columns:28px 48px minmax(190px,1fr) 40px!important;gap:13px!important}.service-card-body{grid-column:3!important}.service-scope{display:none!important}.service-card-cta{display:none!important}.lucide-arrow{grid-column:4!important}}
@media(max-width:560px){.service-nav{margin-top:36px!important}.service-nav .service-nav-card{min-height:78px!important;padding:14px!important;grid-template-columns:20px 42px minmax(0,1fr) 34px!important;gap:10px!important;border-radius:13px!important}.service-nav .service-nav-top>span{font-size:8px!important}.service-nav-icon{width:38px!important;height:38px!important;border-radius:10px!important}.lucide-service-icon{width:18px!important;height:18px!important}.service-nav-card h3{font-size:16px!important}.service-nav-card p{font-size:9px!important}.lucide-arrow{width:32px!important;height:32px!important}.lucide-arrow:before{width:14px!important;height:14px!important}}

/* Reduce the page to the same quiet visual language as the hero and introduction. */
.services-index{background:#fff!important}.services-index:before,.services-index:after{display:none!important}
.service-nav{gap:0!important;margin-top:48px!important;border-top:1px solid var(--brand-gray)!important}
.service-nav .service-nav-card{min-height:74px!important;padding:13px 0!important;grid-template-columns:34px 44px minmax(0,1fr) 38px!important;gap:13px!important;border:0!important;border-bottom:1px solid var(--brand-gray)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.service-nav .service-nav-card:before,.service-nav .service-nav-card:after{display:none!important}.service-nav .service-nav-card:hover{color:var(--brand-black)!important;box-shadow:none!important}.service-nav .service-nav-top>span{font-size:9px!important}.service-nav-icon{width:38px!important;height:38px!important;border-radius:10px!important;background:#f0f3f8!important}.service-nav-card:hover .service-nav-icon{color:var(--brand-blue)!important;background:#f0f3f8!important;transform:none!important}.service-card-body{display:contents!important}.service-nav-card h3{grid-column:3!important;grid-row:1!important;font-size:18px!important}.service-nav-card p,.service-scope,.service-card-cta{display:none!important}.lucide-arrow{grid-column:4!important;width:34px!important;height:34px!important}.service-nav-card:hover .lucide-arrow{color:#fff!important;background:var(--brand-black)!important;border-color:var(--brand-black)!important;transform:none!important}
#software{background:var(--navy)!important;color:#fff}.service-mint .service-copy>p:not(.section-kicker):not(.ownership){color:#bac1d6!important}.service-mint .service-copy li{border-color:#263053!important}.service-mint .ownership{background:rgba(255,255,255,.1)!important;color:#fff!important}.service-mint .round-link{background:var(--brand-green)!important;color:#07113f!important}.service-mint .round-link b{color:#07113f!important}
.software-visual .tool-essentials{background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(47,107,255,.18),transparent 36%);background-size:66px 66px,66px 66px,auto;border-color:rgba(255,255,255,.09)}.software-visual .tool-essentials:before{background:none}.software-visual .tool-essentials article{border-color:rgba(255,255,255,.1);box-shadow:0 18px 40px rgba(0,0,0,.24)}.software-visual .tool-essentials-core{background:#fff;color:var(--brand-black);box-shadow:0 0 0 11px rgba(255,255,255,.08),0 0 34px rgba(47,107,255,.18)}.software-visual .tool-essentials-core span{color:#7e8794}
.connected-section,.audience-section{background:#fff!important}.audience-section:before{display:none!important}
.contact-intake{background:#eaf9ed!important;color:#0b0d12!important}.contact-intro h2{color:#0b0d12!important}.contact-intro>p{color:#52635a!important}.contact-form{padding:28px 38px!important;border-radius:24px!important;background:#fff!important}.contact-form>header{display:none!important}.contact-fields{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:0!important}.contact-fields>label>span{display:none!important}.contact-message,.contact-upload{grid-column:auto!important}.contact-fields input:not([type=file]){height:48px!important;padding:0 15px!important;border-radius:9px!important;font-size:11px!important}.contact-fields textarea{min-height:118px!important;padding:14px 15px!important;border-radius:9px!important;font-size:11px!important}.contact-upload{min-height:58px!important}.contact-consent{margin:15px 0!important;font-size:8px!important}.contact-submit-row{padding-top:15px!important}.contact-submit-row>p{display:none!important}.contact-submit-row>button{width:100%!important;min-width:0!important;height:48px!important;background:var(--brand-green)!important;color:#07113f!important;font-size:11px!important}.contact-submit-row>button>i{background:#07113f!important}.contact-submit-row>button>i:before{background:#fff!important}
@media(max-width:560px){.service-nav .service-nav-card{grid-template-columns:28px 38px minmax(0,1fr) 32px!important;gap:10px!important}.service-nav-icon{width:34px!important;height:34px!important}.contact-form{padding:20px!important}}

/* Simplify the hero capability labels. */
.focus-node{min-height:50px!important;padding:10px 12px!important}.focus-node span{display:none!important}.focus-core{box-shadow:0 20px 42px rgba(11,13,18,.11),0 0 0 10px rgba(255,255,255,.62)!important}
.focus-node b{font-weight:500!important}@media(min-width:561px){.focus-node b{font-size:12px!important}}

/* An image-led, dark website-development showcase. */
#websites .service-copy h2{font-size:clamp(36px,3.4vw,52px)!important}
#websites{background:var(--navy)!important;color:#fff}#websites .service-copy>p:not(.section-kicker):not(.ownership){color:#bac1d6!important}#websites .service-copy li{border-color:#263053!important}#websites .round-link{background:var(--brand-green)!important;color:#07113f!important}#websites .round-link b{color:#07113f!important}.web-visual{height:530px!important}.web-visual .browser-shell{box-shadow:0 28px 72px rgba(0,0,0,.25)!important}.mock-site-hero{min-height:285px!important}.mock-site-image{position:relative;min-height:205px;margin:0;overflow:hidden;border-radius:15px;background:#e9edf1}.mock-site-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(11,13,18,.62))}.mock-site-image img{display:block;width:100%;height:205px;object-fit:cover}.mock-site-image figcaption{position:absolute;z-index:1;left:13px;bottom:12px;color:#fff;font-size:8px;font-weight:500}.lighthouse-card{left:4%!important;bottom:68px!important;width:64%!important;padding:12px 14px!important;border-radius:14px!important}.lighthouse-head{display:none!important}.lighthouse-scores{gap:5px!important;padding-top:0!important}.lighthouse-score>b{width:40px!important;height:40px!important}.lighthouse-score>b span{font-size:11px!important}.lighthouse-score>small{margin-top:4px!important;font-size:5.5px!important}@media(max-width:560px){#websites .web-visual{height:470px!important}.mock-site-image{min-height:150px}.mock-site-image img{height:150px}.lighthouse-card{left:3%!important;bottom:24px!important;width:78%!important}.lighthouse-score>b{width:34px!important;height:34px!important}}

/* A tighter, less literal website concept: no browser chrome, only the product surface. */
#websites .web-visual{height:450px!important}
#websites .web-visual .browser-shell{left:2%!important;top:18px!important;width:96%!important;height:392px!important;border-radius:0 0 24px 0!important;box-shadow:0 22px 58px rgba(0,0,0,.22)!important}
#websites .website-canvas{height:100%!important;padding:0 18px!important;background:linear-gradient(135deg,#fff 0%,#fff 66%,#edf3ff 100%)!important}
#websites .mock-site-nav{height:42px!important}
#websites .mock-site-nav>b{font-size:13px!important}
#websites .mock-site-nav>div{gap:12px!important}
#websites .mock-site-nav em{padding:6px 9px!important;border-radius:0 0 10px 0!important}
#websites .mock-site-hero{min-height:0!important;height:350px!important;gap:18px!important}
#websites .mock-site-copy h3{font-size:27px!important;line-height:1.06!important;margin:9px 0!important}
#websites .mock-actions{margin-top:14px!important}
.mock-site-placeholder{position:relative;min-height:176px;margin:0;overflow:hidden;border:1px solid #dfe6f3;border-radius:0 0 18px 0;background:linear-gradient(145deg,#e9efff,#f8fbff 56%,#e4f7e9)}
.mock-site-placeholder:before,.mock-site-placeholder:after{content:"";position:absolute;border:1px solid rgba(47,107,255,.16)}
.mock-site-placeholder:before{width:136px;height:136px;right:-36px;top:-52px;border-radius:50%;background:rgba(47,107,255,.07)}
.mock-site-placeholder:after{width:86px;height:86px;left:14px;bottom:-42px;border-radius:50%;background:rgba(39,208,67,.12)}
.placeholder-topline{position:absolute;left:15px;right:15px;top:15px;height:7px;background:linear-gradient(90deg,#0b0d12 0 28%,transparent 28% 34%,#c3cddf 34% 58%,transparent 58%)}
.placeholder-orb{position:absolute;right:28px;top:48px;width:78px;height:78px;border:13px solid rgba(47,107,255,.65);border-left-color:rgba(39,208,67,.74);border-radius:50%;transform:rotate(-35deg)}
.placeholder-panel{position:absolute;left:18px;right:21px;bottom:20px;padding:13px;border:1px solid rgba(11,13,18,.08);border-radius:0 0 12px 0;background:rgba(255,255,255,.7);backdrop-filter:blur(8px)}
.placeholder-panel span{display:block;height:6px;margin-top:7px;background:#cdd7ec}.placeholder-panel span:first-child{width:48%;margin-top:0;background:#8ba6ef}.placeholder-panel span:nth-child(2){width:84%}.placeholder-panel span:nth-child(3){width:67%}
.mock-site-placeholder figcaption{position:absolute;z-index:1;left:17px;top:47px;color:#394252;font-size:8px;font-weight:500}
#websites .lighthouse-card{left:9%!important;bottom:0!important;width:64%!important;padding:10px 12px!important;border-radius:0 0 16px 0!important;box-shadow:0 18px 48px rgba(0,0,0,.18)!important}
#websites .lighthouse-scores{gap:2px!important}
#websites .lighthouse-score>b{width:36px!important;height:36px!important}
#websites .lighthouse-score>b span{font-size:10px!important}
#websites .lighthouse-score>small{margin-top:3px!important;font-size:5px!important}
@media(max-width:560px){#websites .web-visual{height:410px!important}#websites .web-visual .browser-shell{left:0!important;top:0!important;width:100%!important;height:350px!important}#websites .mock-site-nav{height:38px!important}#websites .mock-site-hero{height:312px!important}.mock-site-placeholder{min-height:142px}.placeholder-orb{width:56px;height:56px;border-width:10px}.mock-site-placeholder figcaption{font-size:6px}#websites .lighthouse-card{left:4%!important;bottom:0!important;width:78%!important}.lighthouse-score>b{width:32px!important;height:32px!important}}

/* Website-development preview: individual, recognisable product fragments on the shared dark grid. */
#websites .web-visual{height:440px!important;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)!important;background-size:70px 70px!important}
.website-fragments{position:absolute;inset:16px 2% 26px 2%;color:var(--brand-black)}
#websites .mock-site-nav{position:absolute;z-index:2;right:0;top:0;width:61%;height:44px!important;padding:0 14px;border:1px solid rgba(223,230,243,.92);border-radius:0 0 17px 0;background:rgba(255,255,255,.98);box-shadow:0 16px 36px rgba(0,0,0,.2)}
#websites .mock-site-nav>b{font-size:13px!important}
#websites .mock-site-copy{position:absolute;z-index:1;left:0;top:30px;width:62%;min-height:238px;padding:25px 24px;border:1px solid rgba(223,230,243,.92);border-radius:0 0 24px 0;background:rgba(255,255,255,.98);box-shadow:0 22px 52px rgba(0,0,0,.24)}
#websites .mock-site-copy h3{font-size:28px!important;margin:10px 0!important}
#websites .mock-site-copy p{font-size:8px!important;line-height:1.55!important}
#websites .mock-site-form{position:absolute;right:0;bottom:0;width:48%;min-height:158px;padding:18px;border:1px solid rgba(223,230,243,.92);border-radius:0 0 20px 0;background:rgba(255,255,255,.98);box-shadow:0 22px 50px rgba(0,0,0,.18)}
#websites .mock-site-form small{display:block;color:#7d8795;font-size:6px;font-weight:600;letter-spacing:.1em}
#websites .mock-site-form>b{display:block;max-width:180px;margin:9px 0 13px;font-size:13px;line-height:1.15;letter-spacing:-.035em;font-weight:500}
#websites .mock-site-form>div{height:29px;padding-left:10px;border:1px solid #dfe4ea;border-radius:0 0 9px 0;display:flex;align-items:center;color:#9aa2ae;font-size:7px}
#websites .mock-site-form em{width:28px;height:27px;margin-left:auto;display:grid;place-items:center;background:var(--brand-green);color:#07113f;font-size:13px;font-style:normal}
#websites .mock-site-form p{margin:8px 0 0;color:#8a929f;font-size:6px}
#websites .lighthouse-card{z-index:4;left:8%!important;bottom:0!important;width:57%!important}
#websites .lighthouse-scores{gap:2px!important}
#websites .lighthouse-score>b{width:45px!important;height:45px!important;background:conic-gradient(var(--ring) calc(var(--score) * 1%),#f4f2ee 0)!important}
#websites .lighthouse-score>b:before{inset:5px!important}
#websites .lighthouse-score>b span{color:var(--ring)!important;font-size:12px!important}
#websites .lighthouse-score>small{margin-top:5px!important;color:#323842!important;font-size:6px!important;font-weight:500}
@media(max-width:560px){#websites .web-visual{height:410px!important}.website-fragments{inset:10px 0 26px}.mock-site-nav>div{display:none!important}#websites .mock-site-nav{width:44%;height:38px!important;padding:0 10px}#websites .mock-site-copy{top:25px;width:68%;min-height:205px;padding:18px}#websites .mock-site-copy h3{font-size:22px!important}#websites .mock-site-form{width:53%;min-height:124px;padding:13px}#websites .mock-site-form>b{margin:6px 0 9px;font-size:10px}#websites .mock-site-form p{display:none}#websites .lighthouse-card{left:3%!important;width:71%!important}}

/* Bring the conversion component forward without competing with the quality scores. */
#websites .mock-site-form{z-index:5;bottom:72px;background:var(--brand-green);border-color:var(--brand-green);box-shadow:0 24px 56px rgba(0,0,0,.3)}
#websites .mock-site-form small,#websites .mock-site-form p{color:rgba(7,17,63,.64)}
#websites .mock-site-form>b{color:#07113f}
#websites .mock-site-form>div{border-color:#fff;background:#fff;color:#0b0d12}
#websites .mock-site-form em{background:#07113f;color:#fff}
@media(max-width:560px){#websites .mock-site-form{bottom:76px}}

/* Keep primary service actions consistent: green at rest, blue on hover. */
#websites .round-link:hover{background-color:var(--brand-blue)!important;color:#fff!important}
#websites .round-link:hover b{color:#fff!important}
#visibility .round-link{background:var(--brand-green)!important;color:#07113f!important}
#visibility .round-link b{color:#07113f!important}
#visibility .round-link:hover{background-color:var(--brand-blue)!important;color:#fff!important}
#visibility .round-link:hover b{color:#fff!important}

/* Pull the visibility journey into one connected focal area. */
.restore-search{z-index:3;left:7%!important;top:54px!important}
.restore-answer{z-index:2;right:7%!important;top:128px!important;width:67%!important;border-radius:22px 4px 22px 4px!important}
.restore-insights{position:absolute;z-index:1;left:4%;top:300px;width:46%;height:auto;filter:drop-shadow(0 14px 28px rgba(0,0,0,.12))}
.restore-rank{left:9%!important;bottom:88px!important}
.visibility-restore>svg{z-index:0;left:-5%!important;right:auto!important;bottom:46px!important;width:110%!important;height:190px!important}
@media(max-width:560px){.restore-search{left:3%!important;top:42px!important;width:66%!important}.restore-answer{right:0!important;top:118px!important;width:82%!important}.restore-insights{left:2%;top:286px;width:52%}.restore-rank{left:3%!important;bottom:72px!important}.visibility-restore>svg{left:-15%!important;bottom:31px!important;width:130%!important}}

/* Soften the website-preview fragments without changing their composition. */
#websites .mock-site-nav{border-radius:18px!important}
#websites .mock-site-copy{border-radius:24px!important}
#websites .mock-site-form{border-radius:20px!important}
#websites .mock-site-form>div{border-radius:10px!important}

/* Two small, real website components: an unmistakable CTA and a compact journey cue. */
#websites .mock-site-cta{position:absolute;z-index:5;right:0;bottom:72px;width:48%;min-height:158px;padding:18px;border:1px solid var(--brand-green);border-radius:20px;background:var(--brand-green);box-shadow:0 24px 56px rgba(0,0,0,.3);color:#07113f}
#websites .mock-site-cta small{display:block;color:rgba(7,17,63,.64);font-size:6px;font-weight:600;letter-spacing:.1em}
#websites .mock-site-cta>b{display:block;max-width:180px;margin:9px 0 13px;font-size:13px;line-height:1.15;letter-spacing:-.035em;font-weight:500}
#websites .mock-site-cta>div{height:31px;display:flex;align-items:center;border-radius:10px;background:#fff;color:#0b0d12;font-size:7px}
#websites .mock-site-cta>div span{padding-left:10px}
#websites .mock-site-cta em{width:30px;height:31px;margin-left:auto;display:grid;place-items:center;border-radius:0 10px 10px 0;background:#07113f;color:#fff;font-size:13px;font-style:normal}
#websites .mock-site-cta p{margin:8px 0 0;color:rgba(7,17,63,.64);font-size:6px}
#websites .mock-site-journey{position:absolute;z-index:4;left:4%;bottom:5px;width:164px;padding:11px 12px;border:1px solid rgba(223,230,243,.92);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 16px 34px rgba(0,0,0,.18);color:#0b0d12}
#websites .mock-site-journey>div{display:flex;align-items:center;gap:7px}
#websites .mock-site-journey span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#edf1ff;color:#315fbd;font-size:6px;font-weight:600}
#websites .mock-site-journey span:last-child{background:#eaf9ed;color:#178c3f}
#websites .mock-site-journey i{width:14px;height:1px;background:linear-gradient(90deg,#a7b7e9,#88d89c)}
#websites .mock-site-journey small{display:block;margin-top:8px;color:#7a8390;font-size:6px;font-weight:500}
@media(max-width:560px){#websites .mock-site-cta{bottom:76px;width:53%;min-height:124px;padding:13px}#websites .mock-site-cta>b{margin:6px 0 9px;font-size:10px}#websites .mock-site-cta p{display:none}#websites .mock-site-journey{left:2%;bottom:4px;width:136px;padding:9px 10px}#websites .mock-site-journey small{font-size:5px}}

/* A compact in-page navigation component replaces the decorative journey strip. */
#websites .mock-site-tabs{position:absolute;z-index:4;left:4%;bottom:5px;width:182px;padding:11px 12px;border:1px solid rgba(223,230,243,.92);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 16px 34px rgba(0,0,0,.18);color:#0b0d12}
#websites .mock-site-tabs small{display:block;margin-bottom:8px;color:#7a8390;font-size:5.5px;font-weight:600;letter-spacing:.1em}
#websites .mock-site-tabs>div{display:flex;align-items:center;gap:4px}
#websites .mock-site-tabs span,#websites .mock-site-tabs b{padding:6px 7px;border-radius:7px;color:#737d8b;font-size:6px;font-weight:500;white-space:nowrap}
#websites .mock-site-tabs b{background:#07113f;color:#fff;font-weight:500}
@media(max-width:560px){#websites .mock-site-tabs{left:2%;bottom:4px;width:148px;padding:9px 10px}#websites .mock-site-tabs span,#websites .mock-site-tabs b{padding:5px;font-size:5px}}

/* A compact CMS preview makes ongoing publishing and brand flexibility tangible. */
#websites .mock-site-cms{position:absolute;z-index:4;left:4%;bottom:5px;width:182px;padding:11px 12px;border:1px solid rgba(223,230,243,.92);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 16px 34px rgba(0,0,0,.18);color:#0b0d12}
#websites .mock-site-cms header{display:flex;align-items:center;justify-content:space-between}
#websites .mock-site-cms small{color:#7a8390;font-size:5.5px;font-weight:600;letter-spacing:.1em}
#websites .mock-site-cms header i{color:#9ba3af;font-size:8px;font-style:normal;letter-spacing:1px}
#websites .mock-site-cms>b{display:block;margin:7px 0 8px;font-size:10px;font-weight:500;letter-spacing:-.025em}
#websites .cms-draft{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border:1px solid #e4e8ee;border-radius:8px;background:#f8fafc;font-size:6px}
#websites .cms-draft span{color:#4f5967}.cms-draft em{padding:3px 4px;border-radius:4px;background:#eaf9ed;color:#178c3f;font-size:5px;font-style:normal}
#websites .cms-palette{display:flex;gap:5px;margin-top:8px}.cms-palette i{width:13px;height:13px;border-radius:50%;background:#07113f;box-shadow:0 0 0 1px rgba(11,13,18,.08)}.cms-palette i:nth-child(2){background:#315fbd}.cms-palette i:nth-child(3){background:var(--brand-green)}.cms-palette i:nth-child(4){background:#f4b942}
@media(max-width:560px){#websites .mock-site-cms{left:2%;bottom:4px;width:148px;padding:9px 10px}#websites .mock-site-cms>b{font-size:8px}.cms-palette{margin-top:6px}}

/* A text-free colour palette: a quick visual cue for bespoke brand expression. */
#websites .mock-site-palette{position:absolute;z-index:4;left:4%;bottom:44px;width:164px;height:47px;padding:5px;display:flex;gap:4px;border:1px solid rgba(223,230,243,.92);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 16px 34px rgba(0,0,0,.18)}
#websites .mock-site-palette i{display:block;flex:1;border-radius:10px;background:#07113f}
#websites .mock-site-palette i:nth-child(2){position:relative;background:var(--brand-green)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.92)}
#websites .mock-site-palette i:nth-child(2):after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
#websites .mock-site-palette i:nth-child(3){background:var(--brand-blue)!important}
#websites .mock-site-palette i:nth-child(4){background:var(--green-soft)!important}
#websites .mock-site-palette i:nth-child(5){background:#f7f8f6!important;box-shadow:inset 0 0 0 1px #dde2df}
@media(max-width:560px){#websites .mock-site-palette{left:2%;bottom:39px;width:138px;height:41px;padding:4px;gap:3px}.mock-site-palette i{border-radius:8px}}

/* Three familiar advertising contexts, composed as one original media mix. */
.ad-media-mix{position:relative;height:100%}
.ad-sponsored-result,.ad-tiktok-placement,.ad-meta-placement{position:absolute;border:1px solid #dfe4ec;background:#fff;box-shadow:0 22px 50px rgba(15,24,42,.13);opacity:0;animation:restore-in .6s forwards}
.ad-sponsored-result{z-index:3;right:1%;top:28px;width:68%;padding:16px 18px;border-radius:17px;animation-delay:.18s}
.ad-sponsored-result header{display:flex;align-items:center;gap:7px}.ad-sponsored-result header img{width:17px;height:17px}.ad-sponsored-result header span{padding:3px 5px;border-radius:4px;background:#f5f7fa;color:#687383;font-size:6px}.ad-sponsored-result header i{margin-left:auto;color:#818a98;font-style:normal;font-size:12px}.ad-sponsored-result>b,.ad-sponsored-result>small,.ad-sponsored-result>p,.ad-sponsored-result>em{display:block}.ad-sponsored-result>b{margin-top:10px;color:#315fbd;font-size:14px;font-weight:500;letter-spacing:-.025em}.ad-sponsored-result>small{margin-top:3px;color:#458553;font-size:6px}.ad-sponsored-result>p{margin:6px 0 8px;color:#626c7b;font-size:7px;line-height:1.5}.ad-sponsored-result>em{color:#315fbd;font-size:7px;font-style:normal}
.ad-tiktok-placement{z-index:4;left:1%;top:104px;width:184px;overflow:hidden;border-radius:20px;background:#0b0d12;color:#fff;animation-delay:.34s}.ad-tiktok-placement header{position:absolute;z-index:2;left:10px;right:10px;top:10px;display:flex;justify-content:space-between;align-items:center;font-size:6px}.ad-tiktok-placement header span{display:flex;align-items:center;gap:5px}.ad-tiktok-placement header img{width:12px;height:12px}.ad-tiktok-placement header i{font-size:9px;font-style:normal;letter-spacing:1px}.tiktok-creative{display:block;width:100%;height:245px;object-fit:cover;opacity:.78}.ad-tiktok-placement:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.84));pointer-events:none}.tiktok-copy{position:absolute;z-index:2;left:11px;right:42px;bottom:13px;display:grid;gap:6px}.tiktok-copy b{font-size:7px;line-height:1.35}.tiktok-copy span{display:block;padding:6px 7px;border-radius:5px;background:#fff;color:#111;font-size:6px;font-weight:600}.tiktok-actions{position:absolute;z-index:2;right:9px;bottom:15px;display:grid;gap:12px}.tiktok-actions i{font-size:13px;font-style:normal;text-align:center}.ad-tiktok-placement .tiktok-actions i:nth-child(2){font-size:11px}
.ad-meta-placement{z-index:2;right:0;bottom:24px;width:61%;overflow:hidden;border-radius:16px;animation-delay:.5s}.ad-meta-placement header{display:flex;align-items:center;gap:7px;padding:11px 12px}.ad-meta-placement header>img{width:22px;height:16px;object-fit:contain}.ad-meta-placement header span{display:grid;gap:2px}.ad-meta-placement header b{font-size:7px}.ad-meta-placement header small{color:#7d8693;font-size:5px}.ad-meta-placement header>i{margin-left:auto;color:#86909c;font-size:9px;font-style:normal;letter-spacing:1px}.meta-creative{min-height:118px;padding:17px 15px;display:grid;align-content:center;gap:7px;background:linear-gradient(135deg,#edf3ff 0%,#e9f9ed 100%)}.meta-creative small{color:#5f6878;font-size:6px;letter-spacing:.07em;text-transform:uppercase}.meta-creative>b{max-width:175px;color:#101829;font-size:16px;line-height:1.05;letter-spacing:-.045em;font-weight:500}.meta-creative span{display:inline-flex;width:max-content;align-items:center;gap:8px;padding:7px 9px;border-radius:999px;background:#0b0d12;color:#fff;font-size:6px}.meta-creative span i{color:var(--brand-green);font-style:normal;font-size:10px}.ad-meta-placement footer{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-top:1px solid #eef0f3}.ad-meta-placement footer b{font-size:7px}.ad-meta-placement footer i{font-size:14px;font-style:normal}
@media(max-width:560px){.ad-sponsored-result{right:0;top:18px;width:70%;padding:12px}.ad-sponsored-result>b{font-size:11px}.ad-tiktok-placement{left:0;top:102px;width:148px}.tiktok-creative{height:210px}.ad-meta-placement{right:0;bottom:10px;width:64%}.meta-creative{min-height:96px;padding:12px}.meta-creative>b{font-size:12px}}

/* Supplied campaign mockups, staged around one quiet paid-media orbit. */
.ad-orbit-composition{position:relative;height:100%;isolation:isolate}
.ad-channel-paths{position:absolute;z-index:0;inset:2% -2% 0 3%;width:99%;height:94%;overflow:visible;filter:drop-shadow(0 0 12px rgba(24,185,75,.08))}
.ad-channel-paths path{fill:none;stroke-linecap:round}
.ad-channel-path-main{stroke:rgba(24,185,75,.28);stroke-width:5}
.ad-channel-path-accent{stroke:rgba(47,107,255,.13);stroke-width:2}
.ad-channel-paths circle{fill:#fff;stroke:rgba(24,185,75,.34);stroke-width:3}
.ad-reels-svg{position:absolute;z-index:2;left:1%;top:18px;width:47%;height:auto;filter:drop-shadow(0 24px 40px rgba(15,24,42,.18))}
.ad-google-search-svg{position:absolute;z-index:5;left:32%;top:40%;width:67%;height:auto;filter:drop-shadow(0 20px 36px rgba(15,24,42,.16))}
.ad-orbit-logo{position:absolute;z-index:4;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#fff;box-shadow:0 16px 38px rgba(15,24,42,.13)}
.ad-orbit-logo img{width:26px;height:26px;object-fit:contain}
.ad-orbit-meta{left:43%;top:6%}
.ad-orbit-tiktok{right:3%;top:27%}
.ad-orbit-gemini{left:49%;bottom:8%}
.ad-orbit-gemini img{width:24px;height:24px}
@media(max-width:560px){.ad-channel-paths{inset:3% -7% 0 0;width:107%;height:90%}.ad-reels-svg{left:0;top:16px;width:49%}.ad-google-search-svg{left:28%;top:38%;width:72%}.ad-orbit-logo{width:42px;height:42px;border-radius:13px}.ad-orbit-logo img{width:21px;height:21px}.ad-orbit-meta{left:42%;top:4%}.ad-orbit-tiktok{right:0;top:25%}.ad-orbit-gemini{left:48%;bottom:8%}.ad-orbit-gemini img{width:20px;height:20px}}

/* Independent internal-software fragments: workflow, automation, AI assistance, and purpose. */
.software-fragments{position:relative;height:100%;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:62px 62px}
.software-fragments article,.software-purpose-chip{position:absolute;border:1px solid #dfe5e2;background:#fff;color:#0b0d12;box-shadow:0 22px 52px rgba(0,0,0,.24);opacity:0;animation:restore-in .6s forwards}
.software-workflow-card{z-index:2;left:1%;top:34px;width:68%;padding:18px;border-radius:19px;animation-delay:.12s!important}.software-workflow-card header{display:flex;align-items:center;justify-content:space-between}.software-workflow-card header span{display:grid;gap:3px}.software-workflow-card header small{color:#818a95;font-size:6px;letter-spacing:.09em}.software-workflow-card header b{font-size:13px;font-weight:500}.software-workflow-card header em{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:#eaf9ed;color:#287343;font-size:6px;font-style:normal}.software-workflow-card header em i{width:5px;height:5px;border-radius:50%;background:var(--brand-green);animation:software-live-pulse 1.5s ease-in-out infinite}.software-workflow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;margin-top:19px}.software-workflow>span{min-width:0;padding:10px 7px;display:grid;justify-items:center;gap:5px;border:1px solid #e4e8e6;border-radius:10px;background:#f8faf9}.software-workflow>span i{width:19px;height:19px;display:grid;place-items:center;border-radius:6px;background:#edf2ff;color:#315fbd;font-size:6px;font-style:normal}.software-workflow>span:last-child i{background:#eaf9ed;color:#19813a}.software-workflow>span b{font-size:6px;font-weight:600}.software-workflow u{position:relative;height:1px;background:#cfd7d2;text-decoration:none;overflow:hidden}.software-workflow u i{position:absolute;top:-2px;left:-5px;width:5px;height:5px;border-radius:50%;background:var(--brand-blue);animation:software-packet 2.2s linear infinite}.software-workflow u:nth-of-type(2) i{animation-delay:1.1s;background:var(--brand-green)}
.software-automation-card{z-index:3;right:0;top:174px;width:43%;padding:16px;border-radius:17px;animation-delay:.32s!important}.software-automation-card header{display:flex;align-items:center;justify-content:space-between}.software-automation-card header span{color:#7e8793;font-size:6px;letter-spacing:.09em}.software-automation-card header em{padding:4px 7px;border-radius:999px;background:#0b0d12;color:#fff;font-size:6px;font-style:normal}.software-automation-card>b{display:block;margin:12px 0 14px;font-size:14px;line-height:1.1;font-weight:500;letter-spacing:-.035em}.software-automation-card>div{display:flex;align-items:center;gap:9px;padding:9px;border-radius:10px;background:#f3f7f4}.software-automation-card>div>i{position:relative;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:conic-gradient(var(--brand-green) 0 84%,#dce6de 84%)}.software-automation-card>div>i:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}.software-automation-card>div span{display:grid;gap:2px}.software-automation-card>div small{color:#7e8781;font-size:5px}.software-automation-card>div b{font-size:7px;font-weight:600}
.software-ai-card{z-index:2;left:5%;bottom:38px;width:61%;padding:17px;border-radius:18px;animation-delay:.5s!important}.software-ai-card header{display:flex;align-items:center;gap:9px}.software-ai-card header>i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#eeeaff;color:#6d56d9;font-size:13px;font-style:normal}.software-ai-card header span{display:grid;gap:2px}.software-ai-card header small{color:#858d99;font-size:5px;letter-spacing:.08em}.software-ai-card header b{font-size:9px;font-weight:600}.software-ai-prompt{height:32px;margin-top:13px;padding-left:10px;display:flex;align-items:center;border:1px solid #dde3e9;border-radius:9px;color:#737d8b;font-size:7px}.software-ai-prompt i{width:30px;height:30px;margin-left:auto;display:grid;place-items:center;border-radius:8px;background:#0b0d12;color:#fff;font-size:11px;font-style:normal}.software-ai-output{margin-top:8px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;border-radius:9px;background:linear-gradient(90deg,#f3f0ff,#eef9f0)}.software-ai-output span{display:grid;gap:2px}.software-ai-output small{color:#7d8692;font-size:5px}.software-ai-output b{font-size:7px}.software-ai-output em{padding:4px 6px;border-radius:6px;background:#fff;color:#5c52b0;font-size:5px;font-style:normal}
.software-purpose-chip{z-index:4;right:2%;bottom:21px;padding:10px 12px;display:flex;align-items:center;gap:8px;border-radius:999px;animation-delay:.68s!important}.software-purpose-chip>i{width:20px;height:20px;border-radius:50%;background:var(--brand-green);box-shadow:inset 0 0 0 6px #eaf9ed}.software-purpose-chip span{display:grid;gap:2px}.software-purpose-chip small{color:#89918d;font-size:5px;letter-spacing:.08em}.software-purpose-chip b{font-size:7px;font-weight:600}
@keyframes software-live-pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes software-packet{0%{left:-5px;opacity:0}18%,78%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:560px){.software-workflow-card{left:0;top:24px;width:73%;padding:13px}.software-workflow{grid-template-columns:1fr 18px 1fr 18px 1fr}.software-automation-card{right:0;top:157px;width:48%;padding:12px}.software-automation-card>b{font-size:11px}.software-ai-card{left:0;bottom:39px;width:66%;padding:13px}.software-purpose-chip{right:0;bottom:8px;padding:8px 9px}.software-purpose-chip b{font-size:6px}}

/* Reels placement adapted from the familiar full-screen vertical ad pattern. */
.ad-reels-placement{position:absolute;z-index:4;left:1%;top:92px;width:184px;height:330px;overflow:hidden;border:1px solid #dfe4ec;border-radius:20px;background:#111;color:#fff;box-shadow:0 22px 50px rgba(15,24,42,.2);opacity:0;animation:restore-in .6s .34s forwards}
.ad-reels-placement>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.86}.ad-reels-placement:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.84));pointer-events:none}.ad-reels-placement header{position:absolute;z-index:3;left:10px;right:10px;top:10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-shadow:0 1px 5px rgba(0,0,0,.55)}.ad-reels-placement header>i{font-size:21px;font-style:normal}.ad-reels-placement header>b{font-size:8px;font-weight:600}.ad-reels-placement header>span{justify-self:end;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.92);color:#111;font-size:6px;font-weight:600;text-shadow:none}.reels-actions{position:absolute;z-index:3;right:10px;bottom:62px;display:grid;gap:13px}.reels-actions i{font-size:16px;font-style:normal;text-align:center;text-shadow:0 1px 4px #000}.reels-actions i:last-child{font-size:8px;letter-spacing:1px}.reels-copy{position:absolute;z-index:3;left:10px;right:10px;bottom:10px}.reels-copy>div{display:flex;align-items:center;gap:6px}.reels-copy>div>i{width:18px;height:18px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:linear-gradient(145deg,var(--brand-green),#0b0d12)}.reels-copy>div span{display:grid}.reels-copy>div b{font-size:6px}.reels-copy>div small{font-size:5px}.reels-copy>p{margin:6px 34px 7px 0;font-size:6px;line-height:1.35}.reels-copy>button{width:100%;height:28px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:5px;background:#2f9ce8;color:#fff;font:600 7px Figtree,Arial,sans-serif}.reels-copy>button i{font-size:15px;font-style:normal}

/* A quiet integrations orbit replaces the generic automation card. */
.software-integration-card{z-index:3;right:0;top:150px;width:44%;height:215px;border-radius:19px!important;overflow:hidden;animation-delay:.32s!important}.software-integration-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(24,185,75,.08),transparent 38%)}.integration-orbit{position:absolute;left:50%;top:50%;border:1px solid #dce2e8;border-radius:50%;transform:translate(-50%,-50%)}.integration-orbit-outer{width:176px;height:176px;border-color:#83a6ff}.integration-orbit-inner{width:116px;height:116px}.integration-core{position:absolute;z-index:2;left:50%;top:50%;width:68px;height:68px;border-radius:50%;background:linear-gradient(145deg,#edf2ff,#e8f8ec);transform:translate(-50%,-50%);box-shadow:0 10px 25px rgba(28,45,74,.12)}.integration-core>i:before{content:"";position:absolute;left:50%;top:17px;width:18px;height:18px;border-radius:50%;background:#667080;transform:translateX(-50%)}.integration-core>i:after{content:"";position:absolute;left:50%;bottom:12px;width:34px;height:23px;border-radius:18px 18px 8px 8px;background:#667080;transform:translateX(-50%)}.integration-node{position:absolute;z-index:3;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 7px 18px rgba(22,35,60,.13);font-size:10px;font-style:normal;animation:integration-node-float 3.2s ease-in-out infinite}.integration-node-a{left:12%;top:21%;color:#705de4}.integration-node-b{left:10%;bottom:19%;color:#188b3e;animation-delay:.6s}.integration-node-c{right:8%;top:39%;color:#e24c42;animation-delay:1.2s}.integration-node-d{left:44%;bottom:3%;color:#e4a220;animation-delay:1.8s}@keyframes integration-node-float{50%{transform:translateY(-4px)}}
@media(max-width:560px){.ad-reels-placement{left:0;top:92px;width:148px;height:286px}.software-integration-card{right:0;top:140px;width:48%;height:180px}.integration-orbit-outer{width:145px;height:145px}.integration-orbit-inner{width:96px;height:96px}.integration-core{width:56px;height:56px}.integration-core>i:before{top:13px;width:15px;height:15px}.integration-core>i:after{bottom:10px;width:28px;height:19px}}

/* Search-result loading state: three sources and a quiet, interface-like text shimmer before the answer resolves. */
#visibility .restore-answer-loading{display:block!important;min-height:118px;opacity:1;transition:opacity .18s ease}
#visibility .restore-answer-content{display:none!important;opacity:0;transform:translateY(5px);transition:opacity .28s ease,transform .28s ease}
#visibility .restore-answer.is-ready .restore-answer-loading{display:none!important;opacity:0}
#visibility .restore-answer.is-ready .restore-answer-content{display:block!important;opacity:1;transform:none}
#visibility .restore-answer-content>div{display:flex;align-items:center;gap:9px}
#visibility .restore-searching{display:flex!important;align-items:center;gap:8px}
#visibility .restore-searching>i{color:#705de4;font-style:normal;font-size:20px}
#visibility .restore-searching>b{font-size:10px;font-weight:600}
#visibility .restore-searching>span{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:4px;margin-left:auto;padding:0!important;background:transparent!important}
#visibility .restore-searching>span i{width:8px!important;height:8px!important;display:block!important;border-radius:50%!important;background:#aeb7cb!important;animation:source-dot-pulse 1.15s ease-in-out infinite!important}
#visibility .restore-searching>span i:nth-child(2){animation-delay:.16s!important;background:#7e9ff0!important}
#visibility .restore-searching>span i:nth-child(3){animation-delay:.32s!important;background:var(--brand-green)!important}
#visibility .restore-answer-skeleton{display:grid!important;gap:9px;margin-top:20px}
#visibility .restore-answer-skeleton i{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,#edf0f4 0%,#f8f9fb 44%,#edf0f4 76%);background-size:200% 100%;animation:answer-skeleton-shimmer 1.45s linear infinite}
#visibility .restore-answer-skeleton i:nth-child(1){width:92%}#visibility .restore-answer-skeleton i:nth-child(2){width:78%;animation-delay:.12s}#visibility .restore-answer-skeleton i:nth-child(3){width:61%;animation-delay:.24s}
@keyframes source-dot-pulse{0%,100%{transform:scale(.72);opacity:.5}50%{transform:scale(1);opacity:1}}
@keyframes answer-skeleton-shimmer{to{background-position:-200% 0}}

/* Let the search skeleton dissolve into the concise answer rather than swapping abruptly. */
#visibility .restore-answer{min-height:132px!important;padding:18px!important}
#visibility .restore-answer-loading,#visibility .restore-answer-content{position:absolute;inset:18px 20px;display:block!important;min-height:0!important;transition:opacity .38s cubic-bezier(.22,.8,.25,1),transform .38s cubic-bezier(.22,.8,.25,1)}
#visibility .restore-answer-loading{opacity:1;transform:none}
#visibility .restore-answer-content{opacity:0;transform:translateY(8px);pointer-events:none}
#visibility .restore-answer.is-ready .restore-answer-loading{display:block!important;opacity:0;transform:translateY(-6px)}
#visibility .restore-answer.is-ready .restore-answer-content{display:block!important;opacity:1;transform:none}
#visibility .restore-answer-content>p{margin:11px 0 0!important;font-size:10px!important;line-height:1.5!important}
#visibility .visibility-restore>svg{bottom:78px!important;filter:drop-shadow(0 0 4px rgba(91,227,113,.22))}
#visibility .visibility-restore path{stroke-dasharray:600 90!important;animation:restore-line 1.9s .95s ease forwards,restore-graph-flow 5.8s 2.9s linear infinite!important}
@keyframes restore-graph-flow{to{stroke-dashoffset:-690}}
@media(max-width:560px){#visibility .visibility-restore>svg{bottom:59px!important}}

/* A restrained expand control gives the resolved answer a purposeful footer. */
#visibility .restore-show-more{width:100%;height:24px;margin-top:11px;padding:0 9px;border:1px solid #d9dee7;border-radius:999px;background:#fff;color:#4f5968;font:500 7px Figtree,Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease,background-color .2s ease}
#visibility .restore-show-more i{position:relative;width:10px;height:10px;margin-left:6px;font-size:0;font-style:normal}
#visibility .restore-show-more i:before{content:"";position:absolute;left:2px;top:1px;width:5px;height:5px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:rotate(45deg)}
#visibility .restore-show-more:hover{border-color:var(--brand-blue);background:#f6f8ff;color:#315fbd}

/* Keep the first two service stories visually connected. */
#websites{min-height:670px!important;padding-bottom:78px!important}
#visibility{min-height:670px!important;padding-top:78px!important}
#visibility .service-copy h2{font-size:clamp(36px,3.4vw,52px)!important}
@media(max-width:900px){#websites,#visibility{min-height:auto!important;padding-top:76px!important;padding-bottom:76px!important}}

/* A nearly imperceptible signal line gives the three website fragments some shared depth. */
#websites .web-visual:before,#websites .web-visual:after{content:"";position:absolute;z-index:0;left:-14%;width:128%;height:1px;pointer-events:none;opacity:.38}
#websites .web-visual:before{top:65%;background:linear-gradient(90deg,transparent 0%,rgba(39,208,67,.03) 12%,rgba(39,208,67,.42) 48%,rgba(39,208,67,.08) 76%,transparent 100%);box-shadow:0 0 13px rgba(39,208,67,.17);transform:rotate(-5deg)}
#websites .web-visual:after{top:33%;background:linear-gradient(90deg,transparent 0%,rgba(47,107,255,.04) 22%,rgba(47,107,255,.32) 59%,rgba(47,107,255,.03) 84%,transparent 100%);box-shadow:0 0 12px rgba(47,107,255,.12);transform:rotate(4deg)}
@media(min-width:561px){.focus-web{left:30px!important;top:88px!important}}

/* Echo the calm, card-led language of the introduction in the audience section. */
.audience-section{background:#fff!important}.audience-head{grid-template-columns:1.3fr .7fr!important;gap:70px!important;align-items:end!important;margin-top:34px!important}.audience-grid{grid-template-columns:repeat(4,1fr)!important;gap:18px!important;margin-top:80px!important}.audience-grid>article{min-height:280px!important;padding:28px!important;border-radius:24px!important;background:var(--off)!important;box-shadow:none!important}.audience-grid>article:hover{background:#f3f6f4!important;box-shadow:none!important}.audience-symbol{width:54px!important;height:54px!important;margin:38px 0 24px!important;border-radius:0 0 18px 0!important;background:#fff!important;box-shadow:0 12px 30px rgba(17,24,46,.05)!important}.audience-grid>article:nth-child(1) .audience-symbol{color:var(--brand-blue)!important}.audience-grid>article:nth-child(2) .audience-symbol{color:var(--brand-green)!important}.audience-grid>article:nth-child(3) .audience-symbol{color:#b57c18!important}.audience-grid>article:nth-child(4) .audience-symbol{color:#705de4!important}.audience-symbol .audience-icon{width:23px!important;height:23px!important}.audience-symbol .audience-icon:before{width:23px!important;height:23px!important}.audience-grid>article h3{font-size:20px!important;line-height:1.15!important;margin:0 0 10px!important}.audience-grid>article p{font-size:12px!important;line-height:1.6!important}.audience-note{max-width:760px!important;margin:35px 0 0!important;padding:0!important;background:transparent!important;font-size:13px!important}
@media(max-width:900px){.audience-head{grid-template-columns:1fr!important;gap:30px!important}.audience-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.audience-grid{grid-template-columns:1fr!important;margin-top:46px!important}.audience-grid>article{min-height:0!important}}

/* A quiet route line turns the process into a clear roadmap. */
.process-list{position:relative}.process-list:before{content:"";position:absolute;z-index:0;left:25px;top:57px;bottom:57px;width:1px;background:linear-gradient(to bottom,rgba(108,232,132,.12),rgba(108,232,132,.55) 18%,rgba(85,122,255,.38) 78%,rgba(85,122,255,.1));box-shadow:0 0 12px rgba(108,232,132,.16)}.process-list article{position:relative;z-index:1}.process-list>article>span{position:relative;z-index:2;box-shadow:0 0 0 6px var(--navy)}

/* A quiet animated connector replaces the hero wordmark. */
.focus-core{background:#0b0d12!important;border-color:rgba(255,255,255,.72)!important;box-shadow:0 16px 34px rgba(11,13,18,.16),0 0 0 10px rgba(255,255,255,.62)!important}.focus-core:after{display:none!important}.focus-core .core-engine{position:relative;width:40px;height:40px;border:1.5px solid rgba(255,255,255,.92);border-radius:50%;display:block;animation:core-engine-turn 8s linear infinite}.focus-core .core-engine:before{content:"";position:absolute;inset:10px;border:1.5px solid #fff;border-radius:50%;box-shadow:0 -15px 0 -5px #fff,13px 7px 0 -5px #fff,-13px 7px 0 -5px #fff}.focus-core .core-engine:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}@keyframes core-engine-turn{to{transform:rotate(360deg)}}

/* Footer newsletter uses the same compact input language as the hero. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.footer-brand>p{max-width:280px;margin-bottom:18px!important}.footer-newsletter{display:flex;max-width:315px;padding:4px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#fff}.footer-newsletter input{min-width:0;flex:1;border:0;outline:0;padding:10px 12px;background:transparent;color:#0b0d12;font:400 10px Figtree,Arial,sans-serif}.footer-newsletter input::placeholder{color:#89909b}.footer-newsletter button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--brand-green);color:#07113f;font:600 17px Figtree,Arial,sans-serif;cursor:pointer;transition:background .2s ease}.footer-newsletter button:hover{background:#fff}.footer-consent{display:block;max-width:300px;margin-top:10px;color:#8893b1;font-size:8px;line-height:1.45}.footer-consent a{color:#fff;text-decoration:underline;text-underline-offset:2px}@media(max-width:560px){.footer-newsletter{max-width:100%}.footer-consent{max-width:320px}}

/* The hero resolves to four balanced capabilities without a central device. */
.hero-focus-map{top:78px!important;width:64%!important;min-width:400px!important;height:320px!important}.hero-focus-map:before,.focus-connectors{display:none!important}.focus-node{width:174px!important}.focus-web{left:0!important;top:18px!important}.focus-visibility{right:0!important;top:18px!important}.focus-ads{left:0!important;bottom:18px!important}.focus-software{right:0!important;bottom:18px!important}@media(max-width:560px){.hero-focus-map{top:76px!important;width:92%!important;min-width:0!important;height:290px!important}.focus-node{width:136px!important}.focus-web{left:0!important;top:0!important}.focus-visibility{right:0!important;top:0!important}.focus-ads{left:0!important;bottom:0!important}.focus-software{right:0!important;bottom:0!important}}
@media(min-width:561px){.hero-focus-map{top:115px!important;height:210px!important;translate:0 30px}.hero-visual .platform{translate:0 30px}.focus-web{left:18px!important;top:32px!important}.focus-visibility{top:22px!important}.focus-ads,.focus-software{bottom:28px!important}.hero-visual .p-one{left:22%!important;top:74px!important}.hero-visual .p-two{left:54%!important;top:52px!important}.hero-visual .p-three{left:6%!important;top:165px!important}.hero-visual .p-four{left:84%!important;top:168px!important}.hero-visual .p-five{left:6%!important;top:276px!important}.hero-visual .p-six{left:87%!important;top:276px!important}}

.intro-section{padding-top:54px!important}.intro-section .principles{margin-top:28px}@media(max-width:560px){.intro-section{padding-top:42px!important}}

/* Fragmented operational work converges into one focused internal system. */
.software-consolidation{position:relative;height:100%;isolation:isolate;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:62px 62px}
.software-convergence-lines{position:absolute;z-index:0;left:0;top:0;width:76%;height:100%;object-fit:fill;opacity:.46;filter:drop-shadow(0 0 7px rgba(36,208,67,.18));animation:software-lines-breathe 4.8s ease-in-out infinite}
.fragmented-operations{position:absolute;z-index:2;left:0;top:36px;width:54%;height:442px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:28px 6px 28px 6px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));box-shadow:0 26px 58px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.fragmented-operations>small{color:#9aa5c3;font-size:6px;letter-spacing:.12em}
.fragmented-operations article{position:absolute;border:1px solid #e1e6ea;background:#fff;color:#0b0d12;box-shadow:0 18px 38px rgba(0,0,0,.2)}
.fragment-sheet{z-index:2;left:18px;top:54px;width:78%;padding:14px;border-radius:6px 18px 18px 18px;transform:rotate(-2deg)}
.fragment-sheet header,.fragment-handoffs header{display:flex;align-items:center;justify-content:space-between}.fragment-sheet header span{display:flex;align-items:center;gap:7px}.fragment-sheet header span>i{position:relative;width:23px;height:23px;border-radius:6px;background:#e9f8ed}.fragment-sheet header span>i:before{content:"";position:absolute;inset:6px;background-image:linear-gradient(#1d9b45 1px,transparent 1px),linear-gradient(90deg,#1d9b45 1px,transparent 1px);background-size:5px 5px}.fragment-sheet header b,.fragment-handoffs header b,.fragment-tools>b{font-size:8px;font-weight:600}.fragment-sheet header em{padding:4px 6px;border-radius:999px;background:#fff2df;color:#a56615;font-size:5px;font-style:normal}.sheet-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);margin-top:12px;border-top:1px solid #e2e6e9;border-left:1px solid #e2e6e9}.sheet-grid i{height:18px;border-right:1px solid #e2e6e9;border-bottom:1px solid #e2e6e9;background:#fafbfc}.sheet-grid i:nth-child(-n+5){height:13px;background:#edf4ef}.sheet-grid i:nth-child(7),.sheet-grid i:nth-child(13){background:#fff1e8}
.fragment-handoffs{z-index:3;right:10px;top:216px;width:76%;padding:13px;border-radius:17px 5px 17px 17px;transform:rotate(1.5deg)}.fragment-handoffs header em{padding:4px 6px;border-radius:999px;background:#fff0ed;color:#b64d3c;font-size:5px;font-style:normal}.fragment-handoffs>div{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;margin-top:12px}.fragment-handoffs span{display:flex;align-items:center;gap:5px;padding:7px;border-radius:8px;background:#f5f7f8}.fragment-handoffs span i{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#dce8ff;color:#315fbd;font-size:5px;font-style:normal}.fragment-handoffs span:last-child i{background:#e9f8ed;color:#19823c}.fragment-handoffs span b{font-size:5px}.fragment-handoffs u{text-align:center;color:#a4acb7;font-size:10px;text-decoration:none}
.fragment-tools{z-index:4;left:11px;bottom:25px;width:58%;padding:12px;border-radius:5px 16px 16px 16px;transform:rotate(-1deg)}.fragment-tools>div{display:flex;align-items:center;gap:7px;margin-top:10px}.fragment-tools span{position:relative;width:25px;height:25px;display:block;border-radius:7px;background:#e9f8ed}.fragment-tools .tool-mail{background:#edf2ff}.fragment-tools .tool-mail:before{content:"";position:absolute;inset:7px 5px;border:1.5px solid #315fbd;border-radius:2px}.fragment-tools .tool-mail:after{content:"";position:absolute;left:7px;top:7px;width:9px;height:7px;border-left:1.5px solid #315fbd;border-bottom:1.5px solid #315fbd;transform:rotate(-45deg)}.fragment-tools .tool-sheet i{position:absolute;inset:7px;background-image:linear-gradient(#1d9b45 1px,transparent 1px),linear-gradient(90deg,#1d9b45 1px,transparent 1px);background-size:4px 4px}.fragment-tools .tool-form{background:#f1edff}.fragment-tools .tool-form i:before,.fragment-tools .tool-form i:after{content:"";position:absolute;left:7px;right:7px;height:2px;border-radius:2px;background:#705de4}.fragment-tools .tool-form i:before{top:8px}.fragment-tools .tool-form i:after{top:14px}.fragment-tools em{margin-left:auto;color:#737d8b;font-size:7px;font-style:normal}.fragment-warning{position:absolute;z-index:5;right:-12px;bottom:44px;padding:7px 9px;display:flex;align-items:center;gap:6px;border-radius:999px;background:#ffebe7;color:#a54131;box-shadow:0 11px 25px rgba(0,0,0,.16);font-size:6px}.fragment-warning i{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#d75d49;color:#fff;font-size:7px;font-style:normal}
.unified-operation{position:absolute;z-index:3;right:0;top:50%;width:31%;min-height:300px;padding:25px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:6px 26px 26px 26px;background:linear-gradient(155deg,#fff,#edf7f0);color:#0b0d12;box-shadow:0 28px 60px rgba(0,0,0,.28);transform:translateY(-50%)}
.unified-status{display:flex;align-items:center;gap:5px;color:#52705b;font-size:5px;letter-spacing:.09em}.unified-status i{width:5px;height:5px;border-radius:50%;background:var(--brand-green);box-shadow:0 0 0 4px rgba(36,208,67,.11);animation:software-live-pulse 1.7s ease-in-out infinite}.unified-symbol{position:relative;width:92px;height:92px;margin:23px 0 18px;border-radius:24px 6px 24px 6px;background:#0b0d12;box-shadow:0 15px 34px rgba(11,13,18,.2),0 0 0 10px rgba(36,208,67,.1)}.unified-symbol>i{position:absolute;width:23px;height:23px;border:1px solid rgba(255,255,255,.35);border-radius:6px}.unified-symbol>i:nth-child(1){left:18px;top:18px}.unified-symbol>i:nth-child(2){right:18px;top:18px}.unified-symbol>i:nth-child(3){left:18px;bottom:18px}.unified-symbol>i:nth-child(4){right:18px;bottom:18px}.unified-symbol>b{position:absolute;left:50%;top:50%;width:13px;height:13px;border-radius:50%;background:var(--brand-green);transform:translate(-50%,-50%);box-shadow:0 0 15px rgba(36,208,67,.7)}.unified-operation>small{color:#6f7a73;font-size:6px;letter-spacing:.12em}.unified-operation>strong{margin-top:7px;text-align:center;font-size:15px;line-height:1.05;letter-spacing:-.035em;font-weight:550}.unified-outcomes{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:15px}.unified-outcomes span{padding:5px 7px;border-radius:999px;background:#e3f4e7;color:#28623a;font-size:5px}
@keyframes software-lines-breathe{50%{opacity:.72;filter:drop-shadow(0 0 10px rgba(36,208,67,.28))}}
@media(max-width:560px){.software-consolidation{background-size:48px 48px}.software-convergence-lines{left:-5%;width:82%;opacity:.4}.fragmented-operations{left:0;top:35px;width:58%;height:410px;padding:12px}.fragmented-operations>small{font-size:5px}.fragment-sheet{left:8px;top:48px;width:90%;padding:10px}.fragment-sheet header b{font-size:6px}.fragment-handoffs{right:-5px;top:205px;width:92%;padding:10px}.fragment-tools{left:7px;bottom:24px;width:78%;padding:9px}.fragment-warning{right:-8px;bottom:28px}.unified-operation{right:-2%;width:38%;min-height:250px;padding:17px 10px}.unified-symbol{width:70px;height:70px;margin:19px 0 15px}.unified-symbol>i{width:18px;height:18px}.unified-symbol>i:nth-child(1){left:13px;top:13px}.unified-symbol>i:nth-child(2){right:13px;top:13px}.unified-symbol>i:nth-child(3){left:13px;bottom:13px}.unified-symbol>i:nth-child(4){right:13px;bottom:13px}.unified-operation>strong{font-size:12px}.unified-outcomes{gap:3px}.unified-outcomes span{padding:4px 5px;font-size:4px}}

/* The comparison stays deliberately simple: four floating tools become one focused system. */
.fragmented-operations{left:1%;top:76px;width:50%;height:365px;padding:18px;border-color:rgba(255,255,255,.72);border-radius:25px 5px 25px 5px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(232,244,237,.72));box-shadow:0 24px 55px rgba(0,0,0,.16);backdrop-filter:blur(14px)}
.fragmented-operations>small{color:#617067;font-size:6px;letter-spacing:.11em}
.friction-tile{position:absolute;width:78px;height:82px;padding:10px;display:grid;place-items:center;align-content:center;gap:7px;border:1px solid rgba(218,226,221,.92);border-radius:19px 5px 19px 19px;background:#fff;color:#0b0d12;box-shadow:0 15px 30px rgba(25,52,35,.12);animation:friction-tile-float 4.6s ease-in-out infinite}
.friction-tile>span{font-size:6px;font-weight:600}.friction-icon{position:relative;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#e9f8ed;font-style:normal}.friction-icon img,.friction-icon svg{width:18px;height:18px}.friction-icon img{filter:none}.friction-icon svg{fill:none;stroke:#315fbd;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.friction-sheets{left:17px;top:65px;transform:rotate(-4deg)}.friction-process{right:18px;top:91px;transform:rotate(3deg);animation-delay:-1.1s}.friction-email{left:42px;bottom:36px;transform:rotate(2deg);animation-delay:-2.2s}.friction-calls{right:27px;bottom:58px;transform:rotate(-3deg);animation-delay:-3.3s}
.friction-sheets .friction-icon b{position:absolute;inset:9px;background-image:linear-gradient(#168c3c 1px,transparent 1px),linear-gradient(90deg,#168c3c 1px,transparent 1px);background-size:6px 6px}.friction-process .friction-icon{background:#eff1ff}.friction-email .friction-icon{background:#edf2ff}.friction-email .friction-icon:before{content:"";position:absolute;inset:10px 7px;border:1.7px solid #315fbd;border-radius:2px}.friction-email .friction-icon:after{content:"";position:absolute;left:9px;top:10px;width:14px;height:9px;border-left:1.7px solid #315fbd;border-bottom:1.7px solid #315fbd;transform:rotate(-45deg)}.friction-calls .friction-icon{background:#fff0e9}
.software-convergence-lines{left:4%;top:5%;width:69%;height:90%;opacity:.34}
.unified-operation{right:2%;width:27%;min-height:205px;padding:20px 14px;border-radius:5px 22px 22px 22px;box-shadow:0 24px 52px rgba(0,0,0,.24)}
.unified-symbol{width:66px;height:66px;margin:0 0 17px;border-radius:18px 5px 18px 5px;box-shadow:0 12px 27px rgba(11,13,18,.17),0 0 0 8px rgba(36,208,67,.09)}.unified-symbol>i{width:16px;height:16px;border-radius:5px}.unified-symbol>i:nth-child(1){left:13px;top:13px}.unified-symbol>i:nth-child(2){right:13px;top:13px}.unified-symbol>i:nth-child(3){left:13px;bottom:13px}.unified-symbol>i:nth-child(4){right:13px;bottom:13px}.unified-symbol>b{width:9px;height:9px}.unified-operation>small{font-size:5px}.unified-operation>strong{margin-top:8px;font-size:12px;line-height:1.12}
@keyframes friction-tile-float{50%{translate:0 -5px}}
@media(max-width:560px){.fragmented-operations{left:0;top:78px;width:52%;height:340px;padding:11px}.fragmented-operations>small{font-size:4.5px}.friction-tile{width:58px;height:64px;padding:7px;gap:4px;border-radius:14px 4px 14px 14px}.friction-icon{width:29px;height:29px}.friction-icon img,.friction-icon svg{width:15px;height:15px}.friction-tile>span{font-size:5px}.friction-sheets{left:8px;top:55px}.friction-process{right:8px;top:76px}.friction-email{left:18px;bottom:32px}.friction-calls{right:10px;bottom:50px}.software-convergence-lines{left:0;width:73%}.unified-operation{right:0;width:34%;min-height:180px;padding:15px 7px}.unified-symbol{width:54px;height:54px;margin-bottom:14px}.unified-symbol>i{width:13px;height:13px}.unified-symbol>i:nth-child(1){left:10px;top:10px}.unified-symbol>i:nth-child(2){right:10px;top:10px}.unified-symbol>i:nth-child(3){left:10px;bottom:10px}.unified-symbol>i:nth-child(4){right:10px;bottom:10px}.unified-operation>small{font-size:4px}.unified-operation>strong{font-size:9px}}

/* Keep this eyebrow consistent with the other service sections. */
#software .section-kicker{padding:0!important;border-radius:0!important;background:transparent!important;color:#8f9ab8!important;text-transform:uppercase!important;letter-spacing:.035em!important;box-shadow:none!important}

/* A label-free cloud of familiar tools leaves the destination open for the final software SVG. */
.software-convergence-lines{left:1%;top:3%;width:73%;height:94%;opacity:.3}
.software-icon-cloud{position:absolute;z-index:2;left:0;top:0;width:62%;height:100%}
.software-tool{position:absolute;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(224,229,226,.95);border-radius:18px 5px 18px 18px;background:#fff;box-shadow:0 15px 31px rgba(0,0,0,.18);animation:software-tool-float 5s ease-in-out infinite}
.software-tool img{display:block;width:27px;height:27px;object-fit:contain}
.software-tool:nth-child(1){left:2%;top:9%;transform:rotate(-5deg)}.software-tool:nth-child(2){left:36%;top:3%;width:54px;height:54px;animation-delay:-.4s}.software-tool:nth-child(3){left:67%;top:14%;transform:rotate(4deg);animation-delay:-.8s}.software-tool:nth-child(4){left:14%;top:31%;width:54px;height:54px;animation-delay:-1.2s}.software-tool:nth-child(5){left:48%;top:27%;transform:rotate(-3deg);animation-delay:-1.6s}.software-tool:nth-child(6){left:76%;top:39%;width:52px;height:52px;animation-delay:-2s}.software-tool:nth-child(7){left:1%;top:55%;transform:rotate(3deg);animation-delay:-2.4s}.software-tool:nth-child(8){left:34%;top:52%;width:54px;height:54px;animation-delay:-2.8s}.software-tool:nth-child(9){left:65%;top:61%;transform:rotate(-4deg);animation-delay:-3.2s}.software-tool:nth-child(10){left:12%;top:78%;width:53px;height:53px;animation-delay:-3.6s}.software-tool:nth-child(11){left:44%;top:75%;transform:rotate(3deg);animation-delay:-4s}.software-tool:nth-child(12){left:77%;top:81%;width:54px;height:54px;animation-delay:-4.4s}
@keyframes software-tool-float{50%{translate:0 -6px}}
@media(max-width:560px){.software-convergence-lines{left:-2%;width:75%;opacity:.27}.software-icon-cloud{width:64%}.software-tool{width:45px;height:45px;border-radius:14px 4px 14px 14px}.software-tool img{width:21px;height:21px}.software-tool:nth-child(2),.software-tool:nth-child(4),.software-tool:nth-child(8),.software-tool:nth-child(12){width:42px;height:42px}.software-tool:nth-child(6),.software-tool:nth-child(10){width:40px;height:40px}}

/* The connection emerges softly from beneath the tool cloud and resolves into one software layer. */
.software-lines-blurred{display:none}
.software-lines-clear{z-index:1;left:0;width:86%;opacity:.48;filter:none;mask-image:linear-gradient(90deg,rgba(0,0,0,.2) 0%,#000 28%,#000 68%,rgba(0,0,0,.36) 100%);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.2) 0%,#000 28%,#000 68%,rgba(0,0,0,.36) 100%);animation:none}
.software-layering{position:absolute;z-index:3;right:7.75%;top:50%;width:17.5%;height:auto;transform:translateY(-50%);filter:drop-shadow(0 24px 45px rgba(0,0,0,.2))}
@media(max-width:560px){.software-lines-clear{width:87%;filter:none}.software-layering{right:7%;width:18%}}

/* Use one consistent section-headline scale throughout the site. */
.intro-title h2,.services-index h2,.service-copy h2,.connected-copy h2,.audience-head h2,.process-heading h2,.analysis-copy h2,.faq-heading h2,.contact-intro h2,.final-cta h2{font-size:clamp(36px,3.4vw,52px)!important}

/* Retained in the document for potential reuse, but intentionally hidden. */
#systems{display:none!important}

/* Smooth FAQ disclosure motion without sacrificing native details semantics. */
.faq-list details p{opacity:0;transform:translateY(-7px);transform-origin:top;transition:opacity .24s ease,transform .3s cubic-bezier(.22,.8,.25,1)}
.faq-list details[open]:not(.is-closing) p{opacity:1;transform:none}
.faq-list details.is-closing p{opacity:0;transform:translateY(-7px)}
.faq-list summary span{display:inline-block;transition:transform .3s cubic-bezier(.22,.8,.25,1),color .2s ease}
.faq-list details[open]:not(.is-closing) summary span{transform:rotate(45deg)}
.faq-list details.is-closing summary span{transform:none}
@media(prefers-reduced-motion:reduce){.faq-list details p,.faq-list summary span{transition:none!important}}

.faq-heading>.section-kicker{display:block!important;color:#767c8b!important}
.faq-heading>.section-kicker+h2{margin-top:24px!important}
.faq-heading{position:sticky;top:130px;height:max-content;align-self:start}
@media(max-width:900px){.faq-heading{position:static}}

/* The standalone audit pitch is retained in the document but removed from the current page flow. */
.analysis-section{display:none!important}

/* A simpler enquiry form on the primary brand green. */
#contact.contact-intake{background:linear-gradient(135deg,#f7fce9 0%,#e9f9bd 52%,#d8f482 100%)!important}
#contact .contact-intro h2{color:#0b0d12!important}
#contact .contact-intro>p{color:#394438!important}
#contact .contact-fields input:not([type=file]),#contact .contact-fields textarea{font-size:13px!important}
.contact-phone-fields{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px}
.contact-country-code{height:48px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid #dfe3e8;border-radius:9px;background:#fafbfc;color:#0b0d12}
.contact-country-code>b{font-size:13px;font-weight:500}
.contact-country-flag{width:23px;height:15px;display:block;border:1px solid #d7dce2;border-radius:2px;background:linear-gradient(to bottom,#fff 0 50%,#dc143c 50% 100%);box-shadow:0 1px 2px rgba(0,0,0,.08)}
#contact .contact-consent{font-size:9px!important;line-height:1.55!important}
#contact .contact-submit-row>button:hover{background:var(--brand-blue)!important;color:#fff!important}
#contact .contact-submit-row>button:hover>i{background:#fff!important}
#contact .contact-submit-row>button:hover>i:before{background:var(--brand-blue)!important}
#contact .contact-submit-row>button{margin-top:10px}
@media(max-width:560px){.contact-phone-fields{grid-template-columns:102px minmax(0,1fr)}}

/* Balance service copy and visuals evenly across the four primary capabilities. */
#websites,#visibility,#advertising,#software{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6vw!important}
@media(max-width:900px){#websites,#visibility,#advertising,#software{grid-template-columns:1fr!important;gap:45px!important}}

/* Present website development with the same clean, light tone as advertising. */
#websites{background:#fff!important;color:var(--brand-black)!important}
#websites .service-copy>p:not(.section-kicker):not(.ownership){color:#626b79!important}
#websites .service-copy li{border-color:#e3e6ec!important}
#websites .round-link{background:var(--navy)!important;color:#fff!important}
#websites .round-link b{color:var(--brand-green)!important}
#websites .web-visual{background-image:linear-gradient(rgba(47,107,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(47,107,255,.065) 1px,transparent 1px)!important}
#websites .mock-site-nav,#websites .mock-site-copy{box-shadow:0 20px 48px rgba(49,95,189,.12)!important}
#websites .mock-site-cta{box-shadow:0 22px 48px rgba(49,95,189,.14)!important}
#websites .mock-site-palette{box-shadow:0 16px 34px rgba(49,95,189,.12)!important}

/* Use a high-contrast green submit control with an inverted send badge. */
#contact .contact-submit-row>button{background:var(--brand-green)!important;color:#fff!important}
#contact .contact-submit-row>button>i{background:#fff!important}
#contact .contact-submit-row>button>i:before{background:var(--navy)!important}
#contact .contact-submit-row>button:hover{background:var(--brand-blue)!important;color:#fff!important}
#contact .contact-submit-row>button:hover>i{background:#fff!important}
#contact .contact-submit-row>button:hover>i:before{background:var(--navy)!important}

/* Give the CTA headline room and align its opening edge with the form. */
#contact .contact-intro{position:sticky;top:130px;align-self:start;max-width:560px!important}
@media(min-width:901px){#contact.contact-intake{grid-template-columns:minmax(0,1fr) minmax(480px,1fr)!important;gap:6vw!important;align-items:start!important}}
@media(max-width:900px){#contact .contact-intro{position:static}}

/* Give multi-line section headlines a little more breathing room. */
main h2{line-height:calc(1.08em + 5px)!important}

/* Keep every best-fit-business icon in the same blue brand treatment. */
.audience-section .audience-grid>article .audience-symbol{background:#fff!important;color:var(--brand-blue)!important}

/* Match the contact form to the site's asymmetric corner language. */
#contact .contact-form{border-radius:5px 5px 30px 5px!important}
@media(max-width:560px){#contact .contact-form{border-radius:4px 4px 24px 4px!important}}

/* Slightly reduce the hero headline while retaining the mobile scale. */
@media(min-width:561px){.hero h1{font-size:clamp(46px,3.7vw,61px)!important}}

/* Keep the audience qualifier concise on wide screens. */
.audience-section .audience-note{max-width:none!important}
@media(min-width:1100px){.audience-section .audience-note{white-space:nowrap}}
.audience-section .audience-cta{margin-top:22px}

/* Calm the website-preview CTA with a restrained navy surface. */
#websites .mock-site-cta{border-color:var(--navy)!important;background:var(--navy)!important;color:#fff!important;box-shadow:0 22px 48px rgba(7,20,71,.18)!important}
#websites .mock-site-cta small,#websites .mock-site-cta p{color:rgba(255,255,255,.65)!important}
#websites .mock-site-cta em{background:var(--brand-green)!important;color:var(--navy)!important}

/* Keep the sticky FAQ heading left and give the question list more width. */
@media(min-width:901px){.faq-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:8vw!important}.faq-heading{order:1}.faq-list{order:2}}
.faq-heading h2{max-width:500px}
.faq-heading .faq-intro{max-width:500px;margin:18px 0 0;color:var(--muted);font-size:14px;font-weight:300;line-height:1.6}

/* Add clearer separation before each primary service CTA. */
#websites .round-link,#visibility .round-link,#advertising .round-link{margin-top:12px!important}
#software .round-link{margin-top:12px!important}

/* Align the contact CTA with the site's standard vertical section rhythm. */
#contact.contact-intake{padding-top:120px!important;padding-bottom:120px!important}
@media(max-width:900px){#contact.contact-intake{padding-top:85px!important;padding-bottom:85px!important}}
#contact.contact-intake{overflow:visible!important}
#contact .contact-intro,#contact .contact-form{align-self:start}
#contact .contact-intro h2{margin-top:0!important}

/* Continue the same section rhythm into the footer. */
.site-footer{padding-top:120px!important}
@media(max-width:900px){.site-footer{padding-top:85px!important}}

/* Retain the roadmap for possible reuse, but remove it from the current flow. */
.process-section{display:none!important}

/* Separate the FAQ with a quiet light surface rather than pure white. */
.faq-section{background:linear-gradient(145deg,#f8fcf4 0%,#edf8ef 100%)!important;color:#0b0d12}
.faq-heading>.section-kicker{color:#767c8b!important}
.faq-heading .faq-intro,.faq-list details p{color:#626b79!important}
.faq-list details{border-color:#d8dee7!important}
.faq-list summary{color:#0b0d12}
.faq-list summary span{color:var(--brand-blue)!important}
.faq-heading .faq-cta{margin-top:24px;background:var(--navy)!important;color:#fff!important}
.faq-heading .faq-cta b{color:var(--brand-green)!important}
.faq-heading .faq-cta:hover{background:var(--brand-blue)!important;color:#fff!important}
.faq-heading .faq-cta:hover b{color:#fff!important}

/* Convert the footer to a crisp dark-on-white treatment. */
.site-footer{background:#fff!important;color:#0b0d12!important}
.site-footer .brand{color:var(--navy)!important}
.site-footer .footer-brand>p,.site-footer .footer-consent,.site-footer .footer-legal p{color:#687180!important}
.site-footer .footer-links b{color:#858d9a!important}
.site-footer .footer-links a{color:#0b0d12!important}
.site-footer .footer-legal{border-color:#dfe3e8!important}
.site-footer .footer-newsletter{border-color:#d9dee6!important;background:#f6f8f6!important}
.site-footer .footer-consent a{color:#0b0d12!important}
.site-footer .footer-newsletter button:hover{background:var(--brand-blue)!important;color:#fff!important}

/* Smoothly resolve the newsletter arrow into a Lucide confirmation icon. */
.footer-newsletter button{position:relative;overflow:hidden}
.footer-newsletter .newsletter-icon{position:absolute;inset:9px;display:block;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;transition:opacity .22s ease,transform .34s cubic-bezier(.2,.85,.25,1.25)}
.footer-newsletter .newsletter-arrow{mask-image:url('assets/icons/lucide/arrow-up-right.svg');-webkit-mask-image:url('assets/icons/lucide/arrow-up-right.svg');opacity:1;transform:scale(1) rotate(0)}
.footer-newsletter .newsletter-check{mask-image:url('assets/icons/lucide/check.svg');-webkit-mask-image:url('assets/icons/lucide/check.svg');opacity:0;transform:scale(.45) rotate(-18deg)}
.footer-newsletter button.is-subscribed .newsletter-arrow{opacity:0;transform:scale(.45) rotate(18deg)}
.footer-newsletter button.is-subscribed .newsletter-check{opacity:1;transform:scale(1) rotate(0)}
@media(prefers-reduced-motion:reduce){.footer-newsletter .newsletter-icon{transition:none}}

/* Slightly reduce service-section UI compositions without touching the hero. */
#websites .feature-visual,#visibility .feature-visual,#advertising .feature-visual,#software .feature-visual{transform:scale(.9);transform-origin:center}
@media(max-width:900px){#websites .feature-visual,#visibility .feature-visual,#advertising .feature-visual,#software .feature-visual{transform:scale(.94)}}

/* Present the contact CTA as a contained dark card rather than a full-width band. */
#contact.contact-intake{width:calc(100% - 13.6vw);max-width:1500px;min-height:660px;margin:120px auto;padding:96px 5vw!important;border-radius:44px 5px 44px 5px;background:var(--navy)!important;color:#fff!important;box-shadow:0 30px 80px rgba(7,20,71,.12)}
#contact .contact-intro h2{color:#fff!important}
#contact .contact-intro>p{max-width:540px!important;color:#c8d0e3!important}
@media(max-width:900px){#contact.contact-intake{width:calc(100% - 40px);margin:85px auto;padding:72px 20px!important;border-radius:32px 4px 32px 4px}}

/* Keep every green CTA legible with white labels and arrows. */
.hero .domain-form button,#visibility .round-link,#software .round-link,.site-footer .footer-newsletter button{color:#fff!important}
.hero .domain-form button b,#visibility .round-link b,#software .round-link b{color:#fff!important}

/* Bring footer typography up to the scale used throughout the site. */
.site-footer .footer-brand>p{font-size:15px!important;line-height:1.55}
.site-footer .footer-links b{font-size:13px!important}
.site-footer .footer-links a{font-size:14px!important}
.site-footer .footer-newsletter input{font-size:12px!important}
.site-footer .footer-consent{font-size:10px!important;line-height:1.55}
.site-footer .footer-legal p{font-size:11px!important}

/* Animate the consent checkbox with a Lucide checkmark. */
#contact .contact-consent>i{position:relative;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}
#contact .contact-consent>i:after{content:"";position:absolute;inset:3px;display:block;background:#fff;opacity:0;transform:scale(.45) rotate(-12deg);mask:url('assets/icons/lucide/check.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/lucide/check.svg') center/contain no-repeat;transition:opacity .18s ease,transform .24s cubic-bezier(.2,.85,.25,1.35)}
#contact .contact-consent>input:checked+i{border-color:var(--brand-blue)!important;background:var(--brand-blue)!important;animation:consent-check-pop .3s cubic-bezier(.2,.85,.25,1.35)}
#contact .contact-consent>input:checked+i:after{content:"";opacity:1;transform:scale(1) rotate(0)}
@keyframes consent-check-pop{50%{transform:scale(1.14)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#contact .contact-consent>i,#contact .contact-consent>i:after{transition:none!important}#contact .contact-consent>input:checked+i{animation:none}}

/* Use black for the fixed promise and the primary accent for its rotating services. */
.hero h1{color:var(--brand-black)!important}
.hero h1 em{color:var(--brand-black)!important}

/* Use dark navy for the primary header wordmark. */
.nav .brand{color:var(--navy)!important}

/* Lift the industry cards with a quiet blue surface. */
.audience-section .audience-grid>article{background:#f1f5ff!important}
.audience-section .audience-grid>article:hover{background:#f1f5ff!important;box-shadow:none!important;transform:none!important}

/* Tighten the page frame and add quiet full-height edge guides. */
body:before{content:"";position:fixed;z-index:50;pointer-events:none;inset:0 4vw;border-left:1px solid rgba(49,95,189,.12);border-right:1px solid rgba(49,95,189,.12)}
@media(min-width:901px){
  .nav,.technology-band,.section-pad,.service-feature,.connected-section,.analysis-section,.faq-section,.site-footer{padding-left:8vw!important;padding-right:8vw!important}
  .hero{padding-left:8vw!important;padding-right:8vw!important}
  #contact.contact-intake{width:calc(100% - 16vw)}
}
@media(max-width:900px){body:before{inset-inline:12px}}

/* Separate the final content sequence with restrained horizontal rules. */
#websites,.audience-section,.faq-section{border-bottom:1px solid #dce2ea}

/* One vertical rhythm for every primary content section. */
@media(min-width:901px){
  .intro-section.section-pad,#websites,#visibility,#advertising,#software,.audience-section.section-pad,.faq-section.section-pad{padding-top:120px!important;padding-bottom:120px!important}
  #contact.contact-intake{margin-top:120px;margin-bottom:120px;padding-top:120px!important;padding-bottom:120px!important}
}
@media(max-width:900px){
  .intro-section.section-pad,#websites,#visibility,#advertising,#software,.audience-section.section-pad,.faq-section.section-pad{padding-top:85px!important;padding-bottom:85px!important}
  #contact.contact-intake{margin-top:85px;margin-bottom:85px;padding-top:85px!important;padding-bottom:85px!important}
}

/* Pull the audience section closer to the preceding website story. */
@media(min-width:901px){.audience-section.section-pad{padding-top:100px!important}}
@media(max-width:900px){.audience-section.section-pad{padding-top:70px!important}}

/* Give the footer a soft, tactile brand atmosphere without reducing legibility. */
.site-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 12%,rgba(34,190,82,.22),transparent 34%),
    radial-gradient(circle at 88% 72%,rgba(45,96,220,.20),transparent 38%),
    linear-gradient(132deg,#f8fff9 0%,#edf8f2 43%,#eef3ff 100%)!important;
}
.site-footer:before,.site-footer:after{content:"";position:absolute;inset:0;pointer-events:none}
.site-footer:before{
  z-index:-2;
  opacity:.18;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
}
.site-footer:after{
  z-index:-1;
  opacity:.28;
  background-image:
    linear-gradient(rgba(23,55,128,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,55,128,.13) 1px,transparent 1px),
    linear-gradient(118deg,transparent 0 48%,rgba(34,190,82,.22) 48% 48.15%,transparent 48.15% 100%);
  background-size:88px 88px,88px 88px,100% 100%;
  mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);
}
.site-footer>*{position:relative;z-index:1}

/* Keep the audience section available in markup while removing it from the live page. */
.audience-section{display:none!important}

/* Use the supplied Gledor wordmark consistently in the header and footer. */
.brand-logo{display:block;width:auto;height:22px}
.nav .brand{display:flex;align-items:center;flex:0 0 auto}
.site-footer .brand-logo{height:38px}
@media(max-width:800px){.nav{height:62px!important}.nav .brand-logo{height:20px}.site-footer .brand-logo{height:34px}}

/* Direct contact shortcuts beneath the final CTA introduction. */
#contact .contact-direct-actions{display:flex;align-items:center;gap:10px;margin-top:28px}
#contact .contact-direct-actions a{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.82);border-radius:14px 3px 14px 3px;background:#fff;color:var(--navy);text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.12);transition:background-color .22s ease,border-color .22s ease,color .22s ease}
#contact .contact-direct-actions a:hover{border-color:var(--brand-green);background:var(--brand-green);color:var(--navy)}
#contact .contact-action-icon{width:19px;height:19px;display:block;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}
#contact .contact-action-mail{mask-image:url('assets/icons/lucide/mail.svg');-webkit-mask-image:url('assets/icons/lucide/mail.svg')}
#contact .contact-action-phone{mask-image:url('assets/icons/lucide/phone.svg');-webkit-mask-image:url('assets/icons/lucide/phone.svg')}
#contact .contact-action-calendar{mask-image:url('assets/icons/lucide/calendar.svg');-webkit-mask-image:url('assets/icons/lucide/calendar.svg')}

/* Bring the free-audit modal into the site's Figtree typography and brand palette. */
#email-modal{font-family:Figtree,Arial,sans-serif}
#email-modal .overline{font:600 12px/1.3 Figtree,Arial,sans-serif;letter-spacing:.1em;color:#626b7c}
#email-modal h2{font-family:Figtree,Arial,sans-serif;font-weight:650}
#email-modal p{font-family:Figtree,Arial,sans-serif}
#email-form label:not(.consent){display:block;font:400 14px/1.55 Figtree,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#4f5868}
#email-form label:not(.consent)>span{display:block;margin-bottom:9px}
#email-form label:not(.consent)>span b{color:var(--brand-green);font-weight:700}
#email-form input[type=email]{display:block;width:100%;margin:0 0 23px;padding:16px 18px;border:1px solid #dde1e8;border-radius:14px;background:#fff;color:var(--brand-black);font:400 15px/1.4 Figtree,Arial,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
#email-form input[type=email]::placeholder{color:#9da3ad}
#email-form input[type=email]:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px rgba(11,184,57,.12)}
#email-form .consent{font:400 11px/1.55 Figtree,Arial,sans-serif!important;color:#4f5868}
#email-form .pill{display:inline-flex;align-items:center;gap:14px;font:600 13px/1 Figtree,Arial,sans-serif;background:var(--brand-black);color:#fff}
#email-form .pill b{margin-left:0;color:var(--brand-green);font:600 19px/1 Figtree,Arial,sans-serif}
#email-modal .success .overline{margin-top:18px}
#email-modal .success-check{color:#fff}

/* Preserve the desktop hierarchy while keeping narrow phones calm and unclipped. */
.nav-cta-short{display:none}
@media(max-width:360px){
  .nav{gap:10px;padding-inline:14px}
  .nav .brand-logo{height:18px}
  .nav .pill{flex:0 0 auto;padding:11px 12px!important;font-size:10px!important;line-height:1!important;white-space:nowrap}
  .nav-cta-full{display:none}
  .nav-cta-short{display:inline}
  .hero{padding-inline:20px}
  .hero .domain-form input{padding-inline:12px;font-size:12px}
  #contact .contact-form{padding-inline:18px!important}
  .contact-phone-fields{grid-template-columns:78px minmax(0,1fr);gap:8px}
  .contact-country-code{padding-inline:9px;gap:6px}
  .contact-country-flag{width:20px}
  #contact .contact-phone-fields>input{padding-inline:10px;font-size:11px!important}
}

/* Resolve the hero into a focused, centered single-column introduction. */
.hero{position:relative;isolation:isolate;display:block!important;min-height:auto!important;padding:112px 6.8vw 110px!important;text-align:center;background:#fff!important;overflow:hidden}
.hero:before,.hero:after{display:none!important}
.hero-copy{position:relative;z-index:1;width:min(1100px,100%);margin:0 auto;padding:0!important}
.hero-visual{display:none!important}
.hero h1{max-width:1050px;margin:0 auto 28px!important;font-size:clamp(44px,3.45vw,58px)!important;font-weight:500!important;line-height:1.15!important}
.hero h1 br{display:none!important}
.hero h1 .hero-fixed-line{display:block;white-space:nowrap}
.hero h1 #rotator{display:block;min-height:1.12em;white-space:nowrap}
.hero h1 #rotator:after{content:none!important;display:none!important}
.hero .lede{width:min(450px,100%);max-width:450px;margin:0 auto!important;color:var(--muted)!important;font-size:15px!important}
.hero .domain-form{width:min(640px,100%);margin:32px auto 0!important}
.hero .micro{max-width:460px;margin:28px auto 0!important;justify-content:center;align-items:center;text-align:center;font-size:9px!important;line-height:1.5}
.hero .micro .consent-copy{flex:0 1 auto}
.hero .micro a{font-weight:300!important;text-underline-offset:2px}
.hero .micro>.info-dot{margin-top:0}
@media(max-width:800px){
  .hero{padding:82px 20px 78px!important}
  .hero h1{margin-bottom:22px!important;font-size:40px!important}
  .hero h1 .hero-fixed-line{white-space:normal}
  .hero .domain-form{margin-top:28px!important}
}

/* Use restrained corners and lighter editorial typography throughout. */
button,.pill,.round-link{border-radius:8px!important}
.hero .domain-form,.analysis-form,.footer-newsletter{border-radius:10px!important}
.nav nav a{font-weight:300!important}
body p{font-weight:300!important}

/* Stack the technology heading above a continuous row of solid-black marks. */
.intro-section{display:none!important}
.technology-band{display:flex!important;min-height:235px;flex-direction:column;justify-content:center;align-items:stretch;gap:46px;padding-top:84px!important;padding-bottom:84px!important}
.technology-band p{order:1;padding:0!important;border:0!important;text-align:center;text-transform:none!important;letter-spacing:0!important;color:#747b86;font-size:12px!important;line-height:1.25!important}
.technology-band p span{display:block;font-size:11.55px;font-weight:300}
.technology-band p strong{display:block;margin-top:9px;color:var(--brand-black);font-size:26px;font-weight:500;letter-spacing:-.025em}
.technology-band .tech-loop{order:2;width:min(1080px,82%);margin-inline:auto}
.technology-band .tech-logo{background:#000!important}
.technology-band .tech-loop{mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
.technology-band .tech-loop:before,.technology-band .tech-loop:after{width:10%;filter:blur(7px)}
.technology-band .tech-set{gap:72px;padding-right:72px}
.technology-band .tech-set .tech-brand{width:108px;flex-basis:108px}
.technology-band .technology-team-copy{order:3;width:min(960px,92%);margin:12px auto 0!important;color:var(--brand-black)!important;font-size:clamp(13.95px,1.19vw,17.1px)!important;font-weight:300!important;line-height:1.65!important;letter-spacing:-.01em!important;text-align:center!important;text-transform:none!important}
@media(max-width:560px){
  .technology-band{min-height:205px;gap:37px;padding-top:65px!important;padding-bottom:65px!important}
  .technology-band p strong{font-size:22px}
  .technology-band .tech-loop{width:94%}
  .technology-band .tech-set{gap:48px;padding-right:48px}
  .technology-band .tech-set .tech-brand{width:96px;flex-basis:96px}
  .technology-band .technology-team-copy{width:100%;margin-top:8px!important;font-size:16.5px!important;line-height:1.6!important}
}

/* Keep the hero audit control compact and consistent with the restrained buttons. */
.hero-cta-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:30px auto 0}
.hero .hero-cta-row .domain-form{width:420px;height:44px!important;min-height:44px;margin:0!important;padding:0!important;overflow:visible!important;border-radius:5px!important}
.hero .domain-form input{height:42px!important;padding:0 11px!important;border-radius:5px!important;font-family:Figtree,Arial,sans-serif!important;font-size:12px!important;font-weight:300!important}
.hero .domain-form input::placeholder{font-weight:300!important}
.hero .domain-form button{height:44px!important;min-width:168px!important;margin:-1px -1px -1px 0!important;padding:0 14px!important;border-radius:0 5px 5px 0!important;font:500 14px/1 Figtree,Arial,sans-serif!important}
.hero-talk-button,.hero-consult-button{height:44px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--brand-black);border-radius:5px;background:transparent;color:var(--brand-black);text-decoration:none;font:500 14px/1 Figtree,Arial,sans-serif;white-space:nowrap}.hero-talk-button b,.hero-consult-button b{color:inherit;font-size:13px;font-weight:300}
.hero-calendar-icon{width:15px;height:15px;display:block;background:currentColor;mask:url('assets/icons/lucide/calendar.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/lucide/calendar.svg') center/contain no-repeat}
@media(max-width:800px){
  .hero-cta-row{width:min(420px,100%);flex-direction:column;gap:8px}
  .hero .hero-cta-row .domain-form{width:100%;height:auto!important;min-height:0;padding:4px!important}
  .hero .domain-form button{width:100%;min-width:0!important;margin:4px 0 0!important}
  .hero-talk-button,.hero-consult-button{width:100%;justify-content:center}
}

/* Match the three principle cards to the site's restrained corner system. */
.principles{align-items:start}
.principles article{min-height:0!important;border-radius:5px!important;background:#f7f8f9!important}
.principle-icon{width:34px!important;height:34px!important;margin:0 0 24px!important;display:block!important;border-radius:0!important;background:transparent!important;color:var(--brand-green)!important;box-shadow:none!important}
.principle-icon img{width:34px!important;height:34px!important;display:block}
.principles h3{font-size:20px!important;font-weight:500!important}
.principles p{color:#3f4652!important;font-size:15.75px!important;line-height:1.65!important}
.intro-section.section-pad{padding-top:90px!important;padding-bottom:90px!important}
@media(max-width:900px){.intro-section.section-pad{padding-top:70px!important;padding-bottom:70px!important}}

/* Keep primary text-based actions typographically consistent. */
.pill,.round-link,.hero .domain-form button,.analysis-form button,.contact-submit-row button,.hero-talk-button,.hero-consult-button{font-family:Figtree,Arial,sans-serif!important;font-size:14px!important;font-weight:400!important}
.hero .domain-form button{background:var(--brand-black)!important;color:#fff!important}
.hero .domain-form button:hover{background:var(--brand-green)!important;color:#fff!important}

/* Match the header booking action to the hero's compact button language. */
.nav .header-talk-button{height:44px!important;margin-left:auto;padding:0 18px!important;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:5px!important;background:var(--brand-black)!important;color:#fff!important;text-decoration:none;font:400 14px/1 Figtree,Arial,sans-serif!important;white-space:nowrap}
.nav .header-talk-button b{margin:0;color:#fff!important;font-size:13px;font-weight:300}
.nav .header-talk-button:hover{background:var(--brand-blue)!important;color:var(--brand-black)!important}
.nav .header-talk-button,
.nav .header-talk-button:hover,
.nav .header-talk-button:focus-visible{
  background:var(--brand-black)!important;
  color:#fff!important;
  transform:none!important;
  transition:none!important;
}

/* Keep the audit form available in markup while presenting one clear booking action. */
.hero .hero-cta-row .domain-form,.hero .micro{display:none!important}
.hero .hero-consult-button{border-color:var(--brand-black);background:var(--brand-black);color:#fff}
.hero .hero-consult-button:hover{border-color:var(--brand-black);background:var(--brand-black);color:#fff}
.hero .hero-talk-button{border-color:var(--brand-black);background:transparent;color:var(--brand-black)}
.hero .hero-talk-button:hover{border-color:var(--brand-black);background:var(--brand-black);color:#fff}

/* Reconstruct every service as the same spacious, white editorial split. */
#websites.service-feature,
#visibility.service-feature,
#advertising.service-feature,
#software.service-feature{
  min-height:0!important;
  padding:138px 8vw!important;
  grid-template-columns:minmax(0,.84fr) minmax(440px,1.16fr)!important;
  gap:clamp(64px,8vw,132px)!important;
  align-items:center!important;
  background:#fff!important;
  color:var(--brand-black)!important;
}
#websites .service-copy,
#visibility .service-copy,
#advertising .service-copy,
#software .service-copy{
  order:1!important;
  width:100%;
  max-width:570px;
}
#websites .feature-visual,
#visibility .feature-visual,
#advertising .feature-visual,
#software .feature-visual{
  order:2!important;
  width:100%;
  height:500px!important;
  transform:scale(.84)!important;
  transform-origin:center!important;
}
.service-copy>.section-kicker{display:none!important}
.service-copy h2,
#websites .service-copy h2,
#visibility .service-copy h2{
  margin:0 0 24px!important;
  color:var(--brand-black)!important;
  font-size:clamp(36px,3.4vw,52px)!important;
  font-weight:500!important;
  line-height:1.08!important;
  letter-spacing:-.048em!important;
}
.service-copy>p:not(.section-kicker):not(.ownership),
.service-navy .service-copy>p:not(.section-kicker),
.service-mint .service-copy>p:not(.section-kicker):not(.ownership),
#websites .service-copy>p:not(.section-kicker):not(.ownership){
  max-width:540px!important;
  margin:0!important;
  color:#4f5663!important;
  font-size:15px!important;
  font-weight:300!important;
  line-height:1.72!important;
}
.service-copy ul{
  margin:34px 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px!important;
  list-style:none!important;
}
.service-copy li,
.service-navy .service-copy li,
.service-mint .service-copy li,
#websites .service-copy li{
  min-height:96px;
  padding:15px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid #e4e6ea!important;
  border-radius:5px!important;
  background:#f7f8f9!important;
  color:#303641!important;
  font-size:11px!important;
  font-weight:400;
  line-height:1.4;
}
.service-copy li:before{
  position:static!important;
  width:18px!important;
  height:18px!important;
  margin:0 0 auto!important;
  display:block!important;
  transform:none!important;
  background:rgb(111,0,255)!important;
  mask:url('assets/icons/lucide/blocks.svg') center/contain no-repeat!important;
  -webkit-mask:url('assets/icons/lucide/blocks.svg') center/contain no-repeat!important;
}
.service-copy li:nth-child(2):before{
  mask-image:url('assets/icons/lucide/panels-top-left.svg')!important;
  -webkit-mask-image:url('assets/icons/lucide/panels-top-left.svg')!important;
}
.service-copy li:nth-child(3):before{
  mask-image:url('assets/icons/lucide/chart-no-axes-combined.svg')!important;
  -webkit-mask-image:url('assets/icons/lucide/chart-no-axes-combined.svg')!important;
}
.service-copy li:nth-child(4):before{
  mask-image:url('assets/icons/lucide/workflow.svg')!important;
  -webkit-mask-image:url('assets/icons/lucide/workflow.svg')!important;
}
.service-copy .round-link,
#websites .round-link,
#visibility .round-link,
#advertising .round-link,
#software .round-link{
  min-height:44px;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center;
  border:1px solid var(--brand-black)!important;
  border-radius:5px!important;
  background:var(--brand-black)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:400!important;
}
.service-copy .round-link b{color:#fff!important;font-size:13px!important;font-weight:300!important}
.service-copy .round-link:hover{
  border-color:rgb(111,0,255)!important;
  background:rgb(111,0,255)!important;
  color:#fff!important;
}
@media(max-width:900px){
  #websites.service-feature,
  #visibility.service-feature,
  #advertising.service-feature,
  #software.service-feature{
    padding:94px 20px!important;
    grid-template-columns:1fr!important;
    gap:46px!important;
  }
  #websites .service-copy,
  #visibility .service-copy,
  #advertising .service-copy,
  #software .service-copy{max-width:650px}
  #websites .feature-visual,
  #visibility .feature-visual,
  #advertising .feature-visual,
  #software .feature-visual{
    height:470px!important;
    transform:scale(.92)!important;
  }
}
@media(max-width:560px){
  #websites.service-feature,
  #visibility.service-feature,
  #advertising.service-feature,
  #software.service-feature{padding:78px 20px!important;gap:36px!important}
  .service-copy h2,
  #websites .service-copy h2,
  #visibility .service-copy h2{font-size:38px!important}
  .service-copy ul{grid-template-columns:1fr 1fr;gap:8px!important;margin:28px 0!important}
  .service-copy li{min-height:105px;padding:13px!important;font-size:10px!important}
  #websites .feature-visual,
  #visibility .feature-visual,
  #advertising .feature-visual,
  #software .feature-visual{
    height:410px!important;
    transform:scale(.95)!important;
  }
}

/* Keep full-width horizontal rules as quiet as the page's vertical guides. */
.nav{
  border-bottom:1px solid rgba(49,95,189,.1)!important;
  box-shadow:none!important;
}
.capability-marquee,
.technology-band{
  border-top-color:rgba(49,95,189,.1)!important;
  border-bottom-color:rgba(49,95,189,.1)!important;
}
.hero + .technology-band{border-top:0!important}
#websites,
.audience-section,
.faq-section{
  border-bottom-color:rgba(49,95,189,.1)!important;
}
.footer-legal,
.process-list article{
  border-color:rgba(255,255,255,.1)!important;
}

/* Present the four services as one concise two-by-two editorial grid. */
.services-grid-layout{
  position:relative;
  padding:120px 8vw;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  background:#fff;
}
.services-grid-heading{
  position:relative;
  z-index:1;
  grid-column:1/-1;
  max-width:900px;
  margin:0 auto 60px;
  color:var(--brand-black);
  font-size:clamp(30.1px,2.38vw,37.6px);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.048em;
  text-align:center;
}
.services-grid-layout:before{
  content:none;
}
.services-grid-layout>.service-feature,
.services-grid-layout>#websites.service-feature,
.services-grid-layout>#visibility.service-feature,
.services-grid-layout>#advertising.service-feature,
.services-grid-layout>#software.service-feature{
  position:relative;
  z-index:1;
  min-height:430px!important;
  padding:48px!important;
  display:block!important;
  overflow:hidden;
  border:1px solid rgba(49,95,189,.1)!important;
  border-radius:0;
  background:#fff!important;
  color:var(--brand-black)!important;
  box-shadow:none!important;
}
.services-grid-layout>.service-feature{cursor:pointer}
.services-grid-layout>.service-feature:focus-visible{
  outline:2px solid var(--brand-black);
  outline-offset:3px;
}
.services-grid-layout>.service-feature:after{
  content:none;
}
.services-grid-layout .service-copy{
  width:100%;
  max-width:none!important;
  min-height:332px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.services-grid-layout .service-copy:before{
  content:none;
}
.services-grid-layout #advertising{order:1}
.services-grid-layout #websites{order:2}
.services-grid-layout #visibility{order:3}
.services-grid-layout #software{order:4}
.service-technical-label{
  min-height:28px;
  margin-bottom:29px;
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--brand-black);
  font-size:12.1px;
  font-weight:400;
  line-height:1.35;
}
.service-technical-label i{
  width:23px;
  height:23px;
  flex:0 0 23px;
  display:block;
  background:var(--brand-black);
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}
.service-label-web{
  mask-image:url('assets/icons/lucide/panels-top-left.svg');
  -webkit-mask-image:url('assets/icons/lucide/panels-top-left.svg');
}
.service-label-product{
  mask-image:url('assets/icons/lucide/blocks.svg');
  -webkit-mask-image:url('assets/icons/lucide/blocks.svg');
}
.service-label-content{
  mask-image:url('assets/icons/lucide/upload-cloud.svg');
  -webkit-mask-image:url('assets/icons/lucide/upload-cloud.svg');
}
.service-label-software{
  mask-image:url('assets/icons/lucide/workflow.svg');
  -webkit-mask-image:url('assets/icons/lucide/workflow.svg');
}
.services-grid-layout .service-copy h2,
.services-grid-layout #websites .service-copy h2,
.services-grid-layout #visibility .service-copy h2{
  max-width:520px;
  margin:0 0 20px!important;
  font-size:clamp(19.25px,1.54vw,24.62px)!important;
  font-weight:500!important;
  line-height:1.12!important;
  letter-spacing:-.042em!important;
}
.services-grid-layout .service-copy>p:not(.section-kicker):not(.ownership){
  max-width:540px!important;
  margin:0 0 32px!important;
  color:#4f5663!important;
  font-size:15px!important;
  line-height:1.7!important;
}
.services-grid-layout .service-copy ul,
.services-grid-layout .feature-visual{
  display:none!important;
}
.services-grid-layout .service-copy .round-link{
  margin-top:auto;
}
@media(max-width:900px){
  .services-grid-layout{
    padding:85px 20px;
    grid-template-columns:1fr;
    gap:12px;
  }
  .services-grid-heading{margin-bottom:44px}
  .services-grid-layout>.service-feature,
  .services-grid-layout>#websites.service-feature,
  .services-grid-layout>#visibility.service-feature,
  .services-grid-layout>#advertising.service-feature,
  .services-grid-layout>#software.service-feature{
    min-height:360px!important;
    padding:38px!important;
  }
  .services-grid-layout .service-copy{min-height:282px}
}
@media(max-width:560px){
  .services-grid-layout{padding:72px 20px}
  .services-grid-heading{margin-bottom:34px;font-size:27.6px}
  .services-grid-layout>.service-feature,
  .services-grid-layout>#websites.service-feature,
  .services-grid-layout>#visibility.service-feature,
  .services-grid-layout>#advertising.service-feature,
  .services-grid-layout>#software.service-feature{
    min-height:0!important;
    padding:32px 25px!important;
  }
  .services-grid-layout>.service-feature:after{left:25px;right:25px}
  .services-grid-layout .service-copy{min-height:310px}
  .services-grid-layout .service-copy h2,
  .services-grid-layout #websites .service-copy h2,
  .services-grid-layout #visibility .service-copy h2{font-size:20.78px!important}
}

/* Let the three principles live directly on the page with vivid, grainy icon energy. */
.principles{gap:clamp(34px,5vw,82px)!important}
.principles article{
  min-height:0!important;
  padding:18px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.principle-icon{
  position:relative;
  isolation:isolate;
  width:34px!important;
  height:34px!important;
  margin:10px 0 28px!important;
  overflow:visible;
}
.principle-icon img{display:none!important}
.principle-icon:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:var(--brand-black);
  mask:url('assets/icons/lucide/principle-growth.svg') center/contain no-repeat;
  -webkit-mask:url('assets/icons/lucide/principle-growth.svg') center/contain no-repeat;
}
.principles article:nth-child(2) .principle-icon:before{
  mask-image:url('assets/icons/lucide/key-round.svg');
  -webkit-mask-image:url('assets/icons/lucide/key-round.svg');
}
.principles article:nth-child(3) .principle-icon:before{
  mask-image:url('assets/icons/lucide/brain-circuit.svg');
  -webkit-mask-image:url('assets/icons/lucide/brain-circuit.svg');
}
.principle-icon:after{
  content:none;
}
.principles h3{font-size:20px!important}
.principles p{max-width:330px!important}
.principles article{text-align:center}
.principles .principle-icon{margin:10px auto 28px!important}
.principles p{margin-left:auto!important;margin-right:auto!important}

/* Treat service actions as editorial links, revealing a library arrow on intent. */
.services-grid-layout .service-copy .round-link,
.services-grid-layout .service-copy .round-link:hover{
  min-height:0;
  margin-top:auto;
  padding:0!important;
  gap:14px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--brand-black)!important;
  box-shadow:none!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:1.2!important;
  opacity:0;
  transform:translateY(6px)!important;
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease!important;
}
.services-grid-layout .service-copy .round-link b{
  width:25px;
  height:25px;
  margin:0!important;
  overflow:hidden;
  display:block;
  flex:0 0 25px;
  color:transparent!important;
  font-size:0!important;
  opacity:0;
  background:var(--brand-black);
  mask:url('assets/icons/lucide/arrow-up-right.svg') center/contain no-repeat;
  -webkit-mask:url('assets/icons/lucide/arrow-up-right.svg') center/contain no-repeat;
  transform:translateX(-7px) rotate(45deg);
  transition:opacity .22s ease,transform .22s ease;
}
.services-grid-layout>.service-feature:hover .service-copy .round-link,
.services-grid-layout>.service-feature:focus-within .service-copy .round-link{
  opacity:1;
  transform:translateY(0)!important;
  pointer-events:auto;
}
.services-grid-layout>.service-feature:hover .service-copy .round-link b,
.services-grid-layout>.service-feature:focus-within .service-copy .round-link b,
.services-grid-layout .service-copy .round-link:hover b,
.services-grid-layout .service-copy .round-link:focus-visible b{
  opacity:1;
  transform:translateX(0) rotate(45deg);
}
@media(hover:none){
  .services-grid-layout .service-copy .round-link{
    opacity:1;
    transform:none!important;
    pointer-events:auto;
  }
  .services-grid-layout .service-copy .round-link b{
    opacity:1;
    transform:rotate(45deg);
  }
}

/* Keep service links visible and balance the cards' top and bottom space. */
.services-grid-layout>.service-feature,
.services-grid-layout>#websites.service-feature,
.services-grid-layout>#visibility.service-feature,
.services-grid-layout>#advertising.service-feature,
.services-grid-layout>#software.service-feature{
  min-height:390px!important;
  padding:48px 67px 34px!important;
}
.services-grid-layout .service-copy{min-height:306px}
.services-grid-layout .service-copy .round-link,
.services-grid-layout>.service-feature:hover .service-copy .round-link,
.services-grid-layout>.service-feature:focus-within .service-copy .round-link{
  opacity:1;
  transform:none!important;
  pointer-events:auto;
  border:0!important;
  background:transparent!important;
  color:var(--brand-black)!important;
}
.services-grid-layout .service-copy .round-link b{
  opacity:1;
  transform:rotate(45deg);
}
@media(max-width:560px){
  .services-grid-layout>.service-feature,
  .services-grid-layout>#websites.service-feature,
  .services-grid-layout>#visibility.service-feature,
  .services-grid-layout>#advertising.service-feature,
  .services-grid-layout>#software.service-feature{
    min-height:0!important;
    padding:36px 39px 26px!important;
  }
  .services-grid-layout .service-copy{min-height:290px}
}

/* Service cards no longer carry calls to action. */
.services-grid-layout>.service-feature,
.services-grid-layout>#websites.service-feature,
.services-grid-layout>#visibility.service-feature,
.services-grid-layout>#advertising.service-feature,
.services-grid-layout>#software.service-feature{min-height:0!important}
.services-grid-layout .service-copy{min-height:0;height:100%}

/* Reveal a single editorial link when the user engages a service card. */
.service-hover-link{
  margin-top:auto;
  padding-bottom:8px;
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:var(--brand-black);
  text-decoration:none;
  font:500 15.2px/1.2 Figtree,Arial,sans-serif;
  opacity:0;
  pointer-events:none;
  transform:translateY(7px);
  transition:opacity .24s ease,transform .24s ease;
}
.service-hover-link i{
  width:24px;
  height:24px;
  display:block;
  background:var(--brand-black);
  mask:url('assets/icons/lucide/arrow-up-right.svg') center/contain no-repeat;
  -webkit-mask:url('assets/icons/lucide/arrow-up-right.svg') center/contain no-repeat;
  transform:rotate(45deg);
}
.services-grid-layout>.service-feature:hover .service-hover-link,
.services-grid-layout>.service-feature:focus-within .service-hover-link,
.service-hover-link:focus-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
@media(hover:none){
  .service-hover-link{
    opacity:1;
    pointer-events:auto;
    transform:none;
  }
}

/* Give the three-principle section more space to open. */
.intro-section.section-pad{padding-top:120px!important}
@media(max-width:900px){.intro-section.section-pad{padding-top:90px!important}}

/* Split the hero into a headline field and an interactive contact rail. */
.hero{padding-top:124px!important;padding-bottom:124px!important;text-align:left!important}
.hero-copy{
  width:100%!important;
  max-width:none!important;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(425px,.7fr);
  align-items:center;
  gap:clamp(55px,7vw,120px);
}
.hero h1{
  max-width:none!important;
  margin:0!important;
  font-size:clamp(43px,3.25vw,52px)!important;
  line-height:1.12!important;
}
.hero h1 .hero-fixed-line{white-space:nowrap}
.hero-side{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.hero .hero-side .lede{
  width:100%;
  max-width:794px;
  margin:0!important;
  color:#4f5663!important;
  font-size:15.3px!important;
  line-height:1.7;
  text-align:left;
}
.hero .hero-side .hero-cta-row{
  width:auto;
  margin:38px 0 0;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
}
.hero-expand-action{
  height:44px;
  width:35px;
  padding:0 8px 0 0;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--brand-black);
  text-decoration:none;
  transition:width .38s cubic-bezier(.2,.75,.25,1),border-color .25s ease,background-color .25s ease;
}
.hero-expand-action>i{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:block;
  background:currentColor;
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}
.hero-calendar-action>i{mask-image:url('assets/icons/lucide/calendar.svg');-webkit-mask-image:url('assets/icons/lucide/calendar.svg')}
.hero-phone-action>i{mask-image:url('assets/icons/lucide/phone.svg');-webkit-mask-image:url('assets/icons/lucide/phone.svg')}
.hero-email-action>i{mask-image:url('assets/icons/lucide/mail.svg');-webkit-mask-image:url('assets/icons/lucide/mail.svg')}
.hero-expand-action>span{
  max-width:0;
  margin-left:0;
  overflow:hidden;
  opacity:0;
  white-space:nowrap;
  font-size:13.2px;
  font-weight:400;
  transition:max-width .38s cubic-bezier(.2,.75,.25,1),margin-left .3s ease,opacity .2s ease;
}
.hero-expand-action:hover,.hero-expand-action:focus-visible{width:143px;border-color:transparent;background:transparent}
.hero-expand-action:hover>span,.hero-expand-action:focus-visible>span{max-width:112px;margin-left:9px;opacity:1}
.hero-phone-action:hover,.hero-phone-action:focus-visible{width:152px}
.hero-email-action:hover,.hero-email-action:focus-visible{width:150px}
.hero .hero-side .hero-talk-button{
  width:auto;
  height:44px;
  padding:0 16px;
  flex:0 0 auto;
  justify-content:center;
  border-color:var(--brand-black);
  background:var(--brand-black);
  color:#fff;
}
@media(max-width:1050px){
  .hero-copy{grid-template-columns:1fr;gap:38px}
  .hero h1{max-width:900px!important}
  .hero-side{width:100%}
}
@media(max-width:560px){
  .hero{padding-top:82px!important;padding-bottom:82px!important}
  .hero h1{font-size:40px!important}
  .hero h1 .hero-fixed-line{white-space:normal}
  .hero .hero-side .hero-cta-row{width:100%;flex-wrap:wrap}
  .hero-expand-action:hover,.hero-expand-action:focus-visible{width:35px}
  .hero-expand-action:hover>span,.hero-expand-action:focus-visible>span{max-width:0;margin-left:0;opacity:0}
}

/* Refine the FAQ into the same restrained white editorial system. */
.faq-section{background:#fff!important;color:var(--brand-black)!important}
.faq-heading{position:sticky!important;top:84px!important;margin-top:-26px}
@media(max-width:900px){.faq-heading{position:static!important;top:auto!important;margin-top:0}}
.faq-heading>.section-kicker{display:none!important}
.faq-heading h2{
  max-width:470px;
  margin:0!important;
  font-size:clamp(30.1px,2.38vw,37.6px)!important;
  font-weight:500!important;
  line-height:1.1!important;
  letter-spacing:-.042em!important;
}
.faq-heading .faq-intro{
  max-width:480px;
  margin:16px 0 0!important;
  color:#4f5663!important;
  font-size:17px!important;
  font-weight:300!important;
  line-height:1.65!important;
}
.faq-heading .faq-cta,
.faq-heading .faq-cta:hover{
  height:44px;
  margin-top:38px;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  border:0!important;
  border-radius:5px!important;
  background:var(--brand-black)!important;
  color:#fff!important;
  font:400 14px/1 Figtree,Arial,sans-serif!important;
}
.faq-heading .faq-cta b,
.faq-heading .faq-cta:hover b{
  margin:0!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:300!important;
}
.faq-list details{border-color:rgba(49,95,189,.1)!important}
.faq-list summary{
  color:var(--brand-black)!important;
  font-size:16px!important;
  font-weight:400!important;
}
.faq-list summary span{
  position:relative;
  width:18px;
  height:18px;
  flex:0 0 18px;
  color:var(--brand-black)!important;
  font-size:0!important;
  line-height:0;
}
.faq-list summary span:before,
.faq-list summary span:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:var(--brand-black);
  transform:translate(-50%,-50%);
}
.faq-list summary span:before{width:10px;height:1.25px}
.faq-list summary span:after{width:1.25px;height:10px}
.faq-list details[open]:not(.is-closing) summary span{
  transform:rotate(45deg);
}
.hero-copy{align-items:start}
.hero h1{font-size:clamp(36px,2.8vw,44.8px)!important}
.hero h1{margin-left:0!important}
.hero h1 #rotator{margin-top:.173em}
.hero h1 #rotator{font-style:normal!important;font-weight:600!important}
@media(min-width:561px) and (max-width:1050px){
  .hero{padding-left:2vw!important;padding-right:2vw!important}
  .hero h1{margin-left:6vw!important}
}
@media(max-width:560px){
  .hero h1{font-size:32px!important}
  .hero .hero-side .lede{font-size:14.4px!important}
  .faq-heading h2{font-size:27.6px!important}
  .faq-heading .faq-intro{font-size:16px!important}
}

.services-grid-layout #visibility .service-copy h2{
  font-size:clamp(19.25px,1.54vw,24.62px)!important;
}
@media(max-width:560px){
  .services-grid-layout #visibility .service-copy h2{font-size:20.78px!important}
}

.services-grid-layout{padding-top:96px}
@media(max-width:900px){.services-grid-layout{padding-top:68px}}
@media(max-width:560px){.services-grid-layout{padding-top:58px}}

/* Increase paragraph contrast without flattening the typographic hierarchy. */
.hero .hero-side .lede,
.technology-band .technology-team-copy,
.intro-title>p,
.principles p,
.service-copy>p:not(.section-kicker):not(.ownership),
.connected-copy>p:not(.section-kicker),
.audience-head>p,
.audience-grid .audience-card-copy p,
.analysis-copy>p:not(.section-kicker),
.faq-heading .faq-intro,
.faq-list details p,
dialog p{
  color:#34383f!important;
}
.faq-list details p{
  font-size:14.82px!important;
  line-height:1.65!important;
}

/* Optically align the hero headline with the visible header wordmark. */
.hero h1{margin-left:16px!important}
@media(min-width:561px) and (max-width:1050px){
  .hero h1{margin-left:calc(6vw + 16px)!important}
}
@media(max-width:560px){
  .hero h1{margin-left:16px!important}
}

/* Use one quiet horizontal rule between every primary page section. */
main#top>section:not(:last-of-type),
main#top>.services-grid-layout{
  border-bottom:1px solid rgba(49,95,189,.1)!important;
}

/* One generous, equal vertical rhythm for every primary section. */
main#top>section,
main#top>.services-grid-layout{
  padding-top:110px!important;
  padding-bottom:110px!important;
}
#contact.contact-intake{
  margin-top:0!important;
  margin-bottom:0!important;
}
@media(max-width:900px){
  main#top>section,
  main#top>.services-grid-layout{
    padding-top:79px!important;
    padding-bottom:79px!important;
  }
}
@media(max-width:560px){
  main#top>section,
  main#top>.services-grid-layout{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
}

.intro-section .principles{margin-top:0!important}

/* A credibility section for independent agencies that trust the work. */
.agency-words{
  display:block;
  background:#fff;
}
.agency-words-heading h2{
  max-width:520px;
  margin:0 auto;
  color:var(--brand-black);
  font-size:clamp(30.1px,2.38vw,37.6px);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.048em;
  text-align:center;
}
.agency-trust-grid{margin-top:52px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.agency-trust-grid article{
  min-height:330px;
  padding:34px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(49,95,189,.1);
  border-radius:5px;
  background:#fff;
  cursor:pointer;
}
.agency-trust-grid .agency-testimonial-card:focus-visible{
  outline:none;
  border-color:var(--brand-blue);
}
.agency-logo-wrap{
  height:34px;
  display:flex;
  align-items:center;
}
.agency-logo-wrap img{
  display:block;
  max-width:58px;
  max-height:34px;
  width:auto;
  height:auto;
  object-fit:contain;
  object-position:left center;
  filter:brightness(0);
}
.agency-logo-wrap:not(.agency-logo-vox) img{max-width:118px}
.agency-trust-grid p{
  margin:42px 0 0;
  color:#34383f;
  font-size:14px;
  font-weight:300;
  line-height:1.65;
}
.agency-testimonial-author{
  margin-top:auto;
  padding-top:26px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.agency-testimonial-author strong{
  color:var(--brand-black);
  font-size:14px;
  font-weight:600;
  line-height:1.25;
}
.agency-testimonial-author span{
  color:#626b79;
  font-size:12px;
  font-weight:300;
  line-height:1.35;
}
@media(max-width:900px){
  .agency-trust-grid{margin-top:44px}
}
@media(max-width:650px){
  .agency-trust-grid{grid-template-columns:1fr;gap:36px}
  .agency-trust-grid p{margin-top:28px}
}

/* A quiet, centered final contact point with one clear next step. */
#contact.final-contact{
  width:auto;
  max-width:none;
  min-height:0;
  margin:0;
  padding-top:5px!important;
  padding-right:calc(4vw + 5px)!important;
  padding-bottom:5px!important;
  padding-left:calc(4vw + 5px)!important;
  display:block;
  border-radius:0;
  background:#fff!important;
  color:var(--brand-black)!important;
  box-shadow:none;
}
@media(max-width:900px){
  #contact.final-contact{
    padding-right:17px!important;
    padding-left:17px!important;
  }
}
.final-contact-inner{
  width:min(100%,1380px);
  margin:0 auto;
  padding:clamp(82px,9vw,138px) clamp(24px,6vw,96px);
  border:1px solid rgba(49,95,189,.14);
  border-radius:5px;
  background:#fafafa;
  text-align:center;
}
.final-contact h2{
  max-width:760px;
  margin-inline:auto;
  margin-top:0;
  margin-bottom:0;
  color:var(--brand-black);
  font-size:clamp(30.1px,2.38vw,37.6px);
  font-weight:500;
  line-height:1.1;
  letter-spacing:-.042em;
}
.final-contact-inner>p{
  max-width:520px;
  margin:16px auto 42px;
  color:#34383f;
  font-size:16px;
  font-weight:300;
  line-height:1.6;
}
.contact-email-start{
  width:min(100%,500px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  border:1px solid #c9cdd3;
  border-radius:5px;
  background:#fff;
}
.contact-email-start input{
  min-width:0;
  height:44px;
  padding:0 16px;
  border:0;
  outline:0;
  background:transparent;
  color:var(--brand-black);
  font:300 14px/1.2 Figtree,Arial,sans-serif;
}
.contact-email-start input::placeholder{color:#717780;font-weight:300}
.contact-email-start:focus-within{border-color:var(--brand-black)}
.contact-email-start button{
  min-height:44px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:-1px -1px -1px 0;
  border:1px solid var(--brand-black);
  border-radius:0 4px 4px 0!important;
  background:var(--brand-black);
  color:#fff;
  font:400 14px/1 Figtree,Arial,sans-serif;
  cursor:pointer;
}
.contact-email-start button b{margin:0;font-size:13px;font-weight:300}
.final-contact-consent{
  display:block;
  max-width:500px;
  margin:15px auto 0;
  color:#565c65;
  font:300 10px/1.55 Figtree,Arial,sans-serif;
}
.final-contact-consent a{color:inherit;font-weight:300;text-underline-offset:2px}
.contact-message-modal{font-family:Figtree,Arial,sans-serif}
.contact-message-modal h2{font-family:Figtree,Arial,sans-serif;font-weight:600}
.contact-message-modal p{font-family:Figtree,Arial,sans-serif}
#contact-message-form{margin-top:28px}
#contact-message-form>label:not(.consent)>span{
  display:block;
  margin-bottom:9px;
  color:#4f5868;
  font:400 14px/1.5 Figtree,Arial,sans-serif;
}
#contact-message-form .contact-message-email{
  display:block;
  margin-bottom:14px;
}
#contact-message-form .contact-message-email input{
  width:100%;
  height:44px;
  padding:0 15px;
  border:1px solid #bfc4cb;
  border-radius:5px;
  outline:0;
  background:#fff;
  color:var(--brand-black);
  font:300 14px/1.2 Figtree,Arial,sans-serif;
}
#contact-message-form .contact-message-email input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(3,63,255,.1)}
#contact-message-form .contact-message-email input::placeholder{color:#777d86;font-weight:300}
#contact-message-form textarea{
  width:100%;
  min-height:150px;
  padding:15px;
  resize:vertical;
  border:1px solid #c9cdd3;
  border-radius:5px;
  outline:0;
  color:var(--brand-black);
  font:300 14px/1.55 Figtree,Arial,sans-serif;
}
#contact-message-form textarea:focus{border-color:var(--brand-black)}
#contact-message-form .consent{
  margin:18px 0 24px;
  color:#4f5868;
  font:300 11px/1.5 Figtree,Arial,sans-serif!important;
}
#contact-message-form .consent a{color:inherit;text-underline-offset:2px}
@media(max-width:560px){
  .final-contact-inner{padding:64px 20px}
  .final-contact h2{font-size:27.6px}
  .contact-email-start{display:block;padding:5px}
  .contact-email-start input{width:100%;height:44px;padding-inline:14px}
  .contact-email-start button{width:100%;min-height:44px;margin:0;border:0;border-radius:4px!important}
  .final-contact-inner>p{font-size:15px}
}

/* Video-led hero: media on the left, all copy stacked in one column on the right. */
.hero{
  display:block!important;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  align-items:center;
  gap:clamp(52px,7vw,118px);
  padding-top:0!important;
  padding-bottom:0!important;
  text-align:left!important;
}
.hero-video-frame{
  position:absolute;
  order:2;
  top:0;
  right:4vw;
  bottom:0;
  width:min(40vw,620px);
  min-height:0;
  overflow:hidden;
  border-radius:0;
  background:#eef0f2;
}
.hero-video-frame video{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.hero-video-placeholder{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#8a9098;
  font:300 12px/1 Figtree,Arial,sans-serif;
  letter-spacing:.04em;
}
.hero .hero-copy{
  order:1;
  width:100%!important;
  max-width:58%!important;
  margin:0 0 0 18px!important;
  padding-top:37px!important;
  padding-bottom:37px!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  gap:0!important;
}
.hero h1{
  width:100%;
  margin:0 0 26px!important;
  text-align:left!important;
}
.hero .hero-side{width:100%;align-items:flex-start!important;text-align:left!important}
.hero .hero-side .lede{
  width:min(100%,475px)!important;
  max-width:475px!important;
  margin-left:0!important;
  margin-right:0!important;
  font-size:16px!important;
  font-weight:300!important;
  line-height:1.6!important;
  text-align:left!important;
}
.hero .micro{
  max-width:500px;
  margin:24px 0 0!important;
  justify-content:flex-start;
  text-align:left;
}
@media(max-width:1050px){
  .hero{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:44px}
  .hero-video-frame{right:4vw;width:40vw;min-height:0}
  .hero h1 .hero-fixed-line{white-space:normal}
}
@media(max-width:900px) and (min-width:761px){
  .hero-video-frame{right:12px}
}
@media(max-width:760px){
  .hero{display:flex!important;flex-direction:column}
  .hero-video-frame{position:relative;inset:auto;width:100%;min-height:420px;order:2}
  .hero .hero-copy{order:1;max-width:none!important;margin-left:0!important;padding-top:38px!important;padding-bottom:38px!important}
}
@media(max-width:560px){
  .hero-video-frame{min-height:340px}
  .hero .hero-copy{padding-top:31px!important;padding-bottom:31px!important}
  .hero h1{margin-bottom:26px!important}
  .hero .hero-side .lede{font-size:15px!important}
}
.process-heading p:last-child,
.process-list p,
.contact-intro>p,
.site-footer p,
.footer-consent{
  color:#d7dae0!important;
}

/* A simple monochrome footer that follows the site's editorial frame. */
.site-footer{
  position:relative;
  padding:82px 8vw 30px!important;
  border-top:1px solid rgba(49,95,189,.1);
  background:#fff!important;
  color:var(--brand-black)!important;
  box-shadow:none!important;
}
.site-footer:before,.site-footer:after{display:none!important}
.site-footer .brand{
  width:max-content;
  justify-content:flex-start;
}
.site-footer .brand-logo{
  height:30px;
  filter:none;
}
.nav .brand-logo{filter:none}
.site-footer .footer-brand>p,
.site-footer .footer-consent,
.site-footer .footer-legal p{
  color:#3f444c!important;
}
.site-footer .footer-brand>p{
  max-width:350px!important;
  margin:18px 0 0!important;
  white-space:normal;
  text-align:left;
}
.site-footer .footer-direct-actions{
  display:flex;
  align-items:center;
  gap:2px;
  margin-top:25px;
}
.site-footer .footer-direct-actions .hero-expand-action{
  color:var(--brand-black);
}
.site-footer .footer-links b{
  color:#6b7078!important;
  font-weight:400!important;
}
.site-footer .footer-links a{
  color:var(--brand-black)!important;
  font-weight:300!important;
}
.site-footer .footer-newsletter{
  width:min(100%,362px);
  max-width:362px;
  align-items:center;
  overflow:hidden;
  border:1px solid var(--brand-black)!important;
  border-radius:5px!important;
  background:#fff!important;
}
.site-footer .footer-newsletter input{
  font-size:14px!important;
  font-weight:300!important;
}
.site-footer .footer-newsletter button,
.site-footer .footer-newsletter button:hover{
  flex:0 0 34px;
  width:34px;
  height:34px;
  margin:0;
  border-radius:4px!important;
  background:var(--brand-black)!important;
  color:#fff!important;
}
.site-footer .footer-consent a{
  color:var(--brand-black)!important;
  font-weight:300;
}
.site-footer .footer-legal{
  border-color:rgba(49,95,189,.1)!important;
}
.site-footer .footer-legal p{font-size:13px!important}
@media(max-width:800px){
  .site-footer{padding:64px 20px 26px!important}
  .site-footer .brand-logo{height:27px}
  .site-footer .footer-brand>p{white-space:normal}
}

/* Match the final-contact message dialog to the site's restrained system. */
#contact-message-modal{
  width:min(560px,calc(100% - 32px));
  padding:48px;
  border:1px solid rgba(49,95,189,.14);
  border-radius:5px;
  background:#fff;
  color:var(--brand-black);
  box-shadow:0 24px 70px rgba(11,13,18,.16);
}
#contact-message-modal::backdrop{background:rgba(11,13,18,.42);backdrop-filter:blur(3px)}
#contact-message-modal .close{
  right:15px;
  top:11px;
  color:var(--brand-black);
  font:300 26px/1 Figtree,Arial,sans-serif;
}
#contact-message-modal h2{
  max-width:470px;
  margin:0;
  color:var(--brand-black);
  font-size:clamp(30.1px,2.38vw,37.6px);
  font-weight:500;
  line-height:1.1;
  letter-spacing:-.042em;
}
#contact-message-modal [data-contact-message-content]>p{
  max-width:430px;
  margin:16px 0 22px;
  color:#34383f!important;
  font-size:16px;
  font-weight:300;
  line-height:1.6;
}
#contact-message-form{margin-top:0}
#contact-message-form>label:not(.consent)>span{
  color:var(--brand-black);
  font-size:13px;
  font-weight:300;
}
#contact-message-form>label:not(.consent)>span b{font-weight:400}
#contact-message-form textarea{
  min-height:140px;
  border-color:#bfc4cb;
  border-radius:5px;
  background:#fff;
}
#contact-message-form textarea::placeholder{color:#777d86;font-weight:300}
#contact-message-form .consent{
  align-items:flex-start;
  color:#4b5159!important;
  font-size:10px!important;
  font-weight:300!important;
}
#contact-message-form .consent input{margin-top:2px}
#contact-message-form .pill{
  height:44px;
  padding:0 18px;
  border-radius:5px!important;
  background:var(--brand-black);
  color:#fff;
  font:400 14px/1 Figtree,Arial,sans-serif;
}
#contact-message-form .pill b{margin-left:8px;color:#fff;font-size:13px;font-weight:300}
#contact-message-modal .success>div{background:var(--brand-black)}
#contact-message-modal .success h2{margin:18px auto 0}
#contact-message-modal .success>p:last-child{color:#34383f!important;font-size:15px;font-weight:300}
@media(max-width:560px){
  #contact-message-modal{padding:38px 22px 28px}
  #contact-message-modal h2{font-size:27.6px}
  #contact-message-modal [data-contact-message-content]>p{font-size:15px}
}

/* Give text-based calls to action a touch more horizontal breathing room. */
.nav .header-talk-button,
.hero .hero-talk-button,
.hero .hero-consult-button,
.faq-heading .faq-cta,
.contact-email-start button,
#contact-message-form .pill,
#email-form .pill,
.round-link{
  padding-left:22px!important;
  padding-right:22px!important;
}

/* Turn the FAQ list into a modern accordion panel instead of ruled rows. */
.faq-list{
  padding:0;
  display:grid;
  gap:8px;
  align-content:start;
  border:0;
  border-radius:0;
  background:transparent;
}
.faq-list details,
.faq-list details:last-child{
  overflow:hidden;
  padding:0!important;
  border:1px solid rgba(49,95,189,.1)!important;
  border-radius:5px;
  background:#fff;
  transition:background-color .2s ease;
}
.faq-list details:hover{background:#fbfbfc}
.faq-list summary{
  min-height:66px;
  padding:20px 18px!important;
  align-items:center;
  gap:22px;
}
.faq-list details p{
  max-width:670px;
  margin:0;
  padding:0 56px 22px 18px;
}
@media(max-width:560px){
  .faq-list{padding:0;gap:7px}
  .faq-list summary{min-height:60px;padding:17px 14px!important;gap:14px}
  .faq-list details p{padding:0 42px 18px 14px}
}

/* A restrained header response once the page begins moving. */
.nav{
  background:#fff!important;
  transition:box-shadow .28s ease!important;
}
.nav.is-scrolled{
  box-shadow:0 8px 26px rgba(11,13,18,.055)!important;
}
@media(prefers-reduced-motion:reduce){
  .nav{transition:none!important}
}

/* Gledor colour system: expressive in moments, neutral in structure. */
::selection{background:var(--brand-blue);color:#fff}
body:before{
  border-left-color:rgba(3,63,255,.16);
  border-right-color:rgba(3,63,255,.16);
}
main#top>section:not(:last-of-type),
main#top>.services-grid-layout,
.nav,
.site-footer,
.footer-legal{
  border-color:rgba(3,63,255,.14)!important;
}
.nav.is-scrolled{box-shadow:0 8px 26px rgba(3,63,255,.075)!important}
.nav nav a{transition:color .2s ease}
.nav nav a:hover{color:var(--brand-blue)!important}
.nav .header-talk-button,
.nav .header-talk-button:hover,
.nav .header-talk-button:focus-visible{
  background:var(--brand-blue)!important;
  color:#fff!important;
}
.hero h1 #rotator{color:var(--brand-blue)!important}
.hero-video-frame{
  background:
    linear-gradient(145deg,rgba(3,63,255,.075),rgba(0,215,255,.075) 54%,rgba(114,255,255,.25)),
    #f8fbff;
}
.hero-video-placeholder{color:#616d83}
.hero .hero-calendar-action,
.hero .hero-phone-action,
.hero .hero-email-action{color:var(--brand-blue)}
.hero .hero-side .hero-talk-button{
  border-color:var(--brand-blue)!important;
  background:var(--brand-blue)!important;
  color:#fff!important;
  transition:background-color .2s ease,border-color .2s ease!important;
}
.hero .hero-side .hero-talk-button:hover{
  border-color:var(--brand-blue)!important;
  background:var(--brand-blue)!important;
  color:var(--brand-black)!important;
}
.technology-band p span{color:var(--brand-blue)}
.technology-band,
.hero + .technology-band{border-color:rgba(3,63,255,.14)!important}
.section-kicker{color:var(--brand-blue)!important}
.principles article:nth-child(1) .principle-icon:before{background:var(--brand-blue)}
.principles article:nth-child(2) .principle-icon:before{background:var(--brand-blue)}
.principles article:nth-child(3) .principle-icon:before{background:var(--brand-blue)}
.services-grid-layout>.service-feature,
.services-grid-layout>#websites.service-feature,
.services-grid-layout>#visibility.service-feature,
.services-grid-layout>#advertising.service-feature,
.services-grid-layout>#software.service-feature{
  background:rgba(3,63,255,.018)!important;
  border-color:rgba(3,63,255,.13)!important;
  transition:background-color .32s ease,border-color .32s ease!important;
}
.services-grid-layout>#visibility:hover,
.services-grid-layout>#visibility:focus-within,
.services-grid-layout>#advertising:hover,
.services-grid-layout>#advertising:focus-within,
.services-grid-layout>#software:hover,
.services-grid-layout>#software:focus-within,
.services-grid-layout>#websites:hover,
.services-grid-layout>#websites:focus-within{
  background:rgba(3,63,255,.052)!important;
  border-color:rgba(3,63,255,.2)!important;
}
#visibility .service-technical-label i,
#advertising .service-technical-label i,
#software .service-technical-label i,
#websites .service-technical-label i{background:var(--brand-blue)}
.service-hover-link{color:var(--brand-blue)}
.service-hover-link i{background:var(--brand-blue)}
.agency-trust-grid article{border-color:rgba(3,63,255,.13)}
.agency-trust-grid article:nth-child(1) .agency-identity-mark{color:var(--brand-blue)}
.agency-trust-grid article:nth-child(2) .agency-identity-mark{color:var(--brand-blue)}
.agency-trust-grid article:nth-child(3) .agency-identity-mark{color:var(--brand-cyan)}
.round-link,
.faq-heading .faq-cta,
.faq-heading .faq-cta:hover{
  background:var(--brand-blue)!important;
  color:#fff!important;
}
.round-link:hover,
.faq-heading .faq-cta:hover{background:var(--brand-blue)!important;color:var(--brand-black)!important}
.round-link:hover b,
.faq-heading .faq-cta:hover b{color:var(--brand-black)!important}
.faq-list details,
.faq-list details:last-child{border-color:rgba(3,63,255,.14)!important}
.faq-list details:hover{background:#f7fbff}
.faq-list summary span:before,
.faq-list summary span:after{background:var(--brand-blue)}
.final-contact-inner{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(3,63,255,.15);
  background:
    radial-gradient(circle at 14% 18%,rgba(3,63,255,.32),transparent 31%),
    radial-gradient(circle at 86% 22%,rgba(0,215,255,.3),transparent 30%),
    radial-gradient(circle at 60% 88%,rgba(114,255,255,.34),transparent 34%),
    linear-gradient(135deg,#e7eaff,#e1f3fb);
}
.final-contact-inner:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.4;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.58' numOctaves='5' seed='17' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.82'/%3E%3C/svg%3E");
  background-size:120px 120px;
  mix-blend-mode:multiply;
  filter:contrast(175%);
  animation:final-cta-noise-drift 1.8s steps(8,end) infinite;
  will-change:background-position;
}
@keyframes final-cta-noise-drift{
  0%{background-position:0 0}
  25%{background-position:34px -22px}
  50%{background-position:-28px 41px}
  75%{background-position:47px 19px}
  100%{background-position:0 0}
}
@media(prefers-reduced-motion:reduce){
  .final-contact-inner:before{animation:none}
}
.final-contact-inner:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.7;
  background:linear-gradient(
    112deg,
    transparent 18%,
    rgba(255,255,255,.22) 48%,
    rgba(255,255,255,.08) 61%,
    transparent 82%
  );
}
.contact-email-start{border-color:rgba(3,63,255,.34)}
.contact-email-start:focus-within{border-color:var(--brand-blue)}
.contact-email-start button{
  border-color:var(--brand-blue);
  background:var(--brand-blue);
  transition:background-color .2s ease,border-color .2s ease;
}
.contact-email-start button:hover{border-color:var(--brand-blue);background:var(--brand-blue);color:var(--brand-black)}
.site-footer .footer-direct-actions .hero-calendar-action,
.site-footer .footer-direct-actions .hero-phone-action,
.site-footer .footer-direct-actions .hero-email-action{color:var(--brand-blue)}
.site-footer .footer-links a{transition:color .2s ease}
.site-footer .footer-links a:hover{color:var(--brand-blue)!important}
#contact-message-modal{border-color:rgba(3,63,255,.2)}
#contact-message-form textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(3,63,255,.1)}
#contact-message-form .pill{background:var(--brand-blue)}
#contact-message-form .pill:hover{background:var(--brand-blue);color:var(--brand-black)}
#contact-message-form .pill:hover b{color:var(--brand-black)}
#contact-message-modal .success>div{background:var(--brand-blue)}
#contact-message-modal .success-check{color:#fff}

/* Final colour unification requested for service icons and primary CTAs. */
.services-grid-layout .service-technical-label i{
  width:30px;
  height:30px;
  flex-basis:30px;
}
.nav .header-talk-button,
.nav .header-talk-button:hover,
.nav .header-talk-button:focus-visible,
.hero .hero-side .hero-talk-button,
.hero .hero-side .hero-talk-button:hover,
.faq-heading .faq-cta,
.faq-heading .faq-cta:hover,
.contact-email-start button,
.contact-email-start button:hover,
#contact-message-form .pill,
#contact-message-form .pill:hover,
#email-form .pill,
#email-form .pill:hover,
.round-link,
.round-link:hover{
  border-color:var(--brand-blue)!important;
  background:var(--brand-blue)!important;
  color:var(--brand-black)!important;
}
.nav .header-talk-button b,
.hero .hero-side .hero-talk-button b,
.faq-heading .faq-cta b,
.contact-email-start button b,
#contact-message-form .pill b,
#email-form .pill b,
.round-link b{
  color:var(--brand-black)!important;
}
.services-grid-layout .service-copy>p:not(.section-kicker):not(.ownership){
  color:#242830!important;
}
.nav .header-talk-button,
.nav .header-talk-button:hover,
.nav .header-talk-button:focus-visible,
.hero .hero-side .hero-talk-button,
.hero .hero-side .hero-talk-button:hover,
.faq-heading .faq-cta,
.faq-heading .faq-cta:hover,
.contact-email-start button,
.contact-email-start button:hover,
#contact-message-form .pill,
#contact-message-form .pill:hover,
#email-form .pill,
#email-form .pill:hover,
.round-link,
.round-link:hover{
  color:#fff!important;
}
.nav .header-talk-button b,
.hero .hero-side .hero-talk-button b,
.faq-heading .faq-cta b,
.contact-email-start button b,
#contact-message-form .pill b,
#email-form .pill b,
.round-link b{
  color:#fff!important;
}

/* Consistent CTA motion: colour and arrow direction change without resizing. */
.nav .header-talk-button,
.hero .hero-side .hero-talk-button,
.faq-heading .faq-cta,
.contact-email-start button,
#contact-message-form .pill,
#email-form .pill,
.round-link{
  transition:
    background-color .32s cubic-bezier(.2,.8,.2,1),
    border-color .32s cubic-bezier(.2,.8,.2,1),
    color .32s cubic-bezier(.2,.8,.2,1)!important;
}
.nav .header-talk-button:hover,
.hero .hero-side .hero-talk-button:hover,
.faq-heading .faq-cta:hover,
.contact-email-start button:hover,
#contact-message-form .pill:hover,
#email-form .pill:hover,
.round-link:hover{
  border-color:#022bcf!important;
  background:#022bcf!important;
  color:#fff!important;
}
.nav .header-talk-button b,
.hero .hero-side .hero-talk-button b,
.faq-heading .faq-cta b,
.contact-email-start button b,
.round-link b{
  display:inline-block;
  transform-origin:center;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),color .32s ease!important;
}
.nav .header-talk-button:hover b,
.hero .hero-side .hero-talk-button:hover b,
.faq-heading .faq-cta:hover b,
.contact-email-start button:hover b,
.round-link:hover b{
  color:#fff!important;
  transform:translateX(3px) rotate(45deg);
}
.faq-heading .faq-cta,
.faq-heading .faq-cta:hover{
  box-sizing:border-box!important;
  padding-left:22px!important;
  padding-right:22px!important;
  transform:none!important;
  white-space:nowrap;
}
#contact-message-form .pill b,
#email-form .pill b{
  display:inline-block;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),color .32s ease!important;
}
#contact-message-form .pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
#contact-message-form .pill:hover b,
#email-form .pill:hover b{
  color:#fff!important;
  transform:translateX(3px);
}
@media(prefers-reduced-motion:reduce){
  .nav .header-talk-button,
  .hero .hero-side .hero-talk-button,
  .faq-heading .faq-cta,
  .contact-email-start button,
  #contact-message-form .pill,
  #email-form .pill,
  .round-link,
  .nav .header-talk-button b,
  .hero .hero-side .hero-talk-button b,
  .faq-heading .faq-cta b,
  .contact-email-start button b,
  #contact-message-form .pill b,
  #email-form .pill b,
  .round-link b{
    transition:none!important;
  }
}

/* Use the same vector arrow in every CTA instead of a text glyph. */
.header-talk-button b,
.hero-talk-button b,
.hero-consult-button b,
.round-link b,
.contact-email-start button b,
#contact-message-form .pill b,
#email-form .pill b,
button.pill b{
  width:16px!important;
  height:16px!important;
  margin:0!important;
  display:inline-block!important;
  flex:0 0 16px;
  font-size:0!important;
  line-height:0!important;
  color:inherit!important;
  background:currentColor;
  mask:url('assets/icons/lucide/arrow-up-right.svg') center/contain no-repeat;
  -webkit-mask:url('assets/icons/lucide/arrow-up-right.svg') center/contain no-repeat;
  transform:none!important;
}
.header-talk-button:hover b,
.hero-talk-button:hover b,
.hero-consult-button:hover b,
.round-link:hover b,
.contact-email-start button:hover b,
#contact-message-form .pill:hover b,
#email-form .pill:hover b,
button.pill:hover b{transform:translateX(3px)!important}

/* Match the three principle icons to the grainy service-icon system. */
.principles .principle-icon{
  width:46px!important;
  height:46px!important;
  overflow:hidden;
  border-radius:5px!important;
  background:linear-gradient(145deg,var(--brand-blue),#022bcf)!important;
}
.principles .principle-icon:before{
  z-index:2;
  inset:50% auto auto 50%;
  width:23px;
  height:23px;
  background:#fff!important;
  transform:translate(-50%,-50%);
}
.principles .principle-icon:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:-22%;
  opacity:.72;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 90 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='5' seed='19' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.96'/%3E%3C/svg%3E");
  background-size:76px 76px;
  mix-blend-mode:soft-light;
  filter:contrast(190%);
  animation:principle-icon-grain 2.4s linear infinite alternate;
}
@keyframes principle-icon-grain{
  0%{transform:translate3d(-1.2%,-.8%,0)}
  33%{transform:translate3d(.9%,-.4%,0)}
  66%{transform:translate3d(-.5%,1%,0)}
  100%{transform:translate3d(1.1%,.6%,0)}
}
@media(prefers-reduced-motion:reduce){
  .principles .principle-icon:after{animation:none}
}

/* Keep the promise in black while the changing service phrase carries the blue accent. */
.hero h1 .hero-changing-line{
  display:block;
  min-height:1.12em;
  white-space:nowrap;
  font-style:normal;
}
.hero h1 .hero-better{
  color:var(--brand-black);
  font-style:normal;
}
.hero h1 #rotator{
  display:inline;
  min-height:0;
  margin-top:0!important;
  transition:opacity .42s cubic-bezier(.2,.8,.2,1);
}
@media(prefers-reduced-motion:reduce){
  .hero h1 #rotator{transition:none}
}

/* On larger screens, split the hero cleanly down the middle. */
@media(min-width:761px){
  .hero-video-frame{
    left:50%!important;
    right:4vw!important;
    width:auto!important;
  }
  .hero .hero-copy{
    max-width:calc(50% - 18px)!important;
  }
}

/* Read the four services as one composed card with quiet internal rules. */
.services-grid-layout{
  gap:0!important;
}
.services-grid-layout>.service-feature,
.services-grid-layout>#websites.service-feature,
.services-grid-layout>#visibility.service-feature,
.services-grid-layout>#advertising.service-feature,
.services-grid-layout>#software.service-feature{
  border-color:rgba(3,63,255,.13)!important;
  border-style:solid!important;
  border-width:1px!important;
  border-radius:0!important;
}
.services-grid-layout>#visibility.service-feature{
  border-right-width:0!important;
  border-radius:0 0 0 5px!important;
}
.services-grid-layout>#advertising.service-feature{
  border-right-width:0!important;
  border-bottom-width:0!important;
  border-radius:5px 0 0 0!important;
}
.services-grid-layout>#websites.service-feature{
  border-bottom-width:0!important;
  border-radius:0 5px 0 0!important;
}
.services-grid-layout>#software.service-feature{
  border-radius:0 0 5px 0!important;
}
.services-grid-layout>#visibility:hover,
.services-grid-layout>#visibility:focus-within,
.services-grid-layout>#advertising:hover,
.services-grid-layout>#advertising:focus-within,
.services-grid-layout>#software:hover,
.services-grid-layout>#software:focus-within,
.services-grid-layout>#websites:hover,
.services-grid-layout>#websites:focus-within{
  border-color:rgba(3,63,255,.13)!important;
}
/* A barely-there grain gives the service surface a little texture. */
.services-grid-layout>.service-feature{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.services-grid-layout>.service-feature:after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.028;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' seed='8' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:120px 120px;
}
.services-grid-layout>.service-feature .service-copy{position:relative;z-index:1}
@media(max-width:900px){
  .services-grid-layout>#visibility.service-feature,
  .services-grid-layout>#advertising.service-feature,
  .services-grid-layout>#software.service-feature,
  .services-grid-layout>#websites.service-feature{
    border-width:1px 1px 0!important;
    border-radius:0!important;
  }
  .services-grid-layout>#advertising.service-feature{
    border-radius:5px 5px 0 0!important;
  }
  .services-grid-layout>#software.service-feature{
    border-bottom-width:1px!important;
    border-radius:0 0 5px 5px!important;
  }
}

/* Mobile hero: bring the opening headline closer to the header and lead with the main CTA. */
@media(max-width:760px){
  main#top>section.hero{padding-top:clamp(59px,10vw,74px)!important;padding-bottom:0!important}
  main#top>.services-grid-layout{padding-bottom:0!important}
  .hero .hero-copy{padding-top:7px!important;padding-bottom:22px!important}
  .hero-video-frame{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9;
    width:calc(100% + 16px)!important;
    margin-left:-8px;
    margin-right:-8px;
  }
  .hero h1{font-size:clamp(23px,7.1vw,32px)!important}
  .hero h1{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.18em;row-gap:.16em}
  .hero h1 .hero-fixed-line,
  .hero h1 .hero-changing-line{display:contents;white-space:normal}
  .hero h1 .hero-primary{flex-basis:100%;white-space:nowrap}
  .hero h1 .hero-better{display:block}
  .hero h1 #rotator{display:block;flex-basis:100%}
  .hero h1 #rotator{margin-top:.16em!important}
  .hero .hero-side .hero-cta-row{
    flex-direction:row!important;
    align-items:center!important;
    flex-wrap:wrap!important;
  }
  .hero .hero-side .hero-talk-button{order:-1}
  .hero .hero-side .hero-calendar-action{margin-left:16px}

  /* Match the title-to-card gap with the section's top breathing room. */
  .services-grid-heading{margin-bottom:clamp(64px,10vw,79px)!important}
  .services-grid-layout>.service-feature .service-copy>p:not(.section-kicker):not(.ownership){margin-bottom:0!important}
  .services-grid-layout .service-hover-link{margin-top:30px!important}

  /* Let the combined four-service card meet the mobile page guides. */
  .services-grid-layout>.service-feature,
  .services-grid-layout>#websites.service-feature,
  .services-grid-layout>#visibility.service-feature,
  .services-grid-layout>#advertising.service-feature,
  .services-grid-layout>#software.service-feature{
    width:calc(100% + 16px)!important;
    margin-left:-8px!important;
    margin-right:-8px!important;
    border-radius:0!important;
  }
  .services-grid-layout>#websites.service-feature{border-bottom-width:0!important}
}

/* Keep the editorial headings intentionally compact on phones. */
@media(max-width:760px){
  .agency-words-heading h2{
    max-width:60%!important;
  }
  .agency-trust-grid{
    margin-top:clamp(64px,10vw,79px)!important;
  }
  .faq-heading h2,
  .faq-heading .faq-intro{
    max-width:86.4%!important;
  }
}

/* On phones, let the black promise wrap naturally while keeping the changing phrase on its own line. */
@media(max-width:760px){
  .hero h1{
    display:block!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .hero h1 .hero-fixed-line{
    display:inline!important;
    white-space:normal!important;
  }
  .hero h1 .hero-changing-line{
    display:contents!important;
    white-space:normal!important;
  }
  .hero h1 .hero-primary,
  .hero h1 .hero-better{
    display:inline!important;
    white-space:normal!important;
  }
  .hero h1 #rotator{
    display:inline!important;
    margin-top:0!important;
    white-space:nowrap!important;
  }
}

/* Center the FAQ introduction as one focused editorial block. */
.faq-heading{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.faq-heading h2{
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:clamp(30.1px,2.38vw,37.6px)!important;
  font-weight:500!important;
  line-height:1.12!important;
  letter-spacing:-.048em!important;
  text-align:center;
}
.faq-heading .faq-intro{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center;
}
.faq-heading .faq-cta{align-self:center}

/* Desktop retains the original left-aligned FAQ introduction. */
@media(min-width:901px){
  .faq-heading{
    align-items:flex-start;
    text-align:left;
  }
  .faq-heading h2,
  .faq-heading .faq-intro{
    margin-left:0!important;
    margin-right:0!important;
    text-align:left;
  }
  .faq-heading .faq-cta{align-self:flex-start}
}

@media(max-width:900px){
  .faq-heading{
    width:100%;
    justify-self:stretch;
  }
}
@media(max-width:760px){
  .faq-heading h2,
  .faq-heading .faq-intro{
    width:86.4%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Override the older left-alignment helper that targets the heading as a sibling of the eyebrow. */
@media(max-width:900px){
  .faq-heading>.section-kicker+h2{
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
}

/* Keep the final contact card contained rather than spanning the entire section. */
.final-contact-inner{
  width:min(90%,1240px)!important;
}

/* Match multi-line heading rhythm across the services, FAQ, and final CTA. */
.faq-heading h2,
.final-contact h2{
  line-height:1.12!important;
}

/* A compact, full navigation drawer replaces the header CTA on phones. */
.nav-menu-toggle,
.mobile-menu{display:none}
@media(max-width:760px){
  .nav{
    height:64px!important;
    padding-inline:20px!important;
  }
  .nav .brand-logo{height:24px!important}
  .nav>nav,
  .nav .header-talk-button{display:none!important}
  .nav-menu-toggle{
    width:42px;
    height:42px;
    margin-left:auto;
    padding:0;
    display:grid;
    place-content:center;
    gap:6px;
    border:1px solid var(--brand-blue);
    border-radius:5px;
    background:var(--brand-blue);
    color:#fff;
    cursor:pointer;
    transition:background-color .28s ease,border-color .28s ease;
  }
  .nav-menu-toggle span{
    display:block;
    width:17px;
    height:1.5px;
    background:currentColor;
    transform-origin:center;
    transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease;
  }
  .nav-menu-toggle[aria-expanded="true"]{background:var(--brand-black);border-color:var(--brand-black)}
  .nav-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .nav-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .mobile-menu{
    display:block;
    position:fixed;
    z-index:999;
    top:64px;
    left:0;
    right:0;
    min-height:calc(100dvh - 64px);
    padding:34px 20px 28px;
    background:rgba(255,255,255,.98);
    border-bottom:1px solid rgba(3,63,255,.14);
    opacity:0;
    pointer-events:none;
    transform:translateY(-14px);
    transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1);
  }
  .mobile-menu[aria-hidden="false"]{opacity:1;pointer-events:auto;transform:none}
  .mobile-menu nav{display:grid;gap:0;border-top:1px solid rgba(3,63,255,.14)}
  .mobile-menu nav a{
    display:block!important;
    padding:11px 0;
    color:var(--brand-black);
    border-bottom:1px solid rgba(3,63,255,.14);
    text-decoration:none;
    font:500 clamp(15px,4.2vw,18px)/1 Figtree,Arial,sans-serif;
    letter-spacing:-.045em;
    transform:translateY(10px);
    opacity:0;
    transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1),color .2s ease;
  }
  .mobile-menu[aria-hidden="false"] nav a{opacity:1;transform:none}
  .mobile-menu[aria-hidden="false"] nav a:nth-child(1){transition-delay:.05s}
  .mobile-menu[aria-hidden="false"] nav a:nth-child(2){transition-delay:.09s}
  .mobile-menu[aria-hidden="false"] nav a:nth-child(3){transition-delay:.13s}
  .mobile-menu[aria-hidden="false"] nav a:nth-child(4){transition-delay:.17s}
  .mobile-menu[aria-hidden="false"] nav a:nth-child(5){transition-delay:.21s}
  .mobile-menu nav a:active{color:var(--brand-blue)}
  .mobile-menu-talk{
    width:100%;
    min-height:50px;
    margin-top:28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 19px;
    border-radius:5px;
    background:var(--brand-blue);
    color:#fff;
    text-decoration:none;
    font:400 16px/1 Figtree,Arial,sans-serif;
    opacity:0;
    transform:translateY(10px);
    transition:opacity .28s .2s ease,transform .34s .2s cubic-bezier(.2,.8,.2,1);
  }
  .mobile-menu[aria-hidden="false"] .mobile-menu-talk{opacity:1;transform:none}
  .mobile-menu-talk b{font-size:0;width:16px;height:16px;background:currentColor;mask:url('assets/icons/lucide/arrow-up-right.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/lucide/arrow-up-right.svg') center/contain no-repeat}
  body.mobile-menu-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){
  .nav-menu-toggle,.nav-menu-toggle span,.mobile-menu,.mobile-menu nav a,.mobile-menu-talk{transition:none!important}
}

@media(max-width:760px){
  .agency-words-heading h2{max-width:86.4%!important}
  .faq-section{row-gap:50px!important}
}

/* Keep the FAQ's opening space on the same mobile rhythm as the preceding sections. */
@media(max-width:760px){
  .faq-section{padding-top:clamp(64px,10vw,79px)!important}
}

/* Mobile type and final CTA alignment. */
@media(max-width:760px){
  .hero h1{line-height:calc(1.15em + 5px)!important}
  .faq-heading h2,
  .final-contact h2{line-height:calc(1.08em + 5px)!important}
  .final-contact h2{max-width:72%!important}
  .final-contact-inner{width:100%!important}
  /* iOS zooms focused form fields below 16px; keep these contact fields stable. */
  .contact-email-start input,
  #contact-message-form textarea{font-size:16px!important}
  .hero .hero-side .lede{
    width:min(88%,376px)!important;
    max-width:376px!important;
  }
  .faq-heading .faq-cta b,
  .faq-heading .faq-cta:hover b{
    color:#fff!important;
    background:#fff!important;
  }
}

/* Keep the final CTA card on a single, equal inset from every section guide. */
@media(min-width:761px){
  #contact.final-contact{
    padding:5px calc(4vw + 5px)!important;
  }
  #contact.final-contact .final-contact-inner{
    width:100%!important;
    max-width:none!important;
  }
}

/* Keep the footer identity and contact shortcuts together on one mobile row. */
@media(max-width:760px){
  .site-footer .footer-brand{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
  }
  .site-footer .footer-brand>.brand{flex:0 0 auto}
  .site-footer .footer-brand>.brand{order:1}
  .site-footer .footer-direct-actions{
    order:2;
    margin:0 0 0 18px!important;
    padding-left:18px;
    display:flex;
    align-items:center;
    gap:10px;
    border-left:1px solid rgba(3,63,255,.18);
  }
  .site-footer .footer-direct-actions .hero-expand-action{
    width:25px!important;
    height:28px!important;
    padding:0!important;
    display:grid!important;
    place-items:center;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .site-footer .footer-direct-actions .hero-expand-action>span{display:none!important}
  .site-footer .footer-direct-actions .hero-expand-action>i{
    width:18px!important;
    height:18px!important;
  }
  .site-footer .footer-brand>p{
    order:3;
    flex-basis:100%;
    margin-top:18px!important;
  }
}

/* Keep the same logo-and-contact row on desktop as on mobile. */
@media(min-width:761px){
  .site-footer .footer-brand{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
  }
  .site-footer .footer-brand>.brand{order:1;flex:0 0 auto}
  .site-footer .footer-direct-actions{
    order:2;
    margin:0 0 0 18px!important;
    padding-left:18px;
    display:flex;
    align-items:center;
    gap:10px;
    border-left:1px solid rgba(3,63,255,.18);
  }
  .site-footer .footer-direct-actions .hero-expand-action{
    width:25px!important;
    height:28px!important;
    padding:0!important;
    display:grid!important;
    place-items:center;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .site-footer .footer-direct-actions .hero-expand-action>span{display:none!important}
  .site-footer .footer-direct-actions .hero-expand-action>i{width:21px!important;height:21px!important}
  .site-footer .footer-brand>p{order:3;flex-basis:100%;margin-top:18px!important}
}

/* Small, editorial social marks keep the footer useful without adding visual noise. */
.site-footer .footer-socials{
  display:flex;
  width:100%;
  align-items:center;
  gap:9px;
  margin:24px 0 0;
}
.site-footer .footer-socials a{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(3,63,255,.18);
  border-radius:5px;
  color:var(--brand-blue);
  text-decoration:none;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease;
}
.site-footer .footer-socials a:hover{
  border-color:var(--brand-blue);
  background:var(--brand-blue);
  color:#fff;
}
.site-footer .footer-socials svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-footer .footer-socials svg path{fill:currentColor;stroke:none}
.site-footer .footer-socials .social-fill{fill:currentColor;stroke:none}
.site-footer .footer-brand>p{
  order:3!important;
  width:100%!important;
  flex:0 0 100%!important;
  display:block!important;
}

/* Give the hero paragraph a slightly tighter, more deliberate reading measure. */
.hero .hero-side .lede{
  width:min(100%,447px)!important;
  max-width:447px!important;
}

/* The founders section is a quiet assurance layer between the work and client voices. */
.founders-section{
  background:#fff!important;
  border-bottom:1px solid rgba(3,63,255,.13);
  text-align:center;
}
.founders-section h2{
  max-width:820px;
  margin:0 auto;
  color:var(--brand-black);
  font-size:clamp(30.1px,2.38vw,37.6px);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.048em;
}
.founders-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(64px,10vw,220px);
  max-width:1100px;
  margin:clamp(48px,6vw,76px) auto 0;
}
.founders-grid:after{
  content:"";
  position:absolute;
  top:8%;
  bottom:8%;
  left:50%;
  width:1px;
  background:rgba(3,63,255,.16);
}
.founder-card{display:flex;flex-direction:column;align-items:center}
.founder-portrait{
  width:144px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:linear-gradient(145deg,#e8eeff,#cddcff);
  color:var(--brand-blue);
}
.founder-portrait img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.26)}
.founder-portrait-ouassim img{object-position:50% 22%}
.founder-portrait-julia img{object-position:50% 45%}
.founder-card>strong{margin-top:30px;color:var(--brand-black);font-size:17px;font-weight:600;letter-spacing:-.025em}
.founder-title{margin-top:4px;color:#747b86;font-size:14px;font-weight:300}
.founder-card blockquote{
  max-width:430px;
  margin:22px 0 0;
  color:#34383f;
  font-size:16px;
  font-weight:300;
  font-style:normal;
  line-height:1.6;
}
@media(max-width:560px){
  .founders-section h2{max-width:84%;font-size:27.6px}
  .founders-grid{grid-template-columns:1fr;gap:50px;margin-top:52px}
  .founders-grid:after{display:none}
  .founder-portrait{width:132px}
}

/* Footer identity uses a fixed two-row structure at every viewport. */
.site-footer .footer-brand{display:block!important}
.site-footer .footer-brand-top{display:flex;align-items:center}
.site-footer .footer-brand-top>.brand{flex:0 0 auto}
.site-footer .footer-brand-top .footer-direct-actions{
  margin:0 0 0 18px!important;
  padding-left:18px;
  display:flex;
  align-items:center;
  gap:10px;
  border-left:1px solid rgba(3,63,255,.18);
}
.site-footer .footer-brand>p{
  width:100%!important;
  margin-top:18px!important;
}
@media(max-width:760px){
  .site-footer .footer-socials{
    margin-left:0;
  }
}

/* Reassert a single, predictable footer grid after the identity layout refinements. */
@media(min-width:561px){
  .site-footer{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:clamp(56px,12vw,200px)!important;
    row-gap:56px!important;
  }
  .site-footer>.footer-brand{grid-column:1!important;grid-row:1!important}
  .site-footer>.footer-links{grid-column:2!important;grid-row:1!important;align-self:start}
  .site-footer>.footer-legal{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
    display:flex!important;
    justify-content:space-between!important;
  }
}

/* Compact, branded language control. */
.language-switcher{
  display:inline-flex!important;
  align-items:center;
  gap:2px!important;
  margin-left:auto;
  padding:3px;
  border:1px solid rgba(3,63,255,.24);
  border-radius:5px;
  background:#fff;
  font:600 10px/1 Figtree,Arial,sans-serif!important;
}
.language-switcher a{
  padding:7px 8px;
  border-radius:3px;
  color:var(--brand-black);
  letter-spacing:.04em;
  text-decoration:none;
  transition:background-color .2s ease,color .2s ease;
}
.language-switcher a[aria-current="page"]{background:var(--brand-blue);color:#fff;font-weight:600}
.language-switcher a:hover{background:rgba(3,63,255,.1);color:var(--brand-blue)}
.language-switcher a[aria-current="page"]:hover{background:var(--brand-blue);color:#fff}
@media(max-width:760px){.language-switcher{margin-right:12px;font-size:11px!important}}

/* Keep the two footer navigation groups side-by-side at every viewport. */
.site-footer .footer-links{
  display:flex!important;
  align-items:flex-start!important;
  gap:clamp(22px,5vw,56px)!important;
}
.site-footer .footer-links>div{
  flex:1 1 0!important;
  min-width:0;
}
.site-footer .footer-links>div:last-child{
  flex-basis:42%!important;
}
.site-footer .footer-links{
  align-items:start!important;
}

.language-switcher{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:#9299a6;font:500 12px/1 Figtree,Arial,sans-serif}
.language-switcher a,.mobile-language-switcher a{color:var(--brand-black);text-decoration:none;transition:color .2s ease}
.language-switcher a[aria-current="page"],.mobile-language-switcher a[aria-current="page"]{color:var(--brand-blue);font-weight:600}
.language-switcher a:hover,.mobile-language-switcher a:hover{color:var(--brand-blue)}
.mobile-language-switcher{display:flex;gap:16px;margin:18px 0 0;font:500 14px/1 Figtree,Arial,sans-serif}
@media(min-width:761px){.mobile-language-switcher{display:none}}
@media(max-width:760px){.language-switcher{margin-left:auto;margin-right:12px;font-size:11px}.mobile-language-switcher{display:flex}}

@media(max-width:560px){
  .technology-band .technology-team-copy{
    width:calc(100% - 32px)!important;
  }
  .services-grid-heading{
    width:calc(100% - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero h1{
    font-size:clamp(26.5px,8.2vw,36.8px)!important;
  }
  main#top>section:not(.hero){
    padding-top:80px!important;
    padding-bottom:80px!important;
  }
  main#top>.services-grid-layout{
    padding-top:80px!important;
  }
}

@media(min-width:561px){
  .technology-band .technology-team-copy{
    width:min(672px,72%)!important;
  }
}

.founder-card blockquote{max-width:380px!important}

@media(max-width:560px){
  .services-grid-layout>.service-feature,
  .services-grid-layout>#websites.service-feature,
  .services-grid-layout>#visibility.service-feature,
  .services-grid-layout>#advertising.service-feature,
  .services-grid-layout>#software.service-feature{
    padding:48px 39px 42px!important;
  }
  .hero h1{font-size:clamp(23px,7.1vw,32px)!important}
  #contact.final-contact{padding:17px!important}
}
@media(max-width:560px){
  .site-footer{display:grid!important;grid-template-columns:1fr!important;row-gap:42px!important}
  .site-footer>.footer-brand,.site-footer>.footer-links,.site-footer>.footer-legal{grid-column:1!important;grid-row:auto!important;width:100%!important}
}

/* Keep the content columns and legal row as separate layout layers. */
.site-footer{display:block!important}
.site-footer .footer-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);
  column-gap:clamp(56px,12vw,200px);
  align-items:start;
}
.site-footer .footer-main>.footer-brand,
.site-footer .footer-main>.footer-links{min-width:0}
.site-footer>.footer-legal{
  width:100%!important;
  margin:56px 0 0!important;
  padding-top:25px;
  display:flex!important;
  justify-content:space-between!important;
}
@media(max-width:560px){
  .site-footer .footer-main{grid-template-columns:1fr;row-gap:42px}
  .site-footer>.footer-legal{margin-top:42px!important;display:block!important}
  .site-footer>.footer-legal p + p{margin-top:12px}
}

/* Give the section titles more room before their content begins. */
.services-grid-heading{margin-bottom:84px!important}
.founders-grid{margin-top:92px!important}
@media(max-width:560px){
  .services-grid-heading{margin-bottom:94px!important}
  .founders-grid{margin-top:68px!important}
}

@media(max-width:560px){
  .site-footer{padding-left:28px!important;padding-right:28px!important}
}

/* Keep the desktop footer in one horizontal grid. */
@media(min-width:561px){
  .site-footer .footer-main{
    display:grid!important;
    grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr)!important;
    align-items:start!important;
  }
  .site-footer .footer-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start;
  }
}

/* Final language-control state: the active option reads as a small brand tab. */
.language-switcher a[aria-current="page"]{background:var(--brand-blue)!important;color:#fff!important;font-weight:600}
.language-switcher a[aria-current="page"]:hover{background:var(--brand-blue)!important;color:#fff!important}