:root{color-scheme:light;--bg: #f5f1e8;--bg-soft: rgba(255, 255, 255, .72);--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--surface-muted: rgba(7, 19, 31, .06);--text: #122033;--text-soft: rgba(18, 32, 51, .78);--heading: #071526;--line: rgba(7, 19, 31, .12);--accent: #1d63ff;--accent-strong: #0f48d4;--accent-soft: rgba(29, 99, 255, .12);--shadow: 0 24px 60px rgba(12, 26, 45, .12);--hero-glow: rgba(29, 99, 255, .14);--font-sans: "Aptos", "Segoe UI Variable", "Segoe UI", sans-serif;--font-display: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", sans-serif}html[data-theme=dark]{color-scheme:dark;--bg: #08131f;--bg-soft: rgba(9, 20, 35, .72);--surface: rgba(13, 27, 45, .82);--surface-strong: #10243d;--surface-muted: rgba(255, 255, 255, .06);--text: #edf4ff;--text-soft: rgba(237, 244, 255, .78);--heading: #ffffff;--line: rgba(164, 193, 255, .18);--accent: #72b0ff;--accent-strong: #97c8ff;--accent-soft: rgba(114, 176, 255, .14);--shadow: 0 28px 70px rgba(0, 0, 0, .34);--hero-glow: rgba(114, 176, 255, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top left,var(--hero-glow),transparent 34%),radial-gradient(circle at 100% 20%,rgba(103,75,255,.08),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.28),transparent 24%),var(--bg)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-shell{position:relative;overflow:clip}.site-shell:before,.site-shell:after{content:"";position:absolute;inset:auto;pointer-events:none;z-index:0;border-radius:999px;filter:blur(50px)}.site-shell:before{top:7rem;left:-9rem;width:18rem;height:18rem;background:#3b89ff2e}.site-shell:after{right:-8rem;top:36rem;width:20rem;height:20rem;background:#39c9ae1f}.container{position:relative;z-index:1;width:min(1120px,calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;padding:1rem 0;backdrop-filter:blur(18px);background:linear-gradient(180deg,var(--bg-soft),transparent)}.topbar,.header-actions,.brand,.hero-actions,.hero-badges,.contact-details,.footer-grid,.footer-brand,.footer-links{display:flex;align-items:center}.topbar,.footer-grid{justify-content:space-between;gap:1rem}.header-actions,.hero-actions,.hero-badges,.contact-details,.footer-links{flex-wrap:wrap;gap:.8rem}.brand{gap:.85rem}.brand img{width:4.2rem;height:auto}.brand strong,.footer-brand strong{display:block;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.02em;color:var(--heading)}.brand small{display:block;color:var(--text-soft)}.button,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.8rem 1.25rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.button:hover,.theme-toggle:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 18px 34px #1d63ff42}.button-secondary,.button-ghost,.theme-toggle{color:var(--heading);background:var(--surface);border-color:var(--line);box-shadow:inset 0 1px #fff3}.hero-section,.feature-section,.workflow-section,.dashboard-section,.news-section,.customer-section,.pricing-section,.contact-section{padding:2.5rem 0 1rem}.quote-section{padding:1rem 0}.hero-grid,.workflow-grid,.dashboard-grid,.customer-grid,.contact-grid{display:grid;gap:1.5rem}.hero-grid,.dashboard-grid,.customer-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{align-items:center;min-height:calc(100vh - 6rem);padding:2rem 0 3rem}.hero-copy h1,.section-heading h2,.quote-card blockquote,.pricing-card h2,.contact-copy h2,.dashboard-copy h2,.customer-caption strong,.stats-card h2{margin:0;color:var(--heading);font-family:var(--font-display);line-height:1.02}.hero-copy h1{max-width:12ch;font-size:clamp(2.9rem,8vw,5.6rem);text-wrap:balance}.lead,.support-copy,.section-heading p,.dashboard-copy p,.pricing-card p,.contact-copy p,.benefit-card p,.feature-card p,.news-card p,.customer-copy p,.footer-brand p{color:var(--text-soft);line-height:1.7}.lead{max-width:34rem;margin:1.25rem 0 0;font-size:1.15rem}.support-copy{max-width:34rem;margin:1rem 0 0}.hero-actions{margin-top:2rem}.hero-badges{margin-top:1.6rem}.hero-badges span,.media-label,.logo-pill,.eyebrow{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;letter-spacing:.12em;text-transform:uppercase}.hero-badges span,.logo-pill,.eyebrow{padding:.45rem .8rem;background:var(--accent-soft);color:var(--accent-strong);font-size:.73rem;font-weight:700}.media-label{margin-bottom:.9rem;padding:.25rem 0;color:var(--text-soft);font-size:.74rem;font-weight:700}.hero-visual{position:relative;display:grid;gap:1rem}.visual-backdrop{position:absolute;right:2rem;top:-2rem;width:15rem;height:15rem;border-radius:50%;background:linear-gradient(135deg,#296cff33,#4ce5c524),url(/hero-background.jpg) center/cover;opacity:.8;filter:saturate(1.05)}.panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent),var(--surface);box-shadow:var(--shadow)}.video-card{margin-top:2rem;padding:1.25rem}.stats-card,.feature-card,.benefit-card,.quote-card,.workflow-visual,.dashboard-card,.news-card,.customer-copy,.customer-visual,.pricing-card,.contact-card{padding:1.35rem}.stats-card h2{max-width:14ch;font-size:clamp(1.5rem,4vw,2.2rem)}.mini-list{margin:1rem 0 0;padding:0 0 0 1rem;color:var(--text-soft)}.mini-list li+li{margin-top:.65rem}.screen-shell{display:block;position:relative;overflow:hidden;border-radius:24px;background:#06111d}.screen-shell img{width:100%;aspect-ratio:4 / 5;object-fit:cover}.play-badge{position:absolute;inset:auto 1rem 1rem;display:flex;justify-content:center}.play-badge span{padding:.8rem 1rem;border-radius:999px;color:#fff;background:#08131fd1;backdrop-filter:blur(12px)}.section-heading{margin-bottom:1.3rem}.section-heading h2,.quote-card blockquote,.pricing-card h2,.contact-copy h2,.dashboard-copy h2{font-size:clamp(2rem,5vw,3.2rem);text-wrap:balance}.feature-grid,.news-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card h3,.benefit-card h3,.news-card h3{margin:0 0 .6rem;color:var(--heading);font-family:var(--font-display);font-size:1.4rem}.quote-card{padding:1.6rem}.quote-card blockquote{margin-top:.7rem}.workflow-grid{grid-template-columns:.85fr 1.15fr;align-items:start}.workflow-copy{display:grid;gap:1rem}.workflow-visual img,.dashboard-card img,.news-card img,.customer-visual img,.logo-pill img{width:100%;height:auto}.logo-pill img{width:min(100%,11rem)}.workflow-visual img,.dashboard-card img,.news-card img,.customer-visual img{border-radius:20px}.dashboard-grid,.customer-grid,.contact-grid{align-items:center}.customer-caption{margin-top:1rem}.customer-caption span{display:block;margin-bottom:.25rem;color:var(--text-soft)}.customer-caption strong{font-size:1.7rem}.pricing-card{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem}.contact-card{display:grid;gap:.9rem}.contact-card label{color:var(--heading);font-weight:700}.contact-card input{min-height:3.6rem;padding:0 1rem;border:1px solid var(--line);border-radius:18px;color:var(--heading);background:var(--surface-strong)}.contact-details a,.footer-links a{color:var(--heading);font-weight:700}.site-footer{padding:2.5rem 0 3rem}.footer-brand{gap:1rem}.footer-brand img{width:5rem;height:auto}.footer-brand p{margin:.3rem 0 0}.footer-links{justify-content:flex-end}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(0,-8px,0)}}@media(prefers-reduced-motion:no-preference){.hero-copy,.panel{animation:rise-in .68s ease both}.video-card{animation-delay:80ms}.stats-card{animation-delay:.16s}.visual-backdrop{animation:drift 4.6s ease-in-out infinite alternate}}@media(max-width:960px){.hero-grid,.workflow-grid,.dashboard-grid,.customer-grid,.contact-grid,.feature-grid,.news-grid,.pricing-card{grid-template-columns:1fr}.pricing-card{align-items:start}.hero-grid{min-height:auto;padding-top:1.25rem}.hero-copy h1{max-width:14ch}}@media(max-width:720px){.site-header{position:static}.topbar,.footer-grid{align-items:flex-start}.topbar,.header-actions,.footer-grid,.footer-links{flex-direction:column}.container{width:min(1120px,calc(100% - 1.25rem))}.hero-copy h1,.section-heading h2,.quote-card blockquote,.pricing-card h2,.contact-copy h2,.dashboard-copy h2{line-height:1.08}}
