:root {
    --navy: #0A2F73;
    --navy-dark: #061A3C;
    --navy-deep: #04152F;
    --electric: #1E73FF;
    --cyan: #18CFE0;
    --technical: #8C97A8;
    --ink: #10213D;
    --text: #43526A;
    --muted: #718096;
    --line: #E2E8F0;
    --soft: #F5F8FC;
    --white: #FFFFFF;
    --success: #0EAF77;
    --shadow: 0 24px 60px rgba(10, 47, 115, .12);
    --shadow-sm: 0 12px 32px rgba(10, 47, 115, .09);
    --radius: 22px;
    --radius-sm: 14px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body {
    margin: 0;
    color: var(--ink);
    background: #fff;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}
body.nav-open { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

.site-header {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 1000;
    border-bottom: 1px solid transparent;
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(16px);
    transition: .25s ease;
}
.site-header.scrolled { border-color: rgba(10,47,115,.09); box-shadow: 0 8px 30px rgba(6,26,60,.05); }
.header-inner { height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { width: 205px; flex: 0 0 auto; }
.brand img { width: 100%; height: auto; }
.main-nav { display: flex; align-items: center; gap: 27px; color: #263752; font-size: 14px; font-weight: 600; }
.main-nav > a:not(.btn) { position: relative; padding: 10px 0; }
.main-nav > a:not(.btn)::after { content:""; position:absolute; left:0; right:100%; bottom:3px; height:2px; background:linear-gradient(90deg,var(--electric),var(--cyan)); transition:.22s ease; }
.main-nav > a:not(.btn):hover::after { right:0; }
.nav-toggle { display:none; width:42px; height:42px; border:0; background:transparent; cursor:pointer; padding:9px; }
.nav-toggle span { display:block; height:2px; background:var(--navy); margin:5px 0; border-radius:3px; }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid transparent; border-radius:11px; padding:13px 19px; font-weight:700; font-size:14px; transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; cursor:pointer; }
.btn:hover { transform:translateY(-2px); }
.btn-sm { padding:10px 16px; border-radius:9px; }
.btn-lg { padding:15px 21px; font-size:15px; }
.btn-primary { color:#fff; background:linear-gradient(135deg,var(--electric),#075EEA); box-shadow:0 10px 24px rgba(30,115,255,.22); }
.btn-primary:hover { box-shadow:0 14px 30px rgba(30,115,255,.30); }
.btn-ghost { color:var(--navy); background:rgba(255,255,255,.7); border-color:#D7E2F0; }
.btn-outline { color:var(--navy); border-color:#BFD0E6; background:#fff; }
.btn-outline:hover { border-color:var(--electric); }
.btn-light { background:#fff; color:var(--navy); box-shadow:0 14px 36px rgba(0,0,0,.16); }
.btn-full { width:100%; }
.text-link { color:var(--electric); font-weight:800; display:inline-block; margin-top:24px; }

.hero { min-height: 760px; padding: 150px 0 34px; position:relative; overflow:hidden; background:radial-gradient(circle at 85% 18%, rgba(24,207,224,.11), transparent 30%), linear-gradient(180deg,#FBFDFF 0%,#F5F9FF 100%); }
.hero::after { content:""; position:absolute; inset:auto 0 0; height:1px; background:linear-gradient(90deg,transparent,#DCE8F5,transparent); }
.hero-orb { position:absolute; border-radius:50%; filter:blur(1px); pointer-events:none; }
.hero-orb-one { width:420px; height:420px; right:-190px; top:100px; background:radial-gradient(circle,rgba(30,115,255,.10),transparent 68%); }
.hero-orb-two { width:320px; height:320px; left:-160px; bottom:60px; background:radial-gradient(circle,rgba(24,207,224,.09),transparent 68%); }
.hero-grid { display:grid; grid-template-columns:.94fr 1.06fr; gap:62px; align-items:center; position:relative; z-index:2; }
.eyebrow,.kicker { display:inline-flex; align-items:center; gap:10px; color:var(--electric); font-family:"Montserrat",sans-serif; font-weight:800; font-size:12px; letter-spacing:.12em; }
.eyebrow span { width:22px; height:2px; background:var(--cyan); }
.kicker.light { color:#64DCF0; }
.hero h1,.section-heading h2,.architecture-copy h2,.integration-copy h2,.software-banner h2,.security-copy h2,.demo-copy h2,.legal-page h1 { margin:18px 0 18px; font-family:"Montserrat",sans-serif; font-weight:800; line-height:1.08; letter-spacing:-.035em; }
.hero h1 { font-size:clamp(42px,4.25vw,66px); max-width:700px; }
.hero h1 em,.section-heading h2 em,.architecture-copy h2 em,.integration-copy h2 em,.security-copy h2 em,.demo-copy h2 em { font-style:normal; color:var(--electric); }
.hero-lead { margin:0; color:var(--text); font-size:17px; max-width:650px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:30px 0 20px; }
.hero-points { display:flex; flex-wrap:wrap; gap:16px; color:#53637A; font-size:13px; font-weight:600; }
.hero-points span { white-space:nowrap; }

.server-window { background:#fff; border:1px solid rgba(10,47,115,.13); border-radius:20px; overflow:hidden; box-shadow:0 34px 80px rgba(6,26,60,.16); transform:perspective(1200px) rotateY(-1.2deg) rotateX(.3deg); }
.server-window-top { min-height:44px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 14px; border-bottom:1px solid #E9EFF7; background:#FBFDFF; font-size:9px; font-weight:800; letter-spacing:.08em; color:#64758A; }
.window-dots { display:flex; gap:5px; }.window-dots i { width:7px; height:7px; border-radius:50%; background:#C8D3E1; }.window-dots i:first-child{background:#18CFE0}.window-dots i:nth-child(2){background:#1E73FF}.window-dots i:nth-child(3){background:#8C97A8}
.server-secure { justify-self:end; color:#0EAF77; }
.server-layout { display:grid; grid-template-columns:122px 1fr; min-height:430px; }
.mock-sidebar { background:linear-gradient(180deg,#061D43,#082D68); color:#D8E8FF; padding:18px 11px; display:flex; flex-direction:column; gap:6px; }
.mock-sidebar img { width:46px; margin:0 auto 3px; }
.mock-sidebar b { font-family:"Montserrat"; font-size:10px; text-align:center; letter-spacing:.13em; line-height:1.15; margin-bottom:14px; }
.mock-sidebar span { font-size:9px; padding:8px 9px; border-radius:7px; color:#BFD1E8; }
.mock-sidebar span.active { background:rgba(30,115,255,.34); color:#fff; }
.mock-main { background:#F7FAFE; padding:22px; }
.mock-title-row { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; }.mock-title-row small { color:#8290A4; font-size:8px; font-weight:800; letter-spacing:.08em; }.mock-title-row h3 { margin:2px 0 0; font-size:19px; }.status-pill { font-size:8px; color:#078C64; background:#E8FBF4; padding:6px 9px; border-radius:999px; font-weight:800; }
.mock-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.mock-cards>div { background:#fff; border:1px solid #E5ECF5; border-radius:10px; padding:11px; box-shadow:0 7px 16px rgba(10,47,115,.04); }.mock-cards small { display:block; font-size:8px; color:#7C8A9B; }.mock-cards strong { display:block; color:var(--navy); font-size:11px; margin:4px 0 1px; }.mock-cards span { font-size:8px; color:#0EAF77; }
.usage-card,.activity-card { background:#fff; border:1px solid #E5ECF5; border-radius:11px; margin-top:10px; padding:13px; box-shadow:0 7px 16px rgba(10,47,115,.035); }
.usage-head,.usage-meta,.activity-title { display:flex; justify-content:space-between; align-items:center; }.usage-head { font-size:9px; font-weight:700; }.usage-head b { color:var(--navy); }.progress { height:7px; border-radius:99px; background:#E8EEF6; overflow:hidden; margin:11px 0 7px; }.progress i { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,var(--electric),var(--cyan)); }.usage-meta { color:#8090A4; font-size:7.5px; }
.activity-title { font-size:9px; font-weight:700; margin-bottom:5px; }.activity-title b { color:#8290A4; font-size:7px; }.activity-row { display:grid; grid-template-columns:8px 70px 1fr 70px; gap:7px; align-items:center; border-top:1px solid #EEF3F8; padding:8px 0; font-size:7.5px; color:#637187; }.activity-row i { width:6px; height:6px; border-radius:50%; }.activity-row i.ok{background:#0EAF77}.activity-row i.pending{background:#E0A21A}.activity-row strong { color:#2E4664; font-size:7px; }.activity-row small { text-align:right; font-size:6.8px; }
.trust-strip { margin-top:62px; display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid #E2EAF4; border-radius:18px; box-shadow:var(--shadow-sm); position:relative; z-index:3; }
.trust-strip>div { min-height:104px; display:flex; align-items:center; gap:13px; padding:18px 20px; border-right:1px solid #E7EDF5; }.trust-strip>div:last-child{border-right:0}.trust-strip b { font-family:"Montserrat"; color:#C2D1E5; font-size:22px; }.trust-strip span { display:flex; flex-direction:column; }.trust-strip strong { font-size:13px; }.trust-strip small { color:#7B899B; font-size:10.5px; margin-top:2px; }

.section { padding:108px 0; }.section-white { background:#fff; }
.section-heading { max-width:700px; margin-bottom:54px; }.section-heading.centered { text-align:center; margin-left:auto; margin-right:auto; }
.section-heading h2,.architecture-copy h2,.integration-copy h2,.security-copy h2,.demo-copy h2 { font-size:clamp(34px,3.6vw,50px); }
.section-heading p,.architecture-copy>p,.integration-copy>p,.security-copy>p,.demo-copy>p { color:var(--text); font-size:16px; margin:0; }
.problem-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.feature-card { border:1px solid #E1E9F3; border-radius:18px; padding:28px 24px; background:linear-gradient(180deg,#fff,#FBFDFF); transition:.25s ease; }.feature-card:hover { transform:translateY(-5px); border-color:#BFD5F3; box-shadow:var(--shadow-sm); }.feature-icon { width:44px; height:44px; border-radius:12px; display:grid; place-items:center; color:var(--electric); background:#EAF2FF; font-weight:800; font-size:19px; }.feature-card h3 { font-family:"Montserrat"; font-size:17px; margin:18px 0 8px; }.feature-card p { color:var(--text); font-size:13.5px; margin:0; }

.how-section { background:linear-gradient(180deg,#F4F8FD,#F9FBFE); }
.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; position:relative; }.steps-grid::before { content:""; position:absolute; left:9%; right:9%; top:50px; height:1px; background:linear-gradient(90deg,#BED2EA,#7AB7FF,#7ADCE6,#BED2EA); z-index:0; }
.step { position:relative; z-index:1; background:#fff; border:1px solid #DDE7F2; border-radius:18px; padding:25px 22px; min-height:270px; }.step>b { position:absolute; right:18px; top:17px; color:#D2DDEA; font-family:"Montserrat"; font-size:23px; }.step-icon { width:62px; height:62px; display:grid; place-items:center; border-radius:17px; background:linear-gradient(135deg,#0A2F73,#1E73FF); color:#fff; font-family:"Montserrat"; font-size:12px; box-shadow:0 10px 20px rgba(30,115,255,.18); }.step h3 { font-family:"Montserrat"; font-size:16px; margin:20px 0 8px; }.step p { margin:0; color:var(--text); font-size:13px; }

.architecture-section { color:#fff; background:radial-gradient(circle at 80% 25%,rgba(24,207,224,.12),transparent 28%),linear-gradient(135deg,#04152F,#082C64 65%,#073B78); position:relative; overflow:hidden; }.architecture-section::before { content:""; position:absolute; inset:0; opacity:.11; 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:34px 34px; }
.architecture-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; position:relative; z-index:1; }.architecture-copy h2 { color:#fff; }.architecture-copy h2 em { color:#51DDF0; }.architecture-copy>p { color:#C5D3E6; }.check-list { list-style:none; padding:0; margin:28px 0; display:grid; gap:12px; }.check-list li { display:flex; align-items:flex-start; gap:10px; color:#E2ECF8; font-size:13.5px; }.check-list span { width:22px; height:22px; border-radius:50%; background:rgba(24,207,224,.15); color:#4DE0EF; display:grid; place-items:center; flex:0 0 22px; font-size:11px; }.architecture-note { border-left:3px solid var(--cyan); padding-left:14px; font-size:12px !important; color:#9FB4CF !important; }
.architecture-diagram { border:1px solid rgba(255,255,255,.16); border-radius:24px; padding:28px; background:rgba(3,17,39,.58); box-shadow:0 30px 70px rgba(0,0,0,.25); backdrop-filter:blur(10px); }.diagram-lan-label { text-align:center; color:#8CA6C6; font-size:9px; letter-spacing:.17em; font-weight:800; margin-bottom:15px; }.diagram-row.endpoints { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.diagram-node { border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.06); border-radius:13px; padding:14px; }.diagram-node b,.diagram-node small { display:block; }.diagram-node small { color:#91A9C6; font-size:9px; margin-top:2px; }.diagram-node.mini { text-align:center; font-size:11px; }.diagram-arrow { text-align:center; color:#68DCEB; font-size:9px; letter-spacing:.08em; font-weight:800; padding:10px 0; }.diagram-node.server { display:flex; align-items:center; gap:15px; background:linear-gradient(135deg,rgba(30,115,255,.22),rgba(24,207,224,.09)); border-color:rgba(74,175,255,.35); }.diagram-node.server img { width:56px; }.diagram-node.server b { font-family:"Montserrat"; font-size:15px; }.diagram-node.server small { font-size:9px; }.diagram-split { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.diagram-split>div>span { display:block; text-align:center; color:#65DCEB; font-size:18px; line-height:1.2; }.diagram-node.external,.diagram-node.cloud { min-height:72px; }.diagram-node.external b,.diagram-node.cloud b { font-size:11px; }.privacy-badge { margin-top:16px; border:1px solid rgba(24,207,224,.23); background:rgba(24,207,224,.07); border-radius:10px; color:#BFEAF0; font-size:10px; text-align:center; padding:9px; }.privacy-badge strong { color:#fff; }

.integration-grid { display:grid; grid-template-columns:1.02fr .98fr; gap:74px; align-items:center; }.code-window { border-radius:18px; overflow:hidden; background:#061B3D; color:#D8E7FA; box-shadow:0 28px 65px rgba(6,26,60,.20); }.code-top { height:44px; display:flex; align-items:center; gap:6px; padding:0 14px; background:#092654; border-bottom:1px solid rgba(255,255,255,.08); }.code-top span { width:7px; height:7px; border-radius:50%; background:#627B9E; }.code-top b { margin-left:auto; color:#87A5C9; font-size:9px; letter-spacing:.06em; }.code-window pre { margin:0; padding:28px 30px; overflow:auto; font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace; }.code-window code i { color:#56DDEB; font-style:normal; }.code-window code strong { color:#F3B65F; font-weight:500; }.code-result { border-top:1px solid rgba(255,255,255,.08); padding:13px 18px; display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; font-size:9px; }.code-result span { background:#0EAF77; color:#fff; border-radius:5px; padding:3px 6px; font-weight:800; }.code-result b { color:#C9DAEC; }.code-result small { color:#6F8FB7; }.mini-features { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:27px; }.mini-features div { border-left:2px solid #C8DCF6; padding-left:13px; }.mini-features b,.mini-features span { display:block; }.mini-features b { font-size:13px; }.mini-features span { color:var(--muted); font-size:11px; margin-top:3px; }

.software-section { padding-top:0; background:#fff; }.software-banner { position:relative; overflow:hidden; border-radius:26px; background:linear-gradient(135deg,#071D42,#0A3B80); color:#fff; padding:48px 52px; display:grid; grid-template-columns:1.05fr 1.25fr auto; gap:35px; align-items:center; box-shadow:var(--shadow); }.software-banner::before { content:""; position:absolute; width:340px; height:340px; right:-90px; top:-150px; border-radius:50%; background:radial-gradient(circle,rgba(24,207,224,.16),transparent 67%); }.software-banner h2 { font-size:27px; margin:10px 0 9px; }.software-banner p { color:#B8CBE2; font-size:12px; margin:0; }.software-flow { display:flex; align-items:center; justify-content:center; gap:8px; position:relative; z-index:1; }.software-flow>div { min-width:112px; padding:12px 10px; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:rgba(255,255,255,.06); text-align:center; }.software-flow b,.software-flow small { display:block; }.software-flow b { font-size:9px; }.software-flow small { color:#9FB7D4; font-size:7.5px; }.software-flow>span { color:#5FD6EA; }.software-flow .brand-node img { width:30px; margin:0 auto 5px; }

.security-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }.security-list { display:grid; gap:12px; margin-top:28px; }.security-list>div { display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:start; }.security-list>div>span { width:38px; height:38px; border-radius:10px; background:#EAF2FF; color:var(--electric); font-family:"Montserrat"; font-size:10px; font-weight:800; display:grid; place-items:center; }.security-list p { margin:0; color:var(--text); font-size:12.5px; }.security-list b { display:block; color:var(--ink); font-size:13px; margin-bottom:2px; }
.privacy-panel { border:1px solid #DCE6F2; border-radius:22px; overflow:hidden; background:#FBFDFF; box-shadow:var(--shadow-sm); }.privacy-panel-head { display:flex; align-items:center; gap:12px; padding:18px 22px; background:linear-gradient(135deg,#092758,#0B3B7C); color:#fff; }.privacy-panel-head img { width:44px; }.privacy-panel-head small,.privacy-panel-head b { display:block; }.privacy-panel-head small { color:#8FB4E0; font-size:8px; letter-spacing:.13em; }.privacy-panel-head b { font-size:14px; }.data-columns { display:grid; grid-template-columns:1fr 1fr; }.data-columns>div { padding:24px; }.data-local { border-right:1px solid #E1E8F1; }.data-columns h3 { font-family:"Montserrat"; font-size:13px; margin:0 0 14px; }.data-columns ul { list-style:none; margin:0; padding:0; display:grid; gap:10px; }.data-columns li { color:#596A80; font-size:11px; padding-left:17px; position:relative; }.data-local li::before { content:"✓"; position:absolute; left:0; color:#0EAF77; font-weight:800; }.data-cloud li::before { content:"↗"; position:absolute; left:0; color:var(--electric); font-weight:800; }.privacy-lock { margin:0 20px 20px; border-radius:12px; padding:13px 15px; background:#EDF8F5; color:#0D6D52; display:flex; gap:11px; align-items:center; }.privacy-lock>b{display:block}.privacy-lock span { display:flex; flex-direction:column; }.privacy-lock b { font-size:11px; }.privacy-lock small { color:#5D847A; font-size:9px; }

.plans-section { background:linear-gradient(180deg,#F5F9FD,#EFF5FB); }.plans-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }.plan-card { position:relative; border:1px solid #DCE6F2; background:#fff; border-radius:20px; padding:30px 27px; display:flex; flex-direction:column; box-shadow:0 10px 28px rgba(10,47,115,.05); }.plan-card.featured { border-color:#84B7FF; box-shadow:0 22px 50px rgba(30,115,255,.14); transform:translateY(-7px); }.popular { position:absolute; right:18px; top:15px; color:#fff; background:var(--electric); border-radius:999px; padding:5px 8px; font-size:7px; font-weight:800; letter-spacing:.08em; }.plan-label { font-family:"Montserrat"; font-weight:800; font-size:10px; letter-spacing:.12em; color:var(--electric); }.plan-card h3 { font-family:"Montserrat"; font-size:18px; margin:12px 0 20px; }.plan-volume { border-top:1px solid #E8EDF4; border-bottom:1px solid #E8EDF4; padding:18px 0; display:flex; align-items:flex-end; gap:8px; }.plan-volume strong { font-family:"Montserrat"; font-size:26px; color:var(--navy); line-height:1; }.plan-volume span { color:var(--muted); font-size:10px; }.plan-card ul { list-style:none; padding:0; margin:22px 0 26px; display:grid; gap:10px; flex:1; }.plan-card li { color:#53647B; font-size:12px; padding-left:19px; position:relative; }.plan-card li::before { content:"✓"; position:absolute; left:0; color:#0EAF77; font-weight:800; }.plans-note { color:#7B8899; text-align:center; font-size:11px; max-width:720px; margin:24px auto 0; }

.faq-section { background:#fff; }.faq-grid { display:grid; grid-template-columns:.68fr 1.32fr; gap:70px; align-items:start; }.faq-grid .section-heading { position:sticky; top:120px; }.accordion { border-top:1px solid #DDE6F1; }.accordion details { border-bottom:1px solid #DDE6F1; padding:0; }.accordion summary { list-style:none; cursor:pointer; padding:20px 42px 20px 0; font-family:"Montserrat"; font-weight:700; font-size:14px; position:relative; }.accordion summary::-webkit-details-marker{display:none}.accordion summary::after { content:"+"; position:absolute; right:5px; top:15px; width:29px; height:29px; border-radius:50%; background:#EEF4FB; color:var(--navy); display:grid; place-items:center; font-size:18px; font-family:"Inter"; font-weight:400; }.accordion details[open] summary::after { content:"−"; background:#E7F0FF; color:var(--electric); }.accordion details p { color:var(--text); font-size:12.5px; margin:-4px 42px 20px 0; }

.demo-section { color:#fff; background:radial-gradient(circle at 12% 20%,rgba(24,207,224,.13),transparent 28%),linear-gradient(135deg,#04152F,#082E66); }.demo-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:center; }.demo-copy h2 { color:#fff; }.demo-copy h2 em { color:#54DDED; }.demo-copy>p { color:#B8CBE1; }.demo-points { display:grid; gap:10px; margin-top:28px; color:#D6E4F4; font-size:13px; }.demo-points span::first-letter { color:#4DDFEA; }
.demo-form-card { background:#fff; border-radius:22px; padding:28px; color:var(--ink); box-shadow:0 32px 70px rgba(0,0,0,.24); }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.field { margin-bottom:14px; }.field label { display:block; font-size:10.5px; color:#44546B; font-weight:700; margin-bottom:6px; }.field input,.field textarea { width:100%; border:1px solid #D5E0EC; border-radius:10px; background:#FAFCFE; padding:11px 12px; color:var(--ink); outline:none; transition:.18s ease; }.field input:focus,.field textarea:focus { border-color:#73A8F7; box-shadow:0 0 0 3px rgba(30,115,255,.10); background:#fff; }.field textarea { resize:vertical; min-height:108px; }.field span.field-validation-error { display:block; color:#BD2F3B; font-size:9px; margin-top:4px; }.validation-summary { color:#BD2F3B; font-size:10px; margin-bottom:8px; }.validation-summary ul{margin:0 0 8px;padding-left:18px}.form-privacy { display:block; color:#8592A3; font-size:8.5px; margin-top:11px; line-height:1.5; }.form-privacy a { color:var(--electric); text-decoration:underline; }.hp-field { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(1px,1px,1px,1px) !important; white-space:nowrap !important; }.alert { border-radius:10px; padding:11px 13px; margin-bottom:14px; font-size:11px; font-weight:600; }.alert.success { background:#E9F9F3; color:#0B7356; border:1px solid #BFEBDC; }.alert.error { background:#FFF0F1; color:#A82935; border:1px solid #F1C4C8; }

.legal-disclaimer { background:#031127; color:#8FA6C3; border-top:1px solid rgba(255,255,255,.07); padding:15px 0; font-size:9.5px; }.legal-disclaimer b { color:#B9CCE1; }
.site-footer { background:#020C1D; color:#A9BCD3; padding:58px 0 18px; }.footer-grid { display:grid; grid-template-columns:1.7fr repeat(3,1fr); gap:45px; }.footer-brand img { width:205px; filter:brightness(0) invert(1); opacity:.92; }.footer-brand>p { margin:12px 0 0; color:#D2DDE9; font-size:11px; text-transform:uppercase; letter-spacing:.13em; }.footer-brand .footer-note { text-transform:none; letter-spacing:0; color:#7E94AE; max-width:330px; line-height:1.6; }.footer-grid h3 { color:#fff; font-family:"Montserrat"; font-size:11px; margin:0 0 14px; }.footer-grid>div:not(.footer-brand) { display:flex; flex-direction:column; gap:8px; }.footer-grid a,.footer-grid span { font-size:10.5px; color:#8EA3BC; }.footer-grid a:hover { color:#fff; }.footer-bottom { border-top:1px solid rgba(255,255,255,.08); margin-top:38px; padding-top:17px; display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:9px; color:#647A96; }.footer-bottom a:hover{color:#fff}

.legal-page { min-height:75vh; padding:150px 0 100px; background:linear-gradient(180deg,#F8FBFE,#fff); }.legal-container { max-width:850px; }.legal-page h1 { font-size:46px; }.legal-intro { font-size:17px; color:var(--text); }.legal-page h2 { font-family:"Montserrat"; font-size:17px; margin:32px 0 8px; }.legal-page p { color:var(--text); font-size:13.5px; }.legal-updated { margin:36px 0 24px; color:#8794A5 !important; font-size:11px !important; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }.reveal.visible { opacity:1; transform:none; }.reveal-delay { transition-delay:.10s; }

@media (max-width: 1060px) {
    .main-nav { gap:17px; font-size:12px; }
    .hero-grid { gap:34px; }
    .hero h1 { font-size:48px; }
    .server-layout { grid-template-columns:105px 1fr; }
    .trust-strip>div { padding:14px; }
    .problem-grid { grid-template-columns:1fr 1fr; }
    .architecture-grid,.integration-grid,.security-grid,.demo-grid { gap:45px; }
    .software-banner { grid-template-columns:1fr 1.3fr; }
    .software-banner>.btn { grid-column:1 / -1; justify-self:start; }
}

@media (max-width: 860px) {
    .container { width:min(100% - 30px, 740px); }
    .site-header { background:rgba(255,255,255,.96); }
    .header-inner { height:70px; }.brand{width:185px}.nav-toggle{display:block;position:relative;z-index:1002}.main-nav { position:fixed; top:70px; left:0; right:0; bottom:0; background:#fff; display:flex; flex-direction:column; align-items:stretch; gap:0; padding:18px 24px 30px; transform:translateX(100%); visibility:hidden; transition:.25s ease; overflow:auto; }.main-nav.open { transform:none; visibility:visible; }.main-nav>a { padding:15px 4px !important; border-bottom:1px solid #EDF1F6; font-size:15px; }.main-nav>a::after{display:none}.main-nav .btn{margin-top:15px;border-bottom:0!important}.hero { padding-top:120px; }.hero-grid,.architecture-grid,.integration-grid,.security-grid,.demo-grid,.faq-grid { grid-template-columns:1fr; }.hero-copy { text-align:center; }.hero-lead { margin-left:auto; margin-right:auto; }.hero-actions,.hero-points { justify-content:center; }.server-window { max-width:650px; margin:0 auto; transform:none; }.trust-strip { grid-template-columns:1fr 1fr; }.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div:nth-child(-n+2){border-bottom:1px solid #E7EDF5}.section{padding:82px 0}.steps-grid { grid-template-columns:1fr 1fr; }.steps-grid::before{display:none}.architecture-copy{text-align:left}.integration-visual{order:2}.integration-copy{order:1}.software-banner{grid-template-columns:1fr}.software-flow{justify-content:flex-start;flex-wrap:wrap}.software-banner>.btn{grid-column:auto}.faq-grid .section-heading{position:static}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2 / -1}.plans-grid{grid-template-columns:1fr;max-width:590px;margin:0 auto}.plan-card.featured{transform:none;order:-1}.data-columns{grid-template-columns:1fr}.data-local{border-right:0;border-bottom:1px solid #E1E8F1}
}

@media (max-width: 560px) {
    .container { width:calc(100% - 24px); }
    .hero { padding:108px 0 24px; }.hero h1 { font-size:39px; }.hero-lead { font-size:15px; }.hero-actions { flex-direction:column; }.hero-actions .btn { width:100%; }.hero-points { display:grid; gap:6px; text-align:left; justify-content:start; margin:0 auto; width:fit-content; }
    .server-window-top { grid-template-columns:1fr auto; }.server-window-top>span:nth-of-type(1){display:none}.server-layout{grid-template-columns:1fr}.mock-sidebar{display:none}.mock-main{padding:15px}.mock-cards{grid-template-columns:1fr 1fr}.mock-cards>div:last-child{grid-column:1/-1}.activity-row{grid-template-columns:8px 60px 1fr}.activity-row small{display:none}.trust-strip{grid-template-columns:1fr;margin-top:35px}.trust-strip>div{border-right:0!important;border-bottom:1px solid #E7EDF5!important;min-height:82px}.trust-strip>div:last-child{border-bottom:0!important}.section{padding:68px 0}.section-heading{margin-bottom:36px}.section-heading h2,.architecture-copy h2,.integration-copy h2,.security-copy h2,.demo-copy h2{font-size:34px}.problem-grid,.steps-grid{grid-template-columns:1fr}.step{min-height:0}.diagram-row.endpoints{grid-template-columns:1fr 1fr}.diagram-row.endpoints>div:last-child{grid-column:1/-1}.architecture-diagram{padding:18px}.diagram-split{grid-template-columns:1fr}.mini-features{grid-template-columns:1fr}.software-banner{padding:34px 23px}.software-flow{display:grid;grid-template-columns:1fr}.software-flow>span{transform:rotate(90deg);justify-self:center}.software-flow>div{width:100%}.form-row{grid-template-columns:1fr}.demo-form-card{padding:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column}.legal-page{padding-top:120px}.legal-page h1{font-size:37px}.code-window pre{padding:22px 18px;font-size:11px}.code-result{grid-template-columns:auto 1fr}.code-result small{display:none}
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior:auto; }
    *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
    .reveal { opacity:1; transform:none; }
}