.home-anim{--ok:#1d9a5b;--bad:#e0484b;--in:cubic-bezier(.22, 1, .36, 1);--pop:cubic-bezier(.34, 1.56, .64, 1)}.mock-caption{color:color-mix(in oklab, var(--navy) 55%, transparent);font-size:.75rem}.mock-control{color:var(--navy);border-radius:6px;padding:.35rem .6rem;font-size:.78rem;font-weight:700}.mock-control:hover{color:var(--blue)}.mock-control:focus-visible,.proc-step:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.mock-pill{white-space:nowrap;background:color-mix(in oklab, var(--navy) 8%, white);color:color-mix(in oklab, var(--navy) 75%, transparent);border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.66rem;font-weight:700;transition:background .4s,color .4s;display:inline-flex}.mock-pill.is-ok{background:color-mix(in oklab, var(--ok) 14%, white);color:var(--ok)}.mock-spin{border:2px solid;border-right-color:#0000;border-radius:999px;width:.7rem;height:.7rem;animation:.8s linear infinite mock-spin}@keyframes mock-spin{to{transform:rotate(360deg)}}.mock-check{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.fix-row{border-radius:6px;align-items:center;gap:.6rem;padding:.4rem .5rem;display:flex}.fix-ring{fill:none;stroke:color-mix(in oklab, var(--navy) 22%, transparent);stroke-width:1.4px;transition:stroke .3s}.fix-row .mock-check{color:var(--ok);transition:stroke-dashoffset .45s var(--pop)}.fix-label{color:color-mix(in oklab, var(--navy) 50%, transparent);transition:color .35s}.fix-value{color:var(--ok);opacity:0;transition:opacity .35s var(--in), transform .35s var(--in);transform:translate(6px)}.fix-row.is-on{animation:fix-flash 1s var(--in)}.fix-row.is-on .mock-check{stroke-dashoffset:0}.fix-row.is-on .fix-ring{stroke:var(--ok)}.fix-row.is-on .fix-label{color:var(--navy)}.fix-row.is-on .fix-value{opacity:1;transform:none}@keyframes fix-flash{0%{background:color-mix(in oklab, var(--ok) 10%, transparent)}to{background:0 0}}.simple-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.simple-half{border-radius:var(--radius);min-width:0;padding:1.75rem}.simple-before{background:var(--tune-before-surface);color:var(--tune-quiet)}.simple-after{background:var(--tune-after-surface);color:var(--navy)}.issue-scene{margin-top:1.75rem;position:relative}.issue-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.issue-row{--step:0;border-radius:var(--radius);min-height:52px;color:var(--navy);align-items:center;gap:12px;padding:12px 14px;font-size:.85rem;line-height:1.4;display:flex}.issue-row-1{--step:1}.issue-row-2{--step:2}.issue-row-3{--step:3}.issue-row-4{--step:4}.issue-row-5{--step:5}.issue-row-6{--step:6}.issue-symbol{border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.issue-symbol svg{width:16px;height:16px}.issue-before .issue-row{background:var(--card);box-shadow:var(--tune-node-shadow);animation:issue-away 14s var(--in) infinite;animation-delay:calc(var(--step) * .55s)}.issue-before .issue-symbol{color:var(--tune-quiet);background:var(--tune-before-surface)}.issue-fixed .issue-row{background:var(--tune-browser-surface);animation:issue-row-bounce 14s var(--in) infinite;animation-delay:calc(var(--step) * .55s)}.issue-fixed .issue-symbol{background:var(--blue);color:var(--navy);animation:issue-done 14s var(--pop) infinite;animation-delay:calc(var(--step) * .55s);position:relative}.issue-fixed .issue-symbol:after{content:"✦";color:var(--blue);opacity:0;animation:issue-sparkle 14s var(--in) infinite;animation-delay:calc(var(--step) * .55s);font-size:14px;line-height:1;position:absolute;top:-10px;right:-10px}.issue-cleared{text-align:center;color:var(--navy);animation:issue-clear 14s var(--in) infinite;place-items:center;padding:1rem;font-size:1.75rem;display:grid;position:absolute;inset:0}.simple-comparison.is-paused *{animation-play-state:paused!important}@keyframes issue-away{0%{opacity:0;transform:translateY(14px)rotate(-2deg)scale(.97)}6%,22%{opacity:1;transform:none}24%{opacity:1;transform:translate(3px)rotate(1deg)}27%{opacity:.9;transform:translate(-5px)rotate(-2deg)}32%,75%{opacity:0;transform:translate(-18px,6px)rotate(-4deg)scale(.96)}88%,96%{opacity:1;transform:none}to{opacity:0;transform:translateY(14px)rotate(-2deg)}}@keyframes issue-done{0%,22%{opacity:.2;transform:scale(.8)rotate(-12deg)}28%{opacity:1;transform:scale(1.25)rotate(8deg)}32%,75%{opacity:1;transform:scale(1)rotate(0)}88%,to{opacity:.2;transform:scale(.8)rotate(-12deg)}}@keyframes issue-row-bounce{0%,22%,35%,to{transform:none}28%{transform:translateY(-4px)}31%{transform:translateY(1px)}}@keyframes issue-sparkle{0%,24%,36%,to{opacity:0;transform:scale(.4)rotate(-20deg)}28%{opacity:1;transform:translate(2px,-2px)scale(1.15)rotate(10deg)}34%{opacity:0;transform:translate(4px,-5px)scale(.8)rotate(25deg)}}@keyframes issue-clear{0%,52%,82%,to{opacity:0;transform:translateY(8px)scale(.96)}60%{opacity:1;transform:translateY(-3px)scale(1.03)}64%,75%{opacity:1;transform:none}}@media (width<=767px){.simple-comparison{grid-template-columns:minmax(0,1fr);gap:1rem}.simple-half{padding:1.25rem}.issue-row{min-height:56px;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.issue-scene *{animation:none!important}.issue-before .issue-row,.issue-fixed .issue-symbol{opacity:1;transform:none}.issue-fixed .issue-symbol:after{animation:none;display:none}.issue-cleared{display:none}}.bl-window{height:168px;color:var(--navy);border-width:1px;border-radius:6px;overflow:hidden}.home-anim [class*=bl-]{animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:var(--in);animation-fill-mode:both}.home-anim.is-paused *{animation-play-state:paused!important}.bl-row{align-items:center;gap:.5rem;animation-name:bl-row;display:flex}@keyframes bl-row{0%{transform:translateX(var(--dx)) rotate(var(--rot));opacity:.5}22%,88%{opacity:1;transform:none}to{transform:translateX(var(--dx)) rotate(var(--rot));opacity:.5}}.bl-tag{border-radius:6px;padding:.1rem .4rem;font-size:.6rem;font-weight:700;animation-name:bl-tag}@keyframes bl-tag{0%,30%{background:color-mix(in oklab, var(--navy) 6%, white);color:#0000}38%,88%{background:var(--sky-deep);color:var(--navy)}to{background:color-mix(in oklab, var(--navy) 6%, white);color:#0000}}.bl-chip-wrap{max-width:9rem;display:inline-block;overflow:hidden}.bl-chip{white-space:nowrap;background:color-mix(in oklab, var(--navy) 7%, white);border-radius:6px;margin:0 .35rem .35rem 0;padding:.2rem .5rem;font-size:.66rem;font-weight:700;display:inline-block}.bl-bad{animation-name:bl-collapse}.bl-bad .bl-chip{animation-name:bl-bad}@keyframes bl-bad{0%,22%{color:var(--navy);text-decoration:none}30%,to{color:var(--bad);background:color-mix(in oklab, var(--bad) 10%, white);text-decoration:line-through}}@keyframes bl-collapse{0%,32%{opacity:1;max-width:9rem}42%,92%{opacity:0;max-width:0}to{opacity:1;max-width:9rem}}.bl-keep{animation-name:bl-keep}@keyframes bl-keep{0%,48%{background:color-mix(in oklab, var(--navy) 7%, white)}55%,92%{background:var(--sky-deep)}to{background:color-mix(in oklab, var(--navy) 7%, white)}}.bl-line{color:var(--ok);animation-name:bl-show50}@keyframes bl-show50{0%,50%{opacity:0}58%,92%{opacity:1}to{opacity:0}}.bl-stars{animation-name:bl-stars}@keyframes bl-stars{0%,4%{clip-path:inset(0 100% 0 0)}26%,92%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}.bl-cart{border:1.5px solid var(--blue);border-radius:6px;place-items:center;height:1.6rem;font-size:.66rem;font-weight:700;animation-name:bl-cart;display:grid;position:relative}.bl-cart>span{grid-area:1/1;align-items:center;gap:.25rem;display:inline-flex}@keyframes bl-cart{0%,30%{color:var(--navy);background:#fff;transform:scale(1)}34%{transform:scale(.92)}38%,92%{background:var(--blue);color:#fff;transform:scale(1)}to{color:var(--navy);background:#fff}}.bl-cart-a{animation-name:bl-a}.bl-cart-b{animation-name:bl-b}@keyframes bl-a{0%,35%{opacity:1}38%,92%{opacity:0}to{opacity:1}}@keyframes bl-b{0%,35%{opacity:0}38%,92%{opacity:1}to{opacity:0}}.bl-cart-b .mock-check,.bl-log .mock-check{animation:inherit;animation-name:bl-draw}.bl-log{color:var(--ok)}.bl-log .mock-check{animation-delay:var(--d)}@keyframes bl-draw{0%,38%{stroke-dashoffset:1px}46%,92%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}.bl-log .mock-check{animation-name:bl-log}@keyframes bl-log{0%,4%{stroke-dashoffset:1px}12%,92%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}.bl-scan{background:var(--blue);height:2px;box-shadow:0 0 12px 3px color-mix(in oklab, var(--blue) 60%, transparent);animation-name:bl-scan;animation-timing-function:linear;position:absolute;top:0;left:0;right:0}@keyframes bl-scan{0%{opacity:1;transform:translateY(0)}38%{opacity:1;transform:translateY(166px)}39%,to{opacity:0;transform:translateY(166px)}}.bl-blob,.heat-blob{background:radial-gradient(closest-side,#e63228d9,#ff8c2899 45%,#ffdc3c59 70%,#0000);border-radius:999px;width:70px;height:50px;position:absolute}.bl-blob{animation-name:bl-blob}@keyframes bl-blob{0%,40%{opacity:0;transform:scale(.6)}50%,90%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.bl-live{animation-name:bl-show50}.bl-swap{justify-items:end;display:grid}.bl-swap>*{grid-area:1/1}.bl-sched{animation-name:bl-a2}.bl-bought{animation-name:bl-b2}@keyframes bl-a2{0%,42%{opacity:1}45%,92%{opacity:0}to{opacity:1}}@keyframes bl-b2{0%,42%{opacity:0;transform:scale(.8)}46%,92%{opacity:1;transform:none}to{opacity:0}}.bl-dim{animation-name:bl-dim}@keyframes bl-dim{0%,45%{opacity:1}50%,92%{opacity:.35}to{opacity:1}}.bl-pub{animation-name:bl-pub}@keyframes bl-pub{0%,24%{opacity:0;transform:translateY(0)}32%,62%{opacity:1;transform:translateY(-24px)}72%,to{opacity:0;transform:translateY(-24px)}}.proc-step{text-align:left;width:100%;color:var(--navy);border-radius:6px;padding:.85rem 1rem;transition:background .3s}.proc-step:hover{background:color-mix(in oklab, var(--sky-deep) 50%, transparent)}.proc-step.is-active{background:#fff;box-shadow:0 14px 34px -22px #143e7666}.proc-num{color:color-mix(in oklab, var(--navy) 45%, transparent)}.proc-title{color:color-mix(in oklab, var(--navy) 70%, transparent);font-weight:500}.is-active .proc-num{color:var(--blue)}.is-active .proc-title{color:var(--navy);font-weight:700}.proc-desc{transition:grid-template-rows .45s var(--in);grid-template-rows:0fr;display:grid}.is-active .proc-desc{grid-template-rows:1fr}.stage-card{animation:stage-in .5s var(--in)}@keyframes stage-in{0%{opacity:0;transform:translateY(8px)}}.stage-btn{background:var(--blue);color:#fff;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.75rem;font-weight:700;transition:background .3s,transform .12s;display:inline-flex}.stage-btn.is-ok{background:var(--ok)}.stage-fade{transition:opacity .4s var(--in)}@media (prefers-reduced-motion:reduce){.home-anim [class*=bl-]{animation-play-state:paused!important;animation-delay:-4.2s!important}.home-anim .leak-note,.home-anim .leak-empty,.home-anim .leak-cta,.home-anim .fix-row *,.stage-card,.proc-desc{transition:none!important;animation:none!important}.fix-row.is-on{animation:none}}
