body{background:#ecebe7;margin:0}a{color:#3a3d44;text-decoration:none}a:hover{color:#5e616a}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.wrap{max-width:clamp(1180px,68vw,1300px);margin:0 auto;padding:0 clamp(16px,4vw,56px)}.h1{letter-spacing:-.03em;margin:0;font-family:Funnel Display,sans-serif;font-size:clamp(36px,4.2vw,56px);font-weight:700;line-height:1.02}.h2{letter-spacing:-.02em;margin:0;font-family:Funnel Display,sans-serif;font-size:clamp(24px,2.4vw,30px);font-weight:700;line-height:1.12}.lead{color:#4b4e56;max-width:560px;margin:14px 0 0;font-size:17px;line-height:1.6}.btn{color:#3a3d44;cursor:pointer;background:0 0;border:1px solid #b9b7b0;border-radius:4px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:600;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.btn:hover{color:#3a3d44;background:#fafaf8;border-color:#3a3d44;transform:translateY(-1px)}.btn.dark{color:#fff;background:#3a3d44;border-color:#3a3d44}.btn.dark:hover{color:#fff;background:#2f3238}.btn.blue{color:#3a3d44;background:#a9d2ff;border-color:#a9d2ff}.btn.blue:hover{color:#3a3d44;background:#9ac8fa}.more{text-underline-offset:4px;align-items:center;gap:6px;min-height:40px;font-size:15px;font-weight:600;text-decoration:underline;display:inline-flex}.card{background:#fafaf8;border:1px solid #dedcd6;border-radius:6px}.band{border-top:1px solid #dedcd6}.tab{color:#4b4e56;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;min-height:38px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:600}.tab[aria-selected=true]{color:#fff;background:#3a3d44}.cmd{color:#f4f3f0;white-space:pre-wrap;overflow-wrap:anywhere;background:#3a3d44;border-radius:4px;margin:0;padding:16px 18px;font-size:13.5px;line-height:1.65}.step{border-top:1px solid #dedcd6;grid-template-columns:40px 1fr;gap:0 18px;padding:20px 0;display:grid}.step .n{letter-spacing:-.02em;color:#86b9ee;padding-top:2px;font-family:Funnel Display,sans-serif;font-size:24px;font-weight:700;line-height:1}.step h3{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.step p{color:#4b4e56;max-width:560px;margin:6px 0 0;font-size:15.5px;line-height:1.55}.list{color:#4b4e56;flex-direction:column;gap:9px;margin:12px 0 0;padding:0;font-size:15.5px;line-height:1.5;list-style:none;display:flex}.list li{padding-left:18px;position:relative}.list li:before{content:"";background:#a9d2ff;border-radius:50%;width:7px;height:7px;position:absolute;top:10px;left:0}.lvltag{background:#d6e9ff;border-radius:3px;align-items:center;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.hero{isolation:isolate;position:relative;overflow:hidden}.wash{z-index:0;pointer-events:none;background:radial-gradient(42% 55% at 74% 38%,#d6e9ff 0%,#d6e9ff8c 40%,#d6e9ff00 72%);position:absolute;inset:0}.collage{height:470px;position:relative}.paper{color:#3a3d44;background:#fafaf8;border:1px solid #dedcd6;border-radius:8px}.paper .row{border-top:1px solid #e6e4df;justify-content:space-between;gap:16px;padding:7px 0;font-size:12.5px;display:flex}.c-back{width:68%;padding:18px 20px;position:absolute;top:0;right:0;transform:rotate(1.5deg);box-shadow:0 18px 40px #14161a1a}.c-front{z-index:2;width:74%;padding:22px 24px 20px;position:absolute;bottom:0;left:0;transform:rotate(-1.2deg);box-shadow:0 30px 70px #14161a2e}.rec{border-top:1px solid #e6e4df;grid-template-columns:44px 1fr 64px;align-items:center;gap:8px;padding:7px 0;font-size:12px;display:grid}.frame{background:#e2e0da;border:1px solid #dedcd6;border-radius:8px;height:360px;position:relative;overflow:hidden}.peek{background:#ecebe7;border:1px solid #dedcd6;border-radius:8px 0 0;width:125%;max-width:none;padding:18px 20px;position:absolute;top:22px;left:22px;box-shadow:0 20px 50px #14161a24}.kpi{background:#fafaf8;border:1px solid #dedcd6;border-radius:5px;flex:120px;padding:12px 14px}.kpi b{letter-spacing:-.02em;font-family:Funnel Display,sans-serif;font-size:22px;font-weight:700;line-height:1;display:block}.kpi span{color:#5e616a;margin-top:3px;font-size:11.5px;display:block}.feat{background:#fafaf8;border:1px solid #dedcd6;border-radius:6px;flex:1 1 0;padding:20px 22px}.feat h3{margin:0;font-size:16px;font-weight:600}.feat p{color:#4b4e56;margin:6px 0 0;font-size:14.5px;line-height:1.55}.cmp{background:#fafaf8;border:1px solid #dedcd6;border-radius:8px;grid-template-columns:minmax(200px,1.5fr) repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.cmp>:where([role=row])>div{border-top:1px solid #e6e4df;align-items:center;min-height:48px;padding:14px 16px;font-size:15px;display:flex}.cmp .hd{border-top:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:0;padding:20px 16px 18px}.cmp .hd b{letter-spacing:-.02em;font-family:Funnel Display,sans-serif;font-size:24px;font-weight:700;line-height:1}.cmp .hd strong{margin-top:8px;font-size:15px;font-weight:600;display:block}.cmp .hd span{color:#5e616a;margin-top:6px;font-size:13px;line-height:1.45;display:block}.cmp .grp{color:#5e616a;background:#f1f0ec;grid-column:1/-1;min-height:0;padding:9px 16px;font-size:12.5px;font-weight:600}.cmp .lab{color:#3a3d44}.cmp .c{justify-content:center}.cmp .hi{background:#eaf3ff}.cmp .hi.hd{box-shadow:inset 0 3px #a9d2ff}.ok{color:#fff;background:#3a3d44;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.ok.soft{color:#3a3d44;background:#d6e9ff}.no{color:#b9b7b0;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.soon{color:#5e616a;border:1px dashed #c9c7c1;border-radius:3px;padding:2px 7px;font-size:12px;font-weight:600}.cmp .ft{justify-content:center;min-height:0;padding:16px}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:none}}@keyframes card{0%{opacity:0;filter:blur(8px);transform:translateY(24px)rotate(0)}}.rv{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) forwards rise}.c-back.rv{opacity:1;animation:.7s cubic-bezier(.22,1,.36,1) .25s forwards card}.c-front.rv{opacity:1;animation:.7s cubic-bezier(.22,1,.36,1) .4s forwards card}.sv{animation:linear both rise view();animation-range:entry entry 30%}@supports not (animation-timeline:view()){.sv{animation:none}}@media (width<=900px){.cmp{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.cmp>:where([role=row])>div{padding:10px 8px;font-size:13px}.cmp .hd b{font-size:20px}.cmp .hd span{display:none}}@media (width<=860px){.collage{height:auto}.c-back{width:auto;margin-bottom:12px;position:static;transform:none}.c-front{width:auto;position:static;transform:none}.frame{height:300px}}@media (width<=720px){.step{grid-template-columns:32px 1fr}}@media (prefers-reduced-motion:reduce){.rv,.sv,.c-back.rv,.c-front.rv{opacity:1;filter:none;animation:none;transform:none}.spin{animation:none}.btn{transition:none}}