.mock{border:1px solid var(--border-strong);background-color:var(--surface);transition:border-color var(--dur-micro) var(--easing-out);position:relative}.mock-link{color:inherit;display:block}.mock-link:focus-visible{outline-offset:4px}.mock-img{object-fit:cover;object-position:top center;width:100%;max-width:none;height:100%;position:absolute;inset:0}.mock-img--alt{opacity:0;transition:opacity var(--dur-reveal) var(--easing-out)}.mock:hover,.mock-link:hover .mock,.mock-link:focus-visible .mock,.plate:hover .mock{border-color:var(--text)}.mock:hover .mock-img--alt,.mock-link:hover .mock-img--alt,.mock-link:focus-visible .mock-img--alt,.plate:hover .mock-img--alt{opacity:1}.plate:has(:focus-visible) .mock{border-color:var(--text)}.plate:has(:focus-visible) .mock-img--alt{opacity:1}.browser{border-radius:6px;overflow:hidden}.browser-bar{border-bottom:1px solid var(--border-strong);height:28px;color:var(--text-muted);align-items:center;gap:14px;padding:0 12px;display:flex}.browser-dots{flex:none;gap:5px;display:flex}.browser-dots>i{border:1px solid var(--border-strong);border-radius:50%;width:6px;height:6px;display:block}.browser-domain{white-space:nowrap;text-overflow:ellipsis;min-width:0;line-height:1;overflow:hidden}.browser-view{aspect-ratio:16/10;background-color:var(--surface);position:relative}.phone{background-color:#0000;border-radius:44px;padding:7px}.phone-screen{aspect-ratio:393/852;background-color:var(--surface-2);isolation:isolate;border-radius:37px;position:relative;overflow:hidden}.phone-screen--framed .mock-img{object-fit:fill;width:126.42%;height:auto;inset:-21.64% auto auto -13.29%}.phone-island{background-color:var(--text);pointer-events:none;border-radius:999px;width:31%;height:3.4%;position:absolute;top:1.6%;left:50%;transform:translate(-50%)}:root[data-theme=dark] .phone-island{background-color:var(--bg)}.dim{width:7px;color:var(--text-muted);pointer-events:none;margin-right:20px;display:none;position:absolute;top:0;bottom:0;right:100%}@media (width>=1024px){.dim{display:block}}.dim:before{content:"";background-color:var(--border-strong);width:1px;position:absolute;top:0;bottom:0;left:3px}.dim-tick{background-color:var(--border-strong);width:7px;height:1px;position:absolute;left:0}.dim-tick--top{top:0}.dim-tick--bottom{bottom:0}.dim-cap{white-space:nowrap;background-color:var(--plate-tint,var(--bg));padding:0 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.devcomp{--devcomp-left:24%;position:relative}.devcomp-browser{display:none}.devcomp-phone{width:min(75%,32.2887vh);position:relative}@media (width>=640px){.devcomp{padding-top:48px}.devcomp-browser{top:0;left:var(--devcomp-left);right:calc(-1 * var(--bleed-right,0px));display:block;position:absolute}.devcomp-phone{width:36%}}@media (width>=1024px){.devcomp{padding-top:96px}.devcomp-phone{width:min(280px,22vw);margin-left:var(--devcomp-inset,0px)}}.plate{background-color:var(--plate-tint,var(--surface-2));--bleed-x:calc(var(--margin) + max(0px, (100vw - var(--container)) / 2));overflow-x:clip}.plates>*+*{border-top:1px solid var(--border)}.plate-inner{padding-block:clamp(3rem,2rem + 4vw,6rem)}@media (width>=430px) and (width<=767.98px){.plate-inner{padding-block:clamp(3.5rem,2.5rem + 4vw,6rem)}}.plate-grid{column-gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;row-gap:32px;display:grid}.plate-head,.plate-visual,.plate-body{grid-column:1/-1;min-width:0}.plate-head{grid-row:1;container-type:inline-size}.plate-visual{grid-row:2}.plate-body{grid-row:3}.plate-name{letter-spacing:-.03em;white-space:nowrap;block-size:1em;inline-size:100%;color:var(--text);text-wrap:nowrap;margin-top:16px;font-weight:500;font-stretch:80%;line-height:1;display:block;overflow:visible}.plate-name--h1{font-size:min(clamp(2.5rem, 1.25rem + 3.75vw, 4.5rem), calc(100cqi / var(--name-em,1)))}.plate-name--display{letter-spacing:-.035em;block-size:.95em;line-height:.95;font-size:min(clamp(3rem, 1.5rem + 5.5vw, 7rem), calc(100cqi / var(--name-em,1)))}.plate-kind{margin-top:12px}.plate-body>*+*{margin-top:24px}.plate-meta{flex-wrap:wrap;align-items:baseline;gap:0 .5em;display:flex}.plate-links{flex-wrap:wrap;align-items:center;gap:8px 32px;display:flex}@media (width>=768px){.plate-grid{grid-template-columns:repeat(8,minmax(0,1fr));row-gap:40px}.plate--flagship .plate-head,.plate--flagship .plate-body,.plate--left .plate-head,.plate--left .plate-body,.plate--right .plate-head,.plate--right .plate-body{grid-column:1/span 6}.plate--flagship .plate-body{grid-row:2}.plate--flagship .plate-visual{grid-row:3}}@media (width>=1024px){.plate-grid{grid-template-rows:auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:40px}.plate--flagship .plate-head,.plate--left .plate-head{grid-area:1/1/auto/span 5}.plate--flagship .plate-body,.plate--left .plate-body{grid-area:2/1/auto/span 5}.plate--flagship .plate-visual,.plate--left .plate-visual{grid-area:1/6/span 2/span 7}.plate--right .plate-head{grid-area:1/8/auto/span 5}.plate--right .plate-body{grid-area:2/8/auto/span 5}.plate--right .plate-visual{grid-area:1/1/span 2/span 7}.plate--flagship .plate-inner{min-height:80vh}.plate--flagship .plate-grid{min-height:calc(80vh + -2*clamp(3rem,2rem + 4vw,6rem))}}.plate-visual--bleed{--bleed-right:var(--bleed-x)}.plate--half .plate-inner{padding-inline:var(--margin)}@media (width>=768px){.plate-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.plate-row>.plate+.plate{border-top:0;border-left:1px solid var(--border)}.plate-row>.plate:first-child .plate-inner{padding-left:var(--bleed-x);padding-right:calc(var(--gutter) / 2)}.plate-row>.plate:last-child .plate-inner{padding-left:calc(var(--gutter) / 2);padding-right:var(--bleed-x)}}