.intro{padding-block:var(--s-7) var(--s-6)}.intro{z-index:0}.intro .aurora{inset:0 0 -70%;-webkit-mask-image:linear-gradient(#000 0 65%,transparent);mask-image:linear-gradient(#000 0 65%,transparent)}.intro .field{position:absolute;inset:0 0 -70%;pointer-events:none;-webkit-mask-image:linear-gradient(#000 0 65%,transparent);mask-image:linear-gradient(#000 0 65%,transparent);background:radial-gradient(50% 120% at 85% 0%,color-mix(in oklab,var(--g) 28%,transparent),transparent 70%)}.intro .wrap{position:relative;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s-5)}.intro h1{font-size:calc(clamp(44px,5.4vw,96px) * var(--ds));margin-top:var(--s-3)}.intro .lead{max-width:46ch;margin-top:var(--s-4)}.intro-stats{display:flex;gap:var(--s-6)}.intro-stats b{display:block;font:800 calc(clamp(34px,3vw,52px) * var(--ds))/1 var(--display);letter-spacing:-.03em}.intro-stats span{color:var(--muted);font-size:14px}.intro-stats b span{color:inherit;font-size:inherit}.intro-trial{margin-top:var(--s-3);max-width:52ch;color:var(--muted);font-size:16px;line-height:1.55}.intro-trial .link-g{min-height:0;margin-top:4px}.gcard .more{display:flex;align-items:center;gap:12px}.gcard .more:has(.gtrial:not([hidden])){flex-basis:100%}.gcard .gtrial .link-g{font-size:13px}.gcard .gtrial .link-g:after{width:5px;height:5px}.browser{position:relative;z-index:1;padding-block:var(--s-5) var(--s-9)}.browser .wrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--s-6);align-items:start}@media(max-width:1200px){.browser .wrap{grid-template-columns:240px minmax(0,1fr);gap:var(--s-5)}}.rail{position:sticky;top:calc(var(--hdr-stack) + 20px);display:grid;gap:var(--s-5)}.rail-head{display:none}.rail h2{font:600 12px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--g);margin-bottom:var(--s-3)}.fgroup{padding-bottom:var(--s-5);border-bottom:1px solid var(--line)}.fgroup:last-of-type{border-bottom:0}.search{position:relative}.search input{width:100%;min-height:48px;padding:0 16px 0 44px;border-radius:12px;border:1px solid var(--line);background:var(--night-2);font-size:16px}.search input:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px color-mix(in oklab,var(--g) 28%,transparent)}.search:before{content:"";position:absolute;left:16px;top:50%;width:14px;height:14px;border:2px solid var(--muted);border-radius:50%;transform:translateY(-60%)}.search:after{content:"";position:absolute;left:29px;top:29px;width:7px;height:2px;background:var(--muted);transform:rotate(45deg)}fieldset{border:0;margin:0;padding:0;min-width:0}legend{padding:0;font:600 12px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--g);margin-bottom:var(--s-3)}.check{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;font-weight:500}.check .n{margin-left:auto;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.rail .reset{justify-self:start}.results{container-type:inline-size;min-width:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:48px;margin-bottom:var(--s-4)}.toolbar p{color:var(--muted)}.toolbar p b{color:var(--text)}.toolbar .filters-btn{display:none}.ggrid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5);list-style:none}@container (min-width: 620px){.ggrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 1040px){.ggrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ggrid[hidden]{display:none}.browser{overflow-x:clip}.ggrid>li{position:relative;isolation:isolate}.ggrid>li:before,.ggrid>li:after{content:"";position:absolute;inset:4% 3% 0;z-index:-1;border-radius:var(--r-3);background:linear-gradient(160deg,color-mix(in oklab,var(--c) 42%,var(--night-2)),var(--night-2));border:1px solid color-mix(in oklab,var(--c) 55%,var(--line));opacity:0;transform:none;transition:transform .52s var(--ease-out),opacity var(--t-out) var(--ease-out)}.ggrid>li:hover:before,.ggrid>li:focus-within:before{opacity:.9;transform:translate(-3%,-2%) rotate(-3deg);transition-duration:.42s,var(--t-in)}.ggrid>li:hover:after,.ggrid>li:focus-within:after{opacity:.6;transform:translate(3%,-3.5%) rotate(2.5deg);transition-duration:.42s,var(--t-in)}.gcard{height:100%;display:flex;flex-direction:column;border-radius:var(--r-3);border:1px solid var(--line);background:var(--night-2);transform:perspective(1100px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0px))}.gcard:hover,.gcard:focus-within{--lift: -6px;border-color:color-mix(in oklab,var(--c) 70%,var(--line))}@media(prefers-reduced-motion:reduce){.ggrid>li:before,.ggrid>li:after{display:none}.gcard:hover,.gcard:focus-within{--lift: 0px}}.gcard .open{display:block;padding:0;border:0;background:none;text-align:left;border-radius:var(--r-3) var(--r-3) 0 0}.gcard .art{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--night-3);border-radius:calc(var(--r-3) - 1px) calc(var(--r-3) - 1px) 0 0}.gcard .art img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}.gcard:hover .art img{transform:scale(1.03)}.gcard .details{position:absolute;right:12px;bottom:12px;padding:7px 12px;border-radius:999px;background:#15113dd1;border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:650;opacity:0;transform:translateY(4px);transition:opacity var(--t-out) var(--ease-out),transform var(--t-move-out) var(--ease-out)}.gcard .open:hover .details,.gcard .open:focus-visible .details{opacity:1;transform:none;transition-duration:var(--t-in),var(--t-move)}@media(hover:none){.gcard .details{opacity:1;transform:none}}.gcard .body{padding:var(--s-4) var(--s-4) var(--s-4);display:grid;gap:var(--s-3);flex:1;align-content:start}.gcard .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.gcard h2{font:var(--d-w) calc(clamp(22px,1.8vw,30px) * var(--ds))/1.1 var(--display);letter-spacing:var(--d-track)}.gcard .genre{color:var(--muted);font-size:13px;flex:none}.gcard .line{color:var(--muted);font-size:15px;line-height:1.5}.pchips{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pchips li{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--night);display:grid;gap:2px;min-width:0;transition:border-color var(--t-out) var(--ease-out),background-color var(--t-out) var(--ease-out)}.pchips b{font-size:13px;font-weight:650}.pchips span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pchips li.match{border-color:var(--c);background:color-mix(in oklab,var(--c) 16%,var(--night));transition-duration:var(--t-in)}.pchips li.match span{color:var(--text)}.fitnote{font-size:14px;color:var(--text);min-height:1.5em}.fitnote.over{color:var(--muted)}.gcard .foot{margin-top:auto;padding-top:var(--s-3);border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:10px}.gcard .pr{font:var(--d-w) 22px/1 var(--display);letter-spacing:-.02em;margin-right:auto}.gcard .pr small{display:block;font:500 12px var(--body);color:var(--muted);margin-top:4px;letter-spacing:0}.gcard .foot .btn{min-height:44px;padding:0 16px;font-size:15px}.gcard .btn-g{background-color:var(--c);color:var(--ci)}.empty{display:none;padding:var(--s-7) var(--s-5);border:1px dashed var(--line);border-radius:var(--r-3);text-align:center}.empty.is-on{display:block}.empty h2{font-size:calc(clamp(28px,3vw,44px) * var(--ds))}.empty p{color:var(--muted);margin-top:var(--s-3)}.empty .row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-3);margin-top:var(--s-5)}.rail .range-head output{font-size:16px}.gs-art .cart-art{box-shadow:0 0 0 1px var(--g),0 40px 80px -30px color-mix(in oklab,var(--g) 50%,transparent)}@media(prefers-reduced-motion:no-preference){.gsheet.is-open:not(.settled) .gs-art{animation:artIn .62s cubic-bezier(.34,1.3,.5,1) .08s both}.gsheet.is-open:not(.settled) .gs-body>:not(.gs-art){animation:fadeUp .5s var(--ease) both}.gsheet.is-open:not(.settled) .gs-body>:nth-child(2){animation-delay:.16s}.gsheet.is-open:not(.settled) .gs-body>:nth-child(3){animation-delay:.22s}.gsheet.is-open:not(.settled) .gs-body>:nth-child(n+4){animation-delay:.28s}@keyframes artIn{0%{transform:translate(60%) rotate(4deg);opacity:0}to{transform:none;opacity:1}}@keyframes fadeUp{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}}@media(max-width:900px){.browser .wrap{grid-template-columns:1fr}.toolbar .filters-btn{display:inline-flex}.rail{position:fixed;inset:0 0 0 auto;z-index:80;width:min(420px,100vw);background:var(--night);border-left:1px solid var(--line);padding:0 var(--gut) var(--s-5);overflow-y:auto;overscroll-behavior:contain;align-content:start;transform:translate(100%);visibility:hidden;transition:transform .35s var(--ease),visibility 0s linear .35s}.rail.is-open{transform:none;visibility:visible;transition:transform .35s var(--ease)}.rail-head{display:flex;align-items:center;justify-content:space-between;height:var(--hdr);position:sticky;top:0;background:var(--night);z-index:1}.rail-head strong{font:700 22px/1 var(--display)}.rail .done{width:100%}}@media(min-width:901px){.rail .done{display:none}}.gsheet{position:fixed;top:0;right:0;bottom:0;z-index:85;width:min(600px,100vw);background:var(--night);border-left:1px solid var(--g);overflow-y:auto;overscroll-behavior:contain;box-shadow:-40px 0 80px -30px color-mix(in oklab,var(--g) 40%,transparent);transform:translate(100%);transition:transform .4s var(--ease)}.gsheet.is-open{transform:none}.gsheet[hidden]{display:none}.gs-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;padding:10px var(--s-4);background:linear-gradient(var(--night) 60%,transparent)}.gs-body{padding:0 var(--s-5) var(--s-6);display:grid;gap:var(--s-5)}.gs-body .cart-art img{opacity:1;transform:none}.gs-body h2{font-size:calc(clamp(34px,4vw,52px) * var(--ds))}.gs-line{color:var(--muted);font-size:18px;margin-top:var(--s-3)}.build{padding:var(--s-5);border-radius:var(--r-2);background:var(--night-2);border:1px solid var(--line);display:grid;gap:var(--s-4)}.build .chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.build .chips li{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--night);font-size:14px;font-weight:600}.build .big-price{font:800 calc(clamp(32px,3vw,44px) * var(--ds))/1 var(--display);letter-spacing:-.03em}.build .big-price small{font:500 15px var(--body);color:var(--muted);letter-spacing:0}.gs-actions{display:flex;flex-wrap:wrap;gap:var(--s-3)}.gs-note{font-size:13px;color:var(--muted)}@media(prefers-reduced-motion:reduce){.gsheet,.rail{transition:none!important}}
