:root {
  --sp-ink: #101828;
  --sp-muted: #667085;
  --sp-border: #e4e7ec;
  --sp-soft: #f7f9fc;
  --sp-blue: #17388f;
  --sp-blue-dark: #172170;
  --sp-cyan: #02a0e5;
  --sp-navy: #0b1220;
  --sp-green: #10b981;
  --sp-danger: #dc2626;
  --sp-radius: 1.2rem;
  --sp-shadow: 0 18px 50px rgba(16, 24, 40, .08);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { color: var(--sp-ink); background: #fff; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--sp-blue); }
.icon { width: 1.15em; height: 1.15em; vertical-align: -.16em; flex: 0 0 auto; }
.skip-link { position: fixed; left: 1rem; top: -100px; z-index: 2000; background: #fff; color: #111827; padding: .7rem 1rem; border-radius: .5rem; box-shadow: var(--sp-shadow); }
.skip-link:focus { top: 1rem; }
.site-header { background: rgba(255,255,255,.92); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(228,231,236,.72); transition: box-shadow .2s ease; }
.site-header.scrolled { box-shadow: 0 8px 30px rgba(16,24,40,.07); }
.navbar { min-height: 74px; }
.brand-mark { display: inline-flex; align-items: center; color: var(--sp-ink); text-decoration: none; }
.brand-logo { display:block; width:auto; object-fit:contain; }
.brand-logo-header { height:46px; max-width:190px; }
.footer-brand-panel { display:inline-flex; background:#fff; border-radius:.9rem; padding:.35rem .65rem; }
.brand-logo-footer { height:50px; max-width:210px; }
.navbar .nav-link { color: #475467; font-weight: 590; padding-inline: .8rem !important; }
.navbar .nav-link.active, .navbar .nav-link:hover { color: var(--sp-blue-dark); }
.nav-actions .btn { font-weight: 650; }
.btn { border-radius: .7rem; font-weight: 650; }
.btn-primary { --bs-btn-bg: var(--sp-blue); --bs-btn-border-color: var(--sp-blue); --bs-btn-hover-bg: var(--sp-blue-dark); --bs-btn-hover-border-color: var(--sp-blue-dark); }
.narrow { max-width: 830px; }
.hero-section { color: #fff; background: radial-gradient(circle at 15% 15%, rgba(37,99,235,.28), transparent 30%), linear-gradient(135deg,#07101f 0%,#0b1220 45%,#111d33 100%); min-height: 690px; display: flex; align-items: center; position: relative; }
.hero-section .container { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(30px); opacity: .28; pointer-events: none; }
.hero-glow-one { width: 300px; height: 300px; background: #2563eb; right: -120px; top: 20px; }
.hero-glow-two { width: 240px; height: 240px; background: #06b6d4; left: 40%; bottom: -130px; }
.eyebrow { display: inline-flex; align-items: center; gap: .45rem; color: #93c5fd; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; }
.eyebrow-light { color: var(--sp-blue-dark); }
.hero-title { line-height: 1.01; letter-spacing: -.055em; max-width: 760px; }
.hero-title span { background: linear-gradient(90deg,#93c5fd,#67e8f9); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-copy { color: #cbd5e1; max-width: 670px; font-size: 1.13rem; line-height: 1.75; }
.hero-meta { display: flex; flex-wrap: wrap; gap: .65rem 1.15rem; color: #cbd5e1; font-size: .86rem; }
.hero-meta span { display: inline-flex; align-items: center; gap: .3rem; }
.hero-meta .icon { color: #67e8f9; }
.product-preview { background: rgba(255,255,255,.97); color: var(--sp-ink); border: 1px solid rgba(255,255,255,.28); border-radius: 1.4rem; overflow: hidden; box-shadow: 0 36px 100px rgba(0,0,0,.38); transform: perspective(1200px) rotateY(-4deg) rotateX(2deg); }
.preview-topbar { display: flex; align-items: center; gap: .65rem; padding: .75rem .9rem; border-bottom: 1px solid #edf0f5; font-size: .78rem; }
.preview-logo-img { width:46px; height:30px; object-fit:contain; }
.preview-title { font-weight: 750; }
.preview-live { margin-left: auto; color: #067647; background: #ecfdf3; border: 1px solid #abefc6; padding: .18rem .45rem; border-radius: 99px; font-size: .58rem; font-weight: 800; }
.preview-body { display: grid; grid-template-columns: 54px 1fr; min-height: 390px; }
.preview-sidebar { background: #101828; display: flex; flex-direction: column; align-items: center; gap: .85rem; padding: 1rem .6rem; }
.preview-sidebar span { width: 24px; height: 24px; border-radius: 7px; background: #344054; }
.preview-sidebar span.active { background: var(--sp-blue); }
.preview-content { background: #f8fafc; padding: 1rem; }
.preview-heading { display: flex; justify-content: space-between; align-items: center; font-size: .85rem; }
.preview-heading span { color: var(--sp-muted); font-size: .66rem; }
.preview-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: .65rem; margin-top: .9rem; }
.preview-kpis div { background: #fff; border: 1px solid #eaecf0; border-radius: .8rem; padding: .72rem; position: relative; overflow: hidden; }
.preview-kpis small { display:block; color: var(--sp-muted); font-size: .55rem; }
.preview-kpis strong { font-size: .75rem; display: block; margin-top: .3rem; }
.preview-kpis i { position: absolute; width: 34px; height: 34px; border-radius: 50%; background: #eff6ff; right: -.5rem; bottom: -.5rem; }
.preview-panels { display: grid; grid-template-columns: 1.3fr .9fr; gap: .65rem; margin-top: .65rem; }
.preview-chart, .preview-list { background: #fff; border: 1px solid #eaecf0; border-radius: .8rem; padding: .8rem; min-height: 190px; }
.chart-label { font-weight: 700; font-size: .62rem; }
.chart-bars { height: 125px; display: flex; align-items: end; gap: .35rem; padding-top: 1rem; }
.chart-bars i { flex:1; border-radius: 4px 4px 1px 1px; background: linear-gradient(#60a5fa,#2563eb); }
.chart-bars i:nth-child(1){height:42%}.chart-bars i:nth-child(2){height:60%}.chart-bars i:nth-child(3){height:50%}.chart-bars i:nth-child(4){height:82%}.chart-bars i:nth-child(5){height:66%}.chart-bars i:nth-child(6){height:90%}.chart-bars i:nth-child(7){height:74%}
.preview-list span { display:flex; justify-content:space-between; padding:.75rem 0; border-bottom:1px solid #f1f2f4; font-size:.57rem; }
.preview-list span:last-child { border-bottom:0; }
.preview-list b { font-weight:700; }.preview-list em{font-style:normal;color:var(--sp-muted)}
.trust-strip { border-bottom:1px solid var(--sp-border); background:#fff; }
.trust-strip strong, .trust-strip span { display:block; }.trust-strip strong{font-size:.9rem}.trust-strip span{font-size:.75rem;color:var(--sp-muted);margin-top:.15rem}
.section-space { padding: 5.5rem 0; }
.section-heading { max-width: 760px; }
.section-heading h2, .section-title { font-weight: 760; letter-spacing: -.035em; font-size: clamp(2rem,4vw,3rem); margin-top: .75rem; }
.section-heading p, .section-copy { color: var(--sp-muted); line-height: 1.8; font-size: 1.04rem; }
.bg-soft { background: var(--sp-soft); border-top: 1px solid #eef1f5; border-bottom:1px solid #eef1f5; }
.feature-card { padding: 1.6rem; border:1px solid var(--sp-border); border-radius:var(--sp-radius); background:#fff; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.feature-card:hover { transform:translateY(-3px); box-shadow:var(--sp-shadow); border-color:#cfd8e6; }
.feature-icon { width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:var(--sp-blue);background:#eff6ff;margin-bottom:1.1rem; }
.feature-icon .icon { width:24px;height:24px; }.feature-icon.large{width:58px;height:58px}.feature-icon.large .icon{width:29px;height:29px}
.feature-card h3 { font-size:1.08rem;font-weight:750; }.feature-card p { color:var(--sp-muted);line-height:1.7;margin-bottom:0;font-size:.92rem; }
.platform-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1rem; }
.platform-card { min-height:160px;background:#fff;border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:1.4rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;box-shadow:0 8px 30px rgba(16,24,40,.04); }
.platform-card .icon{width:32px;height:32px;color:var(--sp-blue);margin-bottom:auto}.platform-card strong{font-size:1.05rem}.platform-card span{font-size:.8rem;color:var(--sp-muted);margin-top:.2rem}.platform-card-accent{background:var(--sp-navy);color:#fff;border-color:var(--sp-navy)}.platform-card-accent span{color:#aab5c8}.platform-card-accent .icon{color:#67e8f9}
.text-link { display:inline-flex;align-items:center;gap:.35rem;font-weight:700;text-decoration:none }.text-link .icon{transition:transform .2s}.text-link:hover .icon{transform:translateX(3px)}
.cta-panel { background: linear-gradient(135deg,#0b1220,#17233d); color:#fff; border-radius:1.5rem; padding:2rem 2.2rem; display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:0 25px 70px rgba(16,24,40,.18); }.cta-panel h2{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.035em;margin:.45rem 0}.cta-panel p{color:#b8c3d4;margin:0}.cta-panel .eyebrow{color:#67e8f9}.cta-panel .btn-light{color:var(--sp-ink)}
.page-hero { background:linear-gradient(180deg,#f7f9fc,#fff); padding:5.5rem 0 4.8rem; }.page-hero h1{font-size:clamp(2.5rem,5vw,4.3rem);font-weight:780;letter-spacing:-.05em;line-height:1.02;margin:.8rem 0 1rem}.page-hero p{color:var(--sp-muted);font-size:1.08rem;line-height:1.75}
.feature-group { padding:3rem 0;border-bottom:1px solid var(--sp-border) }.feature-group:last-child{border-bottom:0}.feature-group-title{position:sticky;top:100px}.feature-group-title h2{font-size:2rem;letter-spacing:-.035em}.mini-feature{padding:1.35rem;background:var(--sp-soft);border:1px solid #edf0f4;border-radius:1rem}.mini-feature h3{font-size:1rem;font-weight:750}.mini-feature p{color:var(--sp-muted);font-size:.9rem;line-height:1.65;margin:0}
.card-shell { background:#fff;border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:0 12px 36px rgba(16,24,40,.045); }
.hardware-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sp-muted);background:#f9fafb}.hardware-table td,.hardware-table th{padding:1rem}.status-yes{color:#067647;font-weight:700}.status-no{color:#b42318;font-weight:700}
.platform-download { border:1px solid var(--sp-border);border-radius:1.3rem;padding:2rem;background:#fff;display:flex;flex-direction:column;box-shadow:0 14px 42px rgba(16,24,40,.05) }.platform-download.featured{border-color:#b9d2ff;box-shadow:0 20px 55px rgba(37,99,235,.12)}.platform-download-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#eff6ff;color:var(--sp-blue);margin-bottom:1.3rem}.platform-download-icon .icon{width:31px;height:31px}.platform-download h2{font-size:1.5rem;font-weight:760}.platform-download p{color:var(--sp-muted);line-height:1.7;flex:1}.notice-card{border:1px solid #b9d2ff;background:#f5f9ff;padding:1.2rem 1.3rem;border-radius:1rem}.notice-card strong{display:block;margin-bottom:.3rem}
.pricing-card { position:relative;border:1px solid var(--sp-border);border-radius:1.35rem;padding:1.75rem;background:#fff;display:flex;flex-direction:column;box-shadow:0 12px 38px rgba(16,24,40,.05) }.pricing-card.featured{border-color:#93b9ff;box-shadow:0 24px 65px rgba(37,99,235,.14)}.popular-badge{position:absolute;right:1.2rem;top:1.2rem;background:#eff6ff;color:var(--sp-blue-dark);border:1px solid #bfdbfe;padding:.3rem .6rem;border-radius:99px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.plan-key{font-size:.7rem;color:var(--sp-blue-dark);font-weight:800;letter-spacing:.1em}.pricing-head h2{font-size:1.75rem;font-weight:780;margin:.45rem 0}.pricing-head p{color:var(--sp-muted);min-height:3rem}.price-block{margin:1.3rem 0 .4rem}.price-block strong{font-size:1.65rem;letter-spacing:-.03em;display:block}.price-block span,.trial-note{font-size:.78rem;color:var(--sp-muted)}.pricing-limits{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1.2rem 0;padding:1rem 0;border-top:1px solid var(--sp-border);border-bottom:1px solid var(--sp-border)}.pricing-limits div{display:flex;justify-content:space-between;font-size:.78rem}.pricing-limits span{color:var(--sp-muted)}.pricing-features{list-style:none;padding:0;margin:0 0 1.5rem}.pricing-features li{display:flex;align-items:center;gap:.55rem;padding:.38rem 0;font-size:.86rem}.pricing-features .icon{color:var(--sp-green);stroke-width:2.4}
.guide-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:3rem;align-items:start}.guide-nav{position:sticky;top:98px;padding:1.1rem;display:flex;flex-direction:column;gap:.2rem}.guide-nav strong{padding:.45rem .65rem}.guide-nav a{padding:.45rem .65rem;border-radius:.5rem;text-decoration:none;color:#475467;font-size:.82rem}.guide-nav a:hover{background:#f2f4f7;color:var(--sp-blue-dark)}.guide-content{min-width:0}.guide-step{display:grid;grid-template-columns:60px 1fr;gap:1.25rem;padding:0 0 3.3rem;margin-bottom:3.3rem;border-bottom:1px solid var(--sp-border);scroll-margin-top:110px}.guide-step>span{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--sp-navy);color:#fff;font-weight:800}.guide-step h2{font-size:1.6rem;font-weight:760;letter-spacing:-.025em}.guide-step p{color:var(--sp-muted);line-height:1.75}.guide-tip{background:#f5f9ff;border:1px solid #cfe0ff;border-radius:.8rem;padding:.9rem 1rem;font-size:.9rem}
.support-card{display:block;height:100%;padding:1.35rem;border:1px solid var(--sp-border);border-radius:1rem;text-decoration:none;color:var(--sp-ink);transition:.2s;background:#fff}.support-card:hover{transform:translateY(-2px);box-shadow:var(--sp-shadow);color:var(--sp-ink)}.support-card h2{font-size:1.05rem;font-weight:750}.support-card p{color:var(--sp-muted);font-size:.86rem}.support-card>span{display:inline-flex;gap:.3rem;align-items:center;color:var(--sp-blue);font-weight:700;font-size:.82rem}.support-checklist{padding-left:1.2rem}.support-checklist li{margin:.8rem 0;color:var(--sp-muted);line-height:1.65}.support-contact-panel{background:var(--sp-navy);color:#fff}.support-contact-panel p{color:#aeb9ca}.support-email{color:#93c5fd;font-size:1.08rem;font-weight:700}
.about-stack{display:grid;gap:.85rem}.about-stack div{display:flex;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--sp-border);padding:1rem 0}.about-stack strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--sp-muted)}.about-stack span{text-align:right;font-weight:650}
.contact-copy h2{font-size:2rem;letter-spacing:-.035em}.contact-copy>p{color:var(--sp-muted);line-height:1.75}.contact-point{border-top:1px solid var(--sp-border);padding:1rem 0}.contact-point strong,.contact-point a{display:block}.contact-point strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sp-muted);margin-bottom:.25rem}.contact-point a{text-decoration:none;font-weight:650;word-break:break-word}.form-control,.form-select{border-color:#d0d5dd;border-radius:.65rem;padding:.7rem .8rem}.form-control:focus,.form-select:focus{border-color:#84adff;box-shadow:0 0 0 .2rem rgba(37,99,235,.1)}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.legal-hero{padding-bottom:3.5rem}.legal-wrap{max-width:900px}.legal-doc{font-size:.98rem;line-height:1.8}.legal-doc>p{color:#475467}.legal-doc h2{font-size:1.35rem;font-weight:770;margin:2.4rem 0 .7rem;letter-spacing:-.02em}.legal-doc h3{font-size:1rem;font-weight:750;margin:1.4rem 0 .35rem}.legal-doc a{font-weight:650}.legal-note{margin-top:2.5rem;padding:1rem 1.1rem;border-radius:.8rem;background:#fffaeb;border:1px solid #fedf89;color:#7a2e0e!important}.legal-side{padding:1.4rem;position:sticky;top:98px}.legal-side ol{padding-left:1.1rem}.legal-side li{margin:.8rem 0;color:var(--sp-muted);line-height:1.6}
.error-page{min-height:65vh;display:flex;align-items:center}.error-code{font-size:6rem;font-weight:850;line-height:1;color:#dbe7ff;letter-spacing:-.06em}.error-page h1{font-size:2.4rem;font-weight:780;letter-spacing:-.04em}.error-page p{color:var(--sp-muted)}
.site-footer{background:#0b1220;color:#d7deea;margin-top:2rem}.footer-brand{color:#fff}.footer-copy{color:#98a2b3;max-width:360px;font-size:.88rem;line-height:1.65}.footer-heading{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3;margin-bottom:.85rem}.site-footer .col-6>a,.site-footer .col-12>a{display:block;color:#e4e7ec;text-decoration:none;font-size:.86rem;padding:.32rem 0}.site-footer a:hover{color:#93c5fd}.footer-bottom{border-top:1px solid #263247;color:#7f8ca3;font-size:.78rem}
@media (max-width: 991.98px) {
  .navbar-collapse{padding:1rem 0 1.2rem}.nav-actions{padding-top:.8rem;border-top:1px solid var(--sp-border)}
  .hero-section{min-height:auto}.product-preview{transform:none}.feature-group-title{position:static}.guide-layout{grid-template-columns:1fr}.guide-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-side{position:static}.cta-panel{align-items:flex-start;flex-direction:column}
}
@media (max-width: 767.98px) {
  .section-space{padding:4rem 0}.page-hero{padding:4rem 0 3.6rem}.hero-title{font-size:2.8rem}.preview-body{grid-template-columns:42px 1fr;min-height:340px}.preview-sidebar{padding-inline:.45rem}.preview-sidebar span{width:20px;height:20px}.preview-kpis{grid-template-columns:1fr}.preview-kpis div:nth-child(n+2){display:none}.preview-panels{grid-template-columns:1fr}.preview-list{display:none}.product-preview{border-radius:1rem}.platform-grid{grid-template-columns:1fr}.pricing-head p{min-height:0}.guide-nav{grid-template-columns:1fr 1fr}.guide-step{grid-template-columns:44px 1fr;gap:.85rem}.guide-step>span{width:42px;height:42px;border-radius:12px}.about-stack div{flex-direction:column;gap:.25rem}.about-stack span{text-align:left}.cta-panel{padding:1.5rem}.hardware-table{font-size:.8rem}
}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important} }

@media (max-width: 575.98px) { .brand-logo-header{height:40px;max-width:165px}.brand-logo-footer{height:46px;max-width:185px} }