:root{--c-blue:#5200ff;--c-blue-dark:#3106a3;--c-blue-light:#a282f7;--c-white:#ffffff;--c-gray:#f0f3ee;--c-gray-dark:#d2d5d0;--c-text:#111111;--c-text-soft:#5b5b5b;--c-text-mute:#9a9a9a;--c-accent:#ff8a3d;--c-accent-soft:#fef0e6;--c-success:#1f8a5b;--c-warning:#e6a52a;--c-danger:#d6443a;--c-bg:var(--c-gray);--c-surface:var(--c-white);--c-surface-alt:var(--c-gray);--c-border:var(--c-gray-dark);--ff-sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--fs-3xs:clamp(0.68rem,0.65rem + 0.15vw,0.75rem);--fs-2xs:clamp(0.72rem,0.7rem + 0.2vw,0.82rem);--fs-xs:clamp(0.78rem,0.76rem + 0.25vw,0.88rem);--fs-sm:clamp(0.86rem,0.84rem + 0.3vw,0.96rem);--fs-md:clamp(1rem,0.96rem + 0.4vw,1.1rem);--fs-lg:clamp(1.18rem,1.08rem + 0.55vw,1.32rem);--fs-xl:clamp(1.4rem,1.2rem + 1vw,1.7rem);--fs-2xl:clamp(1.75rem,1.45rem + 1.6vw,2.4rem);--fs-3xl:clamp(2.2rem,1.8rem + 2.4vw,3.4rem);--fs-4xl:clamp(2.4rem,1.9rem + 2.6vw,4rem);--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extra:800;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.45;--lh-loose:1.65;--ls-tight:-0.02em;--ls-snug:-0.01em;--ls-normal:0;--ls-wide:0.02em;--s-0:0;--s-1:0.25rem;--s-2:0.5rem;--s-3:0.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-7:2rem;--s-8:2.5rem;--s-9:3rem;--s-10:4rem;--s-11:5rem;--s-12:6rem;--s-section-x:clamp(1rem,4vw,3rem);--s-section-y:clamp(2rem,6vw,5rem);--s-gutter:clamp(0.75rem,1.5vw,1.25rem);--r-xs:0.375rem;--r-sm:0.625rem;--r-md:0.875rem;--r-lg:1.25rem;--r-xl:1.75rem;--r-2xl:2.25rem;--r-pill:999rem;--maxw-content:78rem;--maxw-read:42rem;--maxw-mobile:24rem;--t-fast:120ms cubic-bezier(.2,.7,.3,1);--t-base:200ms cubic-bezier(.2,.7,.3,1);--t-slow:320ms cubic-bezier(.2,.7,.3,1);--focus-ring:0 0 0 0.1875rem rgba(82,0,255,0.28)}[style*="display: grid"]:not([style*=grid-template-columns]):not([style*=gridTemplateColumns]),[style*="display:grid"]:not([style*=grid-template-columns]):not([style*=gridTemplateColumns]){grid-template-columns:minmax(0,1fr)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--ff-sans);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--c-text);background:var(--c-bg);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}button{background:none;border:0;cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-xs)}.ds-shell{display:grid;grid-template-columns:1fr;min-height:100dvh;background:var(--c-bg)}@media (min-width:56rem){.ds-shell{grid-template-columns:15rem 1fr}}.ds-side{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--c-blue);color:var(--c-white);padding:var(--s-4) var(--s-section-x);min-width:0}.ds-side__brand{font-size:var(--fs-lg);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);line-height:var(--lh-snug)}.ds-side__brand small{display:block;font-weight:var(--fw-medium);font-size:var(--fs-2xs);opacity:.7;letter-spacing:var(--ls-wide);text-transform:uppercase;margin-bottom:var(--s-1)}.ds-side__nav{display:none;margin-top:var(--s-6);flex-direction:column;gap:var(--s-1)}.ds-side__nav a{padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:rgba(255,255,255,.78);transition:var(--t-fast)}.ds-side__nav a:hover{background:rgba(255,255,255,.1);color:white}.ds-side__nav a.is-active{background:rgba(255,255,255,.16);color:white}@media (min-width:56rem){.ds-side{min-height:100dvh}.ds-side__nav{display:flex}}.ds-main{display:flex;flex-direction:column;min-width:0}.ds-section{padding:var(--s-section-y) var(--s-section-x);border-bottom:1px solid var(--c-border)}.ds-section--white{background:var(--c-white)}.ds-section--gray{background:var(--c-gray)}.ds-section--blue{background:var(--c-blue);color:var(--c-white);border-bottom-color:transparent}.ds-section__head{max-width:var(--maxw-content);margin-inline:auto;margin-bottom:var(--s-7)}.ds-section__eyebrow{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-blue);margin-bottom:var(--s-2)}.ds-section--blue .ds-section__eyebrow{color:var(--c-blue-light)}.ds-section__title{font-size:var(--fs-3xl);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);text-wrap:balance}.ds-section__lede{margin-top:var(--s-3);font-size:var(--fs-md);max-width:var(--maxw-read);color:var(--c-text-soft);text-wrap:pretty}.ds-section--blue .ds-section__lede{color:rgba(255,255,255,.78)}.ds-grid{max-width:var(--maxw-content);margin-inline:auto;display:grid;grid-gap:var(--s-gutter);gap:var(--s-gutter)}.ds-hero{background:var(--c-blue);color:var(--c-white);padding:clamp(2.5rem,7vw,5.5rem) var(--s-section-x);position:relative;overflow:hidden}.ds-hero__inner{max-width:var(--maxw-content);margin-inline:auto;display:grid;grid-gap:var(--s-7);gap:var(--s-7);position:relative;z-index:2}.ds-hero__eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-blue-light)}.ds-hero__title{font-size:var(--fs-4xl);font-weight:var(--fw-extra);letter-spacing:-.025em;line-height:.98;text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.ds-hero__title em{font-style:normal;color:var(--c-blue-light)}.ds-hero__lede{font-size:var(--fs-lg);max-width:var(--maxw-read);color:rgba(255,255,255,.82);font-weight:var(--fw-medium);text-wrap:pretty}.ds-hero__meta{display:flex;flex-wrap:wrap;gap:var(--s-5) var(--s-7);font-size:var(--fs-sm);padding-top:var(--s-5);border-top:1px solid rgba(255,255,255,.18)}.ds-hero__meta dt{color:var(--c-blue-light);font-size:var(--fs-2xs);letter-spacing:var(--ls-wide);text-transform:uppercase;margin-bottom:var(--s-1)}.ds-hero__meta dd,.ds-hero__meta dt{font-weight:var(--fw-semibold)}.ds-hero:after{content:"";position:absolute;inset:auto -10% -40% auto;width:38rem;height:38rem;background:radial-gradient(circle at center,var(--c-blue-dark) 0,transparent 60%);pointer-events:none}.ds-swatches{grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr))}.swatch{background:var(--c-white);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--c-border)}.swatch__chip{aspect-ratio:16/9;position:relative}.swatch__chip[data-on-light=true]{border-bottom:1px solid var(--c-border)}.swatch__body{padding:var(--s-4);display:grid;grid-gap:var(--s-1);gap:var(--s-1)}.swatch__name{font-weight:var(--fw-bold);font-size:var(--fs-sm)}.swatch__hex{font-family:ui-monospace,SF Mono,Menlo,monospace}.swatch__hex,.swatch__usage{font-size:var(--fs-xs);color:var(--c-text-soft)}.swatch__usage{margin-top:var(--s-2);line-height:var(--lh-normal)}.ds-type-row{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--s-2);gap:var(--s-2);padding:var(--s-5) 0;border-bottom:1px solid var(--c-border)}@media (min-width:48rem){.ds-type-row{grid-template-columns:8rem 1fr;gap:var(--s-6);align-items:baseline}}.ds-type-row:last-child{border-bottom:0}.ds-type-row__label{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--fs-xs);color:var(--c-text-soft);display:flex;flex-direction:column;gap:var(--s-1)}.ds-type-row__label code{color:var(--c-blue)}.ds-type-row__sample{font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);line-height:var(--lh-snug);text-wrap:balance}.btn{--btn-bg:var(--c-blue);--btn-fg:var(--c-white);--btn-bd:transparent;--btn-bg-hover:var(--c-blue-dark);--btn-bd-hover:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:.85em 1.6em;background:var(--btn-bg);color:var(--btn-fg);border:1.5px solid var(--btn-bd);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:var(--ls-snug);transition:var(--t-base);min-height:2.75rem;white-space:nowrap}.btn .icon{color:currentColor}.btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-bd-hover)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--secondary{--btn-bg:var(--c-white);--btn-fg:var(--c-text);--btn-bd:var(--c-gray-dark);--btn-bg-hover:var(--c-white);--btn-bd-hover:var(--c-blue)}.btn--secondary:hover{color:var(--c-blue)}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--c-blue);--btn-bd:transparent;--btn-bg-hover:rgba(82,0,255,0.08);--btn-bd-hover:transparent}.btn--small{padding:.6em 1.2em;min-height:2.25rem;font-size:var(--fs-xs)}.btn--large{padding:1.05em 2em;min-height:3.25rem;font-size:var(--fs-md)}.btn--block{display:flex;width:100%}.btn__icon{width:1.1em;height:1.1em}.btn__icon,.icon{display:inline-block}.icon{width:1.5em;height:1.5em;flex-shrink:0;color:var(--c-blue)}.icon svg{width:100%;height:100%;display:block}.icon .stroke{fill:none}.icon .stroke,.icon .stroke-fill{stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.icon .stroke-fill{fill:var(--icon-bg,transparent);transition:fill var(--t-fast)}.icon .duo-fg{fill:var(--c-text)}.icon .duo-bg{fill:var(--c-blue)}.icon .stroke-2{fill:none;stroke:var(--c-accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.icon .fill{fill:currentColor}.icon .fill-2{fill:var(--c-accent)}.checkbox{display:inline-flex;align-items:center;gap:var(--s-3);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox__box{width:1.6rem;height:1.6rem;border-radius:var(--r-sm);border:2px solid var(--c-gray-dark);background:var(--c-white);display:grid;place-items:center;transition:var(--t-fast);flex-shrink:0}.checkbox__box .icon{width:70%;height:70%}.checkbox__box svg{color:transparent;transition:var(--t-fast)}.checkbox.is-checked .checkbox__box{background:var(--c-white);border-color:var(--c-blue)}.checkbox.is-checked .checkbox__box svg{color:var(--c-blue)}.checkbox.is-hover .checkbox__box,.checkbox:hover:not(.is-checked) .checkbox__box{background:#eee9ff;border-color:var(--c-blue);border-width:2.5px}.toggle{--toggle-w:3rem;--toggle-h:1.6rem;position:relative;width:var(--toggle-w);height:var(--toggle-h);background:var(--c-gray-dark);border-radius:var(--r-pill);cursor:pointer;flex-shrink:0}.toggle,.toggle:after{transition:var(--t-base)}.toggle:after{content:"";position:absolute;top:.15rem;left:.15rem;width:calc(var(--toggle-h) - .3rem);height:calc(var(--toggle-h) - .3rem);background:var(--c-white);border-radius:50%}.toggle.is-on{background:var(--c-blue)}.toggle.is-on:after{left:calc(var(--toggle-w) - var(--toggle-h) + .15rem)}.toggle-group{display:inline-flex;align-items:center;gap:var(--s-3);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.toggle-group__label{color:var(--c-text-soft)}.toggle-group__label.is-active{color:var(--c-text)}.slider{--track-h:0.5rem;height:2.5rem;display:flex;align-items:center}.slider,.slider__track{position:relative;width:100%}.slider__track{height:var(--track-h);background:var(--c-gray-dark);border-radius:var(--r-pill)}.slider__fill{inset:0;width:var(--pct,50%);border-radius:var(--r-pill)}.slider__fill,.slider__thumb{position:absolute;background:var(--c-blue)}.slider__thumb{top:50%;left:var(--pct,50%);transform:translate(-50%,-50%);width:1.4rem;height:1.4rem;border-radius:50%;border:3px solid var(--c-white)}.slider__bubble{position:absolute;bottom:calc(100% + .25rem);left:var(--pct,50%);transform:translateX(-50%);background:var(--c-white);border:1px solid var(--c-border);padding:.2rem .6rem;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap}.slider input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.stars{display:inline-flex;gap:var(--s-1)}.stars button{width:2rem;height:2rem;color:var(--c-blue);transition:var(--t-fast)}.stars button[data-filled=false] svg .fill{fill:none;stroke:currentColor;stroke-width:4}.stars button:hover{transform:scale(1.08)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field__label{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-text-soft)}.field__error{color:var(--c-danger)}.field__input,.field__textarea{border:1.5px solid var(--c-gray-dark);background:var(--c-white);border-radius:var(--r-md);padding:.85em 1em;font-size:var(--fs-sm);transition:var(--t-fast)}.field__textarea{min-height:6rem;resize:vertical;font-family:inherit}.field__input:focus,.field__textarea:focus{outline:none;border-color:var(--c-blue);box-shadow:var(--focus-ring)}.rate-card{container-type:inline-size;background:var(--c-gray);border-radius:var(--r-xl);padding:clamp(1.25rem,3vw,2rem)}.ds-section--gray .rate-card{background:var(--c-white)}.rate-card__title{font-size:var(--fs-lg);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);margin-bottom:var(--s-5)}.rate-card__grid{display:grid;grid-template-columns:1fr;grid-gap:var(--s-6) var(--s-6);gap:var(--s-6) var(--s-6)}@media (min-width:32rem){.rate-card__grid{grid-template-columns:1fr 1fr}}.rate-card .btn--block{width:100%}@container (min-width: 28rem){.rate-card .btn--block{width:auto;min-width:12rem}}.rate-card__primary{grid-column:1/-1}.rate-row__head{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);font-size:var(--fs-md);font-weight:var(--fw-bold)}.rate-row__head .icon{width:2.25rem;height:2.25rem}.rate-row__bar{height:.55rem;background:var(--c-gray-dark);border-radius:var(--r-pill);overflow:hidden;margin-bottom:var(--s-2)}.ds-section--gray .rate-row__bar{background:var(--c-gray)}.rate-row__fill{height:100%;background:var(--c-blue);border-radius:var(--r-pill)}.rate-row__foot{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-xs);color:var(--c-text-soft)}.rate-row__value{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--c-text)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:clamp(.75rem,2vw,1.75rem);gap:clamp(.75rem,2vw,1.75rem)}@media (min-width:36rem){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:56rem){.product-grid{grid-template-columns:repeat(4,1fr)}}.product-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-1);padding:var(--s-3);border-radius:var(--r-lg);transition:var(--t-base);cursor:pointer}.product-card__img>*{transition:transform var(--t-slow)}.product-card:hover .product-card__img>*{transform:scale(1.08)}.product-card:hover .product-card__name{color:var(--c-gray-dark);-webkit-text-stroke:1px var(--c-text);text-stroke:1px var(--c-text)}.product-card__img{aspect-ratio:1/1;width:100%;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.7) 50%,transparent 60%);margin-bottom:calc(var(--s-2) * -1)}.ds-section--white .product-card__img{background:radial-gradient(circle,var(--c-gray) 50%,transparent 60%)}.product-card__img>div{width:80%;aspect-ratio:16/10;background:repeating-linear-gradient(-45deg,var(--c-gray-dark),var(--c-gray-dark) 4px,rgba(210,213,208,.5) 4px,rgba(210,213,208,.5) 8px);border-radius:var(--r-md);display:grid;place-items:center;font-family:ui-monospace,monospace;font-size:.65rem;color:var(--c-text-soft);text-transform:uppercase;letter-spacing:.05em;padding:.5em;text-align:center}.product-card__brand{font-size:var(--fs-xs);color:var(--c-text-soft);font-weight:var(--fw-medium)}.product-card__name{font-size:var(--fs-lg);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);text-wrap:balance;transition:var(--t-base)}.product-card__stats{display:flex;gap:var(--s-3);align-items:center;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-text);margin-top:var(--s-1)}.product-card__stat{display:inline-flex;align-items:center;gap:var(--s-1)}.product-card__stat .icon{width:.9rem;height:.9rem}.product-feature{display:grid;grid-template-columns:1fr;grid-gap:var(--s-5);gap:var(--s-5);align-items:center;background:var(--c-white);padding:clamp(1rem,3vw,2rem);border-radius:var(--r-xl)}@media (min-width:40rem){.product-feature{grid-template-columns:1fr 1fr;gap:var(--s-7)}}.product-feature__img{aspect-ratio:4/3;background:radial-gradient(circle,var(--c-gray) 60%,transparent 65%);display:grid;place-items:center;border-radius:var(--r-lg)}.product-feature__img>div{width:75%;aspect-ratio:16/10;background:repeating-linear-gradient(-45deg,var(--c-gray-dark),var(--c-gray-dark) 5px,rgba(210,213,208,.5) 5px,rgba(210,213,208,.5) 10px);border-radius:var(--r-md);display:grid;place-items:center;font-family:ui-monospace,monospace;font-size:.75rem;color:var(--c-text-soft);text-transform:uppercase}.product-feature__brand{font-size:var(--fs-md);color:var(--c-text-soft);font-weight:var(--fw-medium)}.product-feature__name{font-size:var(--fs-2xl);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);margin-bottom:var(--s-4)}.product-feature__score{display:flex;align-items:baseline;gap:var(--s-4);margin-bottom:var(--s-4)}.product-feature__score b{font-size:var(--fs-3xl);color:var(--c-blue);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);line-height:1}.product-feature__desc,.product-feature__score span{font-size:var(--fs-sm);color:var(--c-text-soft)}.review{background:var(--c-gray);border-radius:var(--r-xl);padding:clamp(1rem,3vw,1.75rem);display:grid;grid-template-columns:2.75rem 1fr;grid-gap:var(--s-4);gap:var(--s-4)}.ds-section--gray .review{background:var(--c-white)}.review__avatar{width:2.75rem;height:2.75rem;border-radius:50%;overflow:hidden;background:var(--c-blue-light)}.review__meta{display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--fs-xs);color:var(--c-text-soft)}.review__author{font-weight:var(--fw-bold);color:var(--c-text)}.review__title{font-size:var(--fs-lg);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);margin:var(--s-2) 0 var(--s-3);line-height:var(--lh-snug)}.review__body{font-size:var(--fs-sm);color:var(--c-text);line-height:var(--lh-loose);text-wrap:pretty}.review__actions{display:flex;align-items:center;gap:var(--s-5);margin-top:var(--s-4);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-text)}.review__actions button{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--c-text);transition:var(--t-fast)}.review__actions button:hover{color:var(--c-blue);--icon-bg:#eee9ff}.review__actions button.is-active{color:var(--c-blue)}.review__actions .icon{color:currentColor;width:1.1rem;height:1.1rem}.review__actions a{text-decoration:underline;text-underline-offset:3px}.info-box{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-4) var(--s-5);border:1.5px solid var(--c-gray-dark);border-radius:var(--r-md);background:var(--c-white);font-size:var(--fs-sm);color:var(--c-text);line-height:var(--lh-normal)}.ds-section--gray .info-box{background:transparent}.info-box__icon{width:1.6rem;height:1.6rem;border-radius:50%;border:1.5px solid var(--c-text);display:grid;place-items:center;font-weight:var(--fw-bold);font-size:var(--fs-xs);font-family:ui-monospace,monospace;flex-shrink:0}.info-tech{background:var(--c-blue);color:var(--c-white);padding:var(--s-4) var(--s-5);border-radius:var(--r-md);font-size:var(--fs-sm);line-height:var(--lh-normal);display:flex;align-items:center;gap:var(--s-3)}.info-tech__chip{font-family:ui-monospace,monospace;font-size:var(--fs-xs);font-weight:var(--fw-bold);background:var(--c-blue-dark);padding:.2em .6em;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:var(--ls-wide);flex-shrink:0}.post{background:var(--c-gray);border-radius:var(--r-xl);padding:clamp(1rem,3vw,1.5rem);display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.ds-section--gray .post{background:var(--c-white)}.post__head{display:grid;grid-template-columns:2.5rem 1fr auto;grid-gap:var(--s-3);gap:var(--s-3);align-items:center}.post__head-text{min-width:0}.post__author-row{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.post__avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;background:var(--c-blue-light)}.post__author{font-weight:var(--fw-bold);font-size:var(--fs-sm)}.post__time{font-size:var(--fs-xs);color:var(--c-text-soft)}.post__menu{color:var(--c-text-mute);font-weight:var(--fw-bold)}.post__body{font-size:var(--fs-sm);line-height:var(--lh-loose);color:var(--c-text)}.post__chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:.3em .7em;border-radius:var(--r-pill);background:var(--c-white);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-blue);width:max-content}.ds-section--gray .post__chip{background:var(--c-gray)}.post__chip .icon{color:currentColor;width:.9rem;height:.9rem}.post__actions{display:flex;gap:var(--s-5);padding-top:var(--s-3);border-top:1px solid rgba(0,0,0,.06);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-text)}.post__actions button{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--c-text);transition:var(--t-fast)}.post__actions button:hover{color:var(--c-blue);--icon-bg:#eee9ff}.post__actions button.is-active{color:var(--c-blue)}.post__actions .icon{color:currentColor;width:1.1rem;height:1.1rem}.badge{display:inline-flex;align-items:center;gap:var(--s-1);padding:.25em .7em;border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-wide)}.badge--blue{background:var(--c-blue);color:var(--c-white)}.badge--soft{background:var(--c-gray);color:var(--c-blue)}.badge--outline{background:transparent;border:1.5px solid var(--c-gray-dark);color:var(--c-text)}.avatar{border-radius:50%;overflow:hidden;background:var(--c-blue-light);flex-shrink:0;display:grid;place-items:center}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--xs{width:1.5rem;height:1.5rem}.avatar--sm{width:2.25rem;height:2.25rem}.avatar--md{width:3rem;height:3rem}.avatar--lg{width:4.5rem;height:4.5rem}.avatar--xl{width:6rem;height:6rem}.bottom-nav{justify-content:space-around;background:var(--c-white);padding:var(--s-3) var(--s-4) calc(var(--s-3) + env(safe-area-inset-bottom, 0));gap:var(--s-2);border-top:1px solid var(--c-border)}.bottom-nav,.bottom-nav__item{display:flex;align-items:center}.bottom-nav__item{flex-direction:column;gap:var(--s-1);color:var(--c-text-soft);font-size:.65rem;font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase;padding:var(--s-2) var(--s-1);border-radius:var(--r-sm);transition:var(--t-fast);flex:1 1;min-height:2.75rem}.bottom-nav__item .icon{width:1.4rem;height:1.4rem;color:var(--c-text-soft)}.bottom-nav__item.is-active,.bottom-nav__item.is-active .icon{color:var(--c-blue)}.bottom-nav__avatar{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--c-blue-light);overflow:hidden}.bottom-nav__item.is-active .bottom-nav__avatar{outline:2px solid var(--c-blue);outline-offset:2px}.has-dot{position:relative}.has-dot:after{content:"";position:absolute;top:.1rem;right:.1rem;width:.5rem;height:.5rem;background:var(--c-blue);border-radius:50%;border:2px solid var(--c-white)}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--c-white);border-radius:var(--r-xl);border:1px solid var(--c-border);flex-wrap:wrap;min-width:0}.top-nav__brand{font-weight:var(--fw-extra);font-size:var(--fs-md);letter-spacing:var(--ls-tight);color:var(--c-blue)}.top-nav__links{display:none;align-items:center;gap:var(--s-1)}@media (min-width:40rem){.top-nav__links{display:flex}}.top-nav__link{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);font-size:var(--fs-sm);font-weight:var(--fw-bold);border-radius:var(--r-pill);color:var(--c-text-soft);transition:var(--t-fast)}.top-nav__link:hover{color:var(--c-blue)}.top-nav__link.is-active{background:var(--c-blue);color:var(--c-white)}.top-nav__link .icon{width:1.1rem;height:1.1rem}.top-nav__search{display:flex;align-items:center;gap:var(--s-2);background:var(--c-gray);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);flex:1 1;min-width:0;max-width:18rem;font-size:var(--fs-sm);color:var(--c-text-mute)}.top-nav__search input{flex:1 1;min-width:0;background:transparent;border:0;outline:0;font-size:inherit}.top-nav__search input:focus-visible{box-shadow:none}.top-nav__cta{display:flex;align-items:center;gap:var(--s-3)}.phone{width:min(22rem,100%);margin-inline:auto;background:var(--c-white);border:.625rem solid #111;border-radius:2.75rem;overflow:hidden;display:flex;flex-direction:column;height:44rem;max-height:80dvh;position:relative}.phone__status{height:1.75rem;display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-5);font-size:.7rem;font-weight:var(--fw-bold);flex-shrink:0;background:var(--c-blue);color:var(--c-white)}.phone__status:after{content:"";position:absolute;top:.75rem;left:50%;transform:translateX(-50%);width:5rem;height:1.2rem;background:#111;border-radius:var(--r-pill);z-index:1}.phone__screen{flex:1 1;overflow-y:auto;background:var(--c-gray);padding:var(--s-3) var(--s-2);display:flex;flex-direction:column;gap:var(--s-3);scrollbar-width:thin}.phone__screen>*{margin-inline:.65rem}.phone__screen>.info-box,.phone__screen>.info-tech,.phone__screen>.phone-card,.phone__screen>.post,.phone__screen>.product-grid,.phone__screen>.rate-card,.phone__screen>.review{margin-inline:0}.phone__screen>.feed-tabs,.phone__screen>.phone-tabs{margin:calc(-1 * var(--s-3)) calc(-1 * var(--s-2)) 0}.phone__screen .feed-tab{padding:var(--s-3) var(--s-2);font-size:.72rem}.phone__screen .phone-card{background:var(--c-white);border-radius:var(--r-md);padding-block:var(--s-3);padding-inline:.65rem}.phone__screen{color:var(--c-text)}.phone__screen .post,.phone__screen .review{background:var(--c-white)}.phone__screen [style*="--fs-3xl"],.phone__screen [style*="--fs-4xl"]{font-size:1.6rem!important;line-height:1.05!important}.phone__screen [style*="--fs-2xl"]{font-size:1.25rem!important;line-height:1.1!important}.phone__screen [style*="--fs-xl"]{font-size:1.05rem!important;line-height:1.2!important}.phone__screen [style*="--fs-lg"]{font-size:.95rem!important}.phone__screen [style*="--fs-md"]{font-size:.85rem!important}.phone__screen [style*="--fs-sm"]{font-size:.78rem!important}.phone__screen [style*="--fs-xs"]{font-size:.7rem!important}.phone__screen [style*="--fs-2xs"],.phone__screen [style*="--fs-3xs"]{font-size:.6rem!important}.phone__screen h1,.phone__screen h2{font-size:1.15rem;line-height:1.15;letter-spacing:-.01em}.phone__screen h3{font-size:.95rem;line-height:1.2}.phone__screen .post{padding-block:var(--s-3);padding-inline:.65rem;gap:var(--s-2);border-radius:var(--r-md)}.phone__screen .post__head{gap:var(--s-2);grid-template-columns:2rem 1fr auto}.phone__screen .post__avatar{width:2rem;height:2rem}.phone__screen .post__author{font-size:.78rem}.phone__screen .post__time{font-size:.5625rem;color:var(--c-text-mute)}.phone__screen .post__body{font-size:.78rem;line-height:var(--lh-normal)}.phone__screen .post__chip{padding:.15em .5em;font-size:.5625rem;gap:.25rem}.phone__screen .post__chip .icon{width:.7rem;height:.7rem}.phone__screen .post__actions{gap:var(--s-4);padding-top:var(--s-2);font-size:.68rem}.phone__screen .post__actions .icon{width:.95rem;height:.95rem}.phone__screen .post__menu{font-size:.85rem}.phone__screen .product-grid{gap:var(--s-3)}.phone__screen .product-card{padding:var(--s-2);gap:.2rem}.phone__screen .product-card__brand{font-size:.62rem}.phone__screen .product-card__name{font-size:.9rem}.phone__screen .product-card__stats{font-size:.6rem;gap:var(--s-2)}.phone__screen .product-card__stats .icon{width:.75rem;height:.75rem}.phone__screen .btn{font-size:.75rem;min-height:2.25rem;padding:.6em 1.1em}.phone__screen .btn--small{font-size:.65rem;min-height:1.85rem;padding:.5em .9em}.phone__screen .badge{font-size:.55rem;padding:.25em .55em;letter-spacing:.04em}.phone__screen .avatar--xl{width:4.5rem;height:4.5rem}.phone__screen .avatar--lg{width:3.25rem;height:3.25rem}.phone__screen .info-box{padding-block:var(--s-2);padding-inline:.65rem;font-size:.72rem;border-radius:var(--r-sm)}.phone__screen .info-box__icon{width:1.2rem;height:1.2rem;font-size:.55rem}.phone__screen .info-tech{padding-block:var(--s-2);padding-inline:.65rem;font-size:.72rem;border-radius:var(--r-sm)}.phone__screen .rate-card{padding-block:var(--s-3);padding-inline:.65rem;border-radius:var(--r-md)}.phone__screen .rate-card__title{font-size:.95rem;margin-bottom:var(--s-3)}.phone__screen .rate-card__grid{gap:var(--s-4)}.phone__screen .rate-row__head{font-size:.78rem;gap:var(--s-2)}.phone__screen .rate-row__head .icon{width:1.4rem;height:1.4rem}.phone__screen .rate-row__bar{height:.35rem}.phone__screen .rate-row__foot{font-size:.6rem}.phone__screen .rate-row__value{font-size:.85rem}.phone__screen .ds-section__eyebrow{font-size:.6rem!important}.phone__header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-4);background:var(--c-blue);color:var(--c-white);flex-shrink:0}.phone__header-brand{font-weight:var(--fw-extra);font-size:var(--fs-md);letter-spacing:var(--ls-tight);color:var(--c-white)}.phone__header-actions{display:flex;align-items:center;gap:var(--s-1)}.phone__header-btn{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:50%;color:var(--c-white);transition:var(--t-fast)}.phone__header-btn:hover{background:rgba(255,255,255,.14)}.phone__header-btn .icon{width:1.25rem;height:1.25rem;color:currentColor}.phone__header-btn.has-dot:after{background:var(--c-accent);border-color:var(--c-blue)}.phone-tabs{display:flex;gap:var(--s-5);border-bottom:1px solid var(--c-border);padding:0 var(--s-4);margin:calc(-1 * var(--s-3)) calc(-1 * var(--s-2)) 0;background:var(--c-white)}.phone-tab{padding:var(--s-3) 0;font-size:.72rem;font-weight:var(--fw-bold);color:var(--c-text-soft);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:var(--t-fast)}.phone-tab.is-active{color:var(--c-blue);border-bottom-color:var(--c-blue)}.phone__nav{flex-shrink:0}.phone__fab{position:absolute;right:var(--s-4);bottom:5.5rem;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--c-blue);color:var(--c-white);display:grid;place-items:center;box-shadow:none;z-index:5;transition:var(--t-base)}.phone__fab .icon{width:1.5rem;height:1.5rem;color:var(--c-white)}.phone__fab:hover{background:var(--c-blue-dark);transform:translateY(-1px)}.phone__fab:active{transform:scale(.96)}.ds-footer{background:var(--c-blue);color:var(--c-white);padding:var(--s-section-y) var(--s-section-x)}.ds-footer__grid{max-width:var(--maxw-content);margin-inline:auto;display:grid;grid-template-columns:1fr;grid-gap:var(--s-7);gap:var(--s-7)}@media (min-width:40rem){.ds-footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}.ds-footer__brand-title{font-size:var(--fs-2xl);font-weight:var(--fw-extra);letter-spacing:-.025em;line-height:1}.ds-footer__brand-sub{margin-top:var(--s-3);color:var(--c-blue-light);font-size:var(--fs-sm);max-width:24rem}.ds-footer__col h4{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:var(--fw-bold);color:var(--c-blue-light);margin-bottom:var(--s-3)}.ds-footer__col a{display:block;padding:var(--s-1) 0;font-size:var(--fs-sm);color:rgba(255,255,255,.85);transition:var(--t-fast)}.ds-footer__col a:hover{color:var(--c-white)}.ds-footer__bottom{margin:var(--s-8) auto 0;padding-top:var(--s-5);border-top:1px solid rgba(255,255,255,.18);gap:var(--s-3);font-size:var(--fs-xs);color:var(--c-blue-light)}.ds-footer__bottom,.ds-section__bar{max-width:var(--maxw-content);display:flex;flex-wrap:wrap;justify-content:space-between}.ds-section__bar{margin-inline:auto;align-items:flex-start;gap:var(--s-5) var(--s-6);margin-bottom:var(--s-7)}.ds-section__bar .ds-section__head{margin-bottom:0;flex:1 1 22rem;min-width:0}.ds-section__bar .btn{flex-shrink:0}.layout-templates{max-width:var(--maxw-content);margin-inline:auto;display:grid;grid-gap:var(--s-6);gap:var(--s-6);grid-template-columns:1fr}@media (min-width:48rem){.layout-templates{grid-template-columns:1fr 1fr}}.layout-demo{border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;background:var(--c-white)}.layout-demo__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border);background:var(--c-white)}.layout-demo__bar code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--c-blue)}.layout-demo__bar span{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:var(--fw-bold);color:var(--c-text-mute)}.layout-demo__canvas{padding:clamp(1.25rem,3vw,2.25rem) var(--s-5)}.layout-demo--white .layout-demo__canvas{background:var(--c-white)}.layout-demo--gray .layout-demo__canvas{background:var(--c-gray)}.layout-demo__eyebrow{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-blue)}.layout-demo__title{font-size:var(--fs-lg);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);line-height:var(--lh-snug);margin-top:var(--s-1)}.layout-demo__lede{font-size:var(--fs-sm);color:var(--c-text-soft);margin-top:var(--s-2)}.layout-demo__chip{margin-top:var(--s-5);padding:var(--s-4);border-radius:var(--r-md);font-size:var(--fs-xs)}.layout-demo--white .layout-demo__chip{background:var(--c-gray)}.layout-demo--gray .layout-demo__chip{background:var(--c-white)}.layout-demo__chip code{font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--c-text-soft);font-size:var(--fs-2xs)}.search{position:relative;width:100%}.search__field{display:flex;align-items:center;gap:var(--s-3);background:var(--c-gray);border:2px solid transparent;border-radius:var(--r-lg);padding:.95em 1.15em;transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.search.is-open .search__field,.search__field:focus-within{background:var(--c-white);border-color:var(--c-blue);box-shadow:var(--focus-ring)}.search__input{flex:1 1;min-width:0;border:0;background:transparent;outline:none;font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--c-text)}.search__input::placeholder{color:var(--c-text-mute);font-weight:var(--fw-medium)}.search__input:focus-visible{box-shadow:none;border-radius:0}.search__ico{display:grid;place-items:center;flex-shrink:0}.search__ico .icon{width:1.4rem;height:1.4rem;color:var(--c-text-soft)}.search__panel{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:30;background:var(--c-white);border:2px solid var(--c-blue);border-radius:var(--r-lg);padding:var(--s-2);display:grid}.search__result{display:grid;grid-template-columns:4rem 1fr auto;align-items:center;grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-3);text-align:left;border-radius:var(--r-md);transition:background var(--t-fast)}.search__result+.search__result{box-shadow:0 -1px 0 var(--c-gray)}.search__result:hover{background:var(--c-gray)}.search__result:hover,.search__result:hover+.search__result{box-shadow:none}.search__thumb{width:4rem;height:2.75rem;display:grid;place-items:center;background:radial-gradient(circle,var(--c-gray) 55%,transparent 60%);border-radius:var(--r-sm)}.search__result:hover .search__thumb{background:radial-gradient(circle,var(--c-white) 55%,transparent 60%)}.search__thumb>span{width:82%;aspect-ratio:16/10;background:repeating-linear-gradient(-45deg,var(--c-gray-dark),var(--c-gray-dark) 3px,rgba(210,213,208,.5) 3px,rgba(210,213,208,.5) 6px);border-radius:var(--r-xs)}.search__rtext{min-width:0;display:grid;grid-gap:.1rem;gap:.1rem}.search__brand{font-size:var(--fs-sm);color:var(--c-text-soft);font-weight:var(--fw-medium)}.search__name{font-size:var(--fs-lg);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search__rating{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--c-blue);justify-self:end}.product-hero{max-width:var(--maxw-content);margin-inline:auto;display:grid;grid-template-columns:1fr;grid-gap:var(--s-6);gap:var(--s-6);align-items:center}@media (min-width:48rem){.product-hero{grid-template-columns:1.05fr 1fr;gap:clamp(2rem,5vw,4rem)}}.product-hero__img{aspect-ratio:4/3;display:grid;place-items:center;background:radial-gradient(circle,var(--c-gray) 62%,transparent 66%);border-radius:var(--r-lg)}.product-hero__img>div{width:75%;aspect-ratio:16/10;background:repeating-linear-gradient(-45deg,var(--c-gray-dark),var(--c-gray-dark) 5px,rgba(210,213,208,.5) 5px,rgba(210,213,208,.5) 10px);border-radius:var(--r-md);display:grid;place-items:center;font-family:ui-monospace,monospace;font-size:.8rem;color:var(--c-text-soft);text-transform:uppercase;letter-spacing:.04em;text-align:center;padding:.5em}.product-hero__brand{font-size:var(--fs-lg);color:var(--c-text-soft);font-weight:var(--fw-medium)}.product-hero__name{font-size:var(--fs-3xl);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);margin-top:var(--s-1);text-wrap:balance}.product-hero__score{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem var(--s-3);margin:var(--s-4) 0}.product-hero__num{font-size:var(--fs-3xl);font-weight:var(--fw-extra);color:var(--c-blue);letter-spacing:var(--ls-tight);line-height:1}.product-hero__slash{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--c-text-soft)}.product-hero__count{font-size:var(--fs-sm);color:var(--c-text-soft);margin-left:var(--s-2)}.product-hero__desc{font-size:var(--fs-md);color:var(--c-text-soft);line-height:var(--lh-normal);max-width:var(--maxw-read);text-wrap:pretty}.sidenav-demo{max-width:var(--maxw-content);margin-inline:auto;border:1px solid var(--c-border);border-radius:var(--r-xl);overflow:hidden;display:grid;grid-template-columns:1fr}@media (min-width:44rem){.sidenav-demo{grid-template-columns:16rem 1fr}}.sidenav-demo__content{background:var(--c-gray);padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,3vw,2rem);min-height:26rem}.side-nav{background:var(--c-white);border-right:1px solid var(--c-gray-dark);padding:var(--s-6) var(--s-5);display:flex;flex-direction:column;gap:var(--s-6);min-height:100%}.side-nav__brand{font-size:var(--fs-lg);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);color:var(--c-blue)}.side-nav__list{display:flex;flex-direction:column;gap:var(--s-1)}.side-nav__item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-text-soft);min-height:2.75rem;transition:var(--t-fast)}.side-nav__item .icon{width:1.4rem;height:1.4rem;color:currentColor}.side-nav__item.is-active,.side-nav__item:hover{background:var(--c-gray);color:var(--c-text)}.side-nav__item.is-active .icon{color:var(--c-blue)}.side-nav__spacer{flex:1 1}.side-nav__user{display:flex;align-items:center;gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--c-gray)}.side-nav__user-text{min-width:0;display:grid;grid-gap:.05rem;gap:.05rem}.side-nav__user-name{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.side-nav__user-handle{font-size:var(--fs-xs);color:var(--c-text-soft)}.sidenav-skel{display:grid;grid-gap:var(--s-4);gap:var(--s-4);max-width:28rem}.sidenav-skel__bar{height:.8rem;border-radius:var(--r-pill);background:var(--c-gray-dark);opacity:.6}.sidenav-skel__card{border-radius:var(--r-lg);height:5rem}.app-shell,.sidenav-skel__card{background:var(--c-white);border:1px solid var(--c-border)}.app-shell{max-width:var(--maxw-content);margin-inline:auto;border-radius:var(--r-xl);overflow:hidden;display:grid;grid-template-columns:1fr}@media (min-width:46rem){.app-shell{grid-template-columns:15rem minmax(0,1fr)}}@media (min-width:68rem){.app-shell{grid-template-columns:15rem minmax(0,1fr) 18rem}}.app-shell .side-nav{display:none}@media (min-width:46rem){.app-shell .side-nav{display:flex}}.app-shell__feed{background:var(--c-gray);min-width:0;display:flex;flex-direction:column}.app-shell__feed-body{display:grid;grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-5) clamp(.75rem,2vw,1.5rem)}.app-shell__rail{display:none;border-left:1px solid var(--c-gray-dark);background:var(--c-white);padding:var(--s-5)}@media (min-width:68rem){.app-shell__rail{display:block}}.feed-tabs{display:flex;background:var(--c-white);border-bottom:1px solid var(--c-border);position:-webkit-sticky;position:sticky;top:0;z-index:5}.feed-tab{flex:1 1;display:grid;place-items:center;padding:var(--s-4) var(--s-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-text-soft);position:relative;transition:background var(--t-fast),color var(--t-fast);min-height:2.75rem}.feed-tab:hover{background:var(--c-gray)}.feed-tab.is-active,.feed-tab:hover{color:var(--c-text)}.feed-tab:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%) scaleX(0);width:2.75rem;height:3px;border-radius:var(--r-pill);background:var(--c-blue);transition:transform var(--t-base)}.feed-tab.is-active:after{transform:translateX(-50%) scaleX(1)}.feed-tabs--card{border-radius:var(--r-lg) var(--r-lg) 0 0}.side-rail{display:grid;grid-gap:var(--s-5);gap:var(--s-5);align-content:start}.rail-card{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-5)}.app-shell__rail .rail-card{border:0;padding:0}.app-shell__rail .rail-card+.rail-card{margin-top:var(--s-7)}.promo__tag{display:inline-block;font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-text-mute)}.promo__img,.promo__tag{margin-bottom:var(--s-3)}.promo__img{aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(circle,var(--c-gray) 60%,transparent 65%);border-radius:var(--r-md)}.promo__img>span{width:70%;aspect-ratio:16/10;background:repeating-linear-gradient(-45deg,var(--c-gray-dark),var(--c-gray-dark) 4px,rgba(210,213,208,.5) 4px,rgba(210,213,208,.5) 8px);border-radius:var(--r-sm)}.promo__title{font-size:var(--fs-md);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight)}.promo__sub{font-size:var(--fs-sm);color:var(--c-text-soft);margin:var(--s-1) 0 var(--s-4)}.promo__sub s{color:var(--c-text-mute)}.promo__sub b{color:var(--c-blue)}.reco__title{font-size:var(--fs-md);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);margin-bottom:var(--s-3)}.reco__item{display:grid;grid-template-columns:3.25rem 1fr auto;align-items:center;grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-2);margin-inline:calc(-1 * var(--s-2));border-radius:var(--r-md);transition:background var(--t-fast)}.reco__item:hover{background:var(--c-gray)}.reco__thumb{width:3.25rem;height:2.25rem;display:grid;place-items:center;background:radial-gradient(circle,var(--c-gray) 55%,transparent 60%);border-radius:var(--r-sm)}.reco__item:hover .reco__thumb{background:radial-gradient(circle,var(--c-white) 55%,transparent 60%)}.reco__thumb>span{width:82%;aspect-ratio:16/10;background:repeating-linear-gradient(-45deg,var(--c-gray-dark),var(--c-gray-dark) 3px,rgba(210,213,208,.5) 3px,rgba(210,213,208,.5) 6px);border-radius:var(--r-xs)}.reco__text{min-width:0;display:grid;grid-gap:.05rem;gap:.05rem}.reco__brand{font-size:var(--fs-xs);color:var(--c-text-soft)}.reco__name{letter-spacing:var(--ls-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reco__name,.reco__rating{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.reco__rating{color:var(--c-blue)}.rate-half{max-width:var(--maxw-content);margin-inline:auto;display:grid;grid-template-columns:1fr;grid-gap:var(--s-7);gap:var(--s-7);align-items:start}@media (min-width:56rem){.rate-half{grid-template-columns:1fr 1fr}}.spec-block{display:grid;grid-gap:var(--s-6);gap:var(--s-6);align-content:start}.spec-block__title{font-size:var(--fs-lg);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight)}.spec-block__row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s-5);gap:var(--s-5)}.spec-block__num{font-size:var(--fs-xl);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);line-height:1}.spec-block__num small{font-size:.55em;font-weight:var(--fw-bold);color:var(--c-text-soft)}.spec-block__label{font-size:var(--fs-sm);color:var(--c-text-soft);margin-top:var(--s-2)}.compare{max-width:var(--maxw-content);margin-inline:auto;display:grid;grid-gap:clamp(1.5rem,4vw,2.75rem);gap:clamp(1.5rem,4vw,2.75rem)}.compare__heads{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:clamp(.5rem,2.5vw,1.75rem);gap:clamp(.5rem,2.5vw,1.75rem)}.compare__head{text-align:center;display:grid;grid-gap:var(--s-2);gap:var(--s-2);justify-items:center;min-width:0}.compare__head-img{width:100%;aspect-ratio:4/3;display:grid;place-items:center;background:radial-gradient(circle,var(--c-white) 58%,transparent 64%);border-radius:var(--r-lg)}.compare__head-img>span{width:78%;aspect-ratio:16/10;background:repeating-linear-gradient(-45deg,var(--c-gray-dark),var(--c-gray-dark) 5px,rgba(210,213,208,.5) 5px,rgba(210,213,208,.5) 10px);border-radius:var(--r-md)}.compare__head-brand{font-size:var(--fs-md);color:var(--c-text-soft);font-weight:var(--fw-medium)}.compare__head-name{line-height:var(--lh-tight);text-wrap:balance}.compare__head-name,.compare__head-score{font-size:var(--fs-2xl);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight)}.compare__head-score{color:var(--c-blue);line-height:1;margin-top:var(--s-1)}.compare__head-score small{font-size:.42em;color:var(--c-text-soft);font-weight:var(--fw-bold)}.compare__vs{width:clamp(2.75rem,7vw,3.75rem);height:clamp(2.75rem,7vw,3.75rem);border-radius:50%;background:var(--c-blue);color:var(--c-white);display:grid;place-items:center;font-size:var(--fs-md);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight)}.compare__block{border-radius:var(--r-xl);padding:clamp(1.25rem,3vw,2rem)}.compare__block,.ds-section--gray .compare__block{background:var(--c-white)}.compare__group-title{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-blue);text-align:center;margin-bottom:var(--s-7)}.compare__rates{display:grid;grid-gap:var(--s-6);gap:var(--s-6)}.compare__rate-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(5.5rem,auto) minmax(0,1fr) auto;align-items:center;grid-gap:var(--s-3);gap:var(--s-3)}.compare__rate-val{font-size:var(--fs-md);font-weight:var(--fw-extra);letter-spacing:var(--ls-snug);white-space:nowrap}.compare__rate-val--a{text-align:right}.compare__rate-val--b{text-align:left}.compare__rate-val.is-win{color:var(--c-blue)}.compare__rate-val.is-muted{color:var(--c-text-mute)}.compare__bar{height:.85rem;background:var(--c-gray-dark);border-radius:var(--r-pill);overflow:hidden;display:flex}.compare__bar--a{justify-content:flex-end}.compare__bar--b{justify-content:flex-start}.compare__bar__fill{height:100%;background:var(--c-blue);border-radius:var(--r-pill)}.compare__bar__fill.is-muted{background:var(--c-blue-light)}.compare__attr--rate{text-align:center;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-text-soft)}.compare__specs{display:grid}.compare__spec-row{display:grid;grid-template-columns:1fr minmax(5.5rem,auto) 1fr;align-items:center;grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-4) 0;border-bottom:1px solid var(--c-border)}.compare__spec-row:first-child{border-top:1px solid var(--c-border)}.compare__val{font-size:var(--fs-xl);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);white-space:nowrap}.compare__val--a{text-align:right}.compare__val--b{text-align:left}.compare__val.is-muted{color:var(--c-text-mute);font-weight:var(--fw-bold)}.compare__val.is-win{color:var(--c-blue)}.compare__attr{text-align:center;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-text-soft)}@media (max-width:34rem){.compare__head-name,.compare__head-score{font-size:var(--fs-lg)}.compare__rate-row{grid-template-columns:auto 1fr 1fr auto;gap:var(--s-2)}.compare__attr--rate{grid-column:1/-1;order:-1;margin-bottom:calc(-1 * var(--s-2))}.compare__rate-val{font-size:var(--fs-sm)}.compare__spec-row{grid-template-columns:1fr minmax(3.5rem,auto) 1fr}.compare__val{font-size:var(--fs-md)}}.row{align-items:center;flex-wrap:wrap}.col,.row{display:flex;gap:var(--s-3)}.col{flex-direction:column}.stack-2>*+*{margin-top:var(--s-2)}.stack-3>*+*{margin-top:var(--s-3)}.stack-4>*+*{margin-top:var(--s-4)}.stack-5>*+*{margin-top:var(--s-5)}.center{text-align:center}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.muted{color:var(--c-text-soft)}.small{font-size:var(--fs-xs)}.specgrid{display:grid;grid-gap:var(--s-gutter);gap:var(--s-gutter);grid-template-columns:1fr}@media (min-width:36rem){.specgrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:56rem){.specgrid{grid-template-columns:repeat(3,1fr)}}.spec{background:var(--c-white);border-radius:var(--r-lg);padding:var(--s-5);border:1px solid var(--c-border)}.ds-section--white .spec{background:var(--c-gray);border-color:transparent}.spec__label{font-size:var(--fs-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--c-text-soft);margin-bottom:var(--s-2)}.spec__preview{display:flex;align-items:center;justify-content:center;min-height:6rem;margin-bottom:var(--s-3);padding:var(--s-3);background:var(--c-gray);border-radius:var(--r-md)}.ds-section--white .spec__preview{background:var(--c-white)}.spec__title{font-weight:var(--fw-bold);font-size:var(--fs-sm)}.spec__meta{font-family:ui-monospace,monospace;font-size:var(--fs-xs);color:var(--c-text-soft);margin-top:var(--s-1)}