:root {
  --background: #f7f9fc;
  --foreground: #0a1728;
  --card: #ffffff;
  --card-foreground: #0a1728;
  --popover: #ffffff;
  --popover-foreground: #0a1728;
  --primary: #087e8b;
  --primary-foreground: #ffffff;
  --secondary: #e8f5f6;
  --secondary-foreground: #075766;
  --muted: #edf1f6;
  --muted-foreground: #58687b;
  --accent: #d8f3f5;
  --accent-foreground: #073d48;
  --destructive: #c32638;
  --border: #dbe3ec;
  --input: #cfd9e5;
  --ring: #16b9c6;
  --radius: 0.9rem;
  --navy: #071526;
  --navy-2: #0b2138;
  --cyan: #19c4d2;
  --cyan-soft: #dff8f9;
  --ink-soft: #536477;
  --line: #dbe3ec;
  --font-sans: "Aptos", "Inter", "Segoe UI", Arial, sans-serif;
}

@theme inline {
  --color-background: var(--background); --color-foreground: var(--foreground);
  --color-card: var(--card); --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive); --color-border: var(--border);
  --color-input: var(--input); --color-ring: var(--ring);
  --radius-sm: calc(var(--radius) - 5px); --radius-md: calc(var(--radius) - 3px);
  --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 5px);
  --font-sans: "Aptos", "Inter", "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; max-width:100%; overflow-x:clip; font-family:var(--font-sans); font-size:16px; }
body { margin: 0; width:100%; max-width:100%; overflow-x:clip; background: var(--background); color: var(--foreground); font-family: var(--font-sans); font-size: 16px; line-height: 1.65; }
main,section,.container { min-width:0; }
img,video { display:block; max-width:100%; height:auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { margin:0; padding:0; border:0; border-radius:0; background:transparent; color:inherit; box-shadow:none; }
svg { width: 1.15em; height: 1.15em; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.section { padding: 112px 0; }
.kicker, .eyebrow { color: #0b8390; font-size: .76rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #45e6b2; box-shadow: 0 0 0 4px rgba(69,230,178,.14); }
h1,h2,h3,p { margin-top: 0; margin-bottom: 0; }
h1,h2,h3 { color: inherit; font-weight: inherit; line-height: 1.08; letter-spacing: -.035em; }
ul,ol { margin: 0; }
h2 { font-size: clamp(2.25rem, 4vw, 3.65rem); margin: 12px 0 20px; }
.section-heading { max-width: 780px; margin-bottom: 52px; }
.section-heading p, .sticky-copy p, .comparison-copy>p { color: var(--ink-soft); font-size: 1.1rem; }
.split-heading { max-width: none; display: grid; grid-template-columns: 1.5fr .8fr; gap: 60px; align-items: end; }
.split-heading p { padding-bottom: 9px; }
.centered { margin-inline: auto; text-align: center; }
.button { min-height: 48px; padding: 0 21px; border-width:0; border-style:solid; border-color:currentColor; border-radius: 10px; background-color:transparent; box-shadow:none; text-shadow:none; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: .92rem; font-weight: 800; transition: transform .2s, background .2s, border-color .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: #0c8d99 !important; color: #fff !important; border: 1px solid #0c8d99; box-shadow: 0 12px 28px rgba(8,126,139,.2); }
.button-primary:hover { background: #076d77 !important; }
.button-ghost { color: var(--foreground); background: #fff; border: 1px solid #cdd8e5; }
.button-light { background: #fff; color: var(--navy); }
.button-outline-light { border: 1px solid rgba(255,255,255,.38); color: #fff; }
.button-ghost:hover { color:var(--foreground); background:#fff; border-color:#cdd8e5; }
.button-light:hover { color:var(--navy); background:#fff; }
.button-outline-light:hover { color:#fff; background:transparent; border-color:rgba(255,255,255,.38); }
.text-link,.text-arrow { display: inline-flex; align-items: center; gap: 8px; font-weight: 750; color: #0b7c87; }

/* Header */
.utility-bar { background: var(--navy); color: #c7d6e7; font-size: .76rem; }
.utility-inner { min-height: 38px; display: flex; justify-content: space-between; align-items: center; }
.utility-inner>span,.utility-inner div,.utility-inner a { display: flex; align-items: center; gap: 9px; }
.utility-inner div { gap: 24px; }
.utility-inner a:hover { color: #fff; }
.site-header { height: 80px; background: rgba(255,255,255,.94); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 40; backdrop-filter: blur(16px); }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 1.15rem; letter-spacing: -.02em; white-space: nowrap; }
.brand-mark { width: 38px; height: 38px; color: #fff; background: var(--navy); border-radius: 10px; display: grid; place-items: center; }
.brand-mark svg { color: var(--cyan); width: 23px; height: 23px; }
.desktop-nav { display: flex; align-items: center; gap: 20px; height: 100%; }
.nav-group { height: 100%; display: flex; align-items: center; position: relative; }
.nav-trigger,.nav-simple { border: 0; background: none; display: flex; align-items: center; gap: 5px; font-size: .84rem; font-weight: 750; cursor: pointer; color: #26384b; }
.nav-trigger:hover { color:#26384b; background:transparent; }
.nav-trigger svg { width: 14px; transition: transform .2s; }
.nav-group:hover .nav-trigger svg,.nav-group:focus-within .nav-trigger svg { transform: rotate(180deg); }
.mega-menu { display: grid; grid-template-columns: 215px 1fr; width: 520px; position: absolute; left: 50%; top: 70px; transform: translate(-50%,8px); background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 24px 70px rgba(5,22,42,.18); padding: 10px; opacity: 0; pointer-events: none; visibility: hidden; transition: opacity .2s, transform .2s; }
.mega-menu-2 { width: 760px; }
.mega-menu-3 { width: min(980px,calc(100vw - 40px)); left: auto; right: -220px; transform: translateY(8px); }
.nav-group:hover .mega-menu,.nav-group:focus-within .mega-menu { opacity: 1; pointer-events: auto; visibility: visible; transform: translate(-50%,0); }
.nav-group:hover .mega-menu-3,.nav-group:focus-within .mega-menu-3 { transform: translateY(0); }
.mega-intro { background: var(--navy); color: #fff; border-radius: 11px; padding: 24px; }
.mega-intro span { color: var(--cyan); font-size: .7rem; text-transform: uppercase; letter-spacing: .14em; font-weight: 800; }
.mega-intro strong { display: block; font-size: 1.2rem; line-height: 1.2; margin: 10px 0; }
.mega-intro p { color: #aebed0; font-size: .82rem; line-height: 1.55; margin: 0; }
.mega-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:8px; }
.mega-menu-1 .mega-sections { grid-template-columns:1fr; }
.mega-menu-3 .mega-sections { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mega-section>span { display:block; padding:5px 11px 8px; color:#708196; font-size:.68rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.mega-links { display: grid; align-content:start; }
.mega-links a { display: flex; justify-content: space-between; align-items: center; padding: 8px 11px; border-radius: 8px; font-size: .84rem; font-weight: 650; }
.mega-links a:hover { color: #067986; background: var(--cyan-soft); }
.mega-links svg { width: 14px; }
.header-actions { display: flex; align-items: center; }
.desktop-cta { min-height: 42px !important; border-radius: 9px !important; }
.mobile-menu-button { display: none !important; }
.mobile-drawer { background: #fff !important; width: min(92vw,420px) !important; color: var(--foreground) !important; }
.mobile-nav { padding: 8px 16px; overflow-y: auto; }
.mobile-nav details { border-bottom: 1px solid var(--line); }
.mobile-nav summary,.mobile-nav>a { list-style: none; padding: 15px 0; display: flex; align-items: center; justify-content: space-between; font-weight: 800; }
.mobile-nav summary::-webkit-details-marker { display: none; }
.mobile-nav summary svg { width: 16px; }
.mobile-nav details[open] summary svg { transform: rotate(180deg); }
.mobile-nav details>div { display: grid; padding: 0 0 12px 12px; }
.mobile-nav details section { display:grid; padding:8px 0; }
.mobile-nav details section>span { color:#718096; font-size:.67rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; margin-bottom:4px; }
.mobile-nav details a { color: var(--ink-soft); padding: 7px 0; }
.mobile-trial { margin-top: 16px; padding: 14px !important; background: #0b8692; color: #fff; border-radius: 9px; }
.mobile-contact { margin: auto 16px 20px; }
.mobile-contact a { display: flex; align-items: center; gap: 9px; padding: 13px; border: 1px solid var(--line); border-radius: 9px; font-weight: 700; }

/* Hero */
.hero { background: #f5f8fc; position: relative; overflow: hidden; }
.hero-grid-bg { position: absolute; inset: 0 0 auto 54%; height: 640px; opacity: .34; background-image: linear-gradient(#bfd1de 1px,transparent 1px),linear-gradient(90deg,#bfd1de 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom right,transparent,black,transparent); }
.hero-layout { min-height: 650px; padding: 88px 0 64px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 72px; align-items: center; position: relative; }
.hero-copy h1 { font-size: clamp(3.2rem, 5.8vw, 5.5rem); max-width: 760px; margin: 18px 0 24px; }
.hero-copy h1 span { color: #4b6179; }
.hero-copy>p { max-width: 670px; color: var(--ink-soft); font-size: 1.18rem; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 32px 0; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 20px; color: #465c72; font-size: .86rem; font-weight: 650; }
.hero-proof span { display: flex; align-items: center; gap: 7px; }
.hero-proof svg { color: #0e9d7c; }
.ops-card { background: var(--navy); color: #fff; border-radius: 24px; padding: 24px; box-shadow: 0 34px 90px rgba(5,22,42,.26); position: relative; overflow: hidden; }
.ops-card:after { content:""; position:absolute; width:220px; height:220px; right:-80px; top:-80px; background:#10b8c5; filter:blur(90px); opacity:.22; }
.ops-top { display: flex; justify-content: space-between; align-items: center; color: #9eb1c6; font-size: .74rem; text-transform: uppercase; letter-spacing: .1em; }
.live-pill { display: flex; align-items: center; gap: 7px; padding: 7px 9px; color: #d8f5ed; border: 1px solid rgba(91,225,179,.22); border-radius: 99px; }
.live-pill i { width: 6px; height: 6px; border-radius: 50%; background: #4de1b0; }
.ops-orbit { height: 345px; position: relative; display: grid; place-items: center; }
.orbit-ring { position: absolute; border: 1px solid rgba(73,207,218,.22); border-radius: 50%; }
.ring-one { width: 280px; height: 280px; }.ring-two { width: 190px; height: 190px; }
.ops-core { position: relative; z-index: 2; width: 110px; height: 110px; border-radius: 50%; display: grid; place-items: center; align-content: center; text-align: center; background: #0d304c; border: 1px solid #1b7790; box-shadow: 0 0 35px rgba(25,196,210,.18); }
.ops-core svg { color: var(--cyan); width: 28px; height: 28px; margin-bottom: 4px; }
.ops-core strong { font-size: .8rem; line-height: 1.2; }
.orbit-node { position: absolute; z-index: 3; display: flex; align-items: center; gap: 7px; background: #102a43; border: 1px solid #24435f; color: #d9e4f0; border-radius: 9px; padding: 8px 10px; font-size: .72rem; }
.orbit-node svg { color: var(--cyan); }.node-a { left: 18px; top: 74px; }.node-b { right: 8px; top: 98px; }.node-c { left: 39px; bottom: 48px; }.node-d { right: 16px; bottom: 43px; }
.ops-metrics { display: grid; grid-template-columns: .75fr 1.25fr; gap: 10px; }
.ops-metrics>div { display: flex; align-items: center; gap: 10px; border: 1px solid #203c57; border-radius: 12px; padding: 14px; background: rgba(255,255,255,.025); }
.ops-metrics svg { color: var(--cyan); }.ops-metrics span { display: grid; }.ops-metrics small { color: #8fa4b9; }.ops-metrics strong { font-size: .87rem; }
.trust-strip { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 22px; border-top: 1px solid #dce5ee; color: #718096; }
.trust-strip span { font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; }.trust-strip strong { color: #32475b; font-size: .87rem; }

/* Company film */
.video-story-section { background:var(--navy); color:#fff; padding:96px 0; position:relative; overflow:hidden; }
.video-story-section:before { content:""; position:absolute; width:520px; height:520px; left:-220px; bottom:-300px; border-radius:50%; background:radial-gradient(circle,rgba(25,196,210,.18),transparent 67%); }
.video-story-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:64px; align-items:center; position:relative; }
.video-story-copy .kicker { color:var(--cyan); }
.video-story-copy h2 { font-size:clamp(2.35rem,3.6vw,3.8rem); margin:18px 0 22px; }
.video-story-copy>p { color:#aebed0; font-size:1.06rem; max-width:520px; }
.video-story-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:32px; }
.video-story-proof span { padding:14px; border:1px solid #23415d; background:#0a1f35; border-radius:11px; color:#aebed0; font-size:.69rem; line-height:1.35; }
.video-story-proof strong { display:block; color:#fff; font-size:.83rem; margin-bottom:4px; }
.video-frame { position:relative; border:1px solid #264863; border-radius:18px; padding:8px; background:#06111f; box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 60px rgba(25,196,210,.08); }
.video-frame video { width:100%; aspect-ratio:16/9; display:block; border-radius:12px; background:#020b18; }
.video-frame-label { position:absolute; left:26px; top:24px; display:flex; align-items:center; gap:9px; border:1px solid rgba(255,255,255,.16); border-radius:99px; padding:7px 11px; background:rgba(3,14,31,.78); backdrop-filter:blur(10px); color:#d9e7f2; font-size:.7rem; font-weight:750; pointer-events:none; }

/* Content */
.services-section { background: #fff; }
.service-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.service-card { min-height: 355px; padding: 31px; border: 1px solid var(--line); border-radius: 17px; background: #fbfcfe; display: flex; flex-direction: column; transition: .25s; }
.service-card:hover { transform: translateY(-5px); border-color: #91cbd1; box-shadow: 0 18px 50px rgba(11,38,67,.08); }
.service-icon { width: 47px; height: 47px; display: grid; place-items: center; border-radius: 12px; background: var(--cyan-soft); color: #087b87; margin-bottom: 35px; }
.service-icon svg { width: 24px; height: 24px; }.service-card>span { color: #0b8390; font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.service-card h3 { font-size: 1.35rem; margin: 11px 0 13px; }.service-card p { color: var(--ink-soft); font-size: .91rem; }
.card-link { display: flex; align-items: center; gap: 8px; margin-top: auto; font-size: .85rem; font-weight: 800; }.card-link svg { color: #0c929e; }
.service-card-wide { grid-column: span 2; }
.dark-section { background: var(--navy); color: #fff; }.dark-section .kicker { color: var(--cyan); }.dark-section .section-heading p { color: #9eb1c4; }
.level-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.level-card { border: 1px solid #1d3852; background: #0a1e33; border-radius: 16px; padding: 30px; }
.level-head { display: flex; justify-content: space-between; align-items: center; }.level-head>span { color: var(--cyan); font-size: .76rem; font-weight: 800; }
.level-head div { display: flex; gap: 4px; align-items: end; }.level-head i { width: 4px; height: 9px; background: var(--cyan); border-radius: 3px; }.level-head i:nth-child(2){height:14px}.level-head i:nth-child(3){height:19px}
.level-card h3 { font-size: 1.5rem; margin: 35px 0 13px; }.level-card p { color: #9eb1c4; min-height: 92px; }.level-card a { display: flex; align-items: center; gap: 6px; color: #70dbe3; font-size: .85rem; font-weight: 750; }
.audience-section { background: #f6f9fc; }.audience-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 90px; align-items: start; }.sticky-copy { position: sticky; top: 120px; }.sticky-copy h2 { font-size: clamp(2.3rem,3.5vw,3.5rem); }
.audience-list { border-top: 1px solid var(--line); }.audience-list article { display: grid; grid-template-columns: 52px 1fr auto; gap: 20px; padding: 30px 0; border-bottom: 1px solid var(--line); align-items: start; }.audience-list article>svg:first-child { width: 26px; height: 26px; color: #0b8d98; }.audience-list h3 { font-size: 1.3rem; margin: 2px 0 8px; }.audience-list p { margin: 0; color: var(--ink-soft); }.audience-list article>svg:last-child { color: #7d8fa2; }
.process-section { background:#fff; }.process-grid { list-style:none; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:0; counter-reset:step; }.process-grid li { position:relative; padding:28px 26px; border-left:1px solid var(--line); }.process-grid li:last-child { border-right:1px solid var(--line); }.process-grid li:before { content:""; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,#0c8d99,#99d9de); }.process-grid span { color:#0c8d99; font-size:.72rem; font-weight:800; letter-spacing:.14em; }.process-grid h3 { margin:26px 0 12px; font-size:1.35rem; }.process-grid p { color:var(--ink-soft); font-size:.9rem; }
.comparison-section { background:#eaf0f6; }.comparison-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; align-items:center; }.comparison-copy ul { list-style:none; padding:0; display:grid; gap:12px; margin-top:30px; }.comparison-copy li { display:flex; gap:10px; align-items:center; font-weight:700; }.comparison-copy li svg { color:#0b8d98; }.comparison-table { background:#fff; border:1px solid #d5dee9; border-radius:16px; overflow:hidden; box-shadow:0 20px 55px rgba(9,31,54,.08); }.comparison-row { display:grid; grid-template-columns:1fr 1fr 1.1fr; padding:17px 22px; border-top:1px solid #e2e8f0; align-items:center; font-size:.82rem; }.comparison-row:first-child { border-top:0; }.comparison-row span { font-weight:750; }.comparison-row strong { display:flex; align-items:center; gap:7px; color:#607084; font-weight:600; }.comparison-row strong:last-child { color:#0a756b; }.comparison-row svg { width:15px; }.header-row { background:var(--navy); color:#fff; }.header-row strong,.header-row strong:last-child { color:#c9d6e4; }
.trial-banner-section { background:#fff; padding:70px 0; }.trial-banner { background:#0b7f8b; color:#fff; border-radius:22px; padding:54px 60px; display:grid; grid-template-columns:1.4fr .6fr; gap:50px; align-items:center; box-shadow:0 28px 70px rgba(8,126,139,.18); }.trial-banner .kicker { color:#bff6f7; }.trial-banner h2 { font-size:2.5rem; }.trial-banner p { color:#d7f0f1; margin:0; }.trial-banner>div:last-child { display:grid; gap:12px; }.trial-secondary { text-align:center; text-decoration:underline; font-size:.84rem; }
.faq-section { background:#f6f8fb; }.faq-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:90px; }.faq-layout>div:first-child p { color:var(--ink-soft); }.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); padding:0 4px; }.faq-list summary { list-style:none; display:flex; justify-content:space-between; gap:20px; padding:23px 0; cursor:pointer; font-weight:800; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color:#0b8d98; font-size:1.3rem; transition:transform .2s; }.faq-list details[open] summary span { transform:rotate(45deg); }.faq-list p { color:var(--ink-soft); padding:0 35px 23px 0; }
.final-cta { background:var(--navy); color:#fff; padding:70px 0; }.final-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; }.final-cta span { color:var(--cyan); font-size:.76rem; text-transform:uppercase; letter-spacing:.14em; font-weight:800; }.final-cta h2 { font-size:clamp(2rem,3.4vw,3.25rem); max-width:720px; margin-bottom:0; }.final-cta-inner>div:last-child { display:flex; gap:10px; flex-shrink:0; }

/* Inner pages */
.inner-hero { background:#f2f6fa; padding:38px 0 96px; overflow:hidden; }.breadcrumb { display:flex; gap:9px; align-items:center; color:#76869a; font-size:.78rem; margin-bottom:66px; }.breadcrumb a:hover { color:#087e8b; }.inner-hero-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:85px; align-items:center; }.inner-hero h1 { font-size:clamp(3rem,5vw,5rem); max-width:920px; margin:16px 0 24px; }.inner-hero p { color:var(--ink-soft); font-size:1.15rem; max-width:780px; }.hero-service-mark { background:var(--navy); color:#fff; border-radius:20px; padding:34px; display:grid; gap:0; box-shadow:0 28px 70px rgba(8,28,50,.18); }.hero-service-mark>svg { width:50px; height:50px; color:var(--cyan); margin-bottom:34px; }.hero-service-mark span { padding:15px 0; border-top:1px solid #203b55; color:#d0dce8; font-weight:650; }.compact-hero { padding-bottom:100px; }.compact-hero .container>p { max-width:820px; }.problem-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:start; }.problem-grid h2 { font-size:3.2rem; }.problem-grid>p { color:var(--ink-soft); font-size:1.2rem; padding-top:36px; }.pale-section { background:#eef4f8; }.capability-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:90px; }.capability-layout p { color:var(--ink-soft); }.check-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.check-grid div { background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px; display:flex; gap:10px; align-items:center; font-weight:700; }.check-grid svg { color:#0c9b80; flex-shrink:0; }.tech-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.tech-grid div { min-height:125px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:22px; display:flex; flex-direction:column; justify-content:space-between; }.tech-grid span { color:#0a8b96; font-size:.7rem; font-weight:800; }.tech-grid strong { font-size:1rem; }.two-col-list { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:start; }.two-col-list>div:last-child { border-top:1px solid #25405b; }.two-col-list>div:last-child>div { display:grid; grid-template-columns:35px 1fr auto; align-items:center; gap:15px; padding:22px 0; border-bottom:1px solid #25405b; }.two-col-list>div:last-child svg:first-child { color:var(--cyan); }.two-col-list>div:last-child svg:last-child { color:#617990; }.mini-process { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.mini-process article { background:#fff; border:1px solid var(--line); border-radius:14px; padding:25px; }.mini-process svg { width:28px; height:28px; color:#0b8d98; }.mini-process h3 { margin:30px 0 10px; font-size:1.2rem; }.mini-process p { color:var(--ink-soft); font-size:.9rem; margin:0; }
.service-family { background:var(--navy); color:#fff; }
.service-family .section-heading p { color:#9eb1c4; }
.family-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.family-card { display:grid; grid-template-columns:46px 1fr auto; gap:18px; align-items:start; padding:24px; border:1px solid #203b55; border-radius:14px; background:#0a1e33; transition:transform .2s,border-color .2s,background .2s; }
.family-card:hover { transform:translateY(-3px); border-color:#2d8595; background:#0d2842; }
.family-card>span { width:44px; height:44px; display:grid; place-items:center; border-radius:11px; color:var(--cyan); background:#102f49; }
.family-card>span svg { width:23px; height:23px; }
.family-card small { color:#64d6df; font-size:.68rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.family-card h3 { margin:7px 0 8px; font-size:1.2rem; }
.family-card p { margin:0; color:#9eb1c4; font-size:.85rem; }
.family-card>svg { margin-top:4px; color:#5a7a96; }
.plans-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }.plan-card { background:#fff; border:1px solid var(--line); border-radius:18px; padding:36px; position:relative; }.plan-card small { color:#0b8490; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }.plan-card h2 { font-size:2rem; }.plan-card>p { color:var(--ink-soft); }.plan-price { font-size:1.25rem; font-weight:850; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:20px 0; margin:26px 0; }.plan-price span { display:block; color:var(--ink-soft); font-size:.8rem; font-weight:500; }.plan-card ul { list-style:none; padding:0; display:grid; gap:10px; margin:0 0 28px; }.plan-card li { display:flex; align-items:center; gap:8px; }.plan-card li svg { color:#0b9d80; }.featured-plan { border:2px solid #0c909b; box-shadow:0 22px 50px rgba(8,126,139,.12); }.plan-badge { position:absolute; right:20px; top:20px; border-radius:99px; background:var(--cyan-soft); color:#08727d; padding:6px 10px; font-size:.7rem; font-weight:800; }.owner-note { margin-top:30px; border:1px dashed #c4a959; background:#fffbec; color:#4c4226; padding:22px; display:flex; gap:16px; border-radius:12px; }.owner-note svg { flex-shrink:0; margin-top:4px; }.owner-note p { margin:4px 0 0; }
.trial-hero { padding-bottom:90px; }.trial-layout,.contact-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:start; }.trial-points { display:grid; gap:12px; margin-top:30px; }.trial-points span { display:flex; align-items:center; gap:9px; font-weight:700; }.trial-points svg { color:#0a9b7b; }.form-card { background:#fff; border:1px solid var(--line); border-radius:20px; padding:34px; box-shadow:0 24px 70px rgba(9,31,54,.12); }.form-card h2 { font-size:2rem; margin:0 0 8px; }.form-card>p { font-size:.94rem; }.lead-form { display:grid; gap:17px; margin-top:26px; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.lead-form label { display:block; font-size:.78rem; font-weight:800; margin-bottom:6px; }.lead-form input,.lead-form select,.lead-form textarea { background:#fbfcfd; border-color:#cad6e2; min-height:46px; }.lead-form textarea { min-height:100px; }.form-select { width:100% !important; }.form-consent { font-size:.72rem !important; line-height:1.5; color:#6b7b8e !important; margin:0; }.form-submit { width:100%; min-height:50px !important; }.spin { animation:spin 1s linear infinite; }.form-success { min-height:460px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }.form-success>svg { width:48px; height:48px; color:#0a9b7b; margin-bottom:22px; }.form-success h3 { font-size:1.8rem; }.form-success p { color:var(--ink-soft); }.contact-options { display:grid; gap:12px; margin-top:34px; }.contact-options>a,.contact-options>div { display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--line); border-radius:11px; padding:15px; max-width:370px; }.contact-options svg { color:#0b8d98; width:25px; height:25px; }.contact-options div div { display:grid; }.contact-options small { color:var(--ink-soft); }
.form-honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.form-security-note { margin:-7px 0 0; color:#718096; font-size:.72rem; text-align:center; }
.values-grid,.security-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.values-grid article,.security-grid article { border:1px solid var(--line); border-radius:15px; padding:32px; background:#fff; }.values-grid svg,.security-grid svg { color:#0b8d98; width:30px; height:30px; }.values-grid h2,.security-grid h2 { font-size:1.5rem; margin-top:35px; }.values-grid p,.security-grid p { color:var(--ink-soft); }.security-grid article>span { display:inline-block; color:#8a6d19; background:#fff7d6; border-radius:99px; padding:5px 9px; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.resource-grid article { border:1px solid var(--line); border-radius:15px; padding:28px; background:#fff; min-height:310px; display:flex; flex-direction:column; }.resource-grid>article>span:first-child { color:#0b8390; text-transform:uppercase; letter-spacing:.1em; font-size:.7rem; font-weight:800; }.resource-number { color:#c9d3df; font-size:2.8rem; font-weight:850; margin:28px 0 14px; }.resource-grid h2 { font-size:1.35rem; }.resource-grid p { color:var(--ink-soft); font-size:.9rem; }.resource-status { margin-top:auto; font-size:.72rem; color:#7a6a3a; }.legal-placeholder { max-width:760px; text-align:center; padding:60px; background:#fff; border:1px solid var(--line); border-radius:18px; }.legal-placeholder svg { width:45px; height:45px; color:#0b8d98; }.legal-placeholder h2 { font-size:2rem; }.legal-placeholder p { color:var(--ink-soft); }

/* Footer */
.site-footer { background:#050f1c; color:#b7c5d4; padding-top:75px; }.site-footer .brand { color:#fff; }.site-footer .brand-mark { background:#0c2b46; }.footer-grid { display:grid; grid-template-columns:1.8fr repeat(3,1fr); gap:60px; }.footer-brand>p { max-width:410px; color:#8fa3b8; margin:25px 0; }.human-link { display:inline-flex; align-items:center; gap:9px; color:#66dce4; font-weight:700; }.footer-socials { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:18px; }.footer-socials a { display:inline-flex; align-items:center; gap:7px; color:#a9bfd2; font-size:.78rem; }.footer-socials a:hover { color:#fff; }.footer-grid>div:not(:first-child) { display:flex; flex-direction:column; gap:9px; }.footer-grid>div>strong { color:#fff; margin-bottom:12px; }.footer-grid>div>a { font-size:.84rem; }.footer-grid>div>a:hover { color:#fff; }.footer-bottom { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #162a3f; margin-top:55px; padding:23px 0; font-size:.76rem; }.footer-bottom div { display:flex; gap:20px; }.whatsapp-float { position:fixed; right:20px; bottom:20px; z-index:35; display:flex; align-items:center; gap:9px; background:#16a071; color:#fff; border-radius:99px; padding:12px 16px; box-shadow:0 14px 35px rgba(7,64,48,.3); font-size:.78rem; font-weight:800; }
.office-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.office-grid article { display:flex; gap:18px; min-height:190px; padding:32px; border:1px solid var(--line); border-radius:16px; background:#fff; }.office-grid article>svg { flex:0 0 auto; width:30px; height:30px; color:#0b8d98; }.office-grid span { color:#0b8390; font-size:.72rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }.office-grid h3 { margin:10px 0 8px; font-size:1.45rem; }.office-grid p { margin:0; color:var(--ink-soft); }

@keyframes spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }

@media (max-width: 1050px) {
  .desktop-nav { display:none; }.mobile-menu-button { display:inline-flex !important; }.desktop-cta { display:none !important; }
  .hero-layout { grid-template-columns:1fr; gap:45px; }.hero-copy h1 { max-width:900px; }.ops-card { max-width:680px; width:100%; }.trust-strip { flex-wrap:wrap; padding:24px 0; justify-content:flex-start; }
  .service-grid { grid-template-columns:repeat(2,1fr); }.service-card-wide { grid-column:span 1; }.audience-layout,.comparison-layout,.capability-layout,.trial-layout,.contact-layout { gap:50px; }.video-story-layout { grid-template-columns:1fr; gap:42px; }.video-story-copy { max-width:760px; }.footer-grid { grid-template-columns:1.4fr repeat(3,1fr); gap:30px; }
}

@media (max-width: 780px) {
  .container { width:calc(100% - 28px); max-width:1180px; }.section { padding:76px 0; }.utility-inner { justify-content:center; }.utility-inner>span { display:none; }.utility-inner div { width:100%; justify-content:space-between; }.site-header { height:68px; }.video-story-section { padding:76px 0; }.video-story-proof { grid-template-columns:1fr; }.video-frame { border-radius:13px; padding:5px; }.video-frame video { border-radius:9px; }.video-frame-label { left:16px; top:14px; }
  .hero-layout { padding:62px 0 45px; min-height:auto; }.hero-copy h1 { font-size:clamp(2.65rem,12vw,4.2rem); }.hero-copy>p { font-size:1.05rem; }.hero-actions .text-link { width:100%; margin-top:5px; }.ops-card { padding:18px; }.ops-orbit { height:305px; }.trust-strip { gap:18px 22px; }.trust-strip span { width:100%; }
  .split-heading,.audience-layout,.comparison-layout,.faq-layout,.inner-hero-grid,.problem-grid,.capability-layout,.two-col-list,.trial-layout,.contact-layout { grid-template-columns:1fr; gap:38px; }.sticky-copy { position:static; }.section-heading { margin-bottom:38px; }.section-heading h2,h2 { font-size:clamp(2.05rem,9vw,3rem); }
  .service-grid,.level-grid,.plans-grid,.values-grid,.security-grid,.resource-grid,.family-grid,.office-grid { grid-template-columns:minmax(0,1fr); }.hero-layout>*,.inner-hero-grid>*,.contact-layout>*,.trial-layout>*,.plans-grid>*,.office-grid>*,.form-row>* { min-width:0; }.service-card { min-height:320px; }.process-grid,.mini-process { grid-template-columns:repeat(2,minmax(0,1fr)); }.process-grid li:nth-child(2) { border-right:1px solid var(--line); }.comparison-table { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }.comparison-row { min-width:650px; }.trial-banner { grid-template-columns:1fr; padding:38px 28px; }.final-cta-inner { align-items:flex-start; flex-direction:column; }.final-cta-inner>div:last-child { flex-wrap:wrap; }.footer-grid { grid-template-columns:1fr 1fr; }.footer-brand { grid-column:span 2; }.inner-hero { padding-bottom:68px; }.breadcrumb { margin-bottom:44px; }.inner-hero h1 { max-width:100%; font-size:clamp(2.6rem,11vw,4rem); overflow-wrap:anywhere; }.hero-service-mark { width:100%; max-width:460px; }.tech-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.problem-grid>p { padding-top:0; }.check-grid { grid-template-columns:1fr; }.plan-card,.office-grid article,.form-card,.contact-options>a,.contact-options>div { max-width:100%; }
}

@media (max-width: 480px) {
  .hero-actions .button { width:100%; }.ops-orbit { height:285px; }.ring-one { width:240px;height:240px; }.ring-two { width:160px;height:160px; }.orbit-node { font-size:.65rem; }.node-a { left:0 }.node-b { right:-4px }.node-c { left:8px }.node-d { right:-5px }.ops-metrics { grid-template-columns:1fr; }.service-card { padding:25px; }.process-grid,.mini-process { grid-template-columns:1fr; }.process-grid li { border-right:1px solid var(--line); }.audience-list article { grid-template-columns:40px 1fr; }.audience-list article>svg:last-child { display:none; }.trial-banner { border-radius:14px; }.faq-layout { gap:20px; }.final-cta-inner>div:last-child,.final-cta-inner .button { width:100%; }.footer-grid { grid-template-columns:1fr; }.footer-brand { grid-column:span 1; }.footer-bottom { flex-direction:column; align-items:flex-start; gap:8px; }.whatsapp-float span { display:none; }.whatsapp-float { width:50px; height:50px; padding:0; justify-content:center; }.form-row { grid-template-columns:1fr; }.form-card { padding:24px 20px; }.tech-grid { grid-template-columns:1fr 1fr; }.hero-service-mark { padding:25px; }
}

/* Motion and interaction system */
.header-inner { position:relative; }
.nav-group-wide { position:static; }
.nav-group .mega-menu-wide { left:50%; right:auto; top:calc(100% - 8px); width:min(1100px,calc(100vw - 40px)); max-height:calc(100dvh - 140px); overflow-y:auto; }
.scroll-progress { position:fixed; inset:0 0 auto; height:3px; z-index:100; pointer-events:none; background:transparent; }
.scroll-progress span { display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left; background:linear-gradient(90deg,#27dac9,#19c4d2,#50a9ff); box-shadow:0 0 14px rgba(25,196,210,.55); }
.site-header { transition:box-shadow .28s ease, background-color .28s ease, border-color .28s ease; }
.has-scrolled .site-header { background:rgba(255,255,255,.975); border-color:transparent; box-shadow:0 14px 38px rgba(7,21,38,.1); }

@media (prefers-reduced-motion: no-preference) {
  .page-intro { opacity:0; animation:page-rise .7s cubic-bezier(.2,.75,.2,1) forwards; animation-delay:var(--intro-delay,0ms); }
  .reveal-item { opacity:0; transform:translate3d(0,26px,0) scale(.985); transition:opacity .72s cubic-bezier(.2,.75,.2,1), transform .72s cubic-bezier(.2,.75,.2,1); transition-delay:var(--reveal-delay,0ms); }
  .reveal-item.is-visible { opacity:1; transform:translate3d(0,0,0) scale(1); }
}

@keyframes page-rise { from { opacity:0; transform:translate3d(0,24px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
.node-e { top:12px; left:50%; translate:-50% 0; }
@keyframes grid-drift { to { background-position:44px 44px,44px 44px; } }
@keyframes orbit-turn { to { transform:rotate(360deg); } }
@keyframes orbit-turn-reverse { to { transform:rotate(-360deg); } }
@keyframes node-float { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(0,-8px,0); } }
@keyframes core-breathe { 0%,100% { box-shadow:0 0 28px rgba(25,196,210,.16); } 50% { box-shadow:0 0 50px rgba(25,196,210,.32); } }
@keyframes scan-down { 0% { opacity:0; transform:translateY(-100%); } 15%,75% { opacity:.3; } 100% { opacity:0; transform:translateY(420px); } }
@keyframes status-pulse { 0% { box-shadow:0 0 0 0 rgba(69,230,178,.4); } 70%,100% { box-shadow:0 0 0 9px rgba(69,230,178,0); } }
@keyframes cta-glow { 0%,100% { transform:translate3d(0,0,0) scale(1); opacity:.24; } 50% { transform:translate3d(-30px,16px,0) scale(1.16); opacity:.36; } }
@keyframes line-flow { to { background-position:220px 0; } }
@keyframes float-icon { 0%,100% { transform:translateY(0) rotate(0); } 50% { transform:translateY(-7px) rotate(2deg); } }

.status-dot { animation:status-pulse 2.4s ease-out infinite; }
.hero-grid-bg { animation:grid-drift 18s linear infinite; }
.hero:before,.inner-hero:before { content:""; position:absolute; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle,rgba(25,196,210,.15),rgba(25,196,210,0) 68%); pointer-events:none; }
.hero:before { left:-210px; top:110px; }
.inner-hero { position:relative; isolation:isolate; }
.inner-hero:before { right:-180px; top:-180px; z-index:-1; }
.inner-hero:after { content:""; position:absolute; inset:auto 0 0; height:1px; background:linear-gradient(90deg,transparent,#7fd6dd,transparent); background-size:220px 100%; animation:line-flow 4s linear infinite; opacity:.65; }

.brand-mark { transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; }
.brand:hover .brand-mark { transform:rotate(-7deg) scale(1.06); box-shadow:0 10px 25px rgba(7,21,38,.2); }
.brand-mark svg { transition:transform .35s cubic-bezier(.2,.8,.2,1); }
.brand:hover .brand-mark svg { transform:scale(1.08); }
.nav-trigger,.nav-simple { position:relative; }
.nav-trigger:after,.nav-simple:after { content:""; position:absolute; left:0; right:0; bottom:-9px; height:2px; border-radius:2px; background:#12a8b5; transform:scaleX(0); transform-origin:right; transition:transform .26s ease; }
.nav-trigger:hover:after,.nav-simple:hover:after,.nav-group:focus-within .nav-trigger:after { transform:scaleX(1); transform-origin:left; }
.mega-menu { transform:translate(-50%,12px) scale(.975); transform-origin:top center; transition:opacity .22s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility .22s; }
.nav-group:hover .mega-menu,.nav-group:focus-within .mega-menu { transform:translate(-50%,0) scale(1); }
.nav-group .mega-menu-wide { transform:translate(-50%,12px) scale(.975); }
.nav-group:hover .mega-menu-wide,.nav-group:focus-within .mega-menu-wide { transform:translate(-50%,0) scale(1); }
.mega-links a svg,.button svg,.card-link svg,.text-arrow svg { transition:transform .24s cubic-bezier(.2,.8,.2,1); }
.mega-links a:hover svg,.button:hover svg,.service-card:hover .card-link svg,.text-arrow:hover svg { transform:translateX(4px); }

.ops-card { isolation:isolate; transform:perspective(1100px) rotateY(-1.5deg); transition:transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease; }
.ops-card:hover { transform:perspective(1100px) rotateY(0) translateY(-4px); box-shadow:0 42px 110px rgba(5,22,42,.32); }
.ops-card:before { content:""; position:absolute; z-index:0; left:0; right:0; height:90px; top:-100px; background:linear-gradient(180deg,transparent,rgba(41,209,221,.12),transparent); animation:scan-down 6s ease-in-out infinite; pointer-events:none; }
.ops-card>* { position:relative; z-index:1; }
.ring-one { border-style:dashed; animation:orbit-turn 28s linear infinite; }
.ring-two { border-style:dotted; animation:orbit-turn-reverse 20s linear infinite; }
.ops-core { animation:core-breathe 3.5s ease-in-out infinite; }
.orbit-node { animation:node-float 4s ease-in-out infinite; }
.node-b { animation-delay:-1s; }.node-c { animation-delay:-2.1s; }.node-d { animation-delay:-3s; }

.service-card,.level-card,.mini-process article,.plan-card,.values-grid article,.security-grid article,.resource-grid article,.form-card { overflow:hidden; isolation:isolate; transform-style:preserve-3d; }
.service-card:before,.plan-card:before,.values-grid article:before,.security-grid article:before,.resource-grid article:before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(120deg,transparent 28%,rgba(35,200,211,.09) 49%,transparent 70%); transform:translateX(-110%); transition:transform .75s cubic-bezier(.2,.8,.2,1); }
.service-card:hover:before,.plan-card:hover:before,.values-grid article:hover:before,.security-grid article:hover:before,.resource-grid article:hover:before { transform:translateX(110%); }
.service-card:hover,.mini-process article:hover,.values-grid article:hover,.security-grid article:hover,.resource-grid article:hover { transform:translateY(-7px); border-color:#83cdd3; box-shadow:0 24px 60px rgba(11,38,67,.1); }
.service-icon { transition:transform .4s cubic-bezier(.2,.8,.2,1), background .3s ease; }
.service-card:hover .service-icon { transform:translateY(-4px) rotate(-5deg) scale(1.07); background:#c9f3f5; }
.level-card { transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,background .35s ease; }
.level-card:hover { transform:translateY(-7px); border-color:#2b7184; background:#0d2841; }
.level-head i { transform-origin:bottom; transition:transform .3s ease; }
.level-card:hover .level-head i:nth-child(1) { transform:scaleY(1.35); }.level-card:hover .level-head i:nth-child(2) { transform:scaleY(.75); }.level-card:hover .level-head i:nth-child(3) { transform:scaleY(1.2); }
.audience-list article { transition:transform .3s cubic-bezier(.2,.8,.2,1),color .25s ease; }
.audience-list article:hover { transform:translateX(8px); color:#077b86; }
.process-grid li { transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .3s ease,box-shadow .3s ease; }
.process-grid li:hover { transform:translateY(-6px); background:#fff; box-shadow:0 20px 45px rgba(8,34,57,.08); z-index:1; }
.comparison-table { transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease; }
.comparison-table:hover { transform:translateY(-5px); box-shadow:0 30px 75px rgba(9,31,54,.13); }

.dark-section { position:relative; overflow:hidden; isolation:isolate; }
.dark-section:before { content:""; position:absolute; inset:0; z-index:-1; opacity:.22; background-image:linear-gradient(rgba(46,122,151,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(46,122,151,.25) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(90deg,transparent,black 45%,transparent); animation:grid-drift 24s linear infinite; }
.dark-section:after { content:""; position:absolute; width:440px; height:440px; right:-220px; bottom:-260px; z-index:-1; border-radius:50%; background:#0ba6b3; filter:blur(110px); opacity:.16; }

.hero-service-mark { position:relative; isolation:isolate; transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease; }
.hero-service-mark:before { content:""; position:absolute; inset:-1px; z-index:-1; border-radius:inherit; background:linear-gradient(135deg,#15405e,#0a1d31 45%,#0b6675); }
.hero-service-mark:after { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(115deg,transparent 25%,rgba(67,222,232,.12) 47%,transparent 68%); transform:translateX(-110%); animation:service-sheen 6s ease-in-out infinite; }
@keyframes service-sheen { 0%,35% { transform:translateX(-110%); } 65%,100% { transform:translateX(110%); } }
.hero-service-mark:hover { transform:translateY(-6px) rotate(.4deg); box-shadow:0 38px 90px rgba(8,28,50,.25); }
.hero-service-mark>svg { animation:float-icon 3.4s ease-in-out infinite; }
.check-grid>div,.tech-grid>div,.two-col-list>div:last-child>div,.contact-options>a,.contact-options>div { transition:transform .28s cubic-bezier(.2,.8,.2,1),background .25s ease,border-color .25s ease,box-shadow .25s ease; }
.check-grid>div:hover,.tech-grid>div:hover { transform:translateY(-4px); background:#fff; border-color:#8acfd5; box-shadow:0 16px 32px rgba(10,47,73,.08); }
.two-col-list>div:last-child>div:hover { transform:translateX(7px); background:rgba(255,255,255,.025); }
.plan-card { transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .3s ease; }
.plan-card:hover { transform:translateY(-8px); box-shadow:0 30px 70px rgba(8,38,62,.13); border-color:#7ac8cf; }
.featured-plan { animation:featured-border 4s ease-in-out infinite; }
@keyframes featured-border { 0%,100% { box-shadow:0 22px 50px rgba(8,126,139,.12); } 50% { box-shadow:0 28px 70px rgba(8,126,139,.22); } }

.lead-form>div,.lead-form>p,.lead-form>button { transition:transform .25s ease,opacity .25s ease; }
.lead-form>div:focus-within { transform:translateY(-2px); }
.lead-form input,.lead-form select,.lead-form textarea { transition:border-color .25s ease,box-shadow .25s ease,background .25s ease; }
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus { background:#fff; box-shadow:0 0 0 4px rgba(25,196,210,.12); }
.form-success>svg { animation:success-pop .55s cubic-bezier(.15,.85,.25,1.35) both; }
@keyframes success-pop { from { opacity:0; transform:scale(.4) rotate(-15deg); } to { opacity:1; transform:scale(1) rotate(0); } }
.faq-list details[open] p { animation:faq-answer .35s ease both; }
@keyframes faq-answer { from { opacity:0; transform:translateY(-7px); } to { opacity:1; transform:translateY(0); } }

.trial-banner,.final-cta { position:relative; isolation:isolate; overflow:hidden; }
.trial-banner:before,.final-cta:before { content:""; position:absolute; z-index:-1; width:430px; height:430px; right:-140px; top:-190px; border-radius:50%; background:radial-gradient(circle,#24d4d2,transparent 68%); animation:cta-glow 9s ease-in-out infinite; }
.final-cta:after { content:""; position:absolute; inset:0; z-index:-2; background-image:radial-gradient(circle at 15% 20%,rgba(45,207,219,.12),transparent 28%),linear-gradient(110deg,transparent 47%,rgba(255,255,255,.025) 48%,transparent 49%); background-size:auto,52px 52px; }
.whatsapp-float { transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background .3s ease; animation:whatsapp-arrive .65s cubic-bezier(.2,.9,.2,1) 1s both; }
.whatsapp-float:hover { transform:translateY(-5px) scale(1.03); background:#11835e; box-shadow:0 20px 45px rgba(7,64,48,.38); }
@keyframes whatsapp-arrive { from { opacity:0; transform:translateY(18px) scale(.9); } to { opacity:1; transform:translateY(0) scale(1); } }

.resource-grid>a { display:block; }
.resource-grid>a article { height:100%; }
.resource-status { display:flex; align-items:center; gap:8px; color:#087b87 !important; font-weight:800; }
.resource-status svg { width:15px; transition:transform .25s ease; }
.resource-grid>a:hover .resource-status svg { transform:translateX(4px); }
.article-hero { max-width:980px; }
.article-meta { display:flex; align-items:center; gap:9px; margin-top:28px; color:#557087; font-size:.82rem; font-weight:750; }
.article-meta svg { color:#0b8d98; }
.article-layout { display:grid; grid-template-columns:1.35fr .65fr; gap:90px; align-items:start; }
.article-body { display:grid; gap:58px; }
.article-body section { position:relative; padding-left:72px; }
.article-body section>span { position:absolute; left:0; top:4px; color:#0b8d98; font-size:.75rem; font-weight:850; letter-spacing:.14em; }
.article-body section:before { content:""; position:absolute; left:40px; top:7px; bottom:-58px; width:1px; background:linear-gradient(#74cbd2,transparent); }
.article-body section:last-child:before { display:none; }
.article-body h2 { font-size:2rem; margin:0 0 14px; }
.article-body p { color:var(--ink-soft); font-size:1.06rem; }
.article-checklist { position:sticky; top:120px; background:var(--navy); color:#fff; border-radius:18px; padding:30px; box-shadow:0 26px 70px rgba(7,21,38,.2); overflow:hidden; }
.article-checklist:before { content:""; position:absolute; width:180px; height:180px; right:-80px; top:-90px; border-radius:50%; background:#13b2bd; filter:blur(70px); opacity:.28; }
.article-checklist>span { color:var(--cyan); font-size:.7rem; text-transform:uppercase; letter-spacing:.13em; font-weight:850; }
.article-checklist h2 { font-size:1.8rem; margin:14px 0 24px; }
.article-checklist ul { list-style:none; padding:0; display:grid; gap:12px; margin:0 0 28px; }
.article-checklist li { display:flex; gap:9px; align-items:flex-start; color:#c9d7e5; font-size:.9rem; }
.article-checklist li svg { color:#4ce0b0; flex-shrink:0; margin-top:3px; }
.legal-content { max-width:900px; }
.legal-content>section { display:grid; grid-template-columns:.52fr 1fr; gap:60px; padding:34px 0; border-top:1px solid var(--line); }
.legal-content>section h2 { font-size:1.45rem; margin:0; }
.legal-content>section p { color:var(--ink-soft); margin:0; }
.legal-contact { display:grid; grid-template-columns:38px 1fr auto; gap:16px; align-items:center; margin-top:34px; padding:24px; background:var(--navy); color:#fff; border-radius:14px; }
.legal-contact>svg { color:var(--cyan); width:28px; height:28px; }
.legal-contact p { color:#9eb1c4; margin:3px 0 0; }
.legal-contact>a { display:flex; align-items:center; gap:8px; color:#6de2e8; font-weight:800; }

@media (prefers-reduced-motion: reduce) {
  .scroll-progress { display:none; }
  .page-intro,.reveal-item,.reveal-item.is-visible { opacity:1 !important; transform:none !important; transition:none !important; }
  .status-dot,.hero-grid-bg,.ops-card:before,.ring-one,.ring-two,.ops-core,.orbit-node,.dark-section:before,.hero-service-mark:after,.hero-service-mark>svg,.featured-plan,.trial-banner:before,.final-cta:before,.whatsapp-float { animation:none !important; }
  .ops-card,.ops-card:hover,.service-card:hover,.level-card:hover,.audience-list article:hover,.process-grid li:hover,.comparison-table:hover,.hero-service-mark:hover,.plan-card:hover,.mini-process article:hover,.values-grid article:hover,.security-grid article:hover,.resource-grid article:hover,.whatsapp-float:hover { transform:none !important; }
}

@media (max-width: 780px) {
  .article-layout { grid-template-columns:1fr; gap:55px; }
  .article-checklist { position:relative; top:auto; }
  .legal-content>section { grid-template-columns:1fr; gap:12px; }
}

@media (max-width: 480px) {
  .article-body section { padding-left:48px; }
  .article-body section:before { left:26px; }
  .legal-contact { grid-template-columns:32px 1fr; }
  .legal-contact>a { grid-column:1 / -1; }
}

/* WordPress/Astra integration and the native mobile drawer. */
.sf-site { background:var(--background); color:var(--foreground); }
.sf-site #page,.sf-site .site,.sf-site .site-content { display:block; width:100%; max-width:none; margin:0; padding:0; background:transparent; }
.sf-site input,.sf-site select,.sf-site textarea { border-radius:8px; }
.sf-site .lead-form input,.sf-site .lead-form select,.sf-site .lead-form textarea { width:100%; padding:10px 12px; border:1px solid #cad6e2; color:var(--foreground); }
.sf-site .lead-form textarea { resize:vertical; }
.sf-site .lead-form button { cursor:pointer; }
.form-notice { padding:12px 14px; border:1px solid #e4b7b7; border-radius:9px; background:#fff2f2; color:#8b1d2c; font-size:.86rem; }
.resource-grid>a article>span:first-child { color:#0b8390; text-transform:uppercase; letter-spacing:.1em; font-size:.7rem; font-weight:800; }
.legal-placeholder { margin-inline:auto; }
.sf-editor-content>h2 { margin-top:42px; font-size:clamp(1.7rem,3vw,2.3rem); }
.sf-editor-content>p { color:var(--ink-soft); font-size:1.06rem; }
.mobile-menu-button { width:44px; height:42px; padding:10px; border:1px solid var(--line); border-radius:9px; background:#fff; flex-direction:column; justify-content:center; gap:5px; cursor:pointer; }
.mobile-menu-button:hover { color:var(--foreground); background:#fff; }
.mobile-menu-button span { width:21px; height:2px; display:block; border-radius:2px; background:var(--navy); }
.mobile-drawer-backdrop { position:fixed; inset:0; z-index:79; background:rgba(4,15,28,.58); opacity:0; transition:opacity .25s ease; }
.mobile-drawer-backdrop.is-open { display:block; opacity:1; }
.mobile-drawer { position:fixed; z-index:80; inset:0 0 0 auto; display:flex; flex-direction:column; max-width:420px; height:100dvh; padding:20px 0; box-shadow:-25px 0 70px rgba(5,22,42,.2); transform:translateX(104%); visibility:hidden; transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s; overflow:hidden; }
.mobile-drawer.is-open { transform:translateX(0); visibility:visible; }
.mobile-drawer-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 20px; }
.mobile-menu-close { border:0; background:#edf3f7; width:38px; height:38px; border-radius:50%; font-size:1.7rem; line-height:1; cursor:pointer; }
.mobile-drawer-description { padding:14px 20px 10px; color:var(--ink-soft); font-size:.86rem; }
.mobile-nav { flex:1; }
body.mobile-nav-open { overflow:hidden; }
.admin-bar .site-header { top:32px; }
.admin-bar .mobile-drawer { top:32px; height:calc(100dvh - 32px); }
@media (max-width:782px) {
  .admin-bar .site-header { top:46px; }
  .admin-bar .mobile-drawer { top:46px; height:calc(100dvh - 46px); }
}