:root{--ox-primary:#2563eb;--ox-primary-hover:#1d4ed8;--ox-primary-soft:#dbeafe;--ox-cyan:#22d3ee;--ox-accent:#a3e635;--ox-navy:#0f172a;--ox-navy-2:#172554;--ox-text:#0f2344;--ox-text-soft:#526987;--ox-text-muted:#8a9bb5;--ox-bg:#f5f7fb;--ox-surface:#fff;--ox-border:#dbe3ef;--ox-success:#059669;--ox-danger:#dc2626;--ox-radius:12px;--ox-radius-sm:8px;--ox-shadow:0 10px 30px #0f234414;--ox-shadow-lg:0 24px 60px #0f172a2e;--ox-container:1120px;--ox-font:"Manrope", system-ui, sans-serif;--ox-display:"Sora", var(--ox-font);color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--ox-font);color:var(--ox-text);background:var(--ox-bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img,svg,video{max-width:100%;height:auto;display:block}a{color:var(--ox-primary);text-decoration:none}a:hover{color:var(--ox-primary-hover)}.consent a,.cookie-banner a,.prose a,.muted a,p a{text-underline-offset:2px;color:#1e3a8a;font-weight:700;text-decoration:underline!important}:focus-visible{outline-offset:2px;outline:3px solid #2563eb73}.skip-link{background:var(--ox-navy);color:#fff;z-index:10000;padding:.75rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{top:1rem;left:1rem}.container{width:min(100% - 2rem, var(--ox-container));margin-inline:auto}.section{padding:clamp(3.5rem,6vw,5.5rem) 0}.section-tight{padding:clamp(2.5rem,4vw,3.5rem) 0}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--ox-primary);align-items:center;gap:.4rem;margin:0 0 .75rem;font-size:.8125rem;font-weight:700;display:inline-flex}h1,h2,h3,h4{font-family:var(--ox-display);color:var(--ox-navy);letter-spacing:-.02em;margin:0 0 .75rem;line-height:1.15}h1{font-size:clamp(2rem,4.4vw,3.25rem);font-weight:700}h2{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:700}h3{font-size:1.25rem;font-weight:650}.lead{color:var(--ox-text-soft);max-width:42rem;margin:0;font-size:clamp(1.05rem,1.6vw,1.2rem)}.muted{color:var(--ox-text-soft)}.center{text-align:center}.center .lead{margin-inline:auto}.btn{min-height:48px;font-family:var(--ox-font);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 10px 24px #2563eb47}.btn-primary:hover{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)}.btn-secondary{color:#fff;backdrop-filter:blur(8px);background:#ffffff1a;border-color:#ffffff47}.btn-secondary:hover{color:#fff;background:#ffffff29}.btn-outline{border-color:var(--ox-border);color:var(--ox-text);background:#fff}.btn-outline:hover{border-color:var(--ox-primary);color:var(--ox-primary)}.btn-ghost{color:var(--ox-primary);background:0 0;border-color:#0000}.btn-group{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.site-header{z-index:1000;backdrop-filter:blur(14px);background:#020617eb;border-bottom:1px solid #94a3b82e;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:72px;display:flex}.logo-link{color:#fff;font-family:var(--ox-display);letter-spacing:.04em;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:700;display:inline-flex}.logo-link img{width:auto;height:40px}.nav-desktop{align-items:center;gap:.25rem;display:none}.nav-desktop a{color:#cbd5e1;border-radius:8px;padding:.55rem .7rem;font-size:.92rem;font-weight:600}.nav-desktop a:hover,.nav-desktop a[aria-current=page]{color:#fff;background:#2563eb59}.nav-actions{align-items:center;gap:.5rem;display:none}.nav-actions .btn-ghost{color:#e2e8f0}.menu-toggle{color:#fff;cursor:pointer;background:#0f172ae6;border:1px solid #94a3b859;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.dropdown{position:relative}.dropdown-panel{min-width:260px;box-shadow:var(--ox-shadow);background:#0f172a;border:1px solid #94a3b840;border-radius:12px;padding:.5rem;display:none;position:absolute;top:calc(100% + .4rem);left:0}.dropdown:hover .dropdown-panel,.dropdown:focus-within .dropdown-panel{display:block}.dropdown-panel a{color:#e2e8f0;border-radius:8px;padding:.7rem .85rem;font-weight:600;display:block}.dropdown-panel a:hover{color:#fff;background:#2563eb59}.mobile-nav{background:#020617;border-top:1px solid #94a3b82e;padding:.75rem 0 1.25rem;display:none}.mobile-nav.open{display:block}.mobile-nav a{color:#e2e8f0;border-bottom:1px solid #94a3b81f;padding:.85rem 0;font-weight:600;display:block}.mobile-nav .sub a{color:#94a3b8;padding-left:1rem;font-size:.95rem;font-weight:500}.mobile-nav .mobile-ctas{gap:.6rem;margin-top:1rem;display:grid}@media (width>=980px){.nav-desktop,.nav-actions{display:flex}.menu-toggle{display:none}}.hero{color:#fff;background:radial-gradient(900px 500px at 18% 10%,#22d3ee2e,#0000 60%),radial-gradient(700px 500px at 85% 80%,#2563eb59,#0000 60%),linear-gradient(165deg,#020617 0%,#0f172a 45%,#172554 100%);padding:clamp(3rem,7vw,5.5rem) 0 clamp(4rem,8vw,6rem);position:relative;overflow:hidden}.hero:before{content:"";opacity:.1;pointer-events:none;background-image:radial-gradient(#ffffffbf 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.hero-grid{align-items:center;gap:2.5rem;display:grid;position:relative}@media (width>=960px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:3rem}}.hero h1{color:#fff;max-width:16ch}.hero .lead{color:#cbd5e1}.hero-brand{font-family:var(--ox-display);letter-spacing:.08em;background:linear-gradient(90deg,#e2e8f0,#fff 40%,#67e8f9);color:#0000;background-clip:text;margin:0 0 1rem;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:750}.pills{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.pill{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.pill:before{content:"";background:var(--ox-accent);border-radius:50%;width:6px;height:6px}.device-stack{min-height:320px;position:relative}.browser-frame{box-shadow:var(--ox-shadow-lg);background:#0b1220;border:1px solid #94a3b840;border-radius:14px;overflow:hidden}.browser-bar{background:#111827;border-bottom:1px solid #94a3b826;align-items:center;gap:.35rem;padding:.65rem .85rem;display:flex}.browser-dot{background:#334155;border-radius:50%;width:8px;height:8px}.browser-url{color:#94a3b8;background:#0f172a;border-radius:6px;flex:1;margin-left:.5rem;padding:.25rem .55rem;font-size:.72rem}.browser-body{aspect-ratio:16/10;background:linear-gradient(#2563eb2e,#0000 40%),#0f172a;min-height:220px;position:relative;overflow:hidden}.phone-frame{width:min(180px,42%);box-shadow:var(--ox-shadow-lg);z-index:2;contain:layout;width:min(180px,42%);box-shadow:var(--ox-shadow-lg);z-index:2;background:#020617;border:3px solid #1e293b;border-radius:28px;padding:.55rem;position:absolute;bottom:-8%;right:4%}.phone-notch{background:#1e293b;border-radius:999px;width:42%;height:8px;margin:.15rem auto .45rem}.phone-screen{aspect-ratio:9/17;background:linear-gradient(#172554,#0f172a);border-radius:18px;overflow:hidden}.shot-placeholder{text-align:center;color:#94a3b8;place-items:center;width:100%;height:100%;padding:1.25rem;font-size:.85rem;font-weight:600;display:grid}.shot-placeholder span{color:#67e8f9;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem;display:block}.grid-3{grid-template-columns:1fr;gap:1.1rem;display:grid}@media (width>=700px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=980px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-4{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=900px){.grid-4{grid-template-columns:repeat(4,1fr)}}.card{background:var(--ox-surface);border:1px solid var(--ox-border);border-radius:var(--ox-radius);box-shadow:var(--ox-shadow);flex-direction:column;height:100%;padding:1.35rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.card:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 16px 36px #2563eb1f}.card-icon{background:var(--ox-primary-soft);width:44px;height:44px;color:var(--ox-primary);border-radius:12px;place-items:center;margin-bottom:.9rem;display:grid}.card p{color:var(--ox-text-soft);flex:1;margin:0 0 1rem;font-size:.95rem}.card .btn{align-self:flex-start;min-height:40px;padding:.55rem 1rem;font-size:.88rem}.eco-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=800px){.eco-grid{grid-template-columns:repeat(3,1fr)}}.eco-item{border:1px solid var(--ox-border);background:#fff;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem;transition:border-color .2s,transform .2s;display:flex}.eco-item:hover{border-color:#93c5fd;transform:translateY(-2px)}.eco-item strong{color:var(--ox-navy);font-size:.95rem;display:block}.eco-item span{color:var(--ox-text-soft);font-size:.82rem}.band-dark{color:#e2e8f0;background:radial-gradient(700px 400px at 80% 20%,#2563eb59,#0000 60%),linear-gradient(160deg,#020617,#0f172a 60%,#172554)}.band-dark h2,.band-dark h3{color:#fff}.band-dark .lead,.band-dark p{color:#cbd5e1}.split{align-items:center;gap:2rem;display:grid}@media (width>=900px){.split{grid-template-columns:1fr 1fr;gap:3rem}}.split.reverse .copy{order:2}.list-check{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.list-check li{color:inherit;align-items:flex-start;gap:.6rem;font-size:.95rem;display:flex}.list-check li:before{content:"";background:radial-gradient(circle at 50% 45%, #fff 0 2px, transparent 2.5px), linear-gradient(135deg, var(--ox-primary), #06b6d4);border-radius:50%;flex:0 0 18px;width:18px;height:18px;margin-top:.15rem}.tabs{flex-wrap:wrap;gap:.4rem;margin:1.25rem 0 1rem;display:flex}.tab-btn{border:1px solid var(--ox-border);color:var(--ox-text-soft);cursor:pointer;background:#fff;border-radius:999px;padding:.5rem .9rem;font-family:inherit;font-size:.85rem;font-weight:650}.tab-btn[aria-selected=true]{background:var(--ox-primary);border-color:var(--ox-primary);color:#fff}.tab-panel[hidden]{display:none}.benefit{border:1px solid var(--ox-border);color:var(--ox-navy);background:#fff;border-radius:12px;align-items:center;gap:.7rem;padding:1rem;font-size:.92rem;font-weight:650;display:flex}.benefit svg{color:var(--ox-primary);flex:none}.form-card{border:1px solid var(--ox-border);box-shadow:var(--ox-shadow);background:#fff;border-radius:16px;padding:clamp(1.25rem,3vw,2rem)}.form-grid{grid-template-columns:1fr;gap:.9rem;display:grid}@media (width>=700px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}}label{color:var(--ox-navy);gap:.35rem;font-size:.88rem;font-weight:650;display:grid}input,select,textarea{border:1px solid var(--ox-border);width:100%;min-height:46px;font:inherit;color:var(--ox-text);background:#fff;border-radius:10px;padding:.65rem .85rem}textarea{resize:vertical;min-height:120px}input:focus,select:focus,textarea:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 3px #2563eb26}.hp-field{opacity:0;height:0;position:absolute;left:-10000px;overflow:hidden}.consent{color:var(--ox-text-soft);align-items:flex-start;gap:.65rem;font-size:.88rem;font-weight:500;display:flex}.consent input{width:18px;height:18px;min-height:18px;margin-top:.15rem}.form-status{border-radius:10px;margin-top:.85rem;padding:.85rem 1rem;font-weight:600;display:none}.form-status.show{display:block}.form-status.ok{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.form-status.err{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.site-footer{color:#94a3b8;background:#020617;padding:3.5rem 0 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=800px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}.site-footer h3{color:#fff;margin-bottom:.9rem;font-size:.95rem}.site-footer a{color:#94a3b8;padding:.25rem 0;font-size:.92rem;display:block}.site-footer a:hover{color:#fff}.footer-brand{color:#fff;font-family:var(--ox-display);letter-spacing:.06em;align-items:center;gap:.6rem;margin-bottom:.75rem;font-weight:700;display:flex}.footer-brand img{width:auto;height:32px}.footer-bottom{border-top:1px solid #94a3b826;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:2.5rem;padding-top:1.25rem;font-size:.85rem;display:flex}.cookie-banner{z-index:2000;border:1px solid var(--ox-border);box-shadow:var(--ox-shadow-lg);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:720px;margin-inline:auto;padding:1rem 1.15rem;display:none;position:fixed;bottom:1rem;left:1rem;right:1rem}.cookie-banner.show{display:flex}.cookie-banner p{color:var(--ox-text-soft);flex:1;min-width:220px;margin:0;font-size:.9rem}.wa-float{z-index:1500;color:#fff;background:#25d366;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .2s;display:grid;position:fixed;bottom:1rem;right:1rem;box-shadow:0 12px 28px #25d36659}.wa-float:hover{color:#fff;transform:scale(1.06)}.page-hero{background:radial-gradient(ellipse 600px 320px at 15% 0%, #2563eb38, transparent 60%), linear-gradient(180deg, #eff6ff, var(--ox-bg));border-bottom:1px solid var(--ox-border);padding:clamp(2.5rem,5vw,4rem) 0}.cta-band{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.cta-band h2{color:#fff;margin:0 0 .4rem}.cta-band p{color:#e0f2fe;max-width:36rem;margin:0}.prose{max-width:46rem}.prose p,.prose ul{color:var(--ox-text-soft)}.badge-soon{color:#92400e;background:#fef3c7;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.filter-bar{flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem;display:flex}.filter-bar input{max-width:320px;min-height:44px}.resource-item[hidden],.integration-item[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}