.pv{--r:12px;--bg:#f5f4f0;--bg-sunken:#ecebe5;--surface:#fff;--fg:#0b0c13;--fg-2:#363a46;--fg-muted:#62677a;--border:#e4e6ec;--border-strong:#c9ccd6;--primary:#1565c0;--primary-hover:#0f539f;--primary-tint:#e5edf7;--primary-tint-2:#cfdff1;--accent:#116f8a;--accent-bright:#0b88c9;--accent-tint:#e2eff3;--success:#17704a;--success-tint:#e1f1e8;--warning:#8f5310;--warning-tint:#f7ecdc;--error:#b83b28;--error-tint:#f7e3df;width:100%;height:100%;color:var(--fg-2);place-items:center;font-size:12px;line-height:1.35;display:grid;position:relative}.pv *{transition-timing-function:var(--ease)}.pv small{color:var(--fg-muted);font-size:10.5px}.dots{gap:5px;display:flex}.dots i{background:var(--ui-fill-2);border-radius:50%;width:8px;height:8px}.panel,.bw{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);width:min(100%,420px);box-shadow:var(--shadow-frame);overflow:hidden}.panel__head{border-bottom:1px solid var(--border);color:var(--fg);align-items:center;gap:8px;padding:12px 14px;font-size:12.5px;font-weight:600;display:flex}.panel__head small{margin-left:auto;font-weight:400}.bw{width:min(100%,460px)}.bw__bar{border-bottom:1px solid var(--border);background:var(--ui-surface-2);align-items:center;gap:10px;height:32px;padding:0 10px;display:flex}.bw__url{text-align:center;max-width:220px;font-family:var(--font-mono);color:var(--fg-muted);background:var(--bg);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex:1;margin-inline:auto;padding:3px 8px;font-size:10px;overflow:hidden}.phone{background:var(--ui-bezel);width:214px;height:430px;box-shadow:var(--shadow-frame);border-radius:34px;padding:8px;position:relative}.phone__notch{background:var(--ui-bezel);z-index:2;border-radius:10px;width:64px;height:18px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone__screen{background:var(--ui-screen);border-radius:27px;height:100%;padding:44px 14px 14px;position:relative;overflow:hidden}.ph-sm{color:var(--fg-muted);font-size:10.5px}.ph-h{color:var(--fg);letter-spacing:-.02em;margin-top:2px;font-size:17px;font-weight:650}.ph-b{color:var(--fg);margin-top:2px;font-size:12.5px;font-weight:600}.ph-card{background:var(--fg);border-radius:12px;margin-top:12px;padding:12px}.ph-card .ph-sm{color:#9ba1b3}.ph-card .ph-b{color:#fff}.ph-chip{color:#7fd6a6;background:#1d3a2c;border-radius:4px;margin-top:8px;padding:2px 7px;font-size:10px;display:inline-block}.ph-gap{margin:14px 0 6px}.ph-row{border-bottom:1px solid var(--ui-hairline);color:var(--fg);grid-template-columns:44px 1fr auto;align-items:center;padding:9px 0;font-weight:600;display:grid}.ph-go{color:var(--primary);font-size:10.5px;font-weight:600}.ph-tabs{border-top:1px solid var(--ui-hairline);background:var(--ui-screen);justify-content:space-around;padding:12px 18px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.ph-tabs i{background:#dcdad3;border-radius:2px;width:18px;height:4px}.ph-tabs i.on{background:var(--primary)}.ph-sheet{text-align:center;transition:transform .52s var(--ease);z-index:3;background:#fff;border-radius:20px;padding:18px 16px 20px;position:absolute;bottom:8px;left:8px;right:8px;transform:translateY(115%);box-shadow:0 -10px 30px -10px #0b0c1340}.ph-check{background:var(--success-tint);width:30px;height:30px;color:var(--success);border-radius:50%;place-items:center;margin-bottom:6px;font-weight:700;display:inline-grid}.pv--mobile.is-live .ph-sheet{transform:none}.board{background:#f7f6f2;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.board__col{align-content:start;gap:6px;display:grid}.board__h{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:5px;padding:2px 2px 4px;font-size:10.5px;font-weight:600;display:flex}.board__h span{margin-left:auto;font-weight:500}.board__dot{background:var(--border-strong);border-radius:50%;width:6px;height:6px}.board__dot--1{background:var(--warning)}.board__dot--2{background:var(--success)}.board__card{border:1px solid var(--border);color:var(--fg);min-height:52px;transition:transform .6s var(--ease), box-shadow .3s;background:#fff;border-radius:7px;gap:4px;padding:9px;font-weight:550;display:grid}.board__slot{border:1px dashed #0000;border-radius:7px;height:52px;transition:border-color .3s}.pv--webapp.is-live .board__card--move{border-color:var(--primary);box-shadow:0 8px 20px -8px #0b0c134d;box-shadow:0 8px 20px -8px #0b0c134d, inset 2px 0 0 var(--primary);transform:translate(calc(100% + 8px),58px)}.pv--webapp.is-live .board__slot{border-color:var(--primary-tint-2)}.site{height:290px;position:relative;overflow:hidden}.site__scroll{transition:transform 1.2s var(--ease-io);padding:12px 18px}.pv--website.is-live .site__scroll{transform:translateY(-110px)}.site__nav{align-items:center;gap:10px;margin-bottom:26px;display:flex}.site__nav b{color:var(--fg);margin-right:auto;font-size:11.5px}.site__nav span{background:var(--ui-fill-2);border-radius:3px;width:30px;height:5px}.site__nav em{border:1px solid var(--border-strong);border-radius:4px;padding:3px 8px;font-size:10px;font-style:normal}.site__h{letter-spacing:-.03em;color:var(--fg);max-width:15em;font-size:21px;font-weight:600;line-height:1.12}.site__p{color:var(--fg-muted);max-width:24em;margin-top:8px}.site__btn{background:var(--primary);color:#fff;border-radius:5px;margin-top:12px;padding:6px 11px;font-size:11px;font-weight:600;display:inline-block}.site__band{background:var(--fg)}.site__cols{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;display:grid}.site__cols div{background:var(--ui-fill);border-radius:6px;height:64px}.site__band{background:var(--fg);border-radius:6px;gap:6px;margin-top:18px;padding:16px;display:grid}.site__band span{background:#3a3f52;border-radius:3px;width:70%;height:6px}.site__band span+span{width:45%}.site__score{border:1px solid var(--border);background:#fff;border-radius:7px;align-items:center;gap:8px;padding:6px 8px 6px 10px;font-size:10.5px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 6px 18px -8px #0b0c1340}.site__score b{border:2px solid var(--success);width:26px;height:26px;color:var(--success);border-radius:50%;place-items:center;font-size:10.5px;display:grid}.ai__dot{background:var(--primary);border-radius:2px;width:8px;height:8px}.ai__msgs{align-content:start;gap:10px;min-height:230px;padding:14px;display:grid}.ai__q{background:var(--bg-sunken);max-width:80%;color:var(--fg);border-radius:10px 10px 2px;justify-self:end;padding:8px 11px}.ai__a{max-width:92%}.ai__typing{gap:4px;padding:10px 2px;transition:opacity .2s;display:flex}.ai__typing i{background:var(--border-strong);border-radius:50%;width:6px;height:6px;animation:1s infinite ai-dot}.ai__typing i:nth-child(2){animation-delay:.15s}.ai__typing i:nth-child(3){animation-delay:.3s}@keyframes ai-dot{50%{background:var(--fg-muted)}}.ai__ans{gap:8px;display:grid}.ai__ans b{color:var(--fg)}.ai__list{border:1px solid var(--border);border-radius:7px;display:grid}.ai__list li{font-family:var(--font-mono);justify-content:space-between;padding:6px 9px;font-size:10.5px;display:flex}.ai__list li+li{border-top:1px solid var(--border)}.ai__src{gap:6px;display:flex}.ai__src span{background:var(--accent-tint);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:10px}.ai__input{border:1px solid var(--border);color:var(--fg-muted);border-radius:8px;justify-content:space-between;margin:0 12px 12px;padding:9px 11px;display:flex}.pv--ai .ai__ans{opacity:1}.pv--ai .ai__typing{display:none}.js .pv--ai:not(.is-live) .ai__ans{opacity:0;transform:translateY(4px)}.js .pv--ai:not(.is-live) .ai__typing{display:flex}.pv--ai .ai__ans{transition:opacity .4s var(--ease) .2s, transform .4s var(--ease) .2s}.ops__grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px 0;display:grid}.ops__kpi{border:1px solid var(--border);border-radius:7px;gap:2px;padding:9px 10px;display:grid}.ops__kpi b{color:var(--fg);letter-spacing:-.02em;font-size:17px}.ops__kpi--warning b{color:var(--warning)}.ops__flow{align-items:center;gap:0;padding:14px;display:flex}.ops__flow span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border-strong);color:var(--fg-muted);border-radius:4px;flex:none;padding:4px 6px;font-size:9.5px}.ops__flow span+span{margin-left:18px;position:relative}.ops__flow span+span:before{content:"";background:color-mix(in srgb, var(--accent-bright) 45%, var(--border-strong));width:18px;height:1px;position:absolute;top:50%;right:100%}.ops__rows{border-top:1px solid var(--border)}.ops__row{border-bottom:1px solid var(--ui-fill);grid-template-columns:50px 1fr 110px;align-items:center;padding:9px 14px;display:grid}.ops__row span:first-child{font-family:var(--font-mono);font-size:10.5px}.st{height:18px;position:relative}.st em{background:var(--bg-sunken);border-radius:4px;padding:1px 6px;font-size:10.5px;font-style:normal;transition:opacity .4s,transform .4s;position:absolute;right:0}.st__b{opacity:0;color:var(--success);transform:translateY(6px);background:var(--success-tint)!important}.pv--software.is-live .st__a{opacity:0;transform:translateY(-6px)}.pv--software.is-live .st__b{opacity:1;transform:none}.ops__row:nth-child(2) .st em{transition-delay:.15s}.ops__row:nth-child(3) .st em{transition-delay:.3s}.mvp__list{gap:2px;padding:10px 14px;display:grid}.mvp__list li{color:var(--fg);align-items:center;gap:9px;padding:6px 0;display:flex}.mvp__box{border:1.5px solid var(--border-strong);width:14px;height:14px;transition:background-color .25s,border-color .25s;transition-delay:calc(var(--i,0) * .16s);border-radius:4px;place-items:center;display:grid}.mvp__box:after{content:"";opacity:0;width:6px;height:3px;transition:opacity .2s;transition-delay:inherit;border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;transform:rotate(-45deg)translate(1px,-1px)}.mvp__later{color:var(--fg-muted)!important}.mvp__later small{margin-left:auto}.mvp__bar{background:var(--bg-sunken);border-radius:2px;height:4px;margin:6px 14px 0;overflow:hidden}.mvp__bar span{background:var(--primary);transform-origin:0;width:100%;height:100%;transition:transform 1s var(--ease-io);display:block;transform:scaleX(.15)}.mvp__ready{padding:12px 14px 14px}.mvp__ready span{background:var(--bg-sunken);color:var(--fg-muted);border-radius:4px;padding:3px 8px;font-size:10.5px;transition:background-color .3s .9s,color .3s .9s}.pv--mvp.is-live .mvp__list li:not(.mvp__later) .mvp__box{background:var(--primary);border-color:var(--primary)}.pv--mvp.is-live .mvp__list li:not(.mvp__later) .mvp__box:after{opacity:1}.pv--mvp.is-live .mvp__bar span{transform:scaleX(1)}.pv--mvp.is-live .mvp__ready span{background:var(--success-tint);color:var(--success)}.api__m{font-family:var(--font-mono);background:var(--accent-tint);color:var(--accent);border-radius:3px;padding:2px 5px;font-size:10px}.panel.api .panel__head{font-family:var(--font-mono);font-size:11.5px;font-weight:500}.api__code{font-family:var(--font-mono);color:var(--fg-2);background:var(--ui-surface-2);border-bottom:1px solid var(--border);margin:0;padding:12px 14px;font-size:10.5px;line-height:1.6;overflow:hidden}.api__res{align-items:center;gap:8px;padding:10px 14px;display:flex}.api__s{font-family:var(--font-mono);background:var(--success-tint);color:var(--success);border-radius:4px;padding:2px 7px;font-size:10.5px}.api__hooks{gap:8px;padding:0 14px 14px;display:flex}.api__hooks span{border:1px solid var(--border);transition:border-color .3s,color .3s;transition-delay:calc(var(--i) * .18s);border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:10.5px;display:inline-flex}.api__hooks i{background:var(--border-strong);width:6px;height:6px;transition:background-color .3s;transition-delay:inherit;border-radius:50%}.pv--api.is-live .api__hooks span{border-color:var(--primary-tint-2);color:var(--fg)}.pv--api.is-live .api__hooks i{background:var(--success)}.mt__bars{align-items:end;gap:3px;height:70px;padding:14px;display:flex}.mt__bars i{background:#9fd3b7;border-radius:2px;flex:1;height:100%}.mt__bars i.warn{background:#e9b77a;height:100%}.mt__log{border-top:1px solid var(--border)}.mt__row{border-bottom:1px solid var(--ui-fill);color:var(--fg);justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.mt__row em{border-radius:4px;padding:1px 6px;font-size:10.5px;font-style:normal}.mt__row em.ok{background:var(--success-tint);color:var(--success)}.mt__row em.warn{background:var(--warning-tint);color:var(--warning);transition:background-color .3s,color .3s}.pv--maintenance.is-live .mt__row em.warn{background:var(--success-tint);color:var(--success)}.au__rows{padding:6px 14px}.au__row{border-bottom:1px solid var(--ui-fill);color:var(--fg);grid-template-columns:58px 1fr;align-items:center;gap:8px;padding:8px 0;display:grid}.au__row em{border-radius:4px;justify-self:start;padding:2px 6px;font-size:10px;font-style:normal}.au__row em.high{background:var(--error-tint);color:var(--error)}.au__row em.medium{background:var(--warning-tint);color:var(--warning)}.au__row em.low{background:var(--bg-sunken);color:var(--fg-muted)}.au__plan{color:var(--fg-muted);padding:10px 14px 14px;font-size:11px}.aso__rows{padding:6px 14px 12px}.aso__row{border-bottom:1px solid var(--ui-fill);color:var(--fg);grid-template-columns:1fr 40px 40px;align-items:center;gap:8px;padding:9px 0;display:grid}.aso__row em{font-style:normal;font-family:var(--font-mono);text-align:right;font-size:10.5px}.aso__a{color:var(--fg-muted)}.aso__b{color:var(--fg-muted);opacity:.35;transition:opacity .4s,color .4s}.pv--aso.is-live .aso__b{color:var(--success);opacity:1}.pv--aso.is-live .aso__a{text-decoration:line-through}@media (prefers-reduced-motion:reduce){.pv .is-live,.pv{transition:none!important}}
