@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#162631;background:#f6f8fa;font-synthesis:none;--blue:#168fca;--line:#dfe7ec}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #168fca;outline-offset:4px}[hidden]{display:none!important}header{height:88px;max-width:1440px;margin:auto;padding:0 5vw;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--blue);font-family:'Barlow Condensed',sans-serif;font-size:29px;font-weight:400;letter-spacing:1px}.brand svg{height:27px;width:21px;fill:none;stroke:currentColor;stroke-width:2}.tag{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-left:1px solid #cad6df;padding-left:25px;color:#758591}.date{margin-left:auto;font-size:12px;color:#758591}main{max-width:1440px;margin:auto;padding:0 5vw}.intro{padding:72px 0 60px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--blue);margin:0 0 22px}h1{font-size:clamp(36px,4.8vw,66px);letter-spacing:-.055em;font-weight:500;line-height:1.05;margin:0;max-width:900px}.lede{font-size:17px;color:#70818e;line-height:1.6;margin:22px 0 25px}.intro-actions{display:flex;align-items:center;gap:22px}.primary{border:0;border-radius:40px;background:#172d3c;color:white;padding:15px 22px;font-weight:500;font-size:13px}.primary span{margin-left:28px}.preview-note{color:#82919c;font-size:11px}.toolbar{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.view-switch{display:flex;gap:7px}.view-switch button{border:0;background:transparent;padding:10px 15px;border-radius:30px;color:#7b8b96;font-size:13px}.view-switch .selected{background:white;color:#153c53;box-shadow:0 1px 6px #152d3b0c}.view-switch span{font-size:10px;margin-left:5px;opacity:.7}#search{padding:9px 14px;border:1px solid var(--line);border-radius:24px;background:white;max-width:250px;width:100%;font-size:13px}#flows{position:sticky;top:0;z-index:2;display:flex;gap:8px;overflow-x:auto;background:#f6f8faf2;backdrop-filter:blur(14px);padding:12px 0 20px;border-bottom:1px solid var(--line);scrollbar-width:thin}#flows button{white-space:nowrap;padding:9px 13px;border:1px solid transparent;border-radius:24px;font-size:12px;color:#7a8a95;background:transparent}#flows button.active{background:#e6f2f9;color:#168bc3;border-color:#d1e7f3}.section-head{display:flex;gap:30px;align-items:flex-start;margin:40px 0 30px}.section-number{font-family:'Barlow Condensed',sans-serif;font-size:42px;color:#bdcbd4;line-height:1}.section-head h2{font-weight:500;font-size:27px;letter-spacing:-.035em;margin:0 0 9px}.section-head p{font-size:13px;color:#7b8c98;line-height:1.6;margin:0;max-width:650px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px}.screen{min-width:0}.image-button{display:flex;align-items:center;justify-content:center;width:100%;height:510px;background:linear-gradient(145deg,#e8edf1,#eff3f6);padding:20px;border:1px solid #e1e7eb;border-radius:13px;position:relative;overflow:hidden}.image-button img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;filter:drop-shadow(0 8px 13px #1d425716);border-radius:4px}.image-button .expand{position:absolute;right:12px;bottom:12px;border-radius:25px;background:#ffffffd9;width:28px;height:28px;display:grid;place-items:center;font-size:16px;color:#3e627a;opacity:0;transition:opacity .18s}.image-button:hover .expand,.image-button:focus-visible .expand{opacity:1}.screen-label{display:flex;align-items:baseline;gap:10px;padding-top:14px}.screen-label b{font-size:10px;font-weight:500;color:#9aabb5}.screen-label h3{font-size:12px;font-weight:500;margin:0;line-height:1.6}.screen-category{font-size:10px;color:#8697a3;margin:3px 0 0 26px}.section-next{border-top:1px solid var(--line);margin-top:40px;padding:28px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#7a8b97;font-size:12px}.section-next button{border:0;background:#e5f1f8;color:#157dab;padding:12px 18px;border-radius:24px}.empty{padding:65px 0;color:#758591}footer{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding:35px 0;margin-top:35px;font-size:10px;color:#8a99a4}footer>span{letter-spacing:.12em;white-space:nowrap}footer p{line-height:1.6}footer a{margin-left:auto;white-space:nowrap;text-decoration:none}dialog{border:0;padding:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;background:#edf2f6;color:#162631;margin:0}dialog::backdrop{background:#edf2f6}dialog[open]{display:flex;flex-direction:column}.viewer-top{padding:20px 30px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.viewer-top span{font-size:10px;color:#7f919e;letter-spacing:.08em;text-transform:uppercase}.viewer-top h2{font-size:18px;margin:5px 0 0;font-weight:500;letter-spacing:-.02em}.icon-button{border:1px solid #d5e0e7;background:transparent;border-radius:50%;width:40px;height:40px;font-size:17px}.viewer-image{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;padding:0 20px 12px}.viewer-image img{max-width:100%;max-height:100%;width:auto;height:auto;filter:drop-shadow(0 8px 18px #193b501c)}.viewer-bottom{padding:14px 30px;display:flex;align-items:center;justify-content:center;gap:28px;border-top:1px solid #dbe5ec;flex-shrink:0;font-size:12px}.viewer-bottom button{border:0;background:white;padding:12px 18px;border-radius:24px;font-size:12px}.viewer-bottom button:disabled{opacity:.35;cursor:default}.viewer-bottom p{color:#708692;min-width:55px;text-align:center}.viewer-bottom a{font-size:11px;color:#52829e;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1450px){.image-button{height:580px}}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-button{height:480px}.intro{padding:55px 0 40px}}@media(max-width:550px){header{height:70px;gap:15px}.brand{font-size:25px}.brand svg{height:24px}.tag{padding-left:15px;font-size:9px}.date{font-size:9px}.intro{padding-top:44px}h1{font-size:40px}.lede{font-size:14px}.intro-actions{align-items:flex-start;flex-direction:column;gap:14px}.toolbar{align-items:flex-start;flex-direction:column}.view-switch button{font-size:12px;padding:9px 12px}#searchWrap,#search{width:100%;max-width:none}.section-head{margin:30px 0 22px;gap:20px}.section-head h2{font-size:25px}.section-head p{font-size:12px}.grid{grid-template-columns:1fr;gap:30px}.image-button{height:570px;padding:20px}.screen-label h3{font-size:13px}.image-button .expand{opacity:1}footer{flex-wrap:wrap;gap:8px}footer p{flex-basis:100%}footer a{margin-left:0}.viewer-top{padding:16px}.viewer-top h2{font-size:16px}.viewer-bottom{gap:12px;padding:12px}.viewer-bottom a{display:none}.viewer-image{padding:0 8px 8px}.section-next{line-height:1.5}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}