:root {
  --ink: #071426;
  --ink-soft: #13243a;
  --paper: #f6f7f4;
  --white: #fff;
  --blue: #2254f4;
  --blue-deep: #1239bd;
  --cyan: #54d8e8;
  --lime: #c9f36a;
  --line: rgba(7,20,38,.13);
  --muted: #667386;
  --radius: 22px;
  --shell: min(1180px, calc(100% - 48px));
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "Manrope", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
.shell { width: var(--shell); margin-inline: auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:8px; left:8px; z-index:99; transform:translateY(-160%); background:#fff; padding:12px 16px; border-radius:8px; }
.skip-link:focus { transform:none; }

.site-header { position:fixed; inset:0 0 auto; z-index:20; color:#fff; border-bottom:1px solid rgba(255,255,255,.12); background:rgba(7,20,38,.88); box-shadow:0 10px 35px rgba(3,12,24,.12); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.nav-wrap { height:92px; display:flex; align-items:center; gap:24px; }
.brand { display:flex; align-items:center; gap:13px; min-width:max-content; }
.brand-mark { display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(255,255,255,.34); border-radius:14px; font-weight:800; letter-spacing:-2px; color:var(--lime); }
.brand-logo { display:grid; place-items:center; width:58px; height:58px; padding:4px; overflow:hidden; border:1px solid rgba(255,255,255,.22); border-radius:15px; background:#fff; }
.brand-logo img { display:block; width:100%; height:100%; object-fit:contain; }
.brand-copy { display:flex; flex-direction:column; line-height:1.2; }
.brand-copy strong { font-size:15px; letter-spacing:.01em; }
.brand-copy small { margin-top:4px; color:rgba(255,255,255,.58); font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.main-nav { display:flex; gap:22px; align-items:center; margin-left:auto; font-size:12px; font-weight:600; color:rgba(255,255,255,.76); }
.main-nav a { transition:.2s ease; }
.main-nav a:hover { color:#fff; }
.nav-toggle { display:none; }
.header-actions { display:flex; align-items:stretch; gap:6px; }
.header-action { position:relative; min-width:82px; height:46px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:0 12px; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:11px; background:rgba(255,255,255,.08); color:#fff; text-align:center; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.header-action.remote-action { min-width:150px; background:#fff; color:var(--ink); border-color:#fff; }
.header-action span { font-size:10px; font-weight:800; letter-spacing:.035em; text-transform:uppercase; transform:translateY(0); transition:transform .22s ease; }
.header-action small { position:absolute; bottom:7px; opacity:0; font-size:8px; font-weight:700; letter-spacing:.025em; white-space:nowrap; transform:translateY(8px); transition:opacity .22s ease,transform .22s ease; }
.header-action:hover { transform:translateY(-1px); border-color:rgba(255,255,255,.45); background:rgba(255,255,255,.15); }
.header-action.remote-action:hover { background:var(--lime); border-color:var(--lime); }
.header-action:hover span { transform:translateY(-7px); }
.header-action:hover small { opacity:.68; transform:translateY(0); }
.mobile-actions { display:none; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:56px; padding:0 24px; border-radius:12px; font-size:13px; font-weight:800; transition:transform .2s ease, background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-small { min-height:44px; padding:0 18px; }
.button-light { background:#fff; color:var(--ink); }
.button-primary { background:var(--lime); color:var(--ink); }
.button-white { background:#fff; color:var(--ink); }
.text-link { display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:700; }
.text-link span { font-size:18px; }

.hero { position:relative; min-height:820px; overflow:hidden; background:var(--ink); color:#fff; }
.hero::after { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,black,transparent 80%); }
.hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:1.08fr .92fr; gap:70px; align-items:center; padding-top:180px; padding-bottom:112px; }
.hero-copy { max-width:690px; }
.eyebrow { display:flex; align-items:center; gap:11px; margin:0 0 24px; color:var(--cyan); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.eyebrow span { width:28px; height:1px; background:currentColor; }
.eyebrow.dark { color:var(--blue); }
.eyebrow.light { color:var(--lime); }
h1,h2 { margin:0; font-family:"Newsreader", serif; font-weight:500; letter-spacing:-.045em; line-height:.96; }
h1 { max-width:750px; font-size:clamp(58px,6.3vw,92px); }
h1 em { color:var(--lime); font-style:italic; }
.hero-lead { max-width:620px; margin:30px 0 34px; color:#b7c1cf; font-size:17px; line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:28px; }
.trust-row { display:flex; gap:32px; margin-top:64px; }
.trust-row div { display:flex; flex-direction:column; padding-left:17px; border-left:1px solid rgba(255,255,255,.18); }
.trust-row strong { font-size:19px; }
.trust-row span { margin-top:5px; color:#8593a6; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.hero-visual { position:relative; min-height:480px; display:grid; place-items:center; }
.signal-card { position:relative; z-index:3; width:min(380px,90%); padding:24px; border:1px solid rgba(255,255,255,.16); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.05)); box-shadow:0 35px 80px rgba(0,0,0,.35); backdrop-filter:blur(18px); transform:rotate(-2deg); }
.signal-top { color:#aab6c6; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.09em; }
.status-dot { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 5px rgba(201,243,106,.1); }
.signal-chart { height:195px; display:flex; align-items:flex-end; gap:8px; padding:28px 0 20px; }
.signal-chart span { flex:1; border-radius:6px 6px 2px 2px; background:linear-gradient(to top,var(--blue),var(--cyan)); opacity:.88; }
.signal-bottom { display:flex; align-items:end; justify-content:space-between; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); }
.signal-bottom strong { color:#8e9bae; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.signal-bottom b { font-size:28px; color:#fff; }
.floating-card { position:absolute; z-index:4; display:flex; align-items:center; gap:12px; min-width:185px; padding:14px; border-radius:15px; background:#fff; color:var(--ink); box-shadow:0 18px 45px rgba(0,0,0,.3); }
.floating-card strong,.floating-card small { display:block; }
.floating-card strong { font-size:12px; }
.floating-card small { margin-top:3px; color:var(--muted); font-size:10px; }
.icon-bubble { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:#edf1ff; color:var(--blue); font-weight:800; }
.card-security { top:60px; right:-15px; }
.card-response { bottom:50px; left:-22px; }
.orbit { position:absolute; border:1px solid rgba(84,216,232,.2); border-radius:50%; }
.orbit-one { width:480px; height:480px; }
.orbit-two { width:590px; height:590px; }
.hero-glow { position:absolute; border-radius:50%; filter:blur(100px); opacity:.22; }
.hero-glow-one { width:440px; height:440px; right:4%; top:16%; background:var(--blue); }
.hero-glow-two { width:260px; height:260px; left:16%; bottom:-8%; background:var(--cyan); }

.service-strip { background:var(--lime); overflow:hidden; }
.marquee { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:22px; white-space:nowrap; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.marquee i { width:5px; height:5px; border-radius:50%; background:var(--ink); opacity:.45; }
.section { padding:130px 0; }
.section-heading { display:grid; grid-template-columns:1.15fr .6fr; gap:100px; align-items:end; margin-bottom:64px; }
h2 { font-size:clamp(45px,5vw,70px); }
.section-heading p:last-child { margin:0; color:var(--muted); font-size:14px; line-height:1.8; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.service-card { position:relative; min-height:350px; padding:32px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:transparent; transition:.3s ease; }
.service-card:hover { background:#fff; transform:translateY(-5px); box-shadow:0 20px 55px rgba(18,36,58,.08); }
.service-card.featured { background:var(--blue); color:#fff; }
.service-card.featured p { color:#cbd6ff; }
.service-number { position:absolute; top:30px; right:30px; color:#a0a9b4; font-size:10px; }
.service-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:76px; border:1px solid currentColor; border-radius:50%; color:var(--blue); font-size:22px; }
.featured .service-icon { color:var(--lime); }
.service-card h3 { margin:0 0 16px; font-size:20px; }
.service-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.75; }
.service-card a { position:absolute; left:32px; bottom:30px; font-size:12px; font-weight:800; }
.service-card a span { margin-left:6px; }
.cta-card { display:flex; flex-direction:column; justify-content:center; background:var(--ink); color:#fff; }
.cta-card p { color:var(--cyan); text-transform:uppercase; letter-spacing:.1em; font-size:10px; font-weight:800; }
.cta-card h3 { max-width:230px; font-family:"Newsreader"; font-size:34px; font-weight:500; line-height:1; }
.cta-card .round-link { left:auto; right:30px; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--lime); color:var(--ink); font-size:20px; }

.remote { overflow:hidden; background:var(--blue); color:#fff; }
.remote-grid { display:grid; grid-template-columns:1fr .85fr; gap:100px; align-items:center; }
.remote-panel { position:relative; }
.remote-screen { padding:16px; border:1px solid rgba(255,255,255,.2); border-radius:24px; background:rgba(5,20,57,.55); box-shadow:0 40px 80px rgba(4,15,45,.35); }
.screen-bar { display:flex; align-items:center; gap:7px; height:30px; color:#9cb0e5; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.screen-bar i { width:6px; height:6px; border-radius:50%; background:#6c7ca7; }
.screen-bar span { margin-left:auto; }
.screen-center { min-height:330px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:12px; background:radial-gradient(circle at 50% 35%,rgba(84,216,232,.2),transparent 45%),#071a50; }
.pulse-logo { position:relative; display:grid; place-items:center; width:92px; height:92px; margin-bottom:25px; border-radius:50%; background:var(--lime); color:var(--ink); font-weight:800; font-size:25px; letter-spacing:-2px; }
.pulse-logo::after { content:""; position:absolute; inset:-14px; border:1px solid rgba(201,243,106,.35); border-radius:50%; }
.screen-center span { color:#88a0de; font-size:10px; text-transform:uppercase; letter-spacing:.14em; }
.screen-center strong { margin-top:8px; font-size:19px; }
.secure-badge { position:absolute; right:-25px; bottom:30px; padding:13px 18px; border-radius:10px; background:#fff; color:var(--ink); font-size:10px; font-weight:800; box-shadow:0 15px 40px rgba(0,0,0,.18); }
.remote-copy p:not(.eyebrow) { max-width:520px; margin:28px 0; color:#ccdafd; font-size:15px; line-height:1.8; }
.check-list { display:grid; gap:14px; margin:0 0 34px; padding:0; list-style:none; font-size:13px; font-weight:600; }
.check-list span { display:inline-grid; place-items:center; width:22px; height:22px; margin-right:10px; border-radius:50%; background:var(--lime); color:var(--ink); font-size:11px; }

.method-intro { display:grid; grid-template-columns:.65fr 1.35fr; margin-bottom:80px; }
.method-intro h2 { max-width:700px; }
.steps { border-top:1px solid var(--line); }
.step { display:grid; grid-template-columns:100px 1fr; align-items:start; padding:38px 0; border-bottom:1px solid var(--line); }
.step > span { color:var(--blue); font-size:11px; font-weight:800; }
.step div { display:grid; grid-template-columns:.55fr 1fr; gap:70px; }
.step h3 { margin:0; font-size:21px; }
.step p { max-width:500px; margin:0; color:var(--muted); font-size:13px; line-height:1.7; }

.expertise { background:#fff; }
.expertise-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.detail-card { position:relative; min-height:390px; padding:38px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.detail-card > span { position:absolute; top:38px; right:38px; color:var(--blue); font-size:10px; font-weight:800; }
.detail-card h3 { max-width:420px; margin:55px 0 18px; font-family:"Newsreader"; font-size:34px; font-weight:500; line-height:1.05; }
.detail-card p { max-width:570px; margin:0 0 24px; color:var(--muted); font-size:13px; line-height:1.75; }
.detail-card ul { display:grid; gap:10px; margin:0; padding:0; list-style:none; font-size:12px; font-weight:650; }
.detail-card li { position:relative; padding-left:18px; }
.detail-card li::before { content:""; position:absolute; left:0; top:.55em; width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 3px rgba(201,243,106,.22); }

.contracts { background:var(--ink); color:#fff; }
.contracts-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:100px; align-items:start; }
.contracts-intro { position:sticky; top:135px; }
.contracts-intro h2 { max-width:520px; }
.contracts-intro > p:not(.eyebrow) { margin:28px 0 34px; color:#aeb9c8; font-size:14px; line-height:1.8; }
.contract-flow { border-top:1px solid rgba(255,255,255,.14); }
.contract-flow article { display:grid; grid-template-columns:55px 1fr; gap:22px; padding:34px 0; border-bottom:1px solid rgba(255,255,255,.14); }
.contract-flow article > span { color:var(--lime); font-size:10px; font-weight:800; }
.contract-flow h3 { margin:0 0 12px; font-size:19px; }
.contract-flow p { margin:0; color:#9eabba; font-size:13px; line-height:1.75; }

.pricing { background:#eef1f5; }
.price-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.price-card { min-height:350px; display:flex; flex-direction:column; padding:34px; border:1px solid var(--line); border-radius:20px; background:#fff; }
.price-card small { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.price-card strong { margin:44px 0 24px; font-family:"Newsreader"; font-size:74px; font-weight:500; line-height:.8; letter-spacing:-.05em; }
.price-card sup { margin-left:5px; font-family:"Manrope"; font-size:22px; }
.price-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.price-card a { margin-top:auto; padding-top:26px; color:var(--blue); font-size:12px; font-weight:800; }
.price-card a span { margin-left:7px; }

.location { padding-top:110px; background:#fff; }
.location-heading { margin-bottom:55px; }
.location-grid { display:grid; grid-template-columns:1.45fr .55fr; min-height:520px; border-radius:26px; overflow:hidden; background:var(--ink); box-shadow:0 30px 80px rgba(7,20,38,.12); }
.map-wrap { min-height:520px; background:#dfe5e7; }
.map-wrap iframe { display:block; width:100%; height:100%; min-height:520px; border:0; filter:saturate(.75) contrast(1.04); }
.location-card { display:flex; flex-direction:column; justify-content:center; padding:48px; color:#fff; }
.location-index { margin-bottom:48px; color:var(--cyan); font-size:9px; font-weight:800; letter-spacing:.12em; }
.location-card h3 { margin:0 0 18px; font-family:"Newsreader"; font-size:34px; font-weight:500; line-height:1.05; }
.location-card > p { margin:0; color:#b6c0cd; font-size:13px; line-height:1.75; }
.location-hours { display:grid; grid-template-columns:1fr auto; gap:7px 20px; margin:38px 0 34px; padding:24px 0; border-top:1px solid rgba(255,255,255,.13); border-bottom:1px solid rgba(255,255,255,.13); }
.location-hours small { grid-column:1/-1; color:var(--cyan); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.location-hours strong { font-size:11px; }
.location-hours span { color:#aeb9c8; font-size:10px; line-height:1.5; text-align:right; }
.location-button { align-self:flex-start; }

.contact { padding-top:30px; }
.contact-card { display:grid; grid-template-columns:1.2fr .6fr; gap:110px; padding:75px; border-radius:28px; background:var(--ink); color:#fff; }
.contact-copy h2 { max-width:700px; }
.contact-copy > p:not(.eyebrow) { max-width:600px; margin:28px 0 34px; color:#aeb9c8; line-height:1.75; font-size:14px; }
.contact-actions { display:flex; align-items:center; gap:25px; }
.light-link { color:#fff; }
.contact-info { display:flex; flex-direction:column; justify-content:center; }
.contact-info div { padding:22px 0; border-bottom:1px solid rgba(255,255,255,.13); }
.contact-info div:last-child { border:0; }
.contact-info small { display:block; margin-bottom:8px; color:var(--cyan); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.contact-info a { font-family:"Newsreader"; font-size:25px; }
.contact-info p { margin:0; color:#c2cad5; font-size:12px; line-height:1.65; }

.site-footer { padding:56px 0; background:#030c18; color:#fff; }
.footer-grid { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:70px; }
.footer-logo { width:52px; height:52px; border-radius:13px; }
.footer-links { display:flex; gap:24px; color:#9ca8b8; font-size:11px; font-weight:700; }
.footer-legal { margin:0; color:#667386; font-size:9px; line-height:1.7; text-align:right; white-space:nowrap; }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease,transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }
.delay-one { transition-delay:.1s; }
.delay-two { transition-delay:.2s; }

@media (max-width: 980px) {
  :root { --shell:min(100% - 36px,760px); }
  .header-actions { display:none; }
  .nav-toggle { display:flex; width:44px; height:44px; margin-left:auto; flex-direction:column; justify-content:center; gap:7px; border:0; background:transparent; }
  .nav-toggle span:not(.sr-only) { width:22px; height:1px; margin-left:auto; background:#fff; }
  .main-nav { display:none; position:absolute; top:92px; left:18px; right:18px; margin:0; padding:24px; flex-direction:column; align-items:flex-start; border-radius:16px; background:#fff; color:var(--ink); box-shadow:0 20px 50px rgba(0,0,0,.25); }
  .main-nav.open { display:flex; }
  .mobile-actions { width:100%; display:grid; grid-template-columns:1fr; gap:8px; margin-top:8px; padding-top:16px; border-top:1px solid var(--line); }
  .mobile-actions a { display:flex; align-items:center; justify-content:space-between; padding:13px 14px; border-radius:10px; background:#eef1f5; color:var(--ink); font-size:11px; font-weight:800; text-transform:uppercase; }
  .mobile-actions a:first-child { background:var(--lime); }
  .mobile-actions small { font-size:9px; font-weight:600; text-transform:none; opacity:.58; }
  .hero-grid,.remote-grid { grid-template-columns:1fr; }
  .hero-grid { padding-top:155px; }
  .hero-visual { min-height:420px; }
  .section-heading { grid-template-columns:1fr; gap:28px; }
  .service-grid { grid-template-columns:repeat(2,1fr); }
  .remote-grid { gap:65px; }
  .location-grid { grid-template-columns:1fr; }
  .location-card { padding:48px; }
  .method-intro { grid-template-columns:1fr; gap:20px; }
  .contracts-grid { grid-template-columns:1fr; gap:65px; }
  .contracts-intro { position:static; }
  .price-grid { grid-template-columns:1fr; }
  .contact-card { grid-template-columns:1fr; gap:50px; padding:55px; }
  .footer-grid { grid-template-columns:1fr auto; }
  .footer-legal { grid-column:1/-1; text-align:left; white-space:normal; }
}
@media (max-width: 640px) {
  :root { --shell:calc(100% - 28px); }
  .nav-wrap { height:78px; }
  .brand-copy small { display:none; }
  .brand-mark { width:42px; height:42px; }
  .brand-logo { width:48px; height:48px; }
  .main-nav { top:78px; }
  .hero { min-height:auto; }
  .hero-grid { gap:40px; padding-top:130px; padding-bottom:75px; }
  h1 { font-size:52px; }
  .hero-lead { font-size:15px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:20px; }
  .trust-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:45px; }
  .trust-row div { padding-left:9px; }
  .trust-row strong { font-size:14px; }
  .trust-row span { font-size:8px; }
  .hero-visual { min-height:330px; }
  .signal-card { width:88%; }
  .signal-chart { height:145px; }
  .floating-card { min-width:150px; }
  .card-security { top:10px; right:0; }
  .card-response { left:0; bottom:5px; }
  .orbit-one { width:340px; height:340px; }
  .orbit-two { display:none; }
  .service-strip { overflow-x:hidden; }
  .marquee { width:max-content; gap:18px; animation:scroll 18s linear infinite; }
  .section { padding:90px 0; }
  h2 { font-size:44px; }
  .service-grid { grid-template-columns:1fr; }
  .service-card { min-height:300px; }
  .expertise-grid { grid-template-columns:1fr; }
  .detail-card { min-height:auto; padding:30px 24px 36px; }
  .detail-card h3 { margin-top:45px; font-size:30px; }
  .service-icon { margin-bottom:54px; }
  .remote-grid { gap:55px; }
  .screen-center { min-height:245px; }
  .secure-badge { right:8px; bottom:15px; }
  .step { grid-template-columns:44px 1fr; }
  .step div { grid-template-columns:1fr; gap:10px; }
  .contact { padding-top:0; }
  .location { padding-top:85px; }
  .location-grid { width:100%; border-radius:18px; }
  .map-wrap,.map-wrap iframe { min-height:360px; }
  .location-card { padding:38px 26px; }
  .contact-card { width:100%; border-radius:0; padding:65px 24px; }
  .contact-actions { align-items:flex-start; flex-direction:column; }
  .footer-grid { grid-template-columns:1fr; gap:35px; }
  .footer-links { flex-wrap:wrap; }
  @keyframes scroll { to { transform:translateX(-45%); } }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .reveal { opacity:1; transform:none; transition:none; }
  .marquee { animation:none; }
}