/* Orlino: product-first layout, original desktop companion, restrained blue. */
:root{--paper:#fafbff;--ink:#202337;--muted:#697087;--line:#e5e7f0;--brand:#4d55ed;--brand-hover:#3943d7;--brand-soft:#eef0ff;--brand-soft-hover:#e5e7ff;--blue:var(--brand);--mint:#eff5ff;--lilac:#f0efff}
body{background:#fafbff}
.header{background:#ffffffed;border-bottom:1px solid #eeeff5}
.nav{min-height:80px}
.brand{letter-spacing:-.045em;color:#252739}
.preview-badge{font-size:9px;letter-spacing:.08em;color:#7f859b}
.button{border-radius:12px}
.button-blue,.button-dark{background:#4d55ed;border-color:#4d55ed;color:#fff}
.button-blue:hover,.button-dark:hover{background:var(--brand-hover)}
.button-outline{border-color:#dddfee;background:#fff;color:#303549}
.hero.hero-mascot{background:#fafbff;min-height:0;padding:80px 0 54px}
.hero-mascot::before{display:none}
.hero-mascot .hero-content{width:min(1120px,calc(100% - 64px));grid-template-columns:1.18fr 1fr;gap:64px}
.hero-eyebrow{background:transparent;border:0;padding:0;color:#626984;font-size:11px;letter-spacing:.13em;font-weight:650}
.hero-mascot h1{font-size:clamp(52px,5.8vw,78px);letter-spacing:-.065em;line-height:1.05;margin:25px 0 24px;font-weight:700}
.hero-mascot h1 em{color:#5359e9;font-style:normal}
.hero-mascot .hero-description{font-size:18px;line-height:1.65;color:#697087;max-width:440px;margin:0}
.hero-mascot .hero-actions{margin-top:30px;gap:12px;display:flex;flex-wrap:wrap}
.hero-actions .button{min-height:52px;width:auto;min-width:170px;font-size:14px;padding:14px 23px;gap:18px}
.hero-note{color:#9095a7;font-size:12px;margin-top:16px}
.pet-display{position:relative;background:linear-gradient(145deg,#edf3ff,#f5f1ff 70%,#faf8ff);border:1px solid #e6e8f6;border-radius:32px;padding:24px 24px 20px;min-width:0}
.pet-display-top{display:flex;justify-content:space-between;align-items:center;color:#4d5371;font-size:12px;letter-spacing:.02em}
.pet-live-dot{display:flex;align-items:center;gap:6px;color:#81869b;font-size:11px}
.pet-live-dot::before{content:"";width:6px;height:6px;border-radius:50%;background:#5d84f5}
.pet-canvas-wrap{aspect-ratio:1;position:relative;width:100%;max-width:360px;margin:12px auto 16px}
.pet-canvas-wrap canvas,.pet-canvas-wrap img{width:100%;height:100%;object-fit:contain;display:block}
.pet-canvas-wrap [hidden]{display:none}
.pet-canvas-wrap canvas{cursor:pointer;touch-action:pan-y;border-radius:20px}
.pet-canvas-wrap canvas:focus{outline:none}
.pet-canvas-wrap canvas:focus-visible{outline:2px solid #5359e9;outline-offset:-6px}
.pet-canvas-wrap img[data-pet-fallback]{width:100%;height:100%;position:absolute;inset:0}
.pet-caption{text-align:center;font-size:12px;line-height:1.6;color:#777e97;margin:0}
.model-ribbon{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;align-items:center;padding:25px 0 35px;color:#73788e;border-bottom:1px solid #e9ebf3;max-width:1120px;margin:0 auto}
.model-ribbon span{font-size:15px;font-weight:600;letter-spacing:-.02em}
.model-ribbon small{font-size:10px;letter-spacing:.12em;font-weight:500;color:#9a9fb0}
.demo-section{padding-top:56px}
.try-app{border-radius:20px;border-color:#e3e5f0;box-shadow:0 16px 60px -35px #292e6750}
.try-sidebar{background:#f7f8fc}
.showcase-section{background:#fff;padding-bottom:64px}
.showcase-heading h2,.ecosystem-heading h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.045em;line-height:1.15}
.showcase-heading p,.ecosystem-heading p{color:#73788e}
.model-family-card{border-radius:16px!important;border-color:#e7e9f3!important;background:#fafbff!important;padding:24px!important}
.model-family-card h3{font-size:22px!important;color:#393e67}
.model-family-card p{font-size:14px;color:#858ba0!important}
.plans-section{background:#f4f5fc}
.free-plan{border-color:#e1e3f0;box-shadow:none}
.free-plan-price{background:#f1f3fc}
.free-plan-price .free-plan-badge{background:transparent;color:#565cbb;font-size:11px;font-weight:600;letter-spacing:.12em;line-height:1.5}
.free-plan-price h3{font-size:28px;font-weight:650;letter-spacing:-.025em;margin:20px 0 22px}
.price-original{font-size:14px;line-height:1.6;font-weight:400;letter-spacing:0;color:#697087;margin:0 0 8px}
.price-original del{text-decoration-thickness:1px}
.free-plan-price .free-plan-amount{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:inherit;letter-spacing:0;line-height:1.1;margin:0}
.price-value{font-size:64px;font-weight:650;letter-spacing:-.045em;font-variant-numeric:lining-nums tabular-nums}
.price-unit{font-size:18px;font-weight:450;letter-spacing:0;color:#596178;line-height:1.5}
.price-billing{font-size:14px;font-weight:400;letter-spacing:0;line-height:1.6;color:#697087;margin:10px 0 0}
.price-annual{margin-top:26px;padding-top:22px;border-top:1px solid #dce0ef}
.price-annual-title{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.35;color:var(--ink);margin:0}
.price-annual .price-billing{margin-top:6px}
@media(min-width:681px) and (max-width:1000px){.free-plan-price .free-plan-amount{gap:6px;flex-wrap:nowrap}.price-value{font-size:44px}.price-unit{font-size:14px}}
@media(max-width:680px){.price-value{font-size:56px}.price-unit{font-size:17px}}
.closing{background:#edefff;border-radius:20px}
.site-footer{background:#fff}
@media(min-width:1700px){.hero.hero-mascot{min-height:0}}
@media(max-width:900px){.hero.hero-mascot{padding:45px 0 30px}.hero-mascot .hero-content{grid-template-columns:1fr;gap:32px;width:calc(100% - 40px)}.hero-mascot .hero-description{margin-inline:auto}.hero-mascot .hero-actions{justify-content:center}.pet-display{width:min(100%,400px);margin:auto}.pet-canvas-wrap{max-width:290px}.model-ribbon{gap:20px;padding:20px}.hero-mascot h1{font-size:clamp(45px,8.5vw,70px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}