:root{--ease:var(--oniva-motion-ease-out,cubic-bezier(.23, 1, .32, 1))}.oniva-shell{--font-head:var(--font-display,var(--oniva-font-sans)), var(--oniva-font-sans);--fs-display:clamp(2.5rem, 1.35rem + 5.2vw, 6rem);--lh-display:1;--tr-display:-.035em;--fs-h1:clamp(2.25rem, 1.3rem + 4.2vw, 4.75rem);--lh-h1:1.02;--tr-h1:-.032em;--fs-h2:clamp(1.75rem, 1.2rem + 2.2vw, 3rem);--lh-h2:1.08;--tr-h2:-.02em;--fs-h3:1.375rem;--lh-h3:1.25;--tr-h3:-.012em;--fs-body-lg:clamp(1.0625rem, 1rem + .3vw, 1.1875rem);--lh-body-lg:1.55;--fs-body:1rem;--lh-body:1.6;--fs-small:.875rem;--lh-small:1.55;--fs-eyebrow:.75rem;--tr-eyebrow:.08em;--measure:62ch;--btn-radius:var(--oniva-radius-full,9999px)}.oniva-shell.oniva-shell{--oniva-accent-solid:var(--oniva-accent-600);--oniva-accent-solid-end:var(--oniva-accent-600);--oniva-accent-solid-hover:color-mix(in srgb, var(--oniva-accent-600) 85%, var(--oniva-accent-700));--oniva-accent-solid-hover-end:var(--oniva-accent-solid-hover);--oniva-accent-solid-active:color-mix(in srgb, var(--oniva-accent-600) 70%, var(--oniva-accent-700));--oniva-accent-solid-active-end:var(--oniva-accent-solid-active)}.oniva-shell{--oniva-accent-50:#fff5ee;--oniva-accent-100:#ffe7d6;--oniva-accent-200:#ffcdaa;--oniva-accent-300:#ffaa75;--oniva-accent-400:#f4854a;--oniva-accent-500:#e8652b;--oniva-accent-600:#de5b22;--oniva-accent-700:#9c3a12;--oniva-accent-800:#7a2e12;--oniva-accent-900:#5c2410;--oniva-accent-950:#33120a;--oniva-color-accent-soft:color-mix(in srgb, var(--oniva-accent-500) 16%, transparent);--oniva-color-accent-soft-hover:color-mix(in srgb, var(--oniva-accent-500) 24%, transparent);--oniva-color-accent-soft-active:color-mix(in srgb, var(--oniva-accent-500) 32%, transparent);--oniva-color-accent-tint:color-mix(in srgb, var(--oniva-accent-500) 12%, transparent);--oniva-color-focus-ring:var(--oniva-accent-500);--oniva-shadow-accent-inset:inset 0 1.75px 0 0 #ffffff40, inset 0 0 0 .875px var(--oniva-accent-500);--brand-text:var(--oniva-accent-700);background:var(--oniva-color-bg);min-height:100svh;color:var(--oniva-color-text);font-family:var(--oniva-font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3{font-family:var(--font-head);text-wrap:balance}p{text-wrap:pretty}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0a0a0a}body{margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}.muted{color:var(--oniva-color-text-muted)}.small{font-size:var(--oniva-font-size-13)}.skip{z-index:100;background:var(--oniva-color-surface);color:var(--oniva-color-text);border:1px solid var(--oniva-color-border);border-radius:8px;padding:8px 14px;position:absolute;top:-48px;left:12px}.skip:focus{top:12px}.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:24px}:focus-visible{outline:2px solid var(--oniva-color-focus-ring);outline-offset:2px}.nav{z-index:20;border-bottom:1px solid var(--oniva-color-border);background:color-mix(in srgb, var(--oniva-color-bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.nav-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000;position:absolute;inset:0 0 auto}.nav-inner{align-items:center;gap:24px;height:64px;display:flex}.brand{color:var(--oniva-color-text);margin:0;text-decoration:none;display:inline-flex}.logo{align-items:center;gap:10px;line-height:1;display:inline-flex}.logo-mark{color:var(--oniva-accent-500);flex-shrink:0}.logo-word{font-family:var(--font-logo), "Outfit", var(--oniva-font-sans);letter-spacing:.14em;font-size:17px;font-weight:800}.nav-links{gap:4px;margin-inline:auto;display:flex}.nav-links a{font-size:var(--oniva-font-size-14);color:var(--oniva-color-text-muted);transition:color .15s var(--ease), background-color .15s var(--ease);border-radius:8px;padding:8px 12px;text-decoration:none}.nav-links a:hover{color:var(--oniva-color-text);background:var(--oniva-color-surface-hover)}.nav-end{align-items:center;gap:8px;display:flex}@media (max-width:820px){.nav-links{display:none}.nav-end{margin-left:auto}}.hero{isolation:isolate;background:var(--oniva-color-bg);min-height:max(min(960px,100svh),820px);display:flex;position:relative;overflow:hidden}.backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.poster{transition:opacity .7s var(--ease);background:radial-gradient(46% 38% at 50% 30%, color-mix(in srgb, var(--oniva-accent-500) 75%, transparent) 0%, transparent 70%), radial-gradient(70% 55% at 50% 110%, color-mix(in srgb, var(--oniva-accent-700) 70%, transparent) 0%, transparent 70%), var(--oniva-color-bg);position:absolute;inset:0}.poster:after{content:"";aspect-ratio:1;background:var(--oniva-accent-100);opacity:.92;width:min(30vw,270px);position:absolute;top:29%;left:50%;transform:translate(-50%,-50%);-webkit-mask:url(/oniva-mark.svg) 50%/contain no-repeat;mask:url(/oniva-mark.svg) 50%/contain no-repeat}.poster[data-hidden=true]{opacity:0}.live{opacity:0;transition:opacity .7s var(--ease);position:absolute;inset:0}.live[data-ready=true]{opacity:1}.shader-fill{width:100%;height:100%;display:block}.scrim{z-index:1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--oniva-color-bg) 55%, transparent) 0%, transparent 22%, transparent 42%, color-mix(in srgb, var(--oniva-color-bg) 94%, transparent) 78%, var(--oniva-color-bg) 100%);position:absolute;inset:0}.hero-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;margin-top:auto;padding-block:0 72px;display:flex;position:relative}.display{font-size:var(--fs-display);letter-spacing:var(--tr-display);font-weight:500;line-height:var(--lh-display);margin-top:24px}.line{animation:rise .7s var(--ease) backwards;display:block}.dim{color:var(--oniva-color-text-muted)}.lede{color:var(--oniva-color-text-muted);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);max-width:52ch;margin-top:24px}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.hero-inner .actions{justify-content:center}.fine{color:var(--oniva-color-text-muted);font-size:var(--fs-small);line-height:var(--lh-small);max-width:80ch;margin-top:20px}.contact .fine,.cta .fine,.hero-inner .fine{margin-inline:auto}.page-hero .fine{margin-top:16px}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:none}}.section{padding-block:clamp(56px,8vw,96px) 0;scroll-margin-top:72px}.eyebrow{font-family:var(--oniva-font-mono);font-size:var(--fs-eyebrow);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--brand-text);margin-bottom:12px;line-height:1.4}.h2{font-size:var(--fs-h2);letter-spacing:var(--tr-h2);font-weight:500;line-height:var(--lh-h2);max-width:24ch}.sub{color:var(--oniva-color-text-muted);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);max-width:var(--measure);margin-top:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.product-card{background:var(--oniva-color-surface);border:1px solid var(--oniva-color-border);border-radius:var(--oniva-radius-xl);height:100%;transition:border-color .2s var(--ease), transform .2s var(--ease);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:var(--oniva-color-border-hover)}.product-visual{background:radial-gradient(70% 90% at 50% 120%, color-mix(in srgb, var(--oniva-accent-500) 35%, transparent), transparent 70%), var(--oniva-color-surface-inset);place-items:center;min-height:260px;padding:20px;display:grid;position:relative;overflow:hidden}.product-body{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.product-body p{color:var(--oniva-color-text-muted);line-height:var(--lh-body);max-width:var(--measure)}.product-body .actions{margin-top:auto;padding-top:12px}.product-head{align-items:center;gap:10px;display:flex}.product-head h3{font-size:var(--fs-h3);letter-spacing:var(--tr-h3);font-weight:500;line-height:var(--lh-h3)}.mini{flex-direction:column;gap:12px;width:100%;max-width:380px;display:flex}.ui-visual{flex-direction:column;gap:20px;width:100%;max-width:380px;display:flex}.swatches{border-radius:var(--oniva-radius-lg);border:1px solid var(--oniva-color-border);grid-template-columns:repeat(9,1fr);height:64px;display:grid;overflow:hidden}.ui-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:820px){.product-grid{grid-template-columns:1fr}}.principles,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;display:grid}.principle,.feature{border:1px solid var(--oniva-color-border);border-radius:var(--oniva-radius-xl);background:var(--oniva-color-surface);height:100%;padding:24px}.principle svg,.feature svg{color:var(--oniva-accent-500)}.principle h3,.feature h3{letter-spacing:-.005em;font-size:1.0625rem;font-weight:600;line-height:var(--lh-h3);margin:14px 0 8px}.principle p,.feature p{color:var(--oniva-color-text-muted);font-size:var(--fs-small);line-height:var(--lh-body)}@media (max-width:900px){.principles,.feature-grid{grid-template-columns:1fr}}@media (min-width:901px) and (max-width:1040px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.oss{border:1px solid var(--oniva-color-border);border-radius:var(--oniva-radius-xxl);background:var(--oniva-color-surface);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding:clamp(24px,4vw,40px);display:flex}.oss-links{flex-wrap:wrap;gap:12px;display:flex}.contact{text-align:center;padding-bottom:24px}.contact .h2,.cta .h2{margin-inline:auto}.contact .sub{margin-inline:auto;margin-bottom:28px}.footer{border-top:1px solid var(--oniva-color-border);margin-top:clamp(64px,10vw,112px);padding-block:48px 32px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;display:grid}.footer .eyebrow{color:var(--oniva-color-text-muted);margin-bottom:14px}.footer li+li{margin-top:10px}.footer a{font-size:var(--oniva-font-size-14);text-decoration:none}.footer a:hover{text-underline-offset:3px;text-decoration:underline}.footer .brand+p{margin-top:10px}.footer-base{padding-top:40px}@media (max-width:720px){.footer-grid{grid-template-columns:1fr 1fr}}.page-hero{flex-direction:column;align-items:flex-start;padding-block:clamp(56px,9vw,112px) 0;display:flex;position:relative}.page-hero .display{font-size:var(--fs-h1);letter-spacing:var(--tr-h1);line-height:var(--lh-h1)}.page-hero .actions{margin-top:32px}.agents .page-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 70% at 78% 0%, color-mix(in srgb, var(--oniva-accent-500) 30%, transparent), transparent 70%);height:420px;position:absolute;inset:-64px 0 auto}.demo{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;margin-top:40px;display:grid}.demo .mini{max-width:none}@media (max-width:960px){.demo{grid-template-columns:1fr}}.video{aspect-ratio:16/9;border-radius:var(--oniva-radius-xl);border:1px solid var(--oniva-color-border);background:var(--oniva-color-surface-inset);margin-top:32px;position:relative;overflow:hidden}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.shots figure{border:1px solid var(--oniva-color-border);border-radius:var(--oniva-radius-xl);background:var(--oniva-color-surface);margin:0;overflow:hidden}.shots figcaption{color:var(--oniva-color-text-muted);font-size:var(--oniva-font-size-13);padding:14px 16px;line-height:1.5}@media (max-width:720px){.shots{grid-template-columns:1fr}}.stats{border-top:1px solid var(--oniva-color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px;padding-top:32px;display:grid}.stat-num{font-family:var(--font-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;align-items:baseline;margin-bottom:8px;font-size:clamp(2.25rem,1.4rem + 3vw,3.5rem);font-weight:500;line-height:1;display:flex}@media (max-width:720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.usecase{max-width:var(--measure);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--oniva-color-text);text-wrap:pretty;padding-top:24px}.agents [role=tablist]{margin-top:32px}.faq-a{color:var(--oniva-color-text-muted);line-height:var(--lh-body);max-width:var(--measure);padding-block:0 8px}.agents .section [data-rac].accordion{margin-top:32px}.agents .section>div:has(>[data-rac]){margin-top:32px}.cta{text-align:center;padding-bottom:8px}.cta .sub{margin-inline:auto;margin-bottom:28px}.form{flex-wrap:wrap;justify-content:center;gap:10px;max-width:520px;margin-inline:auto;display:flex}.form input[type=email]{min-width:0;height:40px;font:inherit;color:var(--oniva-color-text);background:var(--oniva-color-surface-inset);border:1px solid var(--oniva-color-border-control,var(--oniva-color-border));transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:999px;outline:none;flex:240px;padding:0 20px;font-size:15px}.form input[type=email]::placeholder{color:var(--oniva-color-text-placeholder)}.form input[type=email]:focus-visible{border-color:var(--oniva-accent-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--oniva-accent-500) 30%, transparent)}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.form-err{width:100%;color:var(--oniva-color-text-error);font-size:var(--oniva-font-size-14)}.form-done{color:var(--oniva-color-success-fg);align-items:center;gap:8px;padding:14px 0;font-size:16px;display:inline-flex}.btn{border-radius:var(--btn-radius)}.btn-icon{transition:transform .16s var(--ease);flex:none}@media (hover:hover) and (pointer:fine){.btn:hover .btn-icon{transform:translate(3px)}.btn:hover .btn-icon-ext{transform:translate(2px,-2px)}}.btn:active{transition:transform .12s var(--ease);transform:scale(.97)}@media (max-width:480px){.form .btn{width:100%}.hero-inner{padding-bottom:48px}.actions .btn{flex:100%}}@media (prefers-reduced-motion:reduce){.line{animation:none}html{scroll-behavior:auto}.poster,.live{transition:none}.btn-icon,.btn:hover .btn-icon,.btn:hover .btn-icon-ext,.btn:active{transition:none;transform:none}}.oniva-shell.mode-dark{--brand-text:var(--oniva-accent-300)}.oniva-shell{--oniva-color-accent-soft-fg:var(--brand-text)}.demo>*,.demo-col{min-width:0}.demo-col>*{max-width:100%}.agents [role=tablist]{scrollbar-width:none;max-width:100%;overflow-x:auto}.agents div:has(>[role=tablist]){scrollbar-width:none;max-width:100%;overflow-x:auto}@media (min-width:901px){.feature-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.figure-slot{max-width:100%;margin:32px 0 28px}.figure-slot>*{max-width:100%}.figure-slot+.feature-grid{margin-top:0}.feature-grid+.accordion{margin-top:24px}.feature-grid+div:has(>[data-rac]){margin-top:24px}.feature>svg:first-child,.principle>svg:first-child{box-sizing:content-box;background:color-mix(in srgb, var(--oniva-accent-500) 14%, transparent);border-radius:10px;margin:0;padding:8px;display:block}.feature h3{margin-top:18px}.feature .badge,.feature>span:first-child:not(svg){margin-bottom:4px}.teaser{flex-direction:column;align-items:flex-start;display:flex}.teaser p{flex:1;margin-bottom:20px}.jump{border-top:1px solid var(--oniva-color-border);flex-wrap:wrap;gap:8px;width:100%;margin-top:40px;padding-top:24px;display:flex}.jump a{font-size:var(--oniva-font-size-14);color:var(--oniva-color-text-muted);border:1px solid var(--oniva-color-border);transition:color .15s var(--ease), border-color .15s var(--ease), background-color .15s var(--ease);border-radius:999px;padding:8px 14px;text-decoration:none}.jump a:hover{color:var(--oniva-color-text);border-color:var(--oniva-color-border-hover);background:var(--oniva-color-surface-hover)}@media (max-width:560px){.jump{scrollbar-width:none;flex-wrap:nowrap;width:calc(100% + 48px);margin-inline:-24px;padding-inline:24px;overflow-x:auto}.jump a{flex:none}}.details{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;margin:0;padding-block:8px 16px;display:grid}.details dt{font-weight:600;font-size:var(--fs-small);margin-bottom:4px}.details dd{color:var(--oniva-color-text-muted);font-size:var(--fs-small);line-height:var(--lh-small);margin:0}@media (max-width:720px){.details{grid-template-columns:1fr}}@media (max-width:480px){.figure-slot{margin:24px 0 20px}.principle,.feature{padding:20px}.oss-links{width:100%}.oss-links .btn{flex:100%}.stats{margin-top:40px}.footer-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.jump a,.nav-links a{transition:none}}.mini-ph{border-radius:var(--oniva-radius-lg);background:var(--oniva-color-surface-inset);min-height:200px}
