@layer components{.ootopia-landing-elite{--elite-ink:#1a0f1a;--elite-muted:#7a6580;--elite-paper:#fdf7f3;--elite-rose:#ff6b8a;--elite-lav:#a78bfa;--elite-line:#1a0f1a14;--elite-radius:1.5rem;color:var(--elite-ink);background:var(--elite-paper);font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-family:Inter Variable,Inter,system-ui,sans-serif}.ootopia-landing-elite :where(h1,h2,h3){font-family:Instrument Serif,Georgia,Times New Roman,serif;font-weight:400}.ootopia-landing-elite :where(h1,h2,h3,p,dl,dt,dd,figure){margin:0}.ootopia-landing-elite :where(a):focus-visible{outline:2px solid var(--elite-lav);outline-offset:3px}.ootopia-landing-elite :where(em){color:var(--elite-rose);font-style:italic}.ootopia-elite-nav{z-index:20;padding:0 1rem;position:sticky;top:1rem}.ootopia-elite-nav-inner{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#ffffffc7;border:1px solid #ffffffb3;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;max-width:86rem;margin:0 auto;padding:.55rem .6rem .55rem 1.1rem;display:flex;box-shadow:0 8px 28px #1a0f1a14,inset 0 1px #ffffffe6}.ootopia-elite-brand{letter-spacing:-.03em;color:var(--elite-ink);align-items:center;gap:.55rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.ootopia-elite-brand-mark{width:auto;height:2.6rem;transition:transform .32s cubic-bezier(.34,1.56,.64,1);display:block}.ootopia-elite-brand:hover .ootopia-elite-brand-mark{transform:rotate(-10deg)scale(1.06)}.ootopia-elite-brand-wordmark{width:auto;height:1.4rem;display:block}.ootopia-elite-brand--footer .ootopia-elite-brand-mark{height:3.5rem}.ootopia-elite-brand--footer .ootopia-elite-brand-wordmark{height:1.75rem}.ootopia-elite-nav-links{align-items:center;gap:.15rem;display:flex}.ootopia-elite-nav-links a{color:var(--elite-muted);border-radius:999px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .18s,color .18s,transform .18s;position:relative}.ootopia-elite-nav-links a:after{content:"";background:var(--elite-rose);transform-origin:0;border-radius:2px;height:2px;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:.3rem;left:.9rem;right:.9rem;transform:scaleX(0)}.ootopia-elite-nav-links a:hover{color:var(--elite-ink);background:#1a0f1a0f;transform:translateY(-1px)}.ootopia-elite-nav-links a:hover:after{transform:scaleX(1)}.ootopia-elite-nav-cta{background:var(--elite-ink);color:#fff;border-radius:999px;padding:.6rem 1.15rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,box-shadow .22s}.ootopia-elite-nav-cta:hover{background:#2a182a;transform:translateY(-1px);box-shadow:0 6px 18px #1a0f1a38}.ootopia-elite-nav-cta:active{transform:translateY(0)scale(.98)}.ootopia-elite-hero{padding:5rem 1rem 3rem;position:relative;overflow:clip}.ootopia-elite-hero-glow{pointer-events:none;background:radial-gradient(60% 50% at 25% 28%,#ff6b8a24,#0000 60%),radial-gradient(50% 40% at 78% 42%,#a78bfa1f,#0000 60%),radial-gradient(45% 35% at 55% 10%,#ffd23f14,#0000 60%);height:75%;position:absolute;inset:-20% -10% auto}.ootopia-elite-hero-grid{align-items:center;gap:3rem;max-width:86rem;margin:0 auto;display:grid;position:relative}.ootopia-elite-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--elite-rose);font-size:.68rem;font-weight:700}.ootopia-elite-h1{letter-spacing:-.015em;max-width:22ch;margin-top:.9rem;font-size:clamp(2.9rem,5.2vw,5.4rem);font-weight:400;line-height:1}.ootopia-elite-h1-pill{vertical-align:middle;background:url(/homepage/makeup-palette.svg) 50%/cover;border:2px solid #fff;border-radius:999px;width:3.2rem;height:2.1rem;margin:0 .4rem;display:inline-block;box-shadow:0 4px 16px #1a0f1a1f}.ootopia-elite-lede{max-width:36rem;color:var(--elite-muted);margin-top:1.25rem;font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.65}.ootopia-elite-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.6rem;display:flex}.ootopia-elite-btn{border-radius:999px;align-items:center;gap:.45rem;min-height:2.85rem;padding:0 1.35rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.ootopia-elite-btn--dark{background:var(--elite-ink);color:#fff;box-shadow:0 8px 22px #1a0f1a29}.ootopia-elite-btn--dark:hover{background:#2a182a;transform:translateY(-2px)}.ootopia-elite-btn--ghost{color:var(--elite-ink);border:1px solid var(--elite-line);background:#fff}.ootopia-elite-btn--ghost:hover{background:#1a0f1a0a;transform:translateY(-2px)}.ootopia-elite-btn--xl{min-height:3.2rem;padding:0 1.7rem;font-size:.95rem}.ootopia-elite-btn-arrow{transition:transform .18s}.ootopia-elite-btn:hover .ootopia-elite-btn-arrow{transform:translate(3px)}.ootopia-elite-micro{color:var(--elite-muted);max-width:32rem;margin-top:1rem;font-size:.78rem;line-height:1.5}.ootopia-elite-hero-device{justify-items:center;gap:.9rem;min-width:0;display:grid;position:relative}.ootopia-elite-hero-device .ootopia-iphone-device{justify-self:center;width:clamp(15.5rem,22vw,18.5rem)}.ootopia-elite-hero-device figcaption{max-width:16rem;color:var(--elite-muted);text-align:center;font-size:.72rem;font-weight:600;line-height:1.4}.ootopia-marquee{border-block:1px solid var(--elite-line);background:#fff;padding:.85rem 0;overflow:hidden}.ootopia-marquee-track{white-space:nowrap;will-change:transform;align-items:center;gap:1.25rem;animation:22s linear infinite ootopia-marquee;display:flex}.ootopia-marquee-track span{letter-spacing:.08em;text-transform:uppercase;color:var(--elite-muted);font-size:.78rem;font-weight:700}.ootopia-marquee-dot{background:var(--elite-rose);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}@keyframes ootopia-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ootopia-bento{max-width:86rem;margin:0 auto;padding:6rem 1rem}.ootopia-bento-head{max-width:42rem;margin-bottom:2.5rem}.ootopia-bento-head h2{letter-spacing:-.015em;margin-top:.7rem;font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:400;line-height:1.02}.ootopia-bento-lede{color:var(--elite-muted);margin-top:.8rem;font-size:1rem;line-height:1.6}.ootopia-bento-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:1rem;display:grid}.ootopia-bento-card{border:1px solid var(--elite-line);border-radius:var(--elite-radius);background:#fff;flex-direction:column;min-width:0;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden;box-shadow:0 4px 20px #1a0f1a0a}.ootopia-bento-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #1a0f1a14}.ootopia-bento-card--hero{grid-column:span 7}.ootopia-bento-card:nth-child(2),.ootopia-bento-card:nth-child(3){grid-column:span 5}.ootopia-bento-card:nth-child(4){grid-column:span 7}.ootopia-bento-card--wide{flex-direction:row;grid-column:span 12}.ootopia-bento-card--wide .ootopia-bento-card-media{flex:0 0 54%}.ootopia-bento-card-media{background:#f3e8f0;position:relative;overflow:hidden}.ootopia-bento-card-media img{object-fit:cover;aspect-ratio:16/10;width:100%;height:100%;display:block}.ootopia-bento-card--hero .ootopia-bento-card-media img,.ootopia-bento-card--wide .ootopia-bento-card-media img{aspect-ratio:16/10}.ootopia-bento-card-body{align-content:start;gap:.55rem;padding:1.25rem 1.35rem 1.4rem;display:grid}.ootopia-bento-card-body h3{letter-spacing:-.01em;font-size:1.15rem;font-weight:400;line-height:1.2}.ootopia-bento-card-body p{color:var(--elite-muted);font-size:.88rem;line-height:1.55}.ootopia-bento-mini{border-top:1px solid var(--elite-line);gap:.45rem;margin-top:.4rem;padding-top:.7rem;display:grid}.ootopia-bento-mini div{justify-content:space-between;gap:1rem;font-size:.78rem;display:flex}.ootopia-bento-mini dt{color:var(--elite-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700}.ootopia-bento-mini dd{text-align:right;font-weight:600}.ootopia-bento-link{color:var(--elite-ink);text-decoration:underline;-webkit-text-decoration-color:var(--elite-rose);text-decoration-color:var(--elite-rose);text-underline-offset:3px;align-items:center;gap:.3rem;margin-top:.3rem;font-size:.82rem;font-weight:700;text-decoration-thickness:2px;transition:gap .18s;display:inline-flex}.ootopia-bento-link:hover{gap:.5rem}.ootopia-pin-wrap{border-top:1px solid var(--elite-line);grid-template-columns:1fr 1fr;align-items:start;gap:4rem;max-width:86rem;margin:0 auto;padding:6rem 1rem;display:grid}.ootopia-pin-left{position:relative}.ootopia-pin-left h2{letter-spacing:-.015em;margin-top:.7rem;font-size:clamp(2rem,3.8vw,3.2rem);font-weight:400;line-height:1.02}.ootopia-pin-lede{color:var(--elite-muted);margin-top:1rem;font-size:1rem;line-height:1.65}.ootopia-pin-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.ootopia-stack{gap:1.25rem;display:grid}.ootopia-stack-card{border:1px solid var(--elite-line);border-radius:var(--elite-radius);background:#fff;padding:1.5rem;transition:transform .22s,box-shadow .22s;box-shadow:0 4px 20px #1a0f1a0a}.ootopia-stack-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1a0f1a14}.ootopia-stack-card--accent{background:var(--elite-ink);color:#fff;border-color:var(--elite-ink)}.ootopia-stack-card--accent h3{color:#fff}.ootopia-stack-card--accent p{color:#ffffffb3}.ootopia-stack-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--elite-rose);font-size:.68rem;font-weight:700}.ootopia-stack-card h3{letter-spacing:-.01em;margin-top:.5rem;font-size:1.25rem;font-weight:400}.ootopia-stack-card img{aspect-ratio:16/10;object-fit:cover;border-radius:1rem;width:100%;margin-top:1rem;display:block}.ootopia-stack-card p{color:var(--elite-muted);margin-top:.9rem;font-size:.88rem;line-height:1.6}.ootopia-closing{border-top:1px solid var(--elite-line);text-align:center;background:radial-gradient(60% 50% at 50% 100%,#ff6b8a14,#0000 65%),radial-gradient(50% 40% at 30% 30%,#a78bfa12,#0000 60%);justify-items:center;max-width:86rem;margin:0 auto;padding:7rem 1rem 6rem;display:grid}.ootopia-closing h2{letter-spacing:-.015em;margin-top:.7rem;font-size:clamp(2.8rem,5vw,4.6rem);font-weight:400;line-height:1}.ootopia-closing-lede{max-width:32rem;color:var(--elite-muted);margin-top:1rem;font-size:1rem;line-height:1.6}.ootopia-closing-actions{justify-content:center;margin-top:1.8rem}.ootopia-closing-eyebrow{color:var(--elite-rose)}.ootopia-elite-footer{border-top:1px solid var(--elite-line);max-width:86rem;margin:0 auto;padding:2rem 1rem 3rem}.ootopia-elite-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.ootopia-elite-brand--footer{opacity:.9}.ootopia-elite-footer-links{flex-wrap:wrap;gap:1.25rem;display:flex}.ootopia-elite-footer-links a{color:var(--elite-muted);font-size:.82rem;font-weight:600;text-decoration:none;transition:color .18s,transform .18s;display:inline-block}.ootopia-elite-footer-links a:hover{color:var(--elite-ink);transform:translateY(-1px)}.ootopia-elite-footer-note{color:var(--elite-muted);margin-top:1rem;font-size:.72rem;line-height:1.5}@media (width>=72rem){.ootopia-elite-hero-grid{grid-template-columns:1.15fr .85fr}}@media (width<=72rem) and (width>=56rem){.ootopia-elite-hero-grid{grid-template-columns:1fr .9fr;gap:2rem}}@media (width<=56rem){.ootopia-elite-nav-links{display:none}.ootopia-bento-card--hero,.ootopia-bento-card:nth-child(2),.ootopia-bento-card:nth-child(3),.ootopia-bento-card:nth-child(4){grid-column:span 12}.ootopia-bento-card--wide{flex-direction:column}.ootopia-bento-card--wide .ootopia-bento-card-media{flex:none}.ootopia-pin-wrap{grid-template-columns:1fr;gap:2rem}}@media (width<=36rem){.ootopia-elite-hero{padding-top:2.5rem}.ootopia-elite-h1{font-size:clamp(2.4rem,10vw,3.4rem)}.ootopia-elite-actions{flex-direction:column;align-items:stretch}.ootopia-elite-btn{justify-content:center}.ootopia-bento,.ootopia-pin-wrap{padding-block:3.5rem}.ootopia-closing{padding-block:4rem}}@media (prefers-reduced-motion:reduce){.ootopia-marquee-track{animation:none}.ootopia-elite-btn,.ootopia-bento-card{transition:none}}}