@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Roboto+Mono:wght@400;500&family=Work+Sans:wght@300;400;500&display=swap";:root{--iris:#847dff;--cyan:#00b3dd;--orchid:#dd90d8;--peri:#90b8f0;--mint:#a6e4ba;--obsidian:#0f1011;--abyss:#090a0b;--graphite:#2e2e2e;--ash:#9f9fa0;--cloud:#f5f5f7;--pure:#fff;--sans:"Work Sans", ui-sans-serif, system-ui, sans-serif;--serif:"DM Serif Display", Georgia, serif;--mono:"Roboto Mono", ui-monospace, monospace}*{box-sizing:border-box}html{background:var(--abyss);scroll-behavior:smooth}body{background:var(--abyss);color:var(--pure);font-family:var(--sans);margin:0;font-weight:400}a{color:inherit;text-decoration:none}.container{width:min(1200px,100% - 64px);margin:0 auto}.landing-shell{background:var(--obsidian);min-height:100vh;overflow:hidden}.label-mono,.availability{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.nav{z-index:2;justify-content:space-between;align-items:center;height:88px;display:flex;position:relative}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:18px;display:inline-flex}.brand-mark{background:#191a1c;border-radius:7px;justify-content:center;align-items:end;gap:3px;width:23px;height:23px;padding:4px;display:flex}.brand-mark i{background:#a6e4ba;border-radius:1px;width:4px;display:block}.brand-mark i:first-child{height:9px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:11px}.nav-links{gap:5px;margin-left:96px;display:flex}.nav-links a,.nav-login{color:var(--ash);border:1px solid #0000;border-radius:8px;padding:10px 14px;font-size:13px;transition:all .2s}.nav-links a:hover,.nav-login:hover{color:var(--pure);background:#ffffff0f;border-color:#ffffff29}.nav-login{color:var(--cloud);border-color:#ffffff2b}.github-icon{vertical-align:-3px;width:15px;height:15px;color:var(--ash);margin-left:8px;transition:color .2s}.nav-login:hover .github-icon{color:var(--cloud)}.hero{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:.86fr 1.14fr;align-items:center;gap:24px 42px;height:calc(100vh - 88px);min-height:0;padding:30px 0 22px;display:grid;position:relative}.hero-copy{z-index:1;align-self:center;padding-bottom:54px;position:relative}h1{color:var(--cloud);font:400 clamp(64px, 7.4vw, 96px)/.87 var(--serif);letter-spacing:-.045em;margin:0}h1 em{color:var(--mint);font-style:italic}.hero-description{max-width:410px;color:var(--ash);margin:31px 0 0;font-size:16px;font-weight:300;line-height:1.6}.hero-actions{align-items:center;gap:25px;margin-top:33px;display:flex}.button{border-radius:8px;align-items:center;gap:28px;padding:13px 18px;font-size:14px;transition:transform .2s,background-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--pure);color:var(--abyss)}.button-primary:hover{background:var(--cloud)}.button span{font-size:18px;line-height:0}.mac-icon{align-items:center;font-size:16px;display:inline-flex}.text-link{color:var(--cloud);font-size:14px}.text-link span{color:var(--ash);padding-left:8px}.text-link:hover{color:var(--iris)}.availability{color:var(--fog,#6a6b6b);letter-spacing:.12em;margin:28px 0 0;font-size:9px}.availability span{color:var(--ash);margin-right:5px}.availability b{padding:0 8px;font-weight:400}.product-stage{align-self:center;place-items:center;height:100%;min-height:0;display:grid;position:relative}.stage-label{color:#57585a;letter-spacing:.16em;font-size:9px;position:absolute;top:0;right:15px}.ambient-line{filter:blur(.2px);border:1px solid #847dff26;border-radius:50%;width:76%;height:76%;position:absolute;transform:rotate(-20deg)skew(-12deg)}.ambient-line:after{content:"";border:1px solid #00b3dd1a;border-radius:50%;position:absolute;inset:13% -10%}.product-image{z-index:1;filter:drop-shadow(0 30px 45px #0000006b);width:min(680px,114%);height:auto;max-height:min(58vh,500px);transition:transform .2s;position:relative;transform:perspective(1000px)rotateY(-7deg)rotateX(2deg)}.hero-foot{color:#5d5e60;border-top:1px solid #ffffff1a;grid-column:1/-1;justify-content:space-between;align-self:end;align-items:end;padding-top:24px;display:flex}.hero-foot .label-mono{letter-spacing:.17em;font-size:9px}.scroll-mark{color:var(--ash);font-size:11px}.scroll-mark b{border:1px solid #505154;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:10px;font-weight:400;display:inline-grid}@media (width<=800px){.container{width:min(100% - 40px,560px)}.nav{height:76px}.nav-links{display:none}.nav-login{padding:8px 10px;font-size:11px}.hero{flex-direction:column;align-items:stretch;gap:22px;height:auto;padding:45px 0 28px;display:flex}.hero-copy{padding-bottom:0}.hero-description{max-width:480px}.product-stage{height:auto;min-height:405px;margin-top:18px}.product-image{width:112%;max-height:none;transform:none}.ambient-line{width:90%;height:80%}.hero-foot{margin-top:10px}.hero-foot .label-mono{max-width:180px;line-height:1.6}}@media (width<=440px){h1{font-size:62px}.hero-actions{flex-direction:column;align-items:flex-start;gap:19px}.product-stage{min-height:380px}.product-image{width:122%;margin-left:-11%}.stage-label{right:0}.hero-foot{flex-direction:column;align-items:start;gap:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}