@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--ink:#0c0e12;--paper:#e8e7e2;--soft:#bdbeb9;--blue:#8ed6ff;--line:#e8e7e22b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);margin:0;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.nav{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:25px clamp(20px,4vw,72px);transition:all .35s;display:flex;position:fixed;top:0;left:0}.nav.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#0c0e12bf;padding-block:14px}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:inline-flex}.mark{color:var(--blue);font-size:22px;line-height:1}.navlinks{color:#cdcec9;align-items:center;gap:30px;font-size:13px;display:flex}.navlinks>a:not(.nav-cta){transition:color .2s}.navlinks>a:not(.nav-cta):hover{color:var(--blue)}.nav-cta,.button{background:var(--paper);color:#101116;border-radius:3px;justify-content:center;align-items:center;gap:14px;padding:12px 18px;font-size:13px;font-weight:800;transition:transform .25s,background .25s;display:inline-flex}.nav-cta:hover,.button.primary:hover{background:var(--blue);transform:translateY(-2px)}.menu-button{background:0 0;border:0;font-size:26px;display:none}.hero{background:linear-gradient(115deg,#0c0e12 22%,#15191f 73%,#29323a);min-height:960px;padding:210px 7vw 70px;position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.hero-copy{z-index:1;max-width:790px;animation:.9s cubic-bezier(.2,.8,.2,1) both rise;position:relative}.eyebrow{letter-spacing:.14em;color:var(--blue);margin:0 0 25px;font-family:DM Mono,monospace;font-size:10px}.hero h1,.statement h2,.section h2,.download h2,.motion-demo h2{letter-spacing:-.075em;margin:0;font-size:clamp(3.4rem,6.8vw,7.1rem);font-weight:700;line-height:.92}.hero h1 em,h2 em{letter-spacing:-.06em;font-family:Playfair Display,Georgia,serif;font-weight:500}.lede{color:#bcbeba;max-width:510px;margin:31px 0;font-size:15px;line-height:1.7}.actions{gap:12px;display:flex}.button span,.text-link span{transition:transform .25s}.button:hover span,.text-link:hover span{transform:translate(4px)}.secondary{color:var(--paper);border:1px solid var(--line);background:0 0}.secondary:hover{border-color:var(--blue)}.hero-window{z-index:2;aspect-ratio:1.43;background:#1d222a;border:1px solid #ffffff42;border-radius:8px 8px 0 0;width:min(53vw,870px);animation:1.1s cubic-bezier(.2,.8,.2,1) .25s both window-in;position:absolute;bottom:-40px;right:5vw;transform:perspective(1400px)rotateY(-7deg)rotateX(2deg);box-shadow:-25px 35px 80px #0007}.window-top{color:#aaa;background:#242a32;border-radius:8px 8px 0 0;align-items:center;gap:6px;height:34px;padding:0 13px;font-size:11px;display:flex}.window-top>span{background:#65717d;border-radius:50%;width:7px;height:7px}.window-top b{margin:auto;font-weight:500}.window-top i{font-style:normal}.window-body{height:calc(100% - 34px);display:flex}.window-body aside{color:#73808c;background:#181c22;flex-direction:column;align-items:flex-start;gap:20px;width:17%;padding:24px 15px;display:flex}.window-body aside .mark{font-size:18px}.window-body aside small{font-size:8px}.window-content{background:linear-gradient(145deg,#171c23,#25303a);flex:1;padding:5% 6%}.window-content>p{margin:0 0 14px;font-size:12px;font-weight:700}.fake-hero-card{background:#26333d;border-radius:5px;gap:20px;height:47%;padding:5%;display:flex;overflow:hidden}.art{background:radial-gradient(circle at 55% 25%,#b1dbec 0 5%,#0000 6%),linear-gradient(135deg,#b0c6c5,#637582 45%,#17202a);width:43%;height:100%;position:relative}.art:after{content:"";border:1px solid #d6ebddaa;border-radius:60% 60% 0 0;width:55%;height:65%;position:absolute;bottom:-13%;left:22%}.fake-hero-card>div:last-child{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.fake-hero-card strong{font-size:clamp(11px,1.5vw,25px);line-height:1.05}.fake-hero-card small{color:#bfc9d0;margin:11px 0;font-size:8px}.fake-hero-card button{color:#131618;background:#e3ece7;border:0;padding:6px 9px;font-size:8px}.mini-row{gap:10px;display:flex}.mini-row i{background:linear-gradient(135deg,#7893a3,#25333d);border-radius:3px;flex:1;height:50px}.mini-row i:nth-child(2){background:linear-gradient(135deg,#a78f78,#443634)}.mini-row i:nth-child(3){background:linear-gradient(135deg,#b2aeb7,#514d60)}.scroll-hint{z-index:3;letter-spacing:.13em;color:#9a9d9a;font:10px DM Mono;position:absolute;bottom:24px;left:7vw}.scroll-hint span{margin-left:7px;animation:1.5s infinite bob;display:inline-block}.orb{filter:blur(1px);opacity:.8;border-radius:50%;position:absolute}.orb-a{background:#86d7ff1e;width:430px;height:430px;top:15%;right:15%;box-shadow:0 0 110px 60px #86d7ff16}.orb-b{filter:blur(35px);opacity:.15;background:#fff9;width:160px;height:160px;top:23%;right:43%}.star{color:#bfe8ff;opacity:.6;position:absolute}.star-a{font-size:27px;animation:16s linear infinite spin;top:17%;right:13%}.section{padding:clamp(100px,13vw,210px) 7vw}.statement{text-align:center;background:var(--paper);color:#131518}.statement p:last-child{color:#5e615f;max-width:430px;margin:30px auto 0;font-size:14px;line-height:1.65}.statement .eyebrow,.why .eyebrow{color:#35799d}.showcase{background:#11151a;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;display:grid}.showcase.reverse{color:#131518;background:#e3e1dc;grid-template-columns:1.2fr .8fr}.showcase-text .number{color:var(--blue);margin-bottom:34px;font:11px DM Mono;display:block}.reverse .number{color:#397d9f}.showcase h2,.feature-grid h2,.gallery h2,.why h2,.install h2,.faq h2{font-size:clamp(2.9rem,5.1vw,5.5rem);line-height:.95}.showcase p:not(.eyebrow){color:#aeb0ac;max-width:360px;margin:28px 0;font-size:14px;line-height:1.75}.reverse p:not(.eyebrow){color:#565957}.text-link{border-bottom:1px solid;gap:15px;padding-bottom:6px;font-size:13px;font-weight:800;display:inline-flex}.shot{color:#eff4f3;background:linear-gradient(135deg,#1e2830,#4d6574);flex-direction:column;justify-content:flex-end;min-height:300px;padding:25px;display:flex;position:relative;overflow:hidden;box-shadow:20px 28px 55px #0004}.shot:before{content:"";background:radial-gradient(circle at 60% 40%,#bddbe777,#0000 30%),linear-gradient(130deg,#253a48,#4b6576 55%,#1e252b);border:1px solid #d7edfb50;position:absolute;inset:12% 8%;transform:skewY(-5deg)}.shot span,.shot b{z-index:1;position:relative}.shot span{letter-spacing:.1em;font:11px DM Mono}.shot b{color:#e6e9e7;margin-top:7px;font-size:11px;font-weight:500}.shot code,.gallery code{font-family:DM Mono;font-size:10px}.large-shot{aspect-ratio:1.17;min-height:430px}.feature-grid{background:#11151a;grid-template-columns:1.05fr repeat(3,.65fr);gap:1px;padding-inline:7vw;display:grid}.feature-intro{padding:35px 30px 30px 0}.feature-card{background:#191e24;min-height:440px;padding:32px 25px 0;position:relative;overflow:hidden}.feature-card>span{color:var(--blue);font:10px DM Mono}.feature-card h3{letter-spacing:-.05em;margin:55px 0 10px;font-size:21px}.feature-card p{color:#a9aca9;max-width:190px;margin:0;font-size:12px;line-height:1.65}.card-art{background:linear-gradient(130deg,#526a78,#19242d);align-items:end;gap:6px;width:100%;height:38%;padding:14px;display:flex;position:absolute;bottom:0;left:0}.card-art i{background:#b7d9df33;border:1px solid #dff8ff57;flex:1;height:70%}.art-1{background:radial-gradient(circle at 50% 0,#d5d4cf,#75736d 40%,#313438 80%)}.art-2{background:linear-gradient(130deg,#26313a,#728d99)}.motion-demo{background:radial-gradient(circle at 72%,#243947,#11151a 40%);grid-template-columns:.9fr 1.1fr;align-items:center;gap:9vw;padding:15vw 7vw;display:grid}.motion-copy p:not(.eyebrow){color:#abb0ac;max-width:360px;font-size:14px;line-height:1.7}.layers{height:400px;position:relative;transform:perspective(1100px)rotateY(-8deg)}.layer{border:1px solid #b8dfff33;position:absolute;box-shadow:0 20px 50px #0007}.l1{color:#9ab8c7;background:#1a222b;width:65%;height:72%;padding:20px;font:11px DM Mono;top:20px;right:12%}.l1 span{float:right}.l2{background:#2d3e49;gap:10px;width:70%;height:75%;padding:10%;display:flex;top:55px;right:0}.l2 i{background:linear-gradient(#92b3c0,#3d5565);flex:1}.l3{color:#17191b;background:#e4e1d9;flex-direction:column;justify-content:end;align-items:flex-start;width:63%;height:48%;padding:32px;animation:4s ease-in-out infinite float;display:flex;bottom:0;left:0}.l3 span{letter-spacing:.1em;color:#437f9d;font:10px DM Mono}.l3 b{letter-spacing:-.07em;margin:7px 0;font-size:33px}.l3 small{color:#545b5a}.gallery{color:#141619;background:#e3e1dc}.section-head{justify-content:space-between;align-items:end;margin-bottom:65px;display:flex}.section-head>p{color:#585b58;max-width:280px;font-size:13px;line-height:1.7}.gallery-scroll{scroll-snap-type:x mandatory;scrollbar-color:#8b8c88 transparent;gap:18px;padding-bottom:14px;display:flex;overflow:auto}.gallery-scroll .shot{aspect-ratio:1.45;scroll-snap-align:start;box-shadow:none;flex:0 0 min(72vw,720px)}.gallery-scroll .shot:nth-child(2){background:linear-gradient(135deg,#624b54,#27313a)}.gallery-scroll .shot:nth-child(3){background:linear-gradient(135deg,#324a4f,#799194)}.gallery-scroll .shot:nth-child(4){background:linear-gradient(135deg,#614d46,#28323a)}.gallery-note{color:#747673;margin-top:24px;font-size:11px}.why{background:#0c0e12;grid-template-columns:1fr 1fr;column-gap:10vw;display:grid}.why h2{grid-column:1}.why>div{grid-area:1/2/span 2;align-self:end}.why>div>p{max-width:420px;font-size:18px;line-height:1.6}.why ul{border-top:1px solid var(--line);margin:38px 0 0;padding:0;list-style:none}.why li{border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.why li:before{content:"✦";color:var(--blue);margin-right:13px}.download{color:#101318;background:#8bcbed;grid-template-columns:1fr 1fr;gap:9vw;padding:clamp(100px,12vw,180px) 7vw;display:grid}.download .eyebrow{color:#225976}.download p:not(.eyebrow){color:#27576e;max-width:390px;font-size:14px;line-height:1.7}.release{border-top:1px solid #306b8655;border-bottom:1px solid #306b8655;grid-template-columns:auto 1fr auto;align-self:center;align-items:center;gap:8px 16px;padding:22px 0;display:grid}.release-icon{grid-row:1/3;font-size:30px}.release strong{font-size:15px}.release p{margin:3px 0!important;font-size:11px!important}.release-version{font:11px DM Mono}.release .button{color:#e6f5f7;background:#101318;grid-column:1/-1;margin-top:14px}.release small{color:#2c6780;grid-column:1/3;font:10px DM Mono}.all-releases{grid-column:3;font-size:11px}.install{background:#151a1f;grid-template-columns:1fr 1fr;gap:8vw;display:grid}.install ol{align-self:end;margin:0;padding:0;list-style:none}.install li{border-top:1px solid var(--line);gap:25px;padding:18px 0;font-size:14px;display:flex}.install li span{color:var(--blue);font:10px DM Mono}.faq{color:#141619;background:#e3e1dc;grid-template-columns:.8fr 1.2fr;gap:8vw;display:grid}.accordion{border-top:1px solid #2224}.faq-item{border-bottom:1px solid #2224}.faq-item button{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;width:100%;padding:22px 0;font-size:16px;font-weight:700;display:flex}.faq-item button span{font-size:23px;font-weight:400}.answer{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.answer p{color:#5c605d;margin:0;font-size:13px;line-height:1.7;overflow:hidden}.faq-item.active .answer{grid-template-rows:1fr}.faq-item.active .answer p{padding-bottom:22px}footer{border-top:1px solid var(--line);color:#9ea19d;background:#0c0e12;justify-content:space-between;align-items:center;padding:32px 7vw;font-size:11px;display:flex}footer p{margin:0}footer div{gap:20px;display:flex}footer a:hover{color:var(--blue)}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes window-in{0%{opacity:0;transform:perspective(1400px)rotateY(-7deg)translateY(80px)}to{opacity:1;transform:perspective(1400px)rotateY(-7deg)rotateX(2deg)}}@keyframes bob{50%{transform:translateY(5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}@media (max-width:850px){.nav{padding:18px 20px}.menu-button{z-index:2;display:block;position:relative}.navlinks{display:none}.navlinks.open{border-bottom:1px solid var(--line);background:#101318;flex-direction:column;align-items:flex-start;gap:23px;width:100%;padding:75px 25px 25px;display:flex;position:absolute;top:0;left:0}.hero{min-height:830px;padding:155px 24px 55px}.hero-window{width:110%;bottom:-12px;right:-27%}.hero-copy{max-width:620px}.hero h1{font-size:clamp(3rem,12vw,5rem)}.showcase,.showcase.reverse,.motion-demo,.download,.install,.faq{grid-template-columns:1fr;gap:50px}.showcase.reverse .large-shot{grid-row:2}.feature-grid{grid-template-columns:1fr 1fr;padding-inline:24px}.feature-intro{grid-column:1/-1;padding:10px 0}.feature-card{min-height:360px}.section{padding:100px 24px}.why{grid-template-columns:1fr;gap:35px;padding:100px 24px}.why>div{grid-area:auto/1}.section-head{margin-bottom:38px;display:block}.section-head>p{margin-top:22px}.gallery{padding-inline:24px}.download{padding:100px 24px}.release{max-width:500px}.install,.faq{padding:100px 24px}footer{flex-wrap:wrap;gap:18px;padding:27px 24px}footer p{order:3;width:100%}}@media (max-width:520px){.hero{min-height:750px}.hero h1{font-size:3.15rem}.actions{flex-direction:column;align-items:flex-start}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:330px}.motion-demo{padding:100px 24px}.layers{height:290px;transform:perspective(800px)rotateY(-4deg)}.l3{padding:20px}.l3 b{font-size:24px}.gallery-scroll .shot{flex-basis:84vw}.release{grid-template-columns:auto 1fr}.release-version{display:none}.all-releases{grid-column:1/-1;justify-self:start}.hero-window{width:145%;right:-53%}.window-body aside{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-window{transform:none}}