:root{--ink:#181817;--paper:#f3f2ef;--stage:#d5d5d3;--coral:#ed594c;--muted:#686864;--line:#b8b8b3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}header{height:80px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:24px;font-weight:700;letter-spacing:-1.5px;text-decoration:none}.brand img{display:block;width:27px;height:27px;object-fit:contain}.brand sup{font-size:8px;align-self:flex-start;margin:4px 0 0 1px;letter-spacing:0}.nav-link{color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}.nav-link span{font-size:18px;margin-left:12px}.hero{min-height:620px;padding:clamp(55px,7vw,105px) clamp(22px,5vw,72px) 68px;display:grid;grid-template-columns:minmax(310px,.88fr) minmax(420px,1.12fr);gap:clamp(35px,7vw,110px);align-items:center;border-bottom:1px solid var(--ink);overflow:hidden}.eyebrow,.section-label,.workspace-top{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.035em}.eyebrow{margin:0 0 21px}.eyebrow span{width:8px;height:8px;background:var(--coral);display:inline-block;margin-left:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,6.1vw,92px);line-height:.87;letter-spacing:-.08em;font-weight:500;margin-bottom:26px}em{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.055em}.lead{max-width:390px;font-size:15px;line-height:1.5;margin-bottom:29px}.cta{background:var(--ink);color:#fff;text-decoration:none;font-size:13px;font-weight:600;padding:15px 17px;display:inline-block}.cta b{font-size:19px;font-weight:400;margin-left:27px}.hero-visual{height:465px;background:var(--stage);position:relative;isolation:isolate;overflow:hidden}.hero-visual:after{content:"";position:absolute;z-index:-1;width:122px;height:122px;border:1px solid var(--coral);border-radius:50%;right:-41px;top:42px}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block}.visual-label{position:absolute;z-index:2;background:var(--paper);font-family:"DM Mono",monospace;font-size:9px;padding:10px 12px}.visual-label span{color:var(--coral);margin-right:8px}.label-top{top:18px;left:-24px}.label-bottom{bottom:18px;right:-22px}.intro{padding:105px clamp(22px,10vw,150px);display:grid;grid-template-columns:26% 1fr;gap:35px;border-bottom:1px solid var(--line)}.section-label{margin:8px 0;color:var(--muted)}.intro h2{max-width:740px;font-size:clamp(35px,4.2vw,62px);line-height:.94;letter-spacing:-.07em;font-weight:500;margin-bottom:27px}.intro div>p{max-width:460px;font-size:15px;line-height:1.5;color:var(--muted)}.workspaces{padding:105px clamp(22px,5vw,72px) 120px}.workspace-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:68px}.workspace-header h2{font-size:clamp(44px,5vw,74px);line-height:.84;letter-spacing:-.075em;font-weight:500;margin:0}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.workspace{min-height:575px;padding:21px 9% 28px 0;color:var(--ink);text-decoration:none;position:relative;transition:background .2s}.workspace+.workspace{padding:21px 0 28px 9%;border-left:1px solid var(--ink)}.workspace:hover{background:#e7e7e2}.workspace-top{display:flex;justify-content:space-between;color:var(--muted)}.icon{height:88px;width:88px;margin:58px 0 25px;position:relative}.notes-icon{border:1px solid var(--ink);transform:rotate(45deg)}.notes-icon i{position:absolute;background:var(--ink);display:block}.notes-icon i:first-child{height:1px;width:120%;top:50%;left:-10%}.notes-icon i:nth-child(2){height:120%;width:1px;left:50%;top:-10%}.notes-icon i:nth-child(3){height:18px;width:18px;background:var(--coral);top:34px;left:34px}.cursor-icon{font-size:90px;line-height:.83;color:var(--coral)}.workspace h3{font-size:clamp(42px,4.6vw,68px);line-height:.82;letter-spacing:-.08em;font-weight:500;margin-bottom:25px}.workspace>p{max-width:360px;font-size:14px;line-height:1.5;color:#4f4f4c}.workspace ul{margin:25px 0 50px;padding:0;list-style:none;font-size:11px;line-height:2.15}.workspace li:before{content:"→";color:var(--coral);margin-right:9px}.open{font-size:13px;font-weight:600;position:absolute;bottom:28px;left:0;border-bottom:1px solid var(--ink);padding-bottom:5px}.browser .open{left:9%}.open b{font-size:18px;margin-left:14px;font-weight:400}.close{background:var(--ink);color:var(--paper);padding:105px clamp(22px,10vw,150px)}.close .section-label{color:#bfbfba}.close h2{font-size:clamp(43px,5.2vw,75px);line-height:.86;letter-spacing:-.07em;font-weight:500;max-width:800px;margin:25px 0 35px}.close em{color:var(--coral)}.light{background:var(--paper);color:var(--ink)}footer{min-height:80px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);border-top:1px solid #60605e}footer .brand{color:var(--paper)}footer .brand img{filter:brightness(1.12)}footer p{margin:0;font-size:12px;color:#c3c3be}
@media(max-width:760px){header{height:64px}.brand{font-size:21px}.brand i{width:22px;height:22px}.hero{display:block;min-height:0;padding:56px 22px 0}.hero-copy{padding-bottom:42px}.lead{max-width:350px}.hero-visual{height:365px;margin:0 -22px}.hero-visual img{object-position:center bottom}.label-top{left:14px;top:12px}.label-bottom{right:14px;bottom:12px}.intro{display:block;padding:74px 22px}.intro .section-label{margin-bottom:36px}.workspaces{padding:74px 22px}.workspace-header{display:block;margin-bottom:50px}.workspace-header .section-label{margin-bottom:28px}.workspace-grid{display:block}.workspace{min-height:510px;padding:21px 0 28px}.workspace+.workspace{padding:21px 0 28px;border-left:0;border-top:1px solid var(--ink)}.workspace h3{font-size:53px}.browser .open{left:0}.close{padding:74px 22px}footer{min-height:115px;padding:25px 22px;display:block}footer p{margin-top:18px}.nav-link{font-size:12px}}