.site-header{height:88px}.site-header .brand-logo{width:64px;height:64px}.site-header .brand{font-size:17px}.hero{display:flex;flex-direction:column;gap:0;width:min(1200px,calc(100% - 48px));padding:58px 0 44px;min-height:0;position:relative}.hero-copy{text-align:center;max-width:900px;position:relative;z-index:1}.hero .eyebrow{font-size:10px;letter-spacing:.18em;color:#506c5b;margin-bottom:23px}.hero h1{font-size:clamp(48px,6.9vw,88px);line-height:1.04;letter-spacing:-.065em;margin-bottom:23px}.hero h1 em{color:#55764e;font-style:normal;font-family:inherit;font-weight:500;letter-spacing:-.065em}.hero-lede{max-width:550px;margin-inline:auto;font-size:16px;line-height:1.75}.hero-actions{justify-content:center;margin:27px 0 16px;gap:25px}.hero .button-primary{padding:17px 25px;background:#243b2e;color:#e2ff9a;font-size:14px;box-shadow:0 5px 0 #15261c,0 12px 24px #233d2920}.hero .button-primary:hover{box-shadow:0 5px 0 #15261c,0 16px 30px #233d2930}.hero .microcopy{font-size:12px;color:#56645a}.microcopy span{margin:0 8px}.platform-note{font-size:11px;color:#7c887e;margin:9px 0 0}.workspace-demo{width:100%;margin-top:43px;border-radius:20px;overflow:hidden;background:#172b24;border:1px solid #324b3c;box-shadow:0 30px 65px -30px #17302470,0 0 0 7px #e2e8db;isolation:isolate;scroll-margin-top:24px}.demo-toolbar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#cedccd;font:10px DM Mono,monospace;letter-spacing:.12em}.demo-wordmark>span{color:#dcff8f;margin-right:8px;font-size:16px}.demo-live{font-size:9px;letter-spacing:0;color:#a3bba9}.demo-live i{display:inline-block;background:#c9ed88;width:5px;height:5px;border-radius:50%;margin-right:6px}.desktop-stage{aspect-ratio:1.95;position:relative;overflow:hidden;container-type:inline-size;background:#a3b998}.desktop-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 20%,#e3ecb6 0%,transparent 45%),linear-gradient(130deg,#507c75,#a5c19a 53%,#c6d5a0)}.desktop-orbit{position:absolute;border:1px solid #ebffd645;width:100%;height:180%;border-radius:50%;transform:rotate(-35deg);box-shadow:0 0 65px #e7ffc51a,inset 30px 0 80px #285b4930;pointer-events:none}.orbit-one{left:30%;top:-65%}.orbit-two{left:-60%;top:-5%;width:120%}.desktop-menubar{position:absolute;left:0;right:0;top:0;height:6%;padding:0 2%;display:flex;justify-content:space-between;align-items:center;background:#e8f3da35;color:#294837;font-size:1cqw;font-weight:700}.menu-muted{font-weight:400;margin-left:1.5em}.app-window{position:absolute;overflow:hidden;border-radius:1cqw;background:#fafbf5;border:1px solid #ffffffb0;box-shadow:0 1.5cqw 3cqw #18332935;transition:inset 1.3s cubic-bezier(.22,1,.36,1),width 1.3s cubic-bezier(.22,1,.36,1),height 1.3s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.22,1,.36,1);will-change:transform;contain:layout paint}.app-chrome{height:3cqw;min-height:0;background:#f0f2e9;border-bottom:1px solid #2139240c;display:flex;justify-content:space-between;align-items:center;padding:0 1cqw;gap:.7cqw;color:#697363;font-size:.85cqw;white-space:nowrap}.traffic{display:flex;gap:.38cqw}.traffic i{width:.6cqw;height:.6cqw;border-radius:50%;background:#f19683}.traffic i:nth-child(2){background:#eac46b}.traffic i:nth-child(3){background:#a1bb85}.app-browser{left:3%;top:10%;width:53%;height:77%;z-index:2}.app-notes{left:57.5%;top:10%;width:24%;height:37%;transition-delay:.1s;z-index:4}.app-code{left:57.5%;top:49.5%;width:39.5%;height:37.5%;transition-delay:.2s;z-index:3;background:#23352f;color:#dce8d9}.app-music{left:83%;top:10%;width:14%;height:37%;transition-delay:.3s;z-index:5}.browser-address{font-size:.85cqw;margin:.8cqw 2cqw;padding:.5cqw;background:#e9eee3;border-radius:.4cqw;text-align:center;color:#82917b}.studio-body{margin:0 1.5cqw;background:#e9eddb;height:calc(100% - 6.5cqw);position:relative;overflow:hidden;padding:2cqw}.app-kicker{font:500 .7cqw DM Mono,monospace;letter-spacing:.13em;color:#71806c}.studio-body>strong{font-size:3.2cqw;letter-spacing:-.06em;line-height:1.1;position:relative;z-index:1;display:block;margin-top:2cqw;font-weight:500}.studio-body>strong em{font-family:Georgia,serif;color:#57714a}.art-sculpture{position:absolute;right:-1cqw;top:8%;width:20cqw;height:22cqw;transform:rotate(-25deg)}.art-sculpture i{position:absolute;width:13cqw;height:13cqw;border-radius:50%;background:linear-gradient(120deg,#e4efad,#93ac65 45%,#304f38);box-shadow:inset -1cqw -1cqw 2cqw #1e402a50,1cqw 2cqw 2cqw #36532c25}.art-sculpture i:nth-child(2){top:6cqw;left:5cqw}.art-sculpture i:nth-child(3){top:11cqw;left:0;width:10cqw;height:10cqw}.studio-footer{position:absolute;bottom:1.5cqw;left:2cqw;right:2cqw;display:flex;justify-content:space-between;border-top:1px solid #4d66432b;padding-top:1cqw;font-size:.75cqw;color:#536649}.notes-body{padding:1.4cqw}.notes-body>strong{display:block;font-size:1.65cqw;letter-spacing:-.04em;margin:1cqw 0}.notes-body p{font-size:.9cqw;margin:.8cqw 0;display:flex;gap:.7cqw;align-items:center}.notes-body b{color:#719a51}.empty-check{width:.8cqw;height:.8cqw;border:1px solid #b5c0a8;border-radius:2px}.note-line{width:85%;height:.4cqw;background:#e3e9db;margin-top:1cqw;border-radius:5px}.note-line.short{width:60%}.app-code .app-chrome{background:#2e4138;color:#aabbaa;border-color:#ffffff0a}.code-body{padding:1.4cqw 2cqw;font:1cqw/1.3 DM Mono,monospace}.code-body p{margin:.45cqw 0}.code-comment{color:#859f8b;font-size:.8cqw}.code-body b{color:#cbb6ee;font-weight:400}.code-body em{color:#d9e6a3;font-style:normal}.code-body i{color:#efbc91}.code-last{color:#9eb295;font-size:.75cqw;padding-top:.7cqw}.code-last span{color:#c8ee86}.music-body{padding:1.2cqw;text-align:center}.album-art{height:7cqw;width:7cqw;display:grid;place-items:center;margin:0 auto 1cqw;background:radial-gradient(circle at 25% 25%,#dfe9a3,#849861 50%,#263f35);border-radius:.6cqw;color:#e6efc8;font-size:5cqw}.track-info strong{display:block;font-size:1.2cqw;margin:.5cqw 0}.track-info>span:not(.app-kicker){font-size:.7cqw;color:#7c8c72}.music-progress{height:.2cqw;margin:.9cqw 0;background:linear-gradient(90deg,#6e8b52 40%,#dce3d3 40%)}.music-controls{letter-spacing:.3cqw}.desktop-dock{position:absolute;bottom:1.5%;left:50%;transform:translateX(-50%);display:flex;gap:.7cqw;padding:.6cqw 1cqw;border-radius:1.2cqw;border:1px solid #ffffff55;background:#f6ffe342;backdrop-filter:blur(12px)}.desktop-dock i{font-style:normal;width:2.7cqw;height:2.7cqw;background:#edf2db;border-radius:.7cqw;display:grid;place-items:center;font-size:1.6cqw;color:#304e38;box-shadow:0 2px 3px #274e3220}.desktop-dock i:first-child{background:#263e2e;color:#d7f796}.snap-grid{position:absolute;inset:10% 3% 13%;display:grid;grid-template-columns:55% 45%;gap:1%;opacity:0;transition:opacity .4s}.snap-grid i{border:1px dashed #eaffc6;background:#e4ffc71a;border-radius:1cqw}.is-snapping .snap-grid{opacity:1}.is-scattered .app-browser{left:16%;top:19%;width:53%;height:70%;transform:rotate(-7deg)}.is-scattered .app-notes{left:7%;top:12%;width:27%;height:43%;transform:rotate(9deg)}.is-scattered .app-code{left:43%;top:44%;width:43%;height:40%;transform:rotate(6deg)}.is-scattered .app-music{left:75%;top:19%;width:18%;height:41%;transform:rotate(-10deg)}.workspace-demo[data-mode=balanced]:not(.is-scattered) .app-browser{width:46%;height:77%}.workspace-demo[data-mode=balanced]:not(.is-scattered) .app-notes{left:50.5%;width:46.5%;height:37%}.workspace-demo[data-mode=balanced]:not(.is-scattered) .app-code{left:50.5%;width:28%;height:37.5%}.workspace-demo[data-mode=balanced]:not(.is-scattered) .app-music{left:80%;top:49.5%;width:17%;height:37.5%}.demo-cursor{position:absolute;left:53%;top:48%;font-size:2.5cqw;color:#fff;filter:drop-shadow(0 2px 2px #18332466);transform:rotate(-24deg);z-index:8;opacity:0;transition:opacity .3s,transform 1s}.demo-cursor span{font:700 .8cqw Manrope,sans-serif;position:absolute;left:2.2cqw;top:2.2cqw;padding:.5cqw .8cqw;background:#263e2e;border-radius:.4cqw;transform:rotate(24deg)}.is-snapping .demo-cursor{opacity:1;transform:translate(5cqw,-5cqw) rotate(-24deg)}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;color:#e0ebd8}.demo-caption{font-size:12px;display:flex;align-items:center;gap:9px}.caption-dot{width:6px;height:6px;border-radius:50%;background:#d4f59a;box-shadow:0 0 10px #d4f59a66}.layout-controls{display:flex;gap:5px}.layout-controls button{background:transparent;border:1px solid transparent;color:#a9bba9;padding:8px 11px;border-radius:7px;cursor:pointer;font:11px Manrope,sans-serif;white-space:nowrap}.layout-controls button:hover{background:#ffffff0a;color:white}.layout-controls button[aria-pressed=true]{background:#d5eca71a;color:#e3ffc0;border-color:#ddf6b528}.layout-controls button span{margin-left:4px}.hero a:focus-visible,.hero button:focus-visible{outline:3px solid #95b352;outline-offset:4px}.hero-benefits{display:flex;justify-content:center;gap:48px;margin-top:30px;font-size:11px;color:#677a62}.hero-copy{animation:hero-enter .8s both}@keyframes hero-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.site-header{height:76px;width:calc(100% - 28px)}.site-header .brand-logo{width:49px;height:49px}.site-header .brand{font-size:14px;gap:3px}.hero{width:calc(100% - 28px);padding:38px 0 28px}.hero h1{font-size:clamp(37px,8.5vw,58px);line-height:1.08;letter-spacing:-.06em}.hero .eyebrow{font-size:9px;margin-bottom:20px}.hero-lede{font-size:14px;max-width:410px;padding:0 8px;line-height:1.7}.hero-actions{display:flex;flex-direction:column;gap:18px;margin-top:24px}.hero-actions .button{width:auto;min-width:230px}.hero-actions .text-link{margin:0;font-size:12px}.hero .microcopy{font-size:10px}.platform-note{font-size:10px}.workspace-demo{margin-top:32px;border-radius:12px;box-shadow:0 20px 35px -23px #17302470,0 0 0 4px #e2e8db}.demo-toolbar{height:37px;padding:0 12px;font-size:8px}.demo-live{font-size:8px}.desktop-stage{aspect-ratio:1.15}.desktop-menubar{font-size:1.7cqw;height:5%}.app-chrome{height:5cqw;font-size:1.3cqw;padding:0 1.5cqw}.traffic i{width:1cqw;height:1cqw}.traffic{gap:.6cqw}.app-browser{width:57%;height:75%;left:3%;top:10%}.app-notes{left:62%;width:35%;height:34%;top:10%}.app-code{left:62%;width:35%;height:39%;top:46%}.app-music{display:none}.browser-address{font-size:1.3cqw;margin:1.3cqw;padding:1cqw}.studio-body{height:calc(100% - 10cqw);padding:2.5cqw}.studio-body>strong{font-size:4.5cqw;margin-top:4cqw}.studio-body .app-kicker{font-size:1.2cqw}.art-sculpture{top:40%;right:3cqw;width:35cqw;height:37cqw}.art-sculpture i{width:23cqw;height:23cqw}.art-sculpture i:nth-child(2){top:9cqw;left:9cqw}.art-sculpture i:nth-child(3){top:19cqw;width:18cqw;height:18cqw}.studio-footer{font-size:1.25cqw;bottom:2cqw}.notes-body{padding:2cqw}.app-kicker{font-size:1.1cqw}.notes-body>strong{font-size:2.7cqw;margin:2cqw 0}.notes-body p{font-size:1.5cqw;margin:1.7cqw 0}.empty-check{width:1.4cqw;height:1.4cqw}.code-body{font-size:1.5cqw;line-height:1.7;padding:2.5cqw 1.5cqw}.code-comment{font-size:1.15cqw}.code-last{font-size:1.1cqw}.desktop-dock{bottom:2%;padding:1cqw 2cqw;gap:1.5cqw;border-radius:2cqw}.desktop-dock i{width:5cqw;height:5cqw;border-radius:1.2cqw;font-size:3cqw}.is-scattered .app-browser{width:65%;height:67%;left:15%;top:18%}.is-scattered .app-notes{width:40%;height:34%;left:6%;top:12%}.is-scattered .app-code{width:48%;height:34%;left:45%;top:49%}.workspace-demo[data-mode=balanced]:not(.is-scattered) .app-browser{width:94%;height:41%;left:3%;top:8%}.workspace-demo[data-mode=balanced]:not(.is-scattered) .app-notes{width:45%;height:34%;left:3%;top:51%}.workspace-demo[data-mode=balanced]:not(.is-scattered) .app-code{width:47%;height:34%;left:50%;top:51%}.workspace-demo[data-mode=balanced] .studio-body>strong{font-size:3.5cqw;margin-top:1cqw}.workspace-demo[data-mode=balanced] .art-sculpture{top:-5%;right:2cqw}.demo-controls{flex-direction:column;gap:10px;padding:13px 10px}.demo-caption{font-size:11px}.layout-controls{justify-content:center;width:100%}.layout-controls button{padding:8px 12px;font-size:11px}.demo-cursor{font-size:4cqw}.hero-benefits{gap:14px;margin-top:25px;font-size:9px}.demo-cursor span{font-size:1.4cqw}.menu-muted{margin-left:.8em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy{animation:none}.app-window,.demo-cursor,.snap-grid{transition:none}}

/* Keep the hero moving quickly into the headline and interactive workspace. */
.hero{padding-top:22px}
.hero-proof{text-align:center;margin-top:15px}.hero-proof .microcopy{margin:0}.hero-proof .platform-note{margin:6px 0 0}
.hero-actions-below{margin:24px 0 0}
@media(max-width:700px){.hero{padding-top:18px}}