:root{color-scheme:dark;--bg: #101113;--text: #f4f4f5;--muted: #a0a0a8;--border: #34353a;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;isolation:isolate}a{color:inherit;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:rgb(244 244 245 / 15%)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}a:focus-visible{outline:2px solid #dadbea;outline-offset:6px}.page{position:relative;z-index:1;max-width:1440px;margin:auto;padding:28px 7.4% 24px}.muted{color:var(--muted)}header{display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:13px;min-height:44px;font-size:27px;letter-spacing:-1.1px}.wordmark img{display:block}.nav-link{display:flex;align-items:center;gap:12px;font-size:14px;min-height:44px}.nav-link svg{width:16px;height:16px}.hero{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:clamp(32px,6vh,56px) 0 clamp(32px,5vh,48px)}h1{font-size:clamp(48px,5vw,72px);font-weight:400;letter-spacing:-.065em;line-height:.98;margin:0}h1 span{color:#96969e}.hero p{font-size:17px;line-height:1.4;color:var(--muted);margin:22px 0 0;letter-spacing:-.35px}.hero-mark{width:20%;height:auto;max-width:210px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:23px;gap:20px}.section-heading h2{font-size:32px;font-weight:400;letter-spacing:-1px;margin:0}.section-heading>span{font-size:13px;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;padding:19px 18px 20px;transition:transform .2s;min-height:218px;background:#101113f0}.product:hover{background:#191a1e;border-color:#686970;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px}.icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;overflow:hidden}.arrow{width:21px;height:21px;color:#96969e;transition:transform .2s}.product:hover .arrow{color:var(--text);transform:translate(2px,-2px)}h3{font-size:21px;font-weight:400;letter-spacing:-.65px;margin:0 0 9px;line-height:1.2}.product p{font-size:14px;line-height:1.45;color:var(--muted);margin:0 0 25px;max-width:230px}.domain{font-size:12px;margin-top:auto;color:#d9d9de}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;margin-top:34px}.footer-credit{display:flex;align-items:center;gap:20px}.footer-credit span+span{border-left:1px solid var(--border);padding-left:20px}footer>a:hover{color:var(--text)}.skip-link{position:fixed;top:12px;left:12px;padding:12px;background:var(--text);color:var(--bg);transform:translateY(-150%);z-index:2}.skip-link:focus{transform:translateY(0)}@media(min-width:1500px){.page{padding-left:100px;padding-right:100px}}@media(max-width:1050px){.page{padding:35px 6% 28px}.hero-mark{width:23%}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.product{min-height:220px}}@media(max-width:600px){.page{padding:max(28px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.wordmark{font-size:23px;gap:9px}.wordmark img{width:32px}.nav-link{font-size:12px;gap:6px}.hero{padding:40px 0 36px;gap:0}.hero-mark{display:none}h1{font-size:clamp(42px,11vw,56px)}.hero p{font-size:16px;line-height:1.55;margin-top:24px;max-width:320px}.desktop-break{display:none}.section-heading{margin-bottom:20px}.section-heading h2{font-size:27px}.section-heading>span{font-size:11px}.products{grid-template-columns:1fr;gap:14px}.product{padding:20px;min-height:208px}.card-top{margin-bottom:19px}h3{font-size:23px}.product p{max-width:none;font-size:15px}.domain{font-size:13px}footer{font-size:11px;margin-top:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.product:hover,.product:hover .arrow{transform:none}}.icon img{display:block;width:100%;height:100%;object-fit:contain}.product-preview{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .45s ease}.product-preview.is-active{opacity:1}.product-preview img{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);object-fit:cover;object-position:center top;opacity:0;filter:brightness(.2);transform:translate(var(--shift-x, 0px),var(--shift-y, 0px));transition:opacity .45s ease,transform .35s cubic-bezier(.2,.7,.2,1)}.product-preview img.is-active{opacity:1}body:has(.product-preview.is-active) .hero-mark{opacity:0}.hero-mark{transition:opacity .45s ease}.product:focus-visible{background:#191a1e;border-color:#686970}@media(prefers-reduced-motion:reduce){.product-preview img{transform:none}}.product-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(16 17 19 / 80%),transparent 75%)}#main,#products{scroll-margin-top:24px}h2,h3{text-wrap:balance}p{text-wrap:pretty}.hero>div{min-width:0}.nav-link:hover,.wordmark:hover{color:#c5c5e3}.product:active{transform:translateY(0)}@media(hover:none){.product-preview{display:none}.product:hover{transform:none}body:has(.product-preview.is-active) .hero-mark{opacity:1}}@media(min-width:1060px){.product-preview:after{background:none}.product-preview img{inset:clamp(100px,16vh,160px) 4vw auto auto;width:min(46vw,73.6vh);height:auto;object-fit:contain;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;filter:brightness(.8)}}