@charset "UTF-8";
:root{color-scheme:light;--paper:#f7f8fa;--ink:#171b24;--muted:#626977;--blue:#4558eb;--line:#dde0e6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;font-size:31px;letter-spacing:-1.4px;font-weight:700}.wordmark-dot{color:var(--blue)}.mark{width:22px;height:25px;border:3px solid currentColor;border-radius:0 13px 13px 0;margin-right:11px;position:relative}.mark:after{content:"";width:5px;height:5px;background:var(--blue);border-radius:50%;position:absolute;top:7px;left:5px}nav a{font-size:14px;display:flex;gap:25px;align-items:center}nav a:hover,.explore:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;padding-top:91px;padding-bottom:96px}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:1.6px;line-height:1.6;margin:0 0 29px;color:var(--muted)}h1{font-size:clamp(44px,4.5vw,66px);line-height:1.075;font-weight:500;letter-spacing:-3.2px;margin:0 0 29px}h1 span{color:var(--blue)}.intro{font-size:18px;line-height:1.65;max-width:440px;color:var(--muted);margin:0}.explore{font-size:14px;display:inline-flex;align-items:center;gap:46px;margin-top:40px;border-bottom:1px solid var(--ink);padding-bottom:12px}.visual{margin:0;background:#eef0f5;border:1px solid #e1e4eb;aspect-ratio:1.1;position:relative;display:flex;flex-direction:column;overflow:hidden}.visual-top,figcaption{display:flex;justify-content:space-between;align-items:center;font:11px monospace;letter-spacing:1px;color:#727987;padding:22px 24px}.field{flex:1;position:relative;margin:14px 45px;background-image:radial-gradient(circle,#b3bbcc 1.65px,transparent 1.8px);background-size:19px 19px;mask-image:radial-gradient(ellipse at center,black 48%,transparent 75%)}.field:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#4558eb 2.2px,transparent 2.4px);background-size:19px 19px;mask-image:radial-gradient(ellipse 39% 42% at 52% 48%,black 20%,transparent 100%)}.visual-plus{font-size:25px;font-weight:400}.technology{border-top:1px solid var(--ink);padding-top:36px;padding-bottom:67px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:42px}.section-heading .eyebrow{padding-top:6px}h2{font-size:30px;line-height:1.2;font-weight:400;letter-spacing:-.9px;margin:0;width:52%}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr)}article{padding:26px 35px 0 0;border-top:1px solid var(--line)}article+article{padding-left:35px;border-left:1px solid var(--line)}.number{font:12px monospace;color:var(--blue)}h3{font-weight:500;font-size:22px;letter-spacing:-.5px;margin:28px 0 13px}article p{font-size:16px;line-height:1.6;color:var(--muted);max-width:310px;margin:0;min-height:78px}.category{display:block;font:11px monospace;letter-spacing:1.2px;color:var(--muted);margin-top:36px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-block:26px;color:var(--muted);font-size:12px}.footer-name{color:var(--ink);font-size:18px;font-weight:700;letter-spacing:-.5px}.skip{position:absolute;left:16px;top:-60px;padding:12px;background:var(--ink);color:white;z-index:10}.skip:focus{top:12px}a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
@media(min-width:1600px){.hero{padding-block:115px}h1{font-size:72px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:28px;padding-block:65px}h1{font-size:46px;letter-spacing:-2px}.intro{font-size:16px}.visual-top,figcaption{padding:18px 14px;font-size:9px;letter-spacing:.5px}.field{margin:5px 20px}article{padding-right:22px}article+article{padding-left:22px}h3{font-size:20px}article p{min-height:103px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:84px}.wordmark{font-size:27px}nav a{gap:14px}.hero{grid-template-columns:1fr;padding-top:51px;padding-bottom:47px;gap:42px}.eyebrow{font-size:11px;margin-bottom:24px}h1{font-size:clamp(36px,8.6vw,58px);letter-spacing:-1.8px;line-height:1.12}.intro{font-size:17px;max-width:470px}.explore{margin-top:28px}.visual{aspect-ratio:1.35;max-height:360px}.field{margin:5px 25px}.visual-top,figcaption{padding:18px;font-size:10px}.section-heading{display:block;margin-bottom:28px}h2{font-size:27px;width:100%}.focus-grid{grid-template-columns:1fr}article,article+article{border-left:0;padding:24px 0;margin-top:0}article p{max-width:100%;min-height:0}h3{margin-top:19px}.category{margin-top:23px}.technology{padding-bottom:20px}.footer{flex-wrap:wrap;gap:15px}.footer span:nth-child(2){width:100%;order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}