.pq{max-width:var(--max);padding:96px var(--pad) 72px;color:var(--ink);min-height:100dvh;margin-inline:auto}.pq-head{align-items:start;gap:30px;display:grid}.pq-title{font:600 var(--t-h1) / 1.22 var(--voice);letter-spacing:-.01em;text-wrap:balance;margin:0;padding-top:.08em}html[lang=en] .pq-title{line-height:1.12}.pq-price{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:22px 0 0;display:flex}.pq-price .amount{font:600 var(--t-big) / 1 var(--voice);letter-spacing:-.01em;color:var(--ink)}.pq-price .term{font:400 var(--t-lead) / 1.4 var(--voice);color:var(--ink-2)}.pq-nosub{font:400 var(--t-meta) / 1.6 var(--ui);color:var(--ink-3);margin:10px 0 0}.pq-lede{font:400 var(--t-lead) / 1.6 var(--voice);color:var(--ink-2);text-wrap:pretty;max-width:28em;margin:16px 0 0}.pq-list{margin:0;padding:0;list-style:none}.pq-list li{padding:var(--sp-2) 0;border-top:1px solid var(--line);font:400 var(--t-lead) / 1.5 var(--voice);text-wrap:pretty}.pq-list li:last-child{border-bottom:1px solid var(--line)}html[lang=en] .pq-list li{line-height:1.4}.pq-doors{gap:var(--sp-3);margin-top:22px;display:grid}.pq-doors .v-cta{width:100%}@media (min-width:700px){.pq-doors{grid-template-columns:repeat(2,max-content)}.pq-doors .v-cta{width:auto}}.pq-sec{margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--line);gap:var(--sp-4);align-items:start;display:grid}.pq-words,.pq-proof{min-width:0}.pq-h2{font:600 var(--t-h2) / 1.3 var(--voice);text-wrap:balance;margin:0}.pq-body{font:400 var(--t-read) / 1.75 var(--voice);text-wrap:pretty;max-width:34em;margin:12px 0 0}html[lang=en] .pq-body{line-height:1.6}.pq-quiet{font:400 var(--t-meta) / 1.6 var(--ui);color:var(--ink-3);margin:12px 0 0}.pq-words>p:last-child{margin:var(--sp-4) 0 0}.pq-words>.v-label:only-child{margin:0}.pq-demo{font:400 var(--t-small) / 1.6 var(--ui);color:var(--ink-3);margin:12px 0 0}.pq-rows{padding:var(--sp-4) 18px 18px;border-radius:var(--rad-card);background:var(--paper-2);gap:var(--sp-5);display:grid}.pq-rowlabel{font:500 var(--t-small) / 1.5 var(--ui);color:var(--ink-3);letter-spacing:.02em;margin-bottom:10px}.pq-handle{gap:var(--sp-1);padding:var(--sp-4) var(--sp-5);border-radius:var(--rad-card);background:var(--paper-2);font:400 var(--t-read) / 1.5 var(--ui);color:var(--ink-3);overflow-wrap:anywhere;display:grid}.pq-handle b{color:var(--ink);font-weight:600}.pq-handle .old b{color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:1.5px}.pq-handle .arrow{color:var(--ink-3);margin-right:.4em}.pq-handle .new{color:var(--ink)}.pq-notopen{border-radius:var(--rad-card);box-shadow:inset 0 0 0 1.5px var(--line-2);margin-top:18px;padding:18px 20px}.pq-notopen .big{font:600 var(--t-lead) / 1.3 var(--voice);margin:0}.pq-notopen .line{font:400 var(--t-ui) / 1.6 var(--ui);color:var(--ink-3);margin:6px 0 0}.pq-not{margin:0;padding:0;list-style:none}.pq-not li{font:400 var(--t-read) / 1.6 var(--voice);padding:var(--sp-3) 0;border-top:1px solid var(--line);text-wrap:pretty}.pq-not li:first-child{border-top:0;padding-top:0}html[lang=en] .pq-not li{line-height:1.5}.pq-freebox{padding:var(--sp-5) var(--sp-4);border-radius:var(--rad-card);box-shadow:inset 0 0 0 1px var(--line-2);border-top:0}.pq-free{font:600 var(--t-h2) / 1.25 var(--voice);margin:0}.pq-freebox .pq-doors{margin-top:0}.pq-foot{flex-wrap:wrap;gap:4px 22px;display:flex}@media (min-width:720px){.pq-freebox .pq-doors{margin-top:22px}}@media (min-width:960px){.pq{max-width:1120px;padding-inline:40px}.pq-sec{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;padding-top:32px}.pq-words{position:sticky;top:96px}.pq-freebox{align-items:center;padding:32px 36px 30px}.pq-freebox .pq-doors{justify-content:end;margin-top:0}.pq-freebox .pq-words{position:static}}@media (min-width:1024px){.pq-head-list{padding-top:30px}.pq-head .pq-doors{grid-template-columns:repeat(2,max-content)}}.pq-layout{border-radius:var(--rad-tile);display:block}.pq-layout:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.pq-layout .c-thumb{transition:box-shadow var(--dur-fast) var(--ease-out)}.pq-layout:hover .c-thumb{box-shadow:inset 0 0 0 1px var(--ink-3)}.pq-rowstrip{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pq-rowstrip .c-tile{pointer-events:none}.pq-rowgroup.newest .pq-rowstrip{opacity:.45;filter:saturate(.6)}.pq-rowgroup.pro .pq-rowstrip{grid-template-columns:repeat(2,minmax(0,1fr))}.pq-strip{gap:var(--sp-4);margin-inline:calc(-1 * var(--pad));padding:0 var(--pad) var(--sp-2);scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none;display:flex;overflow-x:auto}.pq-strip::-webkit-scrollbar{display:none}.pq-strip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pq-group{flex:none;min-width:0}.pq-glabel{font:600 var(--t-small) / 1.4 var(--ui);color:var(--ink);margin:0 0 var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--ink)}.pq-group.free .pq-glabel{color:var(--ink-3);border-top-color:var(--line-2)}.pq-tiles{gap:var(--sp-3);grid-auto-columns:140px;grid-auto-flow:column;display:grid}.pq-tiles .pq-tile{scroll-snap-align:start}.pq-see{margin:var(--sp-4) 0 0}.pq-tile{min-width:0;margin:0}.pq-box{aspect-ratio:4/5;border-radius:var(--rad-tile);background:oklch(.885 .055 var(--h,60));position:relative;overflow:hidden}.pq-box img{object-fit:cover;width:100%;height:100%;display:block;position:relative}.pq-mono{font:600 var(--t-h1) / 1 var(--voice);color:oklch(.83 .075 var(--h,60));place-items:center;display:grid;position:absolute;inset:0}.pq-box[data-night]{background:oklch(.34 .08 var(--h,60))}.pq-box[data-night] .pq-mono{color:oklch(.4 .095 var(--h,60))}.pq-tile figcaption{margin-top:var(--sp-2);font:400 var(--t-fine) / 1.4 var(--ui);color:var(--ink-2);font-variant-numeric:tabular-nums lining-nums}.pq-notes{margin:var(--sp-4) 0 0;padding:0;list-style:none}.pq-notes li{padding:var(--sp-3) 0;border-top:1px solid var(--line);font:400 var(--t-meta) / 1.6 var(--ui);color:var(--ink-2);text-wrap:pretty;max-width:44em}.pq-notes b{color:var(--ink);font-weight:600}.pq-layouts{gap:var(--sp-4) var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pq-lookline{font:400 var(--t-meta) / 1.6 var(--ui);color:var(--ink-2);text-wrap:pretty;grid-column:1/-1;margin:0}.pq-steps li{font-size:var(--t-read)}@media (max-width:719.98px){.pq-rows{gap:var(--sp-3);padding:var(--sp-4) var(--sp-3) var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr))}.pq-rowstrip,.pq-rowgroup.pro .pq-rowstrip{grid-template-columns:minmax(0,1fr)}.pq-rowgroup.newest .pq-rowstrip>:nth-child(n+2){display:none}}@media (min-width:720px){.pq-layouts{grid-template-columns:repeat(4,minmax(0,1fr))}.pq-strip{column-gap:var(--sp-4);grid-template-columns:repeat(4,minmax(0,1fr));margin-inline:0;padding:0;display:grid;overflow:visible}.pq-group{grid-template-columns:subgrid;grid-column:span 3;display:grid}.pq-group.free{grid-column:span 1}.pq-glabel,.pq-tiles{grid-column:1/-1}.pq-tiles{grid-template-columns:subgrid;grid-auto-columns:auto;grid-auto-flow:row;column-gap:normal}.pq-rows{gap:var(--sp-4);grid-template-columns:1fr 2fr}.pq-rowgroup.pro .pq-rowstrip{grid-template-columns:1fr}}@media (min-width:1024px){.pq{max-width:calc(var(--grid-max) + 96px);padding-inline:48px}.pq-head,.pq-sec{column-gap:var(--gutter);gap:0 var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr))}.pq-head-words{grid-column:1/span 6}.pq-head-list{grid-column:8/span 5}.pq-words{grid-column:1/span 4}.pq-proof{grid-column:5/span 8}.pq-sec{margin-top:var(--sp-8);padding-top:var(--sp-6)}.pq-strip,.pq-layouts{column-gap:var(--sp-5)}.pq-rows{padding:var(--sp-5)}.pq-freebox{padding:var(--sp-6)}.pq-freebox .pq-words{grid-column:1/span 6}.pq-freebox .pq-proof{grid-column:7/span 6}.pq-rows .c-tile .c-tile-nick{font-size:var(--t-h2)}}
