.hero--perf .hero__title{max-width:1040px}.hero--perf .hero__container{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:center;gap:var(--layout-column-gap);max-width:var(--layout-container-max);margin-inline:auto}.hero--perf .hero__brief{align-items:flex-start;padding-block:0}.hero--perf .hero__title{font-size:clamp(32px,3.6vw,56px);text-align:left}.hero--perf .hero__lead{text-align:left;text-wrap:pretty}.hero--perf .hero__proof{justify-content:flex-start;margin-top:0}.loadsec,.plugsec,.perfall,.cardsec:has(.testgrid){content-visibility:auto}.loadsec{contain-intrinsic-block-size:auto 1040px}.plugsec{contain-intrinsic-block-size:auto 1420px}.perfall{contain-intrinsic-block-size:auto 1480px}.cardsec:has(.testgrid){contain-intrinsic-block-size:auto 960px}[data-gauge].is-off *,[data-gauge].is-off *::before,[data-gauge].is-off *::after{animation-play-state:paused !important}.pviz{position:relative;margin:0;padding:var(--spacing-16) var(--spacing-12) 0;overflow:hidden;border-radius:var(--radius-md);background:radial-gradient(55% 45% at 12% 8%,var(--psi-glow-light),transparent 70%),radial-gradient(45% 40% at 88% 4%,var(--psi-glow-lilac),transparent 70%),radial-gradient(40% 40% at 95% 70%,var(--psi-glow-violet),transparent 70%),radial-gradient(45% 45% at 5% 75%,var(--psi-glow-blue),transparent 70%),linear-gradient(180deg,var(--psi-ground-top),var(--psi-ground-mid) 45%,var(--psi-ground-bottom))}.pviz__card{container:pviz / inline-size;display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-10) 0;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--psi-surface);color:var(--psi-text)}.pviz__verdict{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);font-size:var(--font-size-md)}.pviz__verdict em{font-style:normal;color:var(--psi-pass)}.pviz__pulse{display:grid;flex-shrink:0;place-items:center;width:36px;height:36px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--psi-pass) 12%,transparent)}.pviz__pulse svg{fill:none;stroke-width:1.6}.pviz__pulse path{stroke:var(--psi-pass)}.pviz__pulse circle{stroke:var(--psi-text)}.pviz__vitals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-6);padding-bottom:var(--spacing-8);border-bottom:var(--border-width-thin) solid var(--psi-rule)}.pviz__vital{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--spacing-3) var(--spacing-2)}.pviz__vital span{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.pviz__vital span::before{content:"";flex-shrink:0;width:8px;height:8px;border-radius:var(--radius-full);background:var(--psi-pass)}.pviz__vital b{color:var(--psi-pass);font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-400);white-space:nowrap}.pviz__vital i{position:relative;container-type:inline-size;grid-column:1 / -1;height:4px;background:linear-gradient(90deg,var(--psi-pass) 0 85%,var(--psi-average) 85% 95%,var(--psi-fail) 95%)}.pviz__vital i::after{content:"";position:absolute;top:-5px;left:0;width:10px;height:14px;border-radius:6px 6px 50% 50%;background:var(--psi-text);transform:translateX(calc(var(--at) * 1cqi - 50%));transition:transform 1.6s cubic-bezier(0.25,1,0.5,1)}.pviz__vital:nth-child(2) i::after{transition-delay:0.15s}.pviz__vital:nth-child(3) i::after{transition-delay:0.3s}.js [data-gauge]:not(.is-in) .pviz__vital i::after{transform:translateX(calc(97cqi - 50%))}.pviz__body{--ring:min(31cqi,180px);--shot:min(52cqi,300px);display:flex;justify-content:space-around;height:calc(var(--shot) * 1.07)}.pviz__score{position:relative;display:flex;flex-direction:column;align-items:center;align-self:center;gap:clamp(var(--spacing-2),2.8cqi,var(--spacing-4))}.pviz__gauge{width:var(--ring);height:var(--ring);transform:rotate(-90deg)}.pviz__track,.pviz__ring{stroke-width:8}.pviz__track{fill:var(--psi-pass-subtle);stroke:color-mix(in srgb,var(--psi-pass) 20%,var(--psi-surface))}.pviz__ring{fill:none;stroke:var(--psi-pass);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--score));transition:stroke-dashoffset 1.8s cubic-bezier(0.25,1,0.5,1)}.js [data-gauge]:not(.is-in) .pviz__ring{stroke-dashoffset:100}.pviz__value{position:absolute;top:calc(var(--ring) / 2);left:50%;transform:translate(-50%,-50%);color:var(--psi-pass-dark);font-family:var(--font-mono);font-size:calc(var(--ring) * 0.3);line-height:1}.pviz__label{font-size:clamp(var(--font-size-xs),3.5cqi,var(--font-size-xl))}.pviz__shot{display:block;flex-shrink:0;width:var(--shot);height:100%;object-fit:cover;object-position:top;border:3px solid var(--psi-rule);border-bottom:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--surface-default);transition:transform 1.4s cubic-bezier(0.25,1,0.5,1) 0.1s,opacity 1s ease 0.1s}.js [data-gauge]:not(.is-in) .pviz__shot{opacity:0;transform:translateY(40px)}.split__title--wide{max-width:600px}.split__title--wider{max-width:700px}.modold{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-12);align-items:center;padding:var(--spacing-12);background:var(--surface-default);border:var(--border-width-thin) solid var(--surface-overlay);border-radius:var(--radius-md)}.modold__copy{display:flex;flex-direction:column;gap:var(--spacing-5);max-width:580px}.modold__big{color:var(--feedback-success);font-family:var(--font-heading);font-size:var(--font-size-8xl);font-weight:var(--font-weight-600);line-height:1}.modold__say{font-size:var(--font-size-xl);line-height:1.45}.modold__pages{display:flex;flex-direction:column;margin-top:var(--spacing-2);border-top:var(--border-width-thin) solid var(--border-default)}.modold__row{display:grid;grid-template-columns:minmax(0,1fr) auto 48px;gap:var(--spacing-4);padding-block:var(--spacing-3);border-bottom:var(--border-width-thin) solid var(--border-default);font-size:var(--font-size-md);font-variant-numeric:tabular-nums}.modold__row b{font-weight:var(--font-weight-500)}.modold__row em{font-style:normal;text-align:right;opacity:var(--opacity-md)}.modold__row.is-drawn{font-weight:var(--font-weight-600)}.modold__row.is-drawn b,.modold__row.is-drawn em{color:var(--feedback-success);font-weight:var(--font-weight-600);opacity:1}.modold__note{font-size:var(--font-size-xs);opacity:var(--opacity-md)}.modold__art{width:100%;max-width:600px;margin:0;justify-self:end}.modold__theme{position:relative;aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--background-subtle);background-image:url("../assets/img/builders-bg-dots.png");background-size:16px 16px}.modold__page{position:absolute;left:0;bottom:0;display:flex;align-items:flex-end;aspect-ratio:1;padding:var(--spacing-4);border-radius:0 var(--radius-md) 0 var(--radius-md);background:var(--feedback-success);color:var(--text-inverse);transform-origin:0 100%;transition:transform 0.9s cubic-bezier(0.22,1,0.36,1)}.js [data-gauge]:not(.is-in) .modold__page{transform:scale(0)}.modold__label{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-sm);line-height:1.3}.modold__label b{font-size:var(--font-size-md);font-weight:var(--font-weight-600)}.modold__label--theme{position:absolute;top:var(--spacing-5);right:var(--spacing-5);align-items:flex-end;text-align:right;opacity:var(--opacity-lg)}@keyframes plugrow-grow{from{transform:scaleX(0)}}.plugsec{margin-block:var(--layout-page-margin)}.plugsec .darksec__title p{max-width:650px}.plugsec__table{max-width:1204px;margin:var(--spacing-10) auto 0}.plugrow{display:grid;grid-template-columns:minmax(0,1.2fr) 130px 170px minmax(0,0.9fr);align-items:center;gap:var(--spacing-6);padding-block:var(--spacing-4);border-bottom:var(--border-width-thin) solid var(--border-inverse)}.plugrow--head{padding-block:0 var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-600);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.plugrow--head > *{opacity:var(--opacity-md)}.plugrow__name{display:flex;flex-direction:column;gap:2px;min-width:0}.plugrow__name b{font-weight:var(--font-weight-600)}.plugrow__name span{font-size:var(--font-size-sm);opacity:var(--opacity-md)}.plugrow__ratio{display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.plugrow__ratio b{flex:none;min-width:4.6em;padding:3px var(--spacing-3);border-radius:var(--radius-full);background:color-mix(in srgb,var(--feedback-warning) 16%,transparent);color:var(--feedback-warning);font-family:var(--font-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-600);font-variant-numeric:tabular-nums;line-height:1.2;text-align:center}.plugrow__track{flex:1;height:10px;border-radius:var(--radius-full);background:rgba(255,255,255,0.08)}.plugrow__bar{display:block;height:100%;border-radius:var(--radius-full);background:var(--feedback-warning);transform-origin:left}.plugrow__bar{animation:plugrow-grow 0.9s cubic-bezier(0.22,1,0.36,1) calc(var(--row,0) * 70ms) both}.js [data-gauge]:not(.is-in) .plugrow__bar{animation-play-state:paused}.plugrow__value,.plugrow__wm{display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:nowrap}.plugrow__value{color:var(--feedback-warning)}.plugrow__wm{color:var(--feedback-success)}.plugrow__value b,.plugrow__wm b{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-600);line-height:1.2}.plugrow__value span,.plugrow__wm span{font-size:var(--font-size-xs);opacity:var(--opacity-lg)}.plugsec__note{max-width:1204px;margin:var(--spacing-6) auto 0;font-size:var(--font-size-xs);line-height:1.5;opacity:var(--opacity-md)}.loadsec .tabs__panel-media--auto{min-height:578px}.loadsec .scene{overflow:hidden}.mock-cursor{position:absolute;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,0.25));opacity:0;pointer-events:none}@keyframes mock-cursor-in{0%{opacity:0;transform:translate(var(--cursor-x),var(--cursor-y))}12%{opacity:1}55%{transform:none}62%{transform:scale(0.8)}70%{transform:none}88%{opacity:1}100%{opacity:0}}@keyframes mock-fade-in{from{opacity:0;transform:translateY(4px)}}@keyframes mock-fade-out{to{opacity:0;visibility:hidden}}.lcp-mock{position:relative;width:100%;max-width:560px;background:var(--surface-default);border:var(--border-width-thin) solid var(--surface-overlay);border-radius:var(--radius-md);box-shadow:0 12px 32px rgba(0,0,0,0.08);overflow:hidden}.lcp-mock .mock-cursor{--cursor-x:-200px;--cursor-y:180px;top:16px;right:46px}.lcp-mock__admin{display:flex;align-items:center;gap:var(--spacing-3);height:36px;padding-inline:var(--spacing-3);background:var(--wp-admin-bar);color:var(--text-inverse);font-size:var(--font-size-xs)}.lcp-mock__wp{width:16px;height:16px;border:var(--border-width-medium) solid currentColor;border-radius:50%;opacity:var(--opacity-md)}.lcp-mock__site{opacity:var(--opacity-lg)}.lcp-mock__find{position:relative;margin-left:auto;padding:3px var(--spacing-3);border-radius:var(--radius-sm);background:var(--button-primary);font-weight:var(--font-weight-600)}.lcp-mock__page{display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-4)}.lcp-mock__header{display:flex;align-items:center;justify-content:space-between}.lcp-mock .lcp-mock__logo{display:block;width:86px;height:12px;object-fit:contain}.lcp-mock__nav{display:flex;gap:var(--spacing-4);font-size:var(--font-size-2xs);font-weight:var(--font-weight-500);line-height:12px}.lcp-mock__nav span{white-space:nowrap;opacity:var(--opacity-md)}.lcp-mock__nav span:first-child{opacity:1}.lcp-mock__hero{position:relative;border-radius:var(--radius-sm);outline:var(--border-width-medium) dashed var(--feedback-success);outline-offset:4px}.lcp-mock__hero img{display:block;width:100%;height:auto;aspect-ratio:2.3;object-fit:cover;border-radius:var(--radius-sm);background:var(--background-subtle)}.lcp-mock__tag{position:absolute;top:-14px;left:var(--spacing-3);padding:2px var(--spacing-2);border-radius:var(--radius-sm);background:var(--feedback-success);color:var(--text-inverse);font-family:var(--font-mono);font-size:var(--font-size-2xs);line-height:1.6}.lcp-mock__net{display:flex;flex-direction:column;gap:4px;margin:0 var(--spacing-4) var(--spacing-4);padding:var(--spacing-3);border:var(--border-width-thin) solid var(--surface-overlay);border-radius:var(--radius-sm)}.lcp-mock__net-head,.lcp-mock__req{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:var(--spacing-3);font-family:var(--font-mono);font-size:var(--font-size-2xs)}.lcp-mock__net-head{font-family:inherit;font-weight:var(--font-weight-600);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;opacity:var(--opacity-md)}.lcp-mock__req b{margin-left:var(--spacing-1);color:var(--feedback-success);font-weight:var(--font-weight-600)}.lcp-mock__req.is-late b{color:var(--feedback-info)}.lcp-mock__req i{position:relative;height:8px;border-radius:var(--radius-full);background:var(--background-subtle)}.lcp-mock__req i::after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--from) * 1%);width:calc((var(--to) - var(--from)) * 1%);border-radius:var(--radius-full);background:var(--border-strong);transform-origin:left}.lcp-mock__req.is-lcp i::after{background:var(--feedback-success)}.lcp-mock__req.is-late i::after{background:var(--feedback-info);opacity:0.5}.loadsec .tabs.is-in .lcp-mock .mock-cursor{animation:mock-cursor-in 2s ease-in-out 0.2s both}.loadsec .tabs.is-in .lcp-mock__find{animation:lcp-click 0.3s ease 1.25s}@keyframes lcp-click{50%{filter:brightness(0.8)}}.js .loadsec .tabs:not(.is-in) .lcp-mock__hero{outline-color:transparent}.js .loadsec .tabs:not(.is-in) .lcp-mock__tag,.js .loadsec .tabs:not(.is-in) .lcp-mock__req i::after{opacity:0}.loadsec .tabs.is-in .lcp-mock__hero{animation:lcp-found 0.4s ease 1.45s backwards}@keyframes lcp-found{from{outline-color:transparent;outline-offset:12px}}.loadsec .tabs.is-in .lcp-mock__tag{animation:mock-fade-in 0.3s ease 1.6s backwards}.loadsec .tabs.is-in .lcp-mock__req i::after{animation:lcp-bar 0.5s ease-out calc(1.9s + var(--from) * 14ms) backwards}@keyframes lcp-bar{from{transform:scaleX(0)}}.lazy-mock{width:100%;max-width:720px}.lazy-mock__window{--fold:392px;position:relative;height:490px;overflow:hidden;border:var(--border-width-thin) solid var(--surface-overlay);border-radius:var(--radius-md);background:var(--surface-default);box-shadow:0 12px 32px rgba(0,0,0,0.08)}.lazy-mock__window .menu-mock__chrome{position:relative;z-index:2}.lazy-mock__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-3);padding:var(--spacing-4)}.lazy-mock__card{position:relative;display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-2xs);line-height:1.4}.lazy-mock__card::before{content:"";position:absolute;top:0;left:0;right:0;aspect-ratio:185 / 136;border-radius:6px;background:var(--background-subtle) url("../assets/img/perf/mock-logo.svg") center / 28px auto no-repeat}.lazy-mock__card img{position:relative;display:block;width:100%;height:auto;aspect-ratio:185 / 136;margin-bottom:var(--spacing-1);object-fit:contain;border-radius:6px;background:var(--pottery-photo-ground)}.lazy-mock__card b{overflow:hidden;font-weight:var(--font-weight-600);white-space:nowrap;text-overflow:ellipsis}.lazy-mock__card i{font-style:normal;color:var(--text-link)}.lazy-mock__window::after{content:"";position:absolute;top:var(--fold);left:0;right:0;bottom:0;border-top:var(--border-width-medium) dashed var(--feedback-info);background:color-mix(in srgb,var(--surface-default) 25%,transparent);pointer-events:none}.lazy-mock__fold{position:absolute;z-index:1;top:var(--fold);left:50%;padding:2px var(--spacing-2);border-radius:var(--radius-full);background:var(--feedback-info);color:var(--text-inverse);font-size:var(--font-size-2xs);font-weight:var(--font-weight-600);line-height:1.6;white-space:nowrap;transform:translate(-50%,-50%)}.lazy-mock__below{position:absolute;z-index:1;right:var(--spacing-3);bottom:var(--spacing-3);padding:2px var(--spacing-2);border-radius:var(--radius-full);background:var(--surface-default);box-shadow:0 2px 8px rgba(0,0,0,0.08);font-size:var(--font-size-2xs);line-height:1.6;white-space:nowrap}.loadsec .tabs.is-in .lazy-mock__grid{animation:lazy-scroll 6.5s ease-in-out 0.4s infinite backwards}@keyframes lazy-scroll{0%,8%{transform:none;opacity:1}25%,38%{transform:translateY(-24.25%)}55%,84%{transform:translateY(-48.5%);opacity:1}91%{transform:translateY(-48.5%);opacity:0}92%{transform:none;opacity:0}100%{transform:none;opacity:1}}.js .loadsec .tabs:not(.is-in) .lazy-mock__card--row3 img,.js .loadsec .tabs:not(.is-in) .lazy-mock__card--row4 img{opacity:0}.loadsec .tabs.is-in .lazy-mock__card--row3 img{animation:lazy-row3 6.5s linear 0.4s infinite backwards}.loadsec .tabs.is-in .lazy-mock__card--row4 img{animation:lazy-row4 6.5s linear 0.4s infinite backwards}@keyframes lazy-row3{0%,10%{opacity:0}15%,91%{opacity:1}92%,100%{opacity:0}}@keyframes lazy-row4{0%,40%{opacity:0}45%,91%{opacity:1}92%,100%{opacity:0}}.menu-mock{--menu-loop:8s;position:relative;display:flex;flex-direction:column;gap:var(--spacing-4);width:100%;max-width:600px}.menu-mock__site{position:relative;overflow:hidden;border:var(--border-width-thin) solid var(--surface-overlay);border-radius:var(--radius-md);background:var(--surface-default);box-shadow:0 12px 32px rgba(0,0,0,0.06)}.menu-mock__chrome{position:relative;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);background:var(--button-black)}.menu-mock__chrome .chat__dots i{width:8px;height:8px;background:color-mix(in srgb,var(--text-inverse) 28%,transparent)}.menu-mock__progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--feedback-info);transform-origin:left;opacity:0}.menu-mock__url{flex:1;padding:2px var(--spacing-3);border-radius:var(--radius-full);background:color-mix(in srgb,var(--text-inverse) 12%,transparent);color:var(--text-inverse);font-family:var(--font-mono);font-size:var(--font-size-2xs);line-height:1.8}.menu-mock__req > span{grid-area:1 / 1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-mock__bar{display:flex;align-items:center;gap:var(--spacing-5);padding:var(--spacing-4) var(--spacing-5);border-bottom:var(--border-width-thin) solid var(--border-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-500)}.menu-mock .menu-mock__logo,.font-mock .menu-mock__logo{display:block;width:86px;height:12px;margin-right:auto;object-fit:contain}.menu-mock__item{white-space:nowrap;opacity:var(--opacity-md)}.menu-mock__item.is-open{position:relative;opacity:1}.menu-mock__item.is-open::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--text-primary)}.menu-mock__drop{position:relative;min-height:176px}.menu-mock__menu{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.3fr;gap:var(--spacing-5);padding:var(--spacing-5) var(--spacing-5) var(--spacing-12)}.menu-mock__col{display:flex;flex-direction:column;gap:6px;font-size:var(--font-size-xs);line-height:1.3}.menu-mock__col b{margin-bottom:2px;font-weight:var(--font-weight-600)}.menu-mock__col i{font-style:normal;opacity:var(--opacity-lg)}.menu-mock__promo{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:var(--font-size-2xs);font-weight:var(--font-weight-600)}.menu-mock .menu-mock__promo img{display:block;width:100%;height:auto;aspect-ratio:185 / 136;object-fit:contain;border-radius:var(--radius-sm);background:var(--pottery-photo-ground)}.menu-mock__chip{position:absolute;left:var(--spacing-5);bottom:var(--spacing-4);padding:3px var(--spacing-2);border-radius:var(--radius-sm);background:var(--brand-subtle);color:var(--feedback-success);font-family:var(--font-mono);font-size:var(--font-size-2xs);line-height:1.6}.menu-mock__empty{position:absolute;z-index:1;inset:var(--spacing-3);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);text-align:center;border:var(--border-width-medium) dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-default);font-family:var(--font-mono);font-size:var(--font-size-2xs);opacity:0}.menu-mock__req{display:grid;padding:var(--spacing-2) var(--spacing-5);border-top:var(--border-width-thin) solid var(--border-default);background:var(--background-subtle);font-family:var(--font-mono);font-size:var(--font-size-2xs)}.menu-mock__req0{opacity:0}.menu-mock__req1{color:var(--feedback-success)}.menu-mock__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3);counter-reset:menu-step}.menu-mock__steps li{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-3);border:var(--border-width-thin) solid var(--surface-overlay);border-radius:var(--radius-sm);background:var(--surface-default);counter-increment:menu-step;font-size:var(--font-size-xs);line-height:1.4}.menu-mock__steps b::before{content:counter(menu-step) "\00a0\00b7\00a0";color:var(--feedback-success)}.menu-mock__steps span{opacity:var(--opacity-md)}.menu-mock .mock-cursor{top:190px;left:42%}.loadsec .tabs.is-in .menu-mock__progress,.loadsec .tabs.is-in .menu-mock__bar,.loadsec .tabs.is-in .menu-mock__drop,.loadsec .tabs.is-in .menu-mock .mock-cursor,.loadsec .tabs.is-in .menu-mock__empty,.loadsec .tabs.is-in .menu-mock__menu,.loadsec .tabs.is-in .menu-mock__item.is-open::after,.loadsec .tabs.is-in .menu-mock__req0,.loadsec .tabs.is-in .menu-mock__req1,.loadsec .tabs.is-in .menu-mock__steps li{animation-duration:var(--menu-loop);animation-delay:0.3s;animation-iteration-count:infinite;animation-fill-mode:backwards;animation-timing-function:ease}.loadsec .tabs.is-in .menu-mock__progress{animation-name:menu-progress;animation-timing-function:linear}.loadsec .tabs.is-in .menu-mock__bar,.loadsec .tabs.is-in .menu-mock__drop{animation-name:menu-page}.loadsec .tabs.is-in .menu-mock .mock-cursor{animation-name:menu-cursor;animation-timing-function:linear}.loadsec .tabs.is-in .menu-mock__empty{animation-name:menu-empty}.loadsec .tabs.is-in .menu-mock__menu{animation-name:menu-menu}.loadsec .tabs.is-in .menu-mock__item.is-open::after{animation-name:menu-menu}.loadsec .tabs.is-in .menu-mock__req0{animation-name:menu-load}.loadsec .tabs.is-in .menu-mock__req1{animation-name:menu-move}.loadsec .tabs.is-in .menu-mock__steps li:nth-child(1){animation-name:menu-step1}.loadsec .tabs.is-in .menu-mock__steps li:nth-child(2){animation-name:menu-step2}@keyframes menu-progress{0%{opacity:1;transform:scaleX(0)}4%{transform:scaleX(0.45)}12%{opacity:1;transform:scaleX(1)}15%,100%{opacity:0;transform:scaleX(1)}}@keyframes menu-page{0%,3%{opacity:0}11%,91%{opacity:1}96%,100%{opacity:0}}@keyframes menu-cursor{0%,26%{opacity:0;transform:translate(150px,110px)}30%{opacity:1;transform:translate(150px,110px)}62%,88%{opacity:1;transform:none}93%,100%{opacity:0;transform:none}}@keyframes menu-empty{0%,35%{opacity:1}39%,100%{opacity:0}}@keyframes menu-menu{0%,37%{opacity:0;transform:translateY(-6px)}42%,100%{opacity:1;transform:none}}@keyframes menu-load{0%,29%{opacity:1}31%,94%{opacity:0}96%,100%{opacity:1}}@keyframes menu-move{0%,30%{opacity:0}32%,92%{opacity:1}95%,100%{opacity:0}}@keyframes menu-step1{4%,29%{border-color:var(--feedback-success);background:var(--brand-subtle)}31%,100%{border-color:var(--surface-overlay);background:var(--surface-default)}}@keyframes menu-step2{0%,30%{border-color:var(--surface-overlay);background:var(--surface-default)}33%,88%{border-color:var(--feedback-success);background:var(--brand-subtle)}92%,100%{border-color:var(--surface-overlay);background:var(--surface-default)}}.font-mock{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%;max-width:600px}.font-mock__hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:var(--spacing-5);padding:var(--spacing-6) var(--spacing-5);background:var(--pottery-hero-ground)}.font-mock__hero img{display:block;width:100%;height:auto;aspect-ratio:185 / 136;object-fit:contain;border:4px solid var(--surface-default);border-radius:var(--radius-md);background:var(--pottery-photo-ground);box-shadow:0 6px 18px rgba(0,0,0,0.08)}.font-mock__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.font-mock__title,.font-mock__chip{display:grid}.font-mock__title > span,.font-mock__chip > span{grid-area:1 / 1}.font-mock__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-600);line-height:1.25}.font-mock__fallback{font-family:Georgia,"Times New Roman",serif;font-weight:var(--font-weight-400);opacity:0}.font-mock__chip{padding:2px var(--spacing-2);border-radius:var(--radius-sm);background:var(--surface-default);font-family:var(--font-mono);font-size:var(--font-size-2xs);line-height:1.6}.font-mock__chip1{opacity:0}.font-mock__chip2{color:var(--feedback-success)}.font-mock__net{display:flex;flex-direction:column;gap:6px;padding:var(--spacing-3) var(--spacing-4);border:var(--border-width-thin) solid var(--surface-overlay);border-radius:var(--radius-md);background:var(--surface-default)}.font-mock__head,.font-mock__req{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:var(--spacing-3);font-family:var(--font-mono);font-size:var(--font-size-2xs)}.font-mock__head{font-family:inherit;font-weight:var(--font-weight-600);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;opacity:var(--opacity-md)}.font-mock__req > span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.font-mock__req.is-gone > span{text-decoration:line-through;opacity:var(--opacity-md)}.font-mock__req em{font-family:var(--font-body);font-style:normal;opacity:var(--opacity-md)}.font-mock__req i{position:relative;height:8px;border-radius:var(--radius-full);background:var(--background-subtle)}.font-mock__req i::after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--from) * 1%);width:calc((var(--to) - var(--from)) * 1%);border-radius:var(--radius-full);background:var(--border-strong);transform-origin:left}.font-mock__req.is-font i::after{background:var(--feedback-success)}.loadsec .tabs.is-in .font-mock__hero,.loadsec .tabs.is-in .font-mock__fallback,.loadsec .tabs.is-in .font-mock__web,.loadsec .tabs.is-in .font-mock__chip1,.loadsec .tabs.is-in .font-mock__chip2,.loadsec .tabs.is-in .font-mock__req i::after{animation-duration:8s;animation-delay:0.3s;animation-iteration-count:infinite;animation-fill-mode:backwards;animation-timing-function:ease}.loadsec .tabs.is-in .font-mock .menu-mock__bar,.loadsec .tabs.is-in .font-mock__hero{animation:font-page 8s cubic-bezier(0.22,1,0.36,1) 0.3s infinite backwards}.loadsec .tabs.is-in .font-mock__hero{animation-delay:0.42s}@keyframes font-page{0%,2%{opacity:0;transform:translateY(6px)}16%,90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}.loadsec .tabs.is-in .font-mock__fallback,.loadsec .tabs.is-in .font-mock__chip1{animation-name:font-before}.loadsec .tabs.is-in .font-mock__web,.loadsec .tabs.is-in .font-mock__chip2{animation-name:font-after}.loadsec .tabs.is-in .font-mock__req i::after{animation-name:font-bar;animation-delay:calc(0.3s + var(--from) * 45ms)}@keyframes font-before{0%,34%{opacity:1}38%,100%{opacity:0}}@keyframes font-after{0%,34%{opacity:0}38%,100%{opacity:1}}@keyframes font-bar{0%{transform:scaleX(0);opacity:1}14%{transform:scaleX(1)}86%{opacity:1}92%,100%{transform:scaleX(1);opacity:0}}.tabs__panel-media--auto{height:auto;min-height:500px}.tabs__panel-media--auto .scene{padding-block:var(--spacing-10)}.phones-scene{display:flex;align-items:stretch;justify-content:center;gap:var(--spacing-6);width:100%}.mini-phone{display:flex;flex-direction:column;gap:var(--spacing-3);width:250px;flex-shrink:0;padding:var(--spacing-5) 0 var(--spacing-5);overflow:hidden;background:var(--surface-default);border:var(--border-width-thin) solid var(--border-default);border-radius:36px;box-shadow:0 12px 32px rgba(0,0,0,0.06)}.mini-phone__bar{display:flex;align-items:center;justify-content:space-between;padding-inline:var(--spacing-4)}.mini-phone__icon{display:block}.mini-phone__cart{position:relative}.mini-phone__cart b{position:absolute;top:-4px;right:-6px;min-width:14px;height:14px;padding-inline:3px;border-radius:var(--radius-full);background:var(--text-primary);color:var(--text-inverse);font-size:9px;font-weight:var(--font-weight-600);line-height:14px;text-align:center}.mini-phone .mini-phone__logo{display:block;width:72px;height:10px;object-fit:contain}.mini-phone__search{display:flex;align-items:center;gap:var(--spacing-2);height:32px;margin-inline:var(--spacing-4);padding-inline:var(--spacing-3);border-radius:var(--radius-full);background:var(--background-subtle);font-size:var(--font-size-2xs);color:var(--text-secondary)}.mini-phone__banner{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;height:96px;margin-inline:var(--spacing-4);padding:var(--spacing-3);border-radius:var(--radius-sm);background:var(--background-subtle) url("../assets/img/perf/mock-hero.webp") 78% center / cover no-repeat}.mini-phone__title{padding-inline:var(--spacing-4);margin-top:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-600)}.css-carousel{display:flex;gap:var(--spacing-2);padding-inline:var(--spacing-4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--spacing-4);scrollbar-width:none}.css-carousel::-webkit-scrollbar{display:none}.css-carousel__card{display:flex;flex:0 0 72%;flex-direction:column;gap:6px;scroll-snap-align:start}.css-carousel__img{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--background-subtle) url("../assets/img/perf/mock-product-3.webp") center / cover no-repeat}.css-carousel__img--2{background-image:url("../assets/img/perf/mock-product-4.webp")}.css-carousel__img--3{background-image:url("../assets/img/perf/mock-product-1.webp")}.css-carousel__img--4{background-image:url("../assets/img/perf/mock-product-6.webp")}.css-carousel__img--5{background-image:url("../assets/img/perf/mock-product-2.webp")}.css-carousel__card b,.css-carousel__card i{height:6px;border-radius:var(--radius-full);background:var(--surface-overlay)}.css-carousel__card i{width:40%;background:var(--text-primary)}.mini-phone__chip{align-self:center;padding:2px var(--spacing-2);border-radius:var(--radius-full);background:var(--brand-subtle);font-size:var(--font-size-2xs);font-weight:var(--font-weight-600)}.phone-mock{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-3);flex:1;width:100%;min-width:0;max-width:460px;padding:var(--spacing-5);background:var(--surface-default);border:var(--border-width-thin) solid var(--surface-overlay);border-radius:var(--radius-md);box-shadow:0 12px 32px rgba(0,0,0,0.06)}.phone-mock__label,.phone-mock__what{font-size:var(--font-size-2xs);font-weight:var(--font-weight-600);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;opacity:var(--opacity-md)}.phone-mock__stack{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:calc(var(--spacing-3) * -1)}.phone-mock__block{position:relative;display:flex;align-items:baseline;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:var(--border-width-thin) solid var(--surface-overlay);border-radius:var(--radius-sm);background:var(--background-subtle);font-size:var(--font-size-sm)}.phone-mock__name{font-weight:var(--font-weight-600);white-space:nowrap}.phone-mock__parts{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-2xs);opacity:var(--opacity-md)}.phone-mock__block--desk{border-style:dashed;border-color:var(--border-strong);background:transparent}.phone-mock__block--desk .phone-mock__name,.phone-mock__block--desk .phone-mock__parts{opacity:0.35}.phone-mock__gone{margin-left:auto;padding:1px var(--spacing-2);border-radius:var(--radius-full);background:var(--brand-subtle);color:var(--feedback-success);font-size:var(--font-size-2xs);font-weight:var(--font-weight-600);white-space:nowrap}.phone-mock__bars{display:flex;flex-direction:column;gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:var(--border-width-thin) solid var(--border-default)}.phone-mock__metric{display:flex;flex-direction:column;gap:var(--spacing-2)}.phone-mock__bar{display:grid;grid-template-columns:minmax(0,1fr) 64px 96px;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xs)}.phone-mock__bar i{height:12px;border-radius:var(--radius-full);background:linear-gradient(var(--border-strong),var(--border-strong)) left / calc(var(--w) * 1%) 100% no-repeat,var(--background-subtle)}.phone-mock__bar.is-phone i{background-image:linear-gradient(var(--feedback-success),var(--feedback-success))}.phone-mock__bar b{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-600);text-align:right;font-variant-numeric:tabular-nums}.phone-mock__bar.is-phone b{color:var(--feedback-success)}.phone-mock__bar em{font-style:normal;white-space:nowrap;opacity:var(--opacity-lg)}.phone-mock__bar.is-phone em{color:var(--feedback-success);font-weight:var(--font-weight-600);opacity:1}.loadsec .tabs.is-in .phone-mock__block--desk,.loadsec .tabs.is-in .phone-mock__block--desk .phone-mock__name,.loadsec .tabs.is-in .phone-mock__block--desk .phone-mock__parts,.loadsec .tabs.is-in .phone-mock__gone,.loadsec .tabs.is-in .phone-mock__bar i,.loadsec .tabs.is-in .phone-mock__bar b,.loadsec .tabs.is-in .phone-mock__bar em{animation-duration:7s;animation-delay:0.3s;animation-iteration-count:infinite;animation-fill-mode:backwards;animation-timing-function:ease}.loadsec .tabs.is-in .phone-mock__block--desk{animation-name:desk-block}.loadsec .tabs.is-in .phone-mock__block--desk .phone-mock__name,.loadsec .tabs.is-in .phone-mock__block--desk .phone-mock__parts{animation-name:desk-text}.loadsec .tabs.is-in .phone-mock__gone{animation-name:desk-gone}.loadsec .tabs.is-in .phone-mock__bar i{animation-name:dom-bar}.loadsec .tabs.is-in .phone-mock__bar b,.loadsec .tabs.is-in .phone-mock__bar em{animation-name:dom-figure}@keyframes desk-block{0%,16%{border-style:solid;border-color:var(--surface-overlay);background-color:var(--background-subtle);transform:none}24%{transform:translateX(14px)}30%,92%{border-style:dashed;border-color:var(--border-strong);background-color:transparent;transform:none}100%{border-style:solid;border-color:var(--surface-overlay);background-color:var(--background-subtle)}}@keyframes desk-text{0%,16%{opacity:1;transform:none}24%{opacity:0;transform:translateX(40px)}28%{opacity:0;transform:none}34%,92%{opacity:0.35;transform:none}100%{opacity:1}}@keyframes desk-gone{0%,28%{opacity:0;transform:scale(0.9)}33%,92%{opacity:1;transform:none}98%,100%{opacity:0}}@keyframes dom-bar{0%,32%{background-size:0 100%,auto}50%,100%{background-size:calc(var(--w) * 1%) 100%,auto}}@keyframes dom-figure{0%,36%{opacity:0}48%,94%{opacity:1}100%{opacity:0}}.loadsec .tabs.is-in .css-carousel__card{animation:carousel-slide 7s ease-in-out 0.3s infinite backwards}@keyframes carousel-slide{0%,30%{transform:none}40%,58%{transform:translateX(calc(-100% - var(--spacing-2)))}68%,86%{transform:translateX(calc(-200% - var(--spacing-4)))}96%,100%{transform:none}}.phone-mock__switches{display:flex;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-4);padding-top:var(--spacing-4);border-top:var(--border-width-thin) solid var(--border-default);font-size:var(--font-size-xs);font-weight:var(--font-weight-500)}.phone-mock__switches li{display:flex;align-items:center;gap:var(--spacing-2)}.scene--stack{flex-direction:column;gap:var(--spacing-4)}.imgcmp{--pos:50%;--load-before:100%;--load-after:100%;position:relative;width:100%;max-width:640px;margin:0;overflow:hidden;aspect-ratio:4 / 3;border-radius:var(--radius-md);background:var(--background-subtle)}.imgcmp__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.imgcmp__img:not(.imgcmp__img--after){clip-path:inset(0 0 calc(100% - var(--load-before)) 0)}.imgcmp__img--after{clip-path:inset(0 0 calc(100% - var(--load-after)) var(--pos))}.imgcmp__scan{position:absolute;height:2px;background:var(--surface-default);box-shadow:0 0 12px 3px rgba(255,255,255,0.7);opacity:0;pointer-events:none;transition:opacity 0.3s ease}.imgcmp__scan--before{top:var(--load-before);left:0;width:var(--pos)}.imgcmp__scan--after{top:var(--load-after);left:var(--pos);right:0}.imgcmp.is-racing .imgcmp__scan--before:not(.is-done),.imgcmp.is-racing .imgcmp__scan--after:not(.is-done){opacity:1}.imgcmp__race{position:absolute;z-index:1;bottom:var(--spacing-3);left:50%;padding:4px var(--spacing-3);border-radius:var(--radius-full);background:rgba(0,0,0,0.6);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-500);white-space:nowrap;opacity:0;transform:translateX(-50%);transition:opacity 0.4s ease;pointer-events:none}.imgcmp.is-racing .imgcmp__race{opacity:1}.imgcmp__tag{position:absolute;top:var(--spacing-3);left:var(--spacing-3);padding:4px var(--spacing-3);border-radius:var(--radius-full);background:var(--button-black);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-600);line-height:1.4;pointer-events:none}.imgcmp__tag--after{left:auto;right:var(--spacing-3);background:var(--feedback-success)}.imgcmp__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--surface-default);transform:translateX(-50%);pointer-events:none}.imgcmp.is-pending .imgcmp__handle::before,.imgcmp.is-pending .imgcmp__handle::after{opacity:0}.imgcmp.is-pending .imgcmp__range{pointer-events:none}.imgcmp__handle::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background:var(--surface-default);box-shadow:0 4px 16px rgba(0,0,0,0.2);transform:translate(-50%,-50%);transition:opacity 0.4s ease}.imgcmp__handle::before{content:"";position:absolute;z-index:1;top:50%;left:50%;width:20px;height:20px;background:var(--text-primary);transform:translate(-50%,-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.5 3.5 12 9 17.5M15 6.5l5.5 5.5-5.5 5.5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.5 3.5 12 9 17.5M15 6.5l5.5 5.5-5.5 5.5'/%3E%3C/svg%3E") center / contain no-repeat;transition:opacity 0.4s ease}.imgcmp:has(.imgcmp__range:focus-visible) .imgcmp__handle::after{outline:2px solid var(--text-primary);outline-offset:2px}.imgcmp__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.imgcmp__note{max-width:640px;font-size:var(--font-size-sm);text-align:center;color:var(--text-secondary)}.opt-mock__switch{position:relative;flex:none;width:36px;height:20px;border-radius:var(--radius-full);background:var(--border-strong)}.opt-mock__switch::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface-default)}.opt-mock__switch.is-on{background:var(--feedback-success)}.opt-mock__switch.is-on::after{left:18px}.setwall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spacing-3)}.setwall__tile{position:relative;display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-5);background:var(--surface-default);border:var(--border-width-thin) solid var(--surface-overlay);border-radius:var(--radius-md);transition:transform 0.2s ease,box-shadow 0.2s ease}.setwall__tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,0.06)}.setwall__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.setwall__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--background-subtle)}.setwall__metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--spacing-1)}.setwall__metric{position:relative;cursor:default;user-select:none;display:inline-flex;align-items:center;gap:3px;padding:2px var(--spacing-2) 2px 6px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--feedback-success) 12%,transparent);color:var(--feedback-success);font-size:var(--font-size-2xs);font-weight:var(--font-weight-600);letter-spacing:var(--letter-spacing-wider);line-height:1.4}.setwall__metric::after{content:attr(data-tip);content:attr(data-tip) / "";position:absolute;right:0;bottom:calc(100% + var(--spacing-2));z-index:2;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);background:var(--background-inverse);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-500);letter-spacing:normal;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity 0.15s ease,transform 0.15s ease;pointer-events:none}.setwall__metric:hover::after{opacity:1;transform:none}[data-gauge] .setwall__metric{background:color-mix(in srgb,var(--text-primary) 6%,transparent);color:color-mix(in srgb,var(--text-primary) 35%,transparent)}[data-gauge].is-in .setwall__metric{background:color-mix(in srgb,var(--feedback-success) 12%,transparent);color:var(--feedback-success);animation:setwall-charge 0.7s ease-out calc(var(--i) * 70ms) backwards}[data-gauge].is-in .setwall__metric svg{animation:setwall-bolt 0.7s ease-out calc(var(--i) * 70ms) backwards}@keyframes setwall-charge{0%{background:color-mix(in srgb,var(--text-primary) 6%,transparent);color:color-mix(in srgb,var(--text-primary) 35%,transparent)}40%{background:color-mix(in srgb,var(--feedback-success) 28%,transparent);color:var(--feedback-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--feedback-success) 18%,transparent);transform:scale(1.08)}100%{box-shadow:0 0 0 0 transparent;transform:none}}@keyframes setwall-bolt{0%{transform:scale(0.6)}40%{transform:scale(1.5);filter:drop-shadow(0 0 2px var(--feedback-success))}100%{transform:none;filter:none}}.setwall__group{font-size:var(--font-size-2xs);font-weight:var(--font-weight-600);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;opacity:var(--opacity-md)}.setwall__name{font-size:var(--font-size-md);font-weight:var(--font-weight-600);line-height:1.3}.setwall__short{font-size:var(--font-size-sm);line-height:1.4;opacity:var(--opacity-lg)}.testgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--layout-column-gap)}.testcard{display:flex;flex-direction:column;overflow:hidden;border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-default);transition:border-color 0.2s ease,box-shadow 0.2s ease}.testcard:hover{border-color:var(--border-strong);box-shadow:0 10px 24px rgba(0,0,0,0.06)}.testcard__img{width:100%;height:auto;aspect-ratio:900 / 1000;object-fit:cover;object-position:top;border-bottom:var(--border-width-thin) solid var(--border-default)}.testcard__body{display:flex;flex:1;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-5)}.testcard__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-2)}.testcard__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-600);line-height:1.3}.testcard__demo{display:inline-flex;align-items:center;gap:2px;font-size:var(--font-size-sm);font-weight:var(--font-weight-500);white-space:nowrap;opacity:var(--opacity-lg);transition:opacity 0.2s ease}.testcard__demo:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}.testcard__cwv{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--spacing-3) var(--spacing-2);padding:var(--spacing-3) var(--spacing-4) var(--spacing-4);border-radius:var(--radius-sm);background:var(--background-subtle)}.testcard__verdict{display:inline-flex;align-items:center;gap:var(--spacing-1);color:var(--feedback-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-600)}.testcard__scope{font-size:var(--font-size-2xs);white-space:nowrap;opacity:var(--opacity-md)}.testcard__vitals{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.testcard__vitals div + div{padding-left:var(--spacing-3);border-left:var(--border-width-thin) solid var(--border-default)}.testcard__vitals dt{font-size:var(--font-size-2xs);font-weight:var(--font-weight-600);letter-spacing:var(--letter-spacing-wider);opacity:var(--opacity-md)}.testcard__vitals abbr{text-decoration:none}.testcard__vitals dd{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-600);font-variant-numeric:tabular-nums;white-space:nowrap}.testcard__actions{display:flex;gap:var(--spacing-2);margin-top:auto}.testcard__test{flex:1}.testcard__needle{transform-box:view-box;transform-origin:12px 14px}.testcard__test:hover .testcard__needle,.testcard__test:focus-visible .testcard__needle{animation:testcard-needle 0.7s cubic-bezier(0.3,1.4,0.5,1)}@keyframes testcard-needle{from{transform:rotate(-130deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.pviz__ring,.pviz__vital i::after,.pviz__shot,.modold__page,.setwall__tile,.setwall__metric::after,.testcard,.testcard__demo,.imgcmp__scan,.imgcmp__race,.imgcmp__handle::before,.imgcmp__handle::after{transition:none}.testcard__test:hover .testcard__needle,.testcard__test:focus-visible .testcard__needle{animation:none}[data-gauge].is-in .setwall__metric,[data-gauge].is-in .setwall__metric svg{animation:none}[data-gauge] .setwall__metric{background:color-mix(in srgb,var(--feedback-success) 12%,transparent);color:var(--feedback-success)}.plugrow__bar{animation:none}.loadsec .tabs.is-in *,.loadsec .tabs.is-in *::before,.loadsec .tabs.is-in *::after{animation:none !important}}@container pviz (max-width:519px){.pviz__vitals{column-gap:var(--spacing-4)}.pviz__vital{grid-template-columns:minmax(0,1fr);row-gap:var(--spacing-2)}}@container pviz (max-width:339px){.pviz__vitals{grid-template-columns:minmax(0,1fr);gap:var(--spacing-4)}.pviz__vital{grid-template-columns:minmax(0,1fr) auto}}@container pviz (max-width:259px){.pviz__assess{display:none}}@media (max-width:1364px){.hero--perf .hero__proof-dot{display:none}}@media (max-width:1100px){.loadsec{contain-intrinsic-block-size:auto 1500px}.plugsec{contain-intrinsic-block-size:auto 1500px}.perfall{contain-intrinsic-block-size:auto 2250px}.cardsec:has(.testgrid){contain-intrinsic-block-size:auto 1800px}.hero--perf .hero__container{grid-template-columns:minmax(0,1fr);gap:var(--spacing-10)}.hero--perf .hero__brief{align-items:center}.hero--perf .hero__title,.hero--perf .hero__lead{text-align:center}.hero--perf .hero__proof{justify-content:center}.hero--perf .hero__proof-dot{display:inline}.pviz{max-width:760px;margin-inline:auto}.modold{grid-template-columns:minmax(0,1fr);gap:var(--spacing-10);padding:var(--spacing-10)}.setwall{grid-template-columns:repeat(3,minmax(0,1fr))}.modold__copy{max-width:none}.modold__art{max-width:440px;justify-self:center}.tabs__panel-media--auto{height:auto;min-height:0}.loadsec .tabs__panel-media--auto{min-height:0}.testgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.split__title--wide,.split__title--wider{max-width:none}.plugrow{grid-template-columns:minmax(0,1fr) 130px 160px 88px}.plugrow__track{display:none}}@media (max-width:640px){.loadsec{contain-intrinsic-block-size:auto 1550px}.plugsec{contain-intrinsic-block-size:auto 2390px}.perfall{contain-intrinsic-block-size:auto 2890px}.cardsec:has(.testgrid){contain-intrinsic-block-size:auto 2480px}.hero--perf .hero__proof-dot{display:none}.pviz{padding:var(--spacing-8) var(--spacing-4) 0}.pviz__card{gap:var(--spacing-5);padding:var(--spacing-5) var(--spacing-4) 0}.pviz__verdict{gap:var(--spacing-2);font-size:var(--font-size-sm)}.pviz__pulse{width:30px;height:30px}.pviz__vitals{padding-bottom:var(--spacing-5)}.pviz__vital b{font-size:var(--font-size-sm)}.pviz__shot{border-width:2px}.testgrid{grid-template-columns:minmax(0,1fr)}.modold{gap:var(--spacing-8);padding:var(--spacing-5)}.perfall .slabsec__inner{padding:0}.setwall{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3)}.setwall__tile{padding:var(--spacing-4)}.setwall__head{margin-bottom:var(--spacing-2)}.setwall__icon{width:32px;height:32px}.setwall__name{font-size:var(--font-size-sm)}.setwall__short{font-size:var(--font-size-xs)}.modold__big{font-size:var(--font-size-6xl)}.modold__say{font-size:var(--font-size-lg)}.modold__page{padding:var(--spacing-3)}.modold__label--theme{top:var(--spacing-3);right:var(--spacing-3)}.modold__label,.modold__label b{font-size:var(--font-size-xs)}.plugrow{grid-template-columns:minmax(0,1fr) auto;gap:var(--spacing-3)}.plugrow__value{grid-column:1;align-items:flex-start;text-align:left}.plugrow__name{grid-column:1}.plugrow__ratio{grid-column:2;grid-row:1;justify-content:flex-end}.plugrow__wm{grid-column:2;grid-row:2;align-items:flex-end;text-align:right}.plugrow:not(.plugrow--head) .plugrow__value::before,.plugrow:not(.plugrow--head) .plugrow__wm::before{font-size:var(--font-size-2xs);font-weight:var(--font-weight-600);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;opacity:var(--opacity-md)}.plugrow:not(.plugrow--head) .plugrow__value::before{content:"Plugin adds"}.plugrow:not(.plugrow--head) .plugrow__wm::before{content:"WoodMart"}.menu-mock__menu{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-mock__col:nth-child(3),.menu-mock__promo{display:none}.menu-mock__bar .menu-mock__item:nth-last-child(-n + 3){display:none}.lcp-mock__nav span:nth-child(n + 2){display:none}.font-mock__hero{grid-template-columns:minmax(0,1fr);padding:var(--spacing-5) var(--spacing-4)}.font-mock__hero img{display:none}.font-mock__title{font-size:var(--font-size-lg)}.menu-mock__steps{grid-template-columns:minmax(0,1fr)}.imgcmp__word{display:none}.imgcmp__tag{top:var(--spacing-2);left:var(--spacing-2)}.imgcmp__tag--after{left:auto;right:var(--spacing-2)}.plugrow--head{display:none}.phones-scene{flex-direction:column;align-items:center}.phone-mock{display:none}.testcard__img{aspect-ratio:4 / 3}.lazy-mock__grid{gap:var(--spacing-2);padding:var(--spacing-3)}.lazy-mock__window{--fold:162px;height:234px}.lazy-mock__below{display:none}.lazy-mock__card b,.lazy-mock__card i{display:none}.lcp-mock__net-head,.lcp-mock__req{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}