:root{font-family:Inter,Segoe UI,sans-serif;color:#334155;background-color:#fff;line-height:1.6;font-weight:400;--header-height: 96px;--header-cta-height: calc(24px + 1.6em) ;--color-white: #ffffff;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e5e7eb;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-accent: #00d1ff;--color-accent-soft: rgba(0, 209, 255, .1);--color-success: #34d399;--color-success-soft: rgba(52, 211, 153, .12);--color-warning: #fbbf24;--color-warning-soft: rgba(251, 191, 36, .14);--color-danger: #f87171;--color-danger-soft: rgba(248, 113, 113, .14);--color-blue: #3b82f6;--color-blue-soft: rgba(59, 130, 246, .12);--color-ink: var(--color-slate-800);--color-body: var(--color-slate-700);--color-muted: var(--color-slate-500);--color-muted-on-dark: var(--color-slate-400);--color-border: var(--color-slate-200);--color-border-on-dark: rgba(255, 255, 255, .08);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-full: 9999px;--button-alpha: 1;--shadow-soft: 0 20px 45px rgba(15, 23, 42, .08);--shadow-card: 0 24px 60px rgba(15, 23, 42, .14);--grid-texture: linear-gradient(rgba(148, 163, 184, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, .08) 1px, transparent 1px);--grid-texture-dark: linear-gradient(rgba(15, 23, 42, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, .06) 1px, transparent 1px);--color-offwhite: #f6f4f0;--color-accent-strong: #0891b2}*{box-sizing:border-box}html{scroll-behavior:smooth}::selection{background:var(--color-accent);color:var(--color-slate-900)}body{margin:0;min-height:100vh;background:var(--color-slate-50);color:var(--color-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.app-shell{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.page{min-height:100%}.container{width:min(1120px,90%);margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:var(--color-accent-strong);margin-bottom:12px}.hero .eyebrow,.page-hero .eyebrow{color:var(--color-accent)}h1,h2,h3{font-family:Inter,Segoe UI,sans-serif;margin:0 0 12px;color:var(--color-ink);letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(2.6rem,3vw,3.6rem);font-weight:700;line-height:1.1}h2{font-size:clamp(2rem,2.4vw,2.8rem);font-weight:700}h3{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}p{margin:0 0 16px}.lead{font-size:1.1rem;max-width:540px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;border:1.5px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;cursor:pointer}.button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.button-solid{background:var(--color-slate-900);color:#fff}.button-solid:hover{background:var(--color-slate-700)}.button-solid.is-hero-cta{background:var(--color-success);color:var(--color-slate-900);min-width:240px;padding:14px 32px}.button-solid.is-hero-cta:hover{background:var(--color-success);color:var(--color-slate-900);transform:translateY(-3px);box-shadow:0 16px 32px #34d39947}.button-outline{background:transparent;border-color:var(--color-slate-900);color:var(--color-slate-900)}.button-ghost{background:transparent;border-color:transparent;color:var(--color-slate-900)}.hero .button-outline,.hero .button-ghost,.page-hero .button-outline,.page-hero .button-ghost{color:#fff;border-color:#ffffff59}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;background:#080c18f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06);transition:transform .25s ease}.site-header.is-hidden{transform:translateY(-110%)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;position:relative;min-height:var(--header-height)}.brand{display:inline-flex;align-items:center;gap:12px}.brand-logo{height:calc(var(--header-cta-height) * 1.1);width:auto}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-name{font-family:Inter,sans-serif;font-weight:700;font-size:1.3rem;color:#fff;letter-spacing:-.01em}.brand-subtitle{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-slate-400)}.brand-logo.is-dark{display:none}.site-nav{display:flex;align-items:center;gap:40px}.nav-link{font-weight:500;padding:6px 0;border-bottom:2px solid transparent}.nav-link.is-active{border-color:var(--color-accent)}.site-header .nav-link{color:#f1f5f9}.site-header .nav-link.is-active{color:#fff;border-color:var(--color-accent)}.site-header .button-solid{background:var(--color-accent);color:var(--color-slate-900)}.site-header .button-solid:hover{background:var(--color-accent);filter:brightness(1.08)}.nav-toggle{display:none;background:none;border:none;cursor:pointer}.nav-toggle span{display:block;width:26px;height:2px;background:#f1f5f9;margin:6px 0}.hero,.page-hero{position:relative;overflow:hidden;padding:var(--header-height) 0 120px}.page-hero{background-color:var(--color-slate-900);background-image:var(--grid-texture);background-size:42px 42px}.hero{background-color:var(--color-offwhite);background-image:var(--grid-texture-dark);background-size:42px 42px;padding-top:calc(var(--header-height) + 56px);padding-bottom:64px;min-height:clamp(620px,56vw,840px);display:flex;align-items:center;--hero-gap: 28px}.page-hero.is-compact{padding:calc(var(--header-height) + 150px) 0 72px}.page-hero.is-compact .hero-grid{gap:48px;align-items:center;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(300px,max-content));max-width:960px;margin:0 auto}.page-hero.is-compact .hero-copy,.page-hero.is-compact .hero-copy .lead{max-width:640px}.page-hero.is-compact .hero-card{align-self:start}.page-hero.is-centered .hero-grid{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.page-hero.is-centered .hero-copy{max-width:100%;width:100%}.page-hero.is-centered .lead{margin-left:auto;margin-right:auto}.page-hero.is-centered .hero-actions{justify-content:center}.page-hero.is-compact.is-centered{padding:calc(var(--header-height) + 48px) 0 80px}.hero>.container{position:relative;z-index:2;width:min(1120px,90%);margin:0 auto}.page-hero .hero-copy,.page-hero .hero-copy h1,.page-hero .hero-copy p{color:#fff}.hero .hero-copy,.hero .hero-copy h1,.hero .hero-copy p{color:var(--color-ink)}.hero .hero-copy h1,.page-hero .hero-copy h1{font-weight:700;margin-bottom:var(--hero-gap, 28px)}.page-hero .hero-copy .lead{color:var(--color-slate-300);margin-bottom:var(--hero-gap, 28px)}.hero .hero-copy .lead{color:var(--color-body);margin-bottom:var(--hero-gap, 28px)}.page-hero .hero-card,.page-hero .hero-card h2{color:var(--color-ink)}.page-hero .hero-card p{color:var(--color-body)}.hero .hero-actions{margin:0 0 var(--hero-gap)}.hero .hero-metrics h3{color:var(--color-accent-strong);font-size:1.5rem}.hero .hero-metrics p{color:var(--color-muted);margin:0;font-size:.9rem}.hero-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;width:100%;justify-items:stretch}.hero.is-centered .hero-grid{grid-template-columns:minmax(0,1fr);justify-items:center}.hero.is-centered .hero-copy{width:100%}.hero.is-centered .lead{margin-left:auto;margin-right:auto;max-width:640px}.hero.is-centered .hero-metrics{max-width:800px;margin-left:auto;margin-right:auto}.hero-copy{animation:fadeUp .8s ease forwards}.hero-card{position:relative;background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);animation:fadeUp .8s ease .1s forwards;opacity:0}.hero-card-inner{display:grid;gap:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:0;border-top:none}.hero-metrics>div{display:flex;flex-direction:column;min-height:96px;padding:14px 0}.hero-metrics h3{margin-bottom:4px}.hero-glow{position:absolute;inset:-30% -10% auto auto;width:480px;height:480px;background:radial-gradient(circle,rgba(0,209,255,.28),transparent 70%);opacity:.9;animation:float 7s ease-in-out infinite;z-index:1;pointer-events:none}.hero-panel{position:relative;z-index:2;background:var(--color-slate-800);border:1px solid var(--color-border-on-dark);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);animation:fadeUp .8s ease .15s forwards;opacity:0}.hero-panel-status{display:flex;align-items:center;gap:10px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--color-border-on-dark)}.status-dot{width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-success);box-shadow:0 0 0 4px var(--color-success-soft);animation:pulseDot 2.4s ease-in-out infinite;flex-shrink:0}.status-dot.is-warning{background:var(--color-warning);box-shadow:0 0 0 4px var(--color-warning-soft)}.status-dot.is-danger{background:var(--color-danger);box-shadow:0 0 0 4px var(--color-danger-soft)}.hero-panel-status strong{color:#fff;font-size:.95rem;font-weight:600}.hero-panel-status span{color:var(--color-slate-400);font-size:.85rem}.hero-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px;margin-bottom:20px}.hero-stat-tile p{margin:0}.hero-stat-label{text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;font-weight:700;color:var(--color-slate-400);margin-bottom:4px}.hero-stat-value{font-size:1.15rem;font-weight:700;color:var(--color-ink);line-height:1.25}.hero-panel .hero-stat-value{color:#fff}.hero-stat-value.is-accent{color:var(--color-accent)}.hero-stat-value.is-success{color:var(--color-success)}.hero-stat-value.is-warning{color:var(--color-warning)}.hero-stat-value.is-danger{color:var(--color-danger)}.section{--section-pad-y: 90px;padding:var(--section-pad-y) 0}.hero-counter-strip{background:var(--color-slate-900);background-image:var(--grid-texture);background-size:42px 42px;color:#fff;padding:40px 0;text-align:center}.hero-counter-strip h2{color:inherit;margin:0;font-size:clamp(1.6rem,2.2vw,2.4rem);font-weight:600}.hero-counter-strip h2 strong{color:var(--color-accent)}.section.is-cream{background:#fff}.section.is-mist,.section.is-sand,.section-diagonal{background:var(--color-slate-50)}.section-diagonal-teal-bottom{background:#fff}.section-heading{max-width:640px;margin-bottom:36px}.section-heading.core-capabilities-heading{max-width:none;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center}.section-heading.core-capabilities-heading.is-media-wide{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.core-capabilities-image{display:flex;justify-content:flex-end}.core-capabilities-image img{width:min(420px,100%);height:auto;border-radius:var(--radius-lg);background:transparent;filter:drop-shadow(0 18px 28px rgba(15,23,42,.16))}.section-heading.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;align-items:center}.section-heading.split>p{margin:0}.card-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{padding:22px;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft);border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.card-reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.card-reveal.is-visible{opacity:1;transform:translateY(0)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.card.accent{background:var(--color-slate-900);border-color:#ffffff14}.card.accent h3{color:#fff}.card.accent p{color:var(--color-slate-400)}.icon-badge{width:44px;height:44px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.icon-badge svg{width:22px;height:22px}.icon-badge.is-cyan{background:var(--color-accent-soft);color:var(--color-accent)}.icon-badge.is-emerald{background:var(--color-success-soft);color:var(--color-success)}.icon-badge.is-amber{background:#fbbf2424;color:var(--color-warning)}.card.accent .icon-badge{background:#ffffff14}.benefit-item{display:flex;gap:12px;align-items:flex-start}.benefit-marker{width:10px;height:10px;border-radius:3px;margin-top:7px;flex-shrink:0}.benefit-marker.is-cyan{background:var(--color-accent)}.benefit-marker.is-emerald{background:var(--color-success)}.benefit-marker.is-amber{background:var(--color-warning)}.phone-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.phone-frame{position:relative;width:100%;max-width:300px;margin:0 auto;filter:drop-shadow(0 24px 45px rgba(15,23,42,.22))}.phone-frame-hardware{display:block;width:100%;height:auto;position:relative;z-index:2;pointer-events:none}.phone-screen{position:absolute;inset:3.44% 7.22% 3.44% 7.19%;z-index:1;background:#fff;border-radius:8.89%/4.09%;overflow:hidden;padding:7% 6% 4%;display:flex;flex-direction:column}.phone-screen .health-card-header{margin-bottom:8px;flex-wrap:wrap}.phone-screen .app-eyebrow{font-size:.68rem}.phone-screen .status-pill{font-size:.66rem;padding:4px 9px;white-space:normal}.phone-screen .pill-toggle{margin-bottom:10px}.phone-screen .pill-toggle button{font-size:.72rem;padding:5px 11px}.phone-screen .app-big-number{font-size:1.9rem;margin:3px 0}.phone-screen .health-card-note{font-size:.78rem;line-height:1.4;margin:0 0 10px}.phone-screen .mini-bars{height:84px;margin-bottom:10px}.phone-screen .mini-bar-label{font-size:.62rem}.phone-screen .health-card-caption{font-size:.66rem;line-height:1.35;margin-top:8px}.phone-screen .app-legend.two-col{margin-top:10px;gap:14px}.phone-screen .hero-stat-label{font-size:.66rem}.phone-screen .hero-stat-value{font-size:1.1rem}.phone-screen .filter-gauge{margin:10px 0 6px}.phone-screen .filter-gauge-labels{font-size:.66rem}.phone-screen .filter-slider{margin:6px 0}.app-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700;color:var(--color-muted)}.pill-toggle{display:inline-flex;background:var(--color-slate-100);border-radius:var(--radius-full);padding:3px;gap:2px;margin-bottom:12px}.pill-toggle button{border:none;background:transparent;padding:6px 12px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;color:var(--color-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.pill-toggle button.is-active{background:var(--color-slate-900);color:#fff}.app-big-number{font-size:2.1rem;font-weight:700;color:var(--color-ink);margin:0}.mini-bars{display:flex;align-items:flex-end;gap:8px;height:100px;margin-bottom:16px}.mini-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.mini-bar-track{position:relative;width:100%;height:78px;display:flex;flex-direction:column;justify-content:flex-end}.mini-bar-fan,.mini-bar-cool{width:100%;border-radius:3px;transition:height .3s ease}.mini-bar-fan{background:var(--color-success);opacity:.85}.mini-bar-cool{background:var(--color-blue)}.mini-bar-label{font-size:.62rem;color:var(--color-muted)}.app-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.78rem;color:var(--color-body)}.app-legend.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-full);margin-right:6px}.legend-dot.is-blue{background:var(--color-blue)}.legend-dot.is-emerald{background:var(--color-success)}.filter-gauge{margin:18px 0 8px}.filter-gauge-track{position:relative;height:8px;border-radius:var(--radius-full);background:var(--color-slate-100);overflow:hidden}.filter-gauge-fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-full);transition:width .15s ease,background .15s ease}.filter-gauge-fill.is-success{background:var(--color-success)}.filter-gauge-fill.is-warning{background:var(--color-warning)}.filter-gauge-fill.is-danger{background:var(--color-danger)}.filter-gauge-labels{display:flex;justify-content:space-between;font-size:.66rem;color:var(--color-muted);margin-top:4px}.filter-slider{width:100%;margin:10px 0 4px;accent-color:var(--color-accent-strong);cursor:pointer}.dashboard-mock{max-width:900px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.browser-chrome{display:flex;align-items:center;gap:8px;background:var(--color-slate-100);padding:12px 16px;border-bottom:1px solid var(--color-border)}.chrome-dot{width:10px;height:10px;border-radius:var(--radius-full)}.chrome-dot.is-red{background:var(--color-danger)}.chrome-dot.is-amber{background:var(--color-warning)}.chrome-dot.is-green{background:var(--color-success)}.chrome-url{margin-left:10px;font-size:.78rem;color:var(--color-muted);background:#fff;border-radius:var(--radius-sm);padding:4px 12px;border:1px solid var(--color-border)}.dashboard-body{background:#fff;padding:24px}.property-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.property-tabs button{border:1px solid var(--color-border);background:#fff;padding:8px 16px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;color:var(--color-body);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.property-tabs button.is-active{background:var(--color-slate-900);color:#fff;border-color:var(--color-slate-900)}.performance-banner{display:flex;align-items:center;gap:12px;background:var(--color-slate-900);color:#fff;border-radius:var(--radius-md);padding:16px 18px;margin-bottom:18px}.performance-banner p{margin:0;font-size:.88rem;color:var(--color-slate-300)}.performance-banner .dashboard-tile-note{color:var(--color-slate-500)}.dashboard-tile-note{margin:6px 0 0;font-size:.78rem;color:var(--color-muted);display:inline-block}.dashboard-device-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.dashboard-device-name{font-size:1.1rem;font-weight:700;color:var(--color-ink);margin:0}.dashboard-device-meta{font-size:.8rem;color:var(--color-muted);margin:2px 0 0}.dashboard-device-actions{display:flex;align-items:center;gap:8px}.dashboard-online-badge{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full)}.dashboard-online-badge.is-success{background:var(--color-success-soft);color:var(--color-success)}.dashboard-online-badge.is-muted{background:var(--color-slate-100);color:var(--color-muted)}.dashboard-version{font-size:.72rem;color:var(--color-muted)}.dashboard-nav-tabs{display:flex;flex-wrap:wrap;gap:20px;border-bottom:1px solid var(--color-border);margin-bottom:18px;padding-bottom:2px}.dashboard-nav-tabs span{font-size:.8rem;font-weight:600;color:var(--color-muted);padding-bottom:10px;border-bottom:2px solid transparent;cursor:default}.dashboard-nav-tabs span.is-active{color:var(--color-accent-strong);border-color:var(--color-accent-strong)}.status-pill{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap}.status-pill.is-success{background:var(--color-success-soft);color:var(--color-success)}.status-pill.is-warning{background:var(--color-warning-soft);color:var(--color-warning)}.status-pill.is-danger{background:var(--color-danger-soft);color:var(--color-danger)}.status-pill.is-muted{background:var(--color-slate-100);color:var(--color-muted)}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}.health-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px}.health-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.health-card-note{font-size:.82rem;color:var(--color-body);margin:0 0 14px}.health-card-caption{font-size:.72rem;color:var(--color-muted);margin:12px 0 0;line-height:1.5}.health-chart{position:relative;display:flex;align-items:flex-end;gap:6px;height:90px;padding-top:4px}.health-chart-baseline{position:absolute;left:0;right:0;border-top:1px dashed var(--color-slate-300)}.health-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.health-bar span{width:100%;background:var(--color-success);border-radius:3px 3px 0 0;opacity:.85}.health-bar label{font-size:.6rem;color:var(--color-muted)}.filter-card{background:var(--color-slate-900);border-radius:var(--radius-md);padding:18px}.app-eyebrow.is-on-dark{color:var(--color-slate-400)}.health-card-note.is-on-dark{color:var(--color-slate-300)}.health-card-caption.is-on-dark{color:var(--color-slate-500)}.filter-card .button-outline{border-color:#ffffff59;color:#fff;margin-top:6px}.workflow{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.workflow-diagram{margin-top:32px;display:grid;place-items:center;padding-top:40px}.diagram-media{position:relative;width:min(560px,100%)}.diagram-media img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(15,23,42,.2))}.diagram-callouts{position:absolute;inset:0}.device-callout{position:absolute;top:var(--y);left:var(--x);transform:translate(-50%,-50%);width:0;height:0;color:var(--color-ink)}.callout-dot{position:absolute;width:12px;height:12px;border-radius:var(--radius-full);border:2px solid rgba(15,23,42,.6);background:#fff;box-shadow:0 0 0 6px var(--color-accent-soft);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.callout-line{display:none}.callout-label{position:absolute;top:0;left:0;width:var(--label-width);text-align:var(--label-align);transform:translate(var(--label-x),var(--label-y));transition:transform .2s ease,color .2s ease;padding:14px 16px;border-radius:var(--radius-lg);background:#fff;color:var(--color-ink);box-shadow:var(--shadow-soft);border:1px solid var(--color-border)}.callout-label h3{font-size:1.05rem;margin-bottom:8px;color:inherit}.callout-label p{margin:0;font-size:.92rem;color:var(--color-muted)}.callout-step{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.2em;color:var(--color-accent);margin-bottom:8px}.device-callout:hover .callout-dot{border-color:var(--color-accent);box-shadow:0 0 0 10px var(--color-accent-soft);transform:scale(1.05)}.device-callout:hover .callout-label{transform:translate(var(--label-x),var(--label-y)) scale(1.04);box-shadow:var(--shadow-card);z-index:10}.workflow-step{background:#fff;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.workflow-step span{display:inline-block;font-weight:700;color:var(--color-accent);margin-bottom:10px}.sensor-stack{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.sensor-diagram{background:var(--color-slate-900);background-image:var(--grid-texture);background-size:32px 32px;border-radius:var(--radius-lg);padding:24px;min-height:320px;border:1px dashed rgba(0,209,255,.35);display:grid;place-items:center;text-align:center;color:#fff}.sensor-diagram-inner p{font-weight:600;margin-bottom:8px}.sensor-diagram-inner span{font-size:.9rem;color:var(--color-slate-400)}.sensor-cards{display:grid;gap:16px}.sensor-index{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent);font-weight:700;margin-bottom:12px}.cta-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.section-cta{background:var(--color-slate-900);background-image:var(--grid-texture);background-size:42px 42px;color:#fff}.section-cta .eyebrow{color:var(--color-accent)}.section-cta h2,.section-cta p{color:#fff}.cta-panel{background:var(--color-slate-800);border:1px solid var(--color-border-on-dark);padding:24px;border-radius:var(--radius-lg);display:grid;gap:16px;box-shadow:var(--shadow-card)}.cta-panel h3{color:#fff}.cta-panel p{color:var(--color-slate-400)}.page-hero,.solution-hero,.about-hero,.contact-hero{background-color:var(--color-slate-900)}.split-layout{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center}.info-panel{background:#fff;padding:24px;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.info-panel ul{margin:0 0 16px;padding-left:18px}.contact-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:start}.contact-form{display:grid;gap:18px}.form-note{margin:0;font-size:.88rem;color:var(--color-success)}.form-note.is-error{color:var(--color-danger)}.honeypot-field{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.contact-steps h3{margin-bottom:20px}.steps-list{display:grid;gap:22px;margin:0;padding:0;list-style:none}.steps-list li{display:flex;gap:14px;align-items:flex-start}.steps-list li strong{display:block;color:var(--color-ink);margin-bottom:4px}.steps-list li p{margin:0;color:var(--color-muted);font-size:.92rem}.step-index{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent);font-weight:700;font-size:.8rem}label{display:grid;gap:8px;font-weight:500;color:var(--color-ink)}input,textarea{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:inherit;font-size:1rem;background:#fff;color:var(--color-ink);transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.site-footer{background:var(--color-slate-900);color:#f1f5f9;padding:60px 0 24px}.site-footer .eyebrow{color:var(--color-accent)}.site-footer .button-outline{background:#fff;border-color:#fff;color:var(--color-slate-900)}.footer-inner{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}.footer-links{justify-self:center;text-align:center}.footer-brand .brand{margin-bottom:14px}.footer-links,.footer-contact{display:grid;gap:10px}.footer-link{color:#f1f5f9;opacity:.8}.footer-link:hover{color:var(--color-accent);opacity:1}.footer-meta{display:flex;justify-content:space-between;margin-top:32px;font-size:.85rem;opacity:.6}.inline-link{display:inline-block;padding-left:4px;color:var(--color-accent)}.note{font-size:.85rem;opacity:.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{box-shadow:0 0 0 4px var(--color-success-soft)}50%{box-shadow:0 0 0 8px var(--color-success-soft)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}@media(max-width:900px){.hero .hero-copy{margin-top:48px}.section-heading.core-capabilities-heading{grid-template-columns:1fr}.core-capabilities-image{justify-content:flex-start}.diagram-media{width:100%}.diagram-callouts{position:static;margin-top:24px;display:grid;gap:16px}.device-callout{position:static;transform:none;width:100%;height:auto;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}.callout-dot{position:static;margin-top:4px}.callout-line{display:none}.callout-label{position:static;transform:none;width:auto;text-align:left;padding:0;background:transparent;box-shadow:none;border:none}.device-callout:hover .callout-label{transform:none;box-shadow:none}.workflow-diagram{padding-top:0}.site-nav{position:absolute;top:72px;right:5%;background:var(--color-slate-900);padding:18px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;align-items:flex-start;transform:scale(.96);opacity:0;pointer-events:none;transition:all .2s ease}.site-nav.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.nav-toggle{display:block}.footer-meta{flex-direction:column;gap:6px}.brand-logo{height:calc(var(--header-cta-height) * 1.67)}.sensor-diagram{min-height:240px}.hero-stat-grid{grid-template-columns:repeat(2,1fr)}}.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:48px;height:48px;background:var(--color-slate-900);color:#fff;border:none;border-radius:var(--radius-full);box-shadow:0 4px 12px #0f172a33;cursor:pointer;z-index:99;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease}.scroll-top-btn.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{background:var(--color-slate-700);transform:translateY(-4px);box-shadow:0 8px 16px #0f172a40}@media(max-width:768px){.scroll-top-btn{bottom:20px;right:20px;width:42px;height:42px}}
