.demo-onni{--on-dark:#14171c;--on-dark-2:#1b1f26;--on-ink:#101828;--on-gray:#667085;--on-light:#f5f6f8;--on-white:#ffffff;--on-hot:#ff5a5f;--on-hot-deep:#e0454a;--on-cold:#3a86ff;--on-cold-deep:#2a6fe0;--on-text-on-dark:#e6e8ec;--on-muted-on-dark:#9aa1ac;--on-line:#e4e7ec;--on-line-dark:rgba(255,255,255,0.1);--on-radius:10px;--on-duo:linear-gradient(135deg,var(--on-hot) 0%,var(--on-cold) 100%);font-family:var(--font-body),system-ui,-apple-system,sans-serif;color:var(--on-ink);background:var(--on-white);line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}.demo-onni *{margin:0;padding:0;box-sizing:border-box}.demo-onni .on-container{max-width:1120px;margin:0 auto;padding:0 24px}.demo-onni .on-h1{font-size:clamp(2.3rem,5.2vw,3.9rem);font-weight:800;line-height:1.05;letter-spacing:-.03em}.demo-onni .on-h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;line-height:1.12;letter-spacing:-.025em}.demo-onni h3{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.demo-onni .on-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--on-hot);margin-bottom:14px}.demo-onni .on-eyebrow-duo{background:var(--on-duo);-webkit-background-clip:text;background-clip:text;color:transparent}.demo-onni .on-lead{font-size:1.1rem;color:var(--on-gray);max-width:540px;margin-top:18px}.demo-onni .on-section-lead{color:var(--on-gray);max-width:560px;margin-top:12px}.demo-onni .on-hot-text{color:var(--on-hot)}.demo-onni .on-cold-text{color:var(--on-cold)}.demo-onni .on-btn{display:inline-block;font-family:inherit;font-weight:700;font-size:.95rem;letter-spacing:-.01em;padding:14px 28px;border-radius:var(--on-radius);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.demo-onni .on-btn:active{transform:translateY(1px)}.demo-onni .on-btn-primary{background:var(--on-hot);color:#fff}.demo-onni .on-btn-primary:hover{background:var(--on-hot-deep)}.demo-onni .on-btn-ghost{border-color:rgba(255,255,255,.35);color:var(--on-text-on-dark)}.demo-onni .on-btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}.demo-onni .on-btn-sm{padding:9px 18px;font-size:.85rem}.demo-onni .on-btn-lg{padding:16px 36px;font-size:1.05rem}.demo-onni .on-wordmark{display:inline-flex;align-items:center;gap:2px;font-weight:800;font-size:1.35rem;letter-spacing:.02em;color:#fff}.demo-onni .on-wordmark-o{width:1.05em;height:1.05em;border-radius:50%;background:conic-gradient(from 220deg,var(--on-hot) 0 50%,var(--on-cold) 50% 100%);-webkit-mask:radial-gradient(circle,transparent 0 34%,#000 35%);mask:radial-gradient(circle,transparent 0 34%,#000 35%)}.demo-onni .on-nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(20,23,28,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--on-line-dark)}.demo-onni .on-nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.demo-onni .on-brand{text-decoration:none}.demo-onni .on-nav-links{display:flex;align-items:center;gap:26px}.demo-onni .on-nav-links>a{color:var(--on-muted-on-dark);text-decoration:none;font-size:.92rem;font-weight:600;transition:color .15s ease}.demo-onni .on-nav-links>a.on-btn-primary,.demo-onni .on-nav-links>a:hover{color:#fff}.demo-onni .on-hero{background:radial-gradient(720px 420px at 12% -10%,rgba(255,90,95,.16),transparent 60%),radial-gradient(720px 460px at 95% 108%,rgba(58,134,255,.18),transparent 60%),var(--on-dark);color:var(--on-text-on-dark)}.demo-onni .on-hero-inner{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:56px;gap:56px;align-items:center;padding-top:88px;padding-bottom:96px}.demo-onni .on-hero .on-lead{color:var(--on-muted-on-dark)}.demo-onni .on-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.demo-onni .on-pill-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.demo-onni .on-pill{display:inline-flex;align-items:baseline;gap:7px;padding:9px 18px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--on-text-on-dark);border:1px solid var(--on-line-dark);background:rgba(255,255,255,.04)}.demo-onni .on-pill strong{font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.demo-onni .on-pill-hot strong{color:var(--on-hot)}.demo-onni .on-pill-cold strong{color:var(--on-cold)}.demo-onni .on-hero-media{position:relative}.demo-onni .on-hero-img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--on-radius);border:1px solid var(--on-line-dark);box-shadow:0 24px 60px rgba(0,0,0,.45)}.demo-onni .on-hero-media:after{content:"";position:absolute;inset:auto -14px -14px auto;width:56%;height:8px;border-radius:999px;background:var(--on-duo)}.demo-onni .on-strip{background:var(--on-dark-2);border-top:1px solid var(--on-line-dark)}.demo-onni .on-strip-inner{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding-top:26px;padding-bottom:26px}.demo-onni .on-strip-item{display:flex;flex-direction:column;gap:2px;padding-left:14px;border-left:3px solid;border-image:linear-gradient(180deg,var(--on-hot),var(--on-cold)) 1}.demo-onni .on-strip-item strong{color:#fff;font-size:.95rem;font-weight:700}.demo-onni .on-strip-item span{color:var(--on-muted-on-dark);font-size:.82rem}.demo-onni .on-section{padding:92px 0}.demo-onni .on-section-alt{background:var(--on-light)}.demo-onni .on-grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-top:44px}.demo-onni .on-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:44px}.demo-onni .on-card{background:var(--on-white);border:1px solid var(--on-line);border-radius:var(--on-radius);padding:28px 24px;transition:transform .18s ease,box-shadow .18s ease}.demo-onni .on-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(16,24,40,.09)}.demo-onni .on-card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--on-radius);background:var(--on-duo);color:#fff;font-size:1.25rem;margin-bottom:18px}.demo-onni .on-card p{color:var(--on-gray);font-size:.92rem;margin-top:8px}.demo-onni .on-split{display:grid;grid-template-columns:1fr 1fr}.demo-onni .on-split-panel{position:relative;min-height:460px;display:flex;align-items:flex-end;overflow:hidden;color:#fff}.demo-onni .on-split-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-onni .on-split-hot .on-split-img{filter:saturate(1.05) contrast(1.02)}.demo-onni .on-split-body{position:relative;z-index:1;padding:44px 40px;width:100%}.demo-onni .on-split-hot .on-split-body{background:linear-gradient(180deg,rgba(224,69,74,0),rgba(224,69,74,.88) 45%,rgba(200,52,57,.96))}.demo-onni .on-split-cold .on-split-body{background:linear-gradient(180deg,rgba(42,111,224,0),rgba(42,111,224,.88) 45%,rgba(30,92,196,.96))}.demo-onni .on-split-num{font-size:clamp(4rem,9vw,6.5rem);font-weight:800;line-height:.9;letter-spacing:-.04em}.demo-onni .on-split-unit{font-size:.28em;font-weight:800;letter-spacing:.14em;margin-left:10px;vertical-align:.5em}.demo-onni .on-split-title{font-size:1.15rem;font-weight:800;letter-spacing:.18em;margin-top:10px}.demo-onni .on-split-desc{margin-top:10px;max-width:400px;font-size:.95rem;color:rgba(255,255,255,.92)}.demo-onni .on-colors-layout{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:48px;gap:48px;align-items:center;margin-top:44px}.demo-onni .on-colors-media{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.demo-onni .on-colors-img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--on-radius);border:1px solid var(--on-line)}.demo-onni .on-colors-img-2{transform:translateY(22px)}.demo-onni .on-swatch-row{display:flex;gap:22px;flex-wrap:wrap}.demo-onni .on-swatch{display:flex;flex-direction:column;align-items:center;gap:8px}.demo-onni .on-swatch-dot{width:44px;height:44px;border-radius:50%;border:2px solid var(--on-white);box-shadow:0 0 0 1px var(--on-line),0 4px 10px rgba(16,24,40,.12)}.demo-onni .on-swatch-name{font-size:.8rem;font-weight:600;color:var(--on-gray)}.demo-onni .on-size-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:30px}.demo-onni .on-size-card{position:relative;background:var(--on-white);border:1px solid var(--on-line);border-radius:var(--on-radius);padding:24px 22px}.demo-onni .on-size-tag{position:absolute;top:-11px;right:16px;background:var(--on-hot);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.demo-onni .on-size-vol{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--on-gray)}.demo-onni .on-size-price{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin-top:4px}.demo-onni .on-size-desc{font-size:.88rem;color:var(--on-gray);margin-top:8px}.demo-onni .on-specs-container{max-width:820px}.demo-onni .on-specs-table{width:100%;margin-top:36px;border-collapse:collapse;border:1px solid var(--on-line);border-radius:var(--on-radius);overflow:hidden}.demo-onni .on-specs-table tr{border-bottom:1px solid var(--on-line)}.demo-onni .on-specs-table tr:last-child{border-bottom:none}.demo-onni .on-specs-table tr:nth-child(odd){background:var(--on-light)}.demo-onni .on-specs-table th{text-align:left;vertical-align:top;white-space:nowrap;font-weight:700;font-size:.92rem;padding:16px 22px;width:180px}.demo-onni .on-specs-table td{padding:16px 22px;font-size:.92rem;color:var(--on-gray)}.demo-onni .on-review{background:var(--on-white);border:1px solid var(--on-line);border-radius:var(--on-radius);padding:28px 24px;display:flex;flex-direction:column;gap:12px}.demo-onni .on-review-stars{color:var(--on-hot);letter-spacing:.2em;font-size:.95rem}.demo-onni .on-review blockquote{font-size:.95rem;color:var(--on-ink);border:none}.demo-onni .on-review figcaption{font-size:.83rem;font-weight:700;color:var(--on-gray)}.demo-onni .on-buy{background:radial-gradient(680px 400px at 88% -12%,rgba(58,134,255,.18),transparent 60%),radial-gradient(680px 420px at 4% 110%,rgba(255,90,95,.16),transparent 60%),var(--on-dark);color:var(--on-text-on-dark)}.demo-onni .on-buy-inner{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:56px;gap:56px;align-items:center;padding-top:92px;padding-bottom:92px}.demo-onni .on-buy .on-h2{color:#fff}.demo-onni .on-buy .on-lead{color:var(--on-muted-on-dark)}.demo-onni .on-buy-pills{list-style:none;display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.demo-onni .on-buy-pills li{font-size:.83rem;font-weight:600;padding:8px 16px;border-radius:999px;border:1px solid var(--on-line-dark);background:rgba(255,255,255,.05)}.demo-onni .on-buy-note{margin-top:16px;font-size:.8rem;color:var(--on-muted-on-dark)}.demo-onni .on-buy-img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--on-radius);border:1px solid var(--on-line-dark);box-shadow:0 24px 60px rgba(0,0,0,.45)}.demo-onni .on-faq-container{max-width:760px}.demo-onni .on-faq-list{margin-top:36px;display:flex;flex-direction:column;gap:12px}.demo-onni .on-faq-item{border:1px solid var(--on-line);border-radius:var(--on-radius);background:var(--on-white);overflow:hidden}.demo-onni .on-faq-item summary{cursor:pointer;list-style:none;font-weight:700;font-size:.98rem;position:relative;padding:18px 48px 18px 22px}.demo-onni .on-faq-item summary::-webkit-details-marker{display:none}.demo-onni .on-faq-item summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.3rem;font-weight:700;color:var(--on-hot);transition:transform .18s ease}.demo-onni .on-faq-item[open] summary:after{transform:translateY(-50%) rotate(45deg);color:var(--on-cold)}.demo-onni .on-faq-item p{padding:0 22px 20px;color:var(--on-gray);font-size:.93rem}.demo-onni .on-footer{background:var(--on-dark);color:var(--on-muted-on-dark);border-top:1px solid var(--on-line-dark)}.demo-onni .on-footer-inner{padding-top:56px;padding-bottom:56px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.demo-onni .on-footer-tagline{color:var(--on-text-on-dark);font-weight:600;font-size:.95rem}.demo-onni .on-footer-contact{font-size:.88rem}.demo-onni .on-footer-disclaimer{margin-top:18px;padding-top:18px;border-top:1px solid var(--on-line-dark);width:100%;font-size:.8rem}.demo-onni .on-footer-disclaimer a{color:var(--on-cold);font-weight:600;text-decoration:none}.demo-onni .on-footer-disclaimer a:hover{text-decoration:underline}@media (max-width:900px){.demo-onni .on-hero-inner{grid-template-columns:1fr;gap:40px;padding-top:64px;padding-bottom:72px}.demo-onni .on-hero-media{max-width:480px}.demo-onni .on-grid-4,.demo-onni .on-strip-inner{grid-template-columns:repeat(2,1fr)}.demo-onni .on-grid-3{grid-template-columns:1fr}.demo-onni .on-buy-inner,.demo-onni .on-colors-layout{grid-template-columns:1fr;gap:40px}.demo-onni .on-buy-inner{padding-top:72px;padding-bottom:72px}.demo-onni .on-buy-img{max-width:440px}.demo-onni .on-nav-links{gap:16px}.demo-onni .on-section{padding:72px 0}}@media (max-width:560px){.demo-onni .on-nav-links>a:not(.on-btn){display:none}.demo-onni .on-strip-inner{grid-template-columns:1fr;gap:14px}.demo-onni .on-grid-4,.demo-onni .on-split{grid-template-columns:1fr}.demo-onni .on-split-panel{min-height:380px}.demo-onni .on-split-body{padding:32px 24px}.demo-onni .on-size-cards{grid-template-columns:1fr}.demo-onni .on-colors-img-2{transform:none}.demo-onni .on-specs-table th{width:120px;white-space:normal;padding:14px 16px}.demo-onni .on-specs-table td{padding:14px 16px}.demo-onni .on-section{padding:56px 0}.demo-onni .on-cta-row .on-btn{width:100%;text-align:center}}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cd79e1ff94fa521b-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/89362aa296165c6d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e11f95d95ac59fa4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/00f4982f357db61e-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/62a3c74fa0e47362-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8201559e247ad180-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2173e4bb28c315da-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c6f81e539d11fc99-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25ab8995c98996d7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9ddf1512dbee9c99-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8247d8d2a376ae43-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e270c9fc4fe96f5a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/6bb6a9cb68044e10-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/9a3689a7cda641d2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/bed26dc8a57eea87-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro Fallback;src:local("Arial");ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.00%;size-adjust:110.36%}.__className_383d88{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.__variable_383d88{--font-body:"Be Vietnam Pro","Be Vietnam Pro Fallback"}