@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f7f5e9;--ink:#26281f;--orange:#304be7;--blue:#304be7;--coral:#ff785e;--ease:cubic-bezier(.22,1,.36,1)}body{background:var(--paper)}::selection{background:#e2ef88;color:#24271e}nav{max-width:none;padding:26px 4%;position:relative;z-index:5}.brand{font-family:'Space Grotesk',sans-serif;letter-spacing:-1.5px;font-size:29px}.mark{width:40px;height:40px;vertical-align:middle;margin-right:8px;color:var(--blue)}.mark svg{width:100%;height:100%}nav .pill{background:var(--ink);color:var(--paper);border:0}nav .pill:hover{background:var(--blue)}.hero{position:relative;min-height:780px;height:calc(100svh - 100px);max-height:1000px;padding:100px 25px 0;text-align:left;display:flex;flex-direction:column;align-items:center;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;width:470px;height:470px;border-radius:50%;background:#e7edb4;left:-305px;top:180px}.hero:after{content:'✳';font-family:serif;position:absolute;right:4%;bottom:95px;font-size:100px;color:var(--coral);animation:spin 35s linear infinite}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(68px,8.7vw,145px);font-weight:500;letter-spacing:-8px;line-height:1.02;text-align:center;margin:35px 0 28px}h1 em{font-family:Georgia,serif;letter-spacing:-7px;font-weight:400;color:var(--blue)}.intro{text-align:center;font-size:17px;max-width:490px;margin-bottom:25px}.hero .cta{background:var(--blue);padding:18px 28px;transition:transform .3s var(--ease),background .2s}.hero .cta:hover{background:#263dc0;transform:translateY(-4px)}.eyebrow{font-size:10px;letter-spacing:1.6px}.hero .eyebrow{border:1px solid #d4d5bf;border-radius:30px;padding:10px 15px}.dot{background:var(--blue)}.sub{font-size:11px}.hero-bottom{margin-top:auto;display:flex;justify-content:space-between;width:100%;font-size:9px;letter-spacing:1.5px;padding:40px 2% 25px}.logo-toy{position:fixed;left:8vw;top:400px;width:155px;height:155px;border:0;background:transparent;color:var(--coral);padding:0;z-index:20;cursor:grab;touch-action:none;filter:drop-shadow(0 8px 0 #ca492e);transform:rotate(-18deg);will-change:transform;user-select:none}.logo-toy:active{cursor:grabbing}.logo-toy svg{width:100%;height:100%;overflow:visible}.toy-caption{position:absolute;top:575px;left:9vw;font-size:12px;transform:rotate(-12deg);pointer-events:none}.toy-caption span{font-size:24px;margin-left:8px}.reset-toy{position:fixed;bottom:20px;right:20px;z-index:22;border:1px solid #d4d5bf;border-radius:30px;background:var(--paper);padding:12px 18px;font-size:12px}.playground{background:#e0e8f2;position:relative;padding:70px 5% 0;border-radius:36px 36px 0 0;text-align:center;overflow:hidden}.playground-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:start;text-align:left;gap:30px;max-width:1300px;margin:auto}.playground-heading h2{font-size:47px}.playground-heading p{font-size:14px;line-height:1.6;color:#4c5866}.stage{background:none;border-radius:0;padding:20px 75px 0;margin:30px auto 0;max-width:1200px;min-height:480px}.orbit{border-color:#a6b5c5}.browser{transform:rotate(-3deg);transition:background .65s var(--ease),transform .65s var(--ease);border:1px solid #ffffffa0;min-height:480px;box-shadow:0 35px 60px #3a4a6830;border-radius:18px 18px 0 0}.demo-title{font-size:76px;transition:opacity .2s,transform .4s var(--ease)}.demo-content{padding:30px 42px}.landscape{height:170px;background:radial-gradient(ellipse at 70% 20%,#f0d38f 0 8%,transparent 8.2%),linear-gradient(160deg,#cddac8 0 35%,#93a888 35% 49%,#758d6b 49% 64%,#3e604d 64%)}.note{background:#edeea1;right:-5px;top:45px;font-family:Georgia,serif;font-style:italic;width:145px;height:145px;box-shadow:none}.caption{position:relative;padding-bottom:25px;margin-bottom:0;color:#43556c;font-size:9px}.space-buttons button{min-width:34px;min-height:34px;transition:transform .25s,background .25s}.space-buttons button:hover{transform:translateY(-4px)}.ticker{overflow:hidden;background:var(--blue);color:#eff1c3;padding:24px 0}.ticker div{white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-size:clamp(45px,5.5vw,90px);letter-spacing:-3px;animation:marquee 35s linear infinite;width:max-content}.manifesto{padding:110px 25px;border:0}.manifesto h2{font-size:64px}.manifesto p{max-width:640px}.features{gap:40px}.feature{transition:transform .4s var(--ease)}.feature:hover{transform:translateY(-7px)}.feature .number{color:#304be7}.feature h3{font-family:'Space Grotesk',sans-serif;font-size:27px}.rescue{background:#edeea1;border-radius:30px;margin:0 30px;padding:65px 7%;position:relative;overflow:hidden}.rescue:after{content:'↗';font-size:240px;position:absolute;right:25px;bottom:-80px;opacity:.06;pointer-events:none}.rescue h2{font-family:'Space Grotesk',sans-serif;font-size:46px}.end{padding:120px 25px}.end h2{font-family:'Space Grotesk',sans-serif;font-size:90px;letter-spacing:-5px;color:var(--blue)}.end .cta{background:var(--blue)}footer{padding:30px 4%;align-items:center}footer .brand{font-size:24px}.scroll-in{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.scroll-in.visible{opacity:1;transform:translateY(0)}a,button{transition:background .2s,color .2s}a:not(.cta):not(.pill):hover{color:var(--blue)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1600px){.hero{padding-top:130px}.logo-toy{left:13vw;top:460px}}@media(max-width:1000px){h1{letter-spacing:-5px}.logo-toy{width:110px;height:110px;left:3vw;top:440px}.toy-caption{left:4vw;top:560px}.playground-heading{grid-template-columns:1fr 2fr}.playground-heading p{display:none}.demo-title{font-size:60px}.hero{min-height:740px}.hero:after{font-size:70px}.manifesto h2{font-size:50px}}@media(max-width:760px){nav{padding:18px 20px}.brand{font-size:25px}.mark{width:33px;height:33px}.links .pill{font-size:11px;padding:12px 16px}.hero{padding:65px 18px 0;min-height:750px;height:calc(100svh - 75px);max-height:900px}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:clamp(49px,10.5vw,78px);letter-spacing:-3.5px;margin-top:38px}h1 em{letter-spacing:-3px}.intro{font-size:15px;max-width:330px}.hero:after{right:6%;bottom:80px;font-size:60px}.hero-bottom{font-size:7px;letter-spacing:.6px;gap:30px}.logo-toy{width:92px;height:92px;left:10vw;top:550px}.toy-caption{top:645px;left:9vw;font-size:10px}.playground{padding:45px 15px 0;border-radius:24px 24px 0 0}.playground-heading{display:block;padding:0 10px}.playground-heading h2{font-size:38px;margin-top:22px}.stage{padding:20px 4px 0;min-height:370px;margin-top:10px}.browser{min-height:350px;grid-template-columns:105px 1fr;transform:rotate(-2deg)}.demo-content{padding:22px 15px}.demo-title{font-size:40px;letter-spacing:-2px;margin-top:28px}.landscape{height:120px}.note{width:85px;height:85px;font-size:11px;top:0;right:0}.favs{gap:4px}.favs span{padding:6px}.space-buttons{gap:4px}.space-buttons button{min-width:28px;width:28px}.caption{font-size:7px;gap:10px}.ticker{padding:18px 0}.ticker div{letter-spacing:-1.5px}.manifesto{padding:65px 25px}.manifesto h2{font-size:41px}.manifesto p{font-size:16px}.features{gap:25px}.rescue{margin:0 12px;padding:40px 25px}.rescue h2{font-size:36px}.end{padding:80px 25px}.end h2{font-size:58px;letter-spacing:-3px}.reset-toy{font-size:10px;bottom:12px;right:12px}footer{padding:25px;align-items:flex-start}footer>span{max-width:190px;line-height:1.6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scroll-in{opacity:1;transform:none}}
.logo-toy:hover:not(:active) svg{transform:rotate(7deg) scale(1.04)}.logo-toy svg{transition:transform .5s var(--ease)}.mark.magnet-ready{filter:drop-shadow(0 0 10px #304be770)}.mark.logo-docked{animation:dock-pop .65s var(--ease)}@keyframes dock-pop{40%{transform:scale(1.3) rotate(-12deg)}75%{transform:scale(.9) rotate(5deg)}}.playground{transition:background .8s var(--ease)}.playground[data-mood="1"]{background:#e0e7d6}.playground[data-mood="2"]{background:#e8e1f1}.playground[data-mood="1"] .note{background:#eaf0c7}.playground[data-mood="2"] .note{background:#f0d1b5}.note{transition:background .8s}.search{width:100%;border:0;text-align:left;font-size:inherit}.search kbd{float:right;font-size:9px;opacity:.7}.demo-tools{display:flex;gap:10px;justify-content:center;position:relative;margin-top:24px}.demo-tools button{border:1px solid #8899ac;background:#ffffff70;color:#273c53;border-radius:30px;padding:12px 20px;font-size:12px}.demo-tools button[aria-pressed=true]{background:#273c53;color:white}.browser.is-split{grid-template-columns:170px 1fr 1fr}.is-split .demo-title{font-size:48px}.is-split .demo-content{padding:30px 20px}.split-pane{background:#eeeacb;margin-left:6px;border-radius:9px;padding:40px 25px;color:#373b2c}.split-pane h3{font-family:Georgia,serif;font-size:34px}.split-pane p{font-size:12px;line-height:1.8}.scribble{font-size:70px;color:#647b44}.journal{padding:90px 25px 20px;max-width:1170px;margin:auto}.journal-header{display:flex;justify-content:space-between;gap:30px;align-items:center}.journal-header h2{margin-top:20px;font-size:60px}.journal-header p{font-size:14px;color:#56594f;line-height:1.7}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:25px}.journal-grid article{border-top:1px solid var(--line);padding-top:25px}.journal time{font-size:10px;letter-spacing:1px;display:block}.journal-tag{display:inline-block;margin-top:20px;font-size:11px;border-radius:20px;padding:6px 12px;background:#e6eacb}.journal h3{font-size:27px;font-family:'Space Grotesk',sans-serif}.journal-grid p{font-size:15px;line-height:1.7;color:#56594f}.journal-grid a,.journal-footnote{font-size:12px}.journal-grid a{text-decoration:underline;text-underline-offset:5px}.journal-footnote{color:#62665b}dialog{border:1px solid #d5d4ca;border-radius:20px;padding:24px;width:min(540px,90vw);background:var(--paper);box-shadow:0 30px 120px #17202140;color:var(--ink)}dialog::backdrop{background:#17202170;backdrop-filter:blur(7px)}.command-top{display:flex;justify-content:space-between;align-items:center;font-size:13px}.command-top button{background:none;border:0;font-size:26px;width:44px;height:44px}#command-input{width:100%;font:inherit;border:1px solid #b9bba9;background:#fffef6;border-radius:10px;padding:15px;margin:12px 0}#command-results button{display:flex;justify-content:space-between;width:100%;padding:15px;border:0;border-radius:8px;background:none;color:var(--ink);text-align:left}#command-results button:hover,#command-results button.selected{background:#e0e5fb}.command-hint{font-size:10px;color:#62665b}.empty-command{font-size:13px;padding:15px}.command-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:30px;background:var(--ink);color:white;padding:12px 22px;font-size:12px;z-index:30}@media(max-width:760px){.browser.is-split{grid-template-columns:85px 1fr 1fr}.is-split .demo-title{font-size:25px;letter-spacing:-1px}.is-split .demo-content{padding:20px 10px}.is-split .demo-nav span{display:none}.split-pane{padding:25px 10px}.split-pane h3{font-size:23px}.split-pane p{font-size:10px}.scribble{font-size:45px}.journal{padding:65px 25px 0}.journal-header{display:block}.journal-header h2{font-size:42px}.journal-grid{grid-template-columns:1fr;gap:35px}.demo-tools{gap:8px}.demo-tools button{padding:12px;font-size:11px}.search kbd{display:none}.space-buttons button{min-height:44px;min-width:30px}.command-hint{line-height:1.7}}
/* Keep hover and drag on one composited surface; avoid SVG rerasterization. */
.logo-toy{filter:none;overflow:visible;contain:layout style;backface-visibility:hidden}
.logo-toy svg{filter:none;transition:none;pointer-events:none}
.logo-toy:hover:not(:active) svg{transform:none}
.logo-toy.dragging{cursor:grabbing}

/* The logo belongs to the document; only an active drag compensates scrolling. */
body{position:relative}
.logo-toy{position:absolute}

/* Explicit vectors avoid iOS emoji presentation of decorative Unicode glyphs. */
.hero:after{content:none}
.hero-flower{position:absolute;right:4%;bottom:95px;width:100px;height:100px;color:var(--coral);animation:spin 35s linear infinite;pointer-events:none}
.toy-caption span{display:inline-block;width:24px;height:24px;vertical-align:middle}
.toy-caption svg{display:block;width:100%;height:100%}
@media(max-width:1000px){.hero-flower{width:70px;height:70px}}
@media(max-width:760px){.hero-flower{right:6%;bottom:80px;width:60px;height:60px}}
/* A stable frame: animate the page content, never snap the whole browser back. */
.browser{transform:rotate(-2deg);transition:background .65s cubic-bezier(.25,.1,.25,1);height:520px;min-height:520px}
.page{overflow:auto;scrollbar-width:thin;min-width:0}.demo-content{min-height:100%;padding-top:32px}.address{display:none}
.tab{display:block;width:100%;background:none;border:0;text-align:left;color:inherit;font-size:inherit;border-radius:7px;min-height:38px;line-height:1.5}.tab:hover,.tab:focus-visible{background:#ffffff60}.tab.active{background:#ffffff90}.favs button{background:#ffffff55;border:0;border-radius:10px;padding:11px;color:inherit;min-width:36px;min-height:40px;font-weight:700}.favs button:hover{background:#fff}.demo-title{font-size:clamp(40px,5vw,70px)}.demo-nav{gap:12px}.demo-nav button{border:0;background:none;padding:0;color:inherit;font-size:10px;text-decoration:underline;text-underline-offset:3px}.demo-copy{font-size:14px;line-height:1.7;color:#56594f}.demo-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.demo-card{border:0;padding:20px;border-radius:12px;text-align:left;color:#263a30;background:#dce5d3;min-height:120px}.demo-card:nth-child(2){background:#edd2bf}.demo-card:hover{filter:brightness(.97)}.demo-card strong{display:block;font:26px Georgia,serif;margin-bottom:10px}.demo-editor{display:block;width:100%;min-height:190px;border:1px solid #d5d4ca;background:#fffdf4;padding:16px;font:15px/1.8 Georgia,serif;resize:vertical;border-radius:10px;color:#26281f}.demo-form{display:flex;gap:8px;margin:25px 0}.demo-form input{min-width:0;width:100%;font:inherit;border:1px solid #bfc5b4;border-radius:8px;padding:12px}.demo-form button,.demo-action{border:0;border-radius:8px;background:#304be7;color:white;padding:12px;font-size:12px}.demo-mail{display:block;width:100%;padding:15px 0;text-align:left;background:none;border:0;border-bottom:1px solid #ddd9cb;color:#26281f;font-size:13px}.demo-mail small{display:block;color:#62665b;margin-top:7px}.extra-tab{display:flex;align-items:center}.extra-tab .tab{flex:1;min-width:0}.close-tab{border:0;background:none;color:inherit;min-width:30px;min-height:38px}.split-pane{overflow:auto;min-width:0}.split-pane textarea{min-height:130px;font-size:13px;background:#fff8}.demo-status{font-size:11px;color:#62665b}.browser.is-split{grid-template-columns:170px minmax(0,1fr) minmax(0,1fr)}@media(max-width:760px){.browser{height:520px;min-height:520px;grid-template-columns:105px minmax(0,1fr)}.demo-content{padding:24px 14px}.demo-title{font-size:39px;letter-spacing:-2px}.favs{gap:4px}.favs button{padding:5px;min-width:26px;min-height:36px}.demo-cards{grid-template-columns:1fr;gap:8px}.demo-card{min-height:90px;padding:14px}.demo-card strong{font-size:22px}.demo-copy{font-size:12px}.demo-form{flex-wrap:wrap}.demo-form button{width:100%}.browser.is-split{grid-template-columns:85px minmax(0,1fr) minmax(0,1fr)}.is-split .demo-title{font-size:27px}.is-split .demo-content{padding:20px 10px}.is-split .demo-copy{font-size:11px}.demo-editor{font-size:13px;padding:10px}}