@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
.hero{isolation:isolate}.hero .hero-scenery{inset:130px 0 0;background:linear-gradient(180deg,#f7f6f3 0%,#f7f6f3ee 10%,#f7f6f388 28%,#f7f6f300 55%,#f7f6f3aa 85%,#f7f6f3 100%),url('assets/coast.webp') center 38%/cover no-repeat}
:root{--paper:#f7f6f3;--ink:#252724;--muted:#71736e;--line:#e5e5dd;--orange:#e87346;--serif:Georgia,serif;--ease:cubic-bezier(.2,.75,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{border:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.nav-wrap{position:absolute;top:24px;left:0;right:0;z-index:20;padding:0 24px}.nav{max-width:1110px;margin:auto;padding:10px 12px 10px 17px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffffffb8;border:1px solid #fff;border-radius:20px;box-shadow:0 5px 25px #302c2207;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-weight:800;font-size:16px;letter-spacing:-.6px}.brand img{border-radius:10px;box-shadow:0 3px 7px #d05b3430}.domain{font-weight:500;color:#77796f}.nav-links{display:flex;gap:25px;font-size:14px}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:15px 24px;font-weight:600;font-size:15px;border-radius:13px;transition:transform .25s var(--ease),box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #24282015}.dark{background:#292c28;color:white;box-shadow:inset 0 1px 0 #ffffff22,0 3px 3px #25282315}.small{min-height:40px;font-size:13px;padding:11px 15px;border-radius:11px}.glass{background:#ffffffa1;border:1px solid #ffffffd6;backdrop-filter:blur(10px)}.menu-toggle{display:none}.mobile-menu[hidden]{display:none}.hero{position:relative;overflow:hidden;padding:143px 30px 0}.hero-scenery{position:absolute;inset:150px 0 0;background:linear-gradient(180deg,var(--paper),transparent 40%,#eee4d2 85%,var(--paper));z-index:-1}.hero-copy{text-align:center;position:relative;z-index:1}.announcement{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;background:#fff9;border:1px solid #e5e3db;border-radius:30px;font-size:12px;font-weight:500}.announcement>span:last-child{padding-left:7px;color:#73766d}.tiny-record{width:7px;height:7px;background:var(--orange);border-radius:50%}h1,h2,h3,p{margin:0}h1{font-family:Manrope,sans-serif;font-size:clamp(52px,6.2vw,84px);line-height:1.08;font-weight:750;letter-spacing:-5px;margin:24px 0 23px}.word-polish{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-4px;position:relative}.word-polish>svg{position:absolute;left:0;bottom:-11px;width:100%;height:17px;stroke:var(--orange);stroke-width:3}.hero-copy>p{font-size:18px;line-height:1.7;color:#6d7068;margin-top:26px}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:27px}.hero-notes{display:flex;justify-content:center;gap:22px;font-size:12px;color:#76786e;margin-top:18px}.hero-notes span+span:before{content:'·';margin-right:22px}.showcase{position:relative;max-width:1050px;margin:82px auto 0;scroll-margin-top:40px}.editor{border-radius:17px;background:#f9faf8;box-shadow:0 35px 80px #35312133,0 3px 9px #23271e1a;overflow:hidden;border:1px solid #ffffffb5;text-align:left}.editor-titlebar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e4e5df;font-size:12px}.traffic{display:flex;gap:6px}.traffic i{width:9px;height:9px;border-radius:50%;background:#f08879}.traffic i:nth-child(2){background:#e8c16b}.traffic i:nth-child(3){background:#a6be82}.muted{color:#999b94}.mini-export{background:#e8774a;color:white;border-radius:6px;font-size:11px;padding:6px 10px;display:flex;gap:6px;align-items:center}.mini-export svg{width:12px;height:12px}.editor-workspace{display:grid;grid-template-columns:54px 1fr 175px;min-height:390px}.editor-tools{display:flex;align-items:center;gap:20px;flex-direction:column;border-right:1px solid #e8e9e3;padding-top:20px;color:#90938a}.editor-tools>span{display:grid;place-items:center;width:33px;height:33px}.editor-tools svg{width:17px;height:17px}.editor-tools .tool-selected{background:#e9eae4;border-radius:6px;color:#45493e}.tool-type{font-family:Georgia;font-size:20px}.editor-canvas{background:#e7e8e1;padding:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-stage{width:100%;height:350px;padding:32px;background:linear-gradient(135deg,#e9c29b,#e99772 50%,#798b79);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;transition:background .4s}.sample-app{width:100%;height:100%;background:#fffcf6;border-radius:9px;box-shadow:0 14px 28px #242a2635;overflow:hidden;position:relative;transform-origin:44% 50%;animation:demoZoom 12s var(--ease) infinite}.sample-bar{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid #eeede6;font-size:8px}.sample-logo{font-family:var(--serif);font-style:italic;font-size:19px}.sample-logo span{font-family:'DM Sans';font-size:10px;margin-left:2px;letter-spacing:-.4px}.sample-content{padding:18px 26px}.sample-kicker{font-size:6px;letter-spacing:1.5px;color:#888c7d}.sample-content h2{font-family:Manrope;font-size:31px;letter-spacing:-1.5px;line-height:1.05;margin:7px 0}.sample-content h2 em{font-family:var(--serif);font-weight:400;color:#819071}.sample-content p{font-size:8px;line-height:1.5;color:#85897c}.sample-button{font-size:7px;background:#313f30;color:white;border-radius:4px;padding:7px 10px;display:inline-block;margin-top:9px}.sample-projects{display:flex;position:absolute;right:22px;top:71px;width:42%;gap:9px;height:180px;transform:rotate(-5deg)}.sample-projects>div{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:12px;background:#b9c5a9;border-radius:6px;box-shadow:0 8px 12px #51534412}.sample-projects>div:last-child{background:#e9a17f;transform:translateY(18px) rotate(8deg)}.sample-projects span{font-size:5px;letter-spacing:.5px}.sample-projects b{font-family:var(--serif);font-size:23px;font-weight:400;line-height:.95}.demo-cursor{position:absolute;width:26px;height:26px;left:43%;top:65%;animation:cursorMove 12s var(--ease) infinite;color:#232823}.demo-click{position:absolute;width:30px;height:30px;left:30%;top:77%;border:2px solid #df7a48;border-radius:50%;animation:clickRing 12s infinite}.zoom-toast{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font-size:10px;background:#fffffff0;padding:7px 10px;border:1px solid #fff;border-radius:7px;box-shadow:0 4px 10px #2a27231a}.zoom-toast svg{width:12px;height:12px;color:#dd7349}.zoom-toast b{color:#a1a295;font-weight:400}.editor-settings{padding:21px 15px;display:flex;flex-direction:column;gap:18px}.settings-title{font-size:12px;font-weight:600;margin-bottom:2px}.editor-settings label{display:flex;justify-content:space-between;font-size:10px;color:#85897e}.editor-settings input{width:100%;accent-color:#7b8270;height:3px;margin:-4px 0 3px}.swatches{display:flex;gap:7px;margin-top:-8px}.swatch{width:25px;height:25px;border-radius:6px;background:linear-gradient(135deg,#e9c29b,#e99772,#798b79);border:2px solid transparent}.swatch[data-bg=lavender]{background:linear-gradient(135deg,#dacff5,#9b8cce)}.swatch[data-bg=ocean]{background:linear-gradient(135deg,#a4d5cd,#567e9a)}.swatch[data-bg=ink]{background:#303637}.swatch.selected{outline:2px solid #9da28f;outline-offset:2px;border-color:white}.fake-range{height:3px;background:#e1e4dc;margin-top:-5px}.fake-range i{display:block;background:#7b8270;width:60%;height:3px;position:relative}.fake-range i:after{content:'';position:absolute;right:0;width:9px;height:9px;top:-3px;background:white;box-shadow:0 1px 4px #0004;border-radius:50%}.setting-row{display:flex;align-items:center;justify-content:space-between;font-size:10px}.switch{width:26px;height:15px;padding:2px;border-radius:20px;background:#7e8b71;position:relative}.switch:after{content:'';position:absolute;right:2px;top:2px;width:11px;height:11px;background:white;border-radius:50%;transition:transform .2s}.switch[aria-checked=false]{background:#c4c7be}.switch[aria-checked=false]:after{transform:translateX(-11px)}.setting-check{color:#82926f}.settings-foot{margin-top:auto;font-size:9px;display:flex;gap:5px;color:#94988c;align-items:center}.settings-foot svg{width:11px;height:11px}.timeline{border-top:1px solid #e4e6dc;padding:9px 20px 13px 70px}.timeline-controls{display:flex;align-items:center;gap:12px;font-size:10px}.timeline-controls button{background:transparent;padding:0 6px;min-width:24px;height:22px;font-size:14px}.timeline-caption{margin-left:auto;color:#92978b}.timeline-controls>span:last-child{margin-left:auto;color:#82887a}.timeline-ruler{display:flex;justify-content:space-between;color:#9fa494;font-size:8px;padding:9px 0}.tracks{position:relative;display:grid;gap:5px}.video-track{height:30px;background:#b9c5aa;border:1px solid #9aa889;border-radius:5px;display:flex;align-items:center;gap:12px;padding:0 10px;overflow:hidden}.video-track span{font-size:9px;white-space:nowrap;color:#526448}.video-track i{height:22px;width:85px;background:linear-gradient(135deg,#ead4b8,#d8a990);border-radius:2px;opacity:.6}.audio-track{height:20px;border-radius:4px;background:#ead2bd;display:flex;align-items:center;justify-content:space-around;gap:2px;overflow:hidden;padding:0 4px}.audio-track i{width:3px;background:#b88964;flex:1;height:var(--h);max-width:4px}.zoom-track{display:flex;gap:80px;margin-left:50px}.zoom-track span{padding:3px 20px;background:#e2ded1;border:1px solid #cdc7b6;color:#84775f;font-size:8px;border-radius:3px}.playhead{position:absolute;top:-13px;bottom:0;width:1.5px;background:#d66c44;left:34%;z-index:4;animation:playhead 12s linear infinite}.playhead:before{content:'';position:absolute;top:-2px;left:-3px;border:4px solid transparent;border-top-color:#d66c44}.floating-tag{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;background:#ffffffed;border:1px solid white;box-shadow:0 8px 28px #625a3320;border-radius:12px;backdrop-filter:blur(12px)}.tag-top{left:-38px;top:-23px;padding:13px 17px;transform:rotate(-5deg);font-size:13px}.tag-top svg{color:#d57a4d}.tag-bottom{right:-35px;bottom:79px;padding:12px 17px;transform:rotate(5deg);font-size:13px}.tag-bottom small{display:block;font-size:10px;color:#8b9084;margin-top:4px}.export-icon{background:#e8ebdf;color:#6d7b5e;border:1px solid #dce1d0;border-radius:8px;font-size:16px;font-weight:650;padding:9px}.showcase-bottom{max-width:1040px;margin:24px auto 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#878c7e;padding-bottom:55px}.showcase-bottom button{background:transparent;font-size:12px;color:#666f5d;padding:7px}.paused *, .demo-paused .editor *, .no-zoom .sample-app{animation-play-state:paused!important}.no-zoom .sample-app{animation:none;transform:none}.no-zoom .zoom-toast{visibility:hidden}dialog{border:1px solid white;border-radius:25px;background:#faf9f5;color:var(--ink);padding:42px;max-width:510px;width:calc(100% - 30px);box-shadow:0 30px 100px #0003;text-align:center}dialog::backdrop{background:#21291f70;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:12px;font-size:26px;background:transparent;padding:5px 10px}.eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:1.6px;color:#879078}dialog .eyebrow{margin:23px 0 14px}dialog h2{font-family:Manrope;font-size:32px;line-height:1.2;letter-spacing:-1px}dialog p{color:#777e6d;font-size:15px;line-height:1.7;margin:20px 0}.launch-summary{display:flex;text-align:left;background:#efeee6;padding:18px;border-radius:12px;gap:20px}.launch-summary span{flex:1;font-size:12px;line-height:1.6}.launch-summary b{display:block;font-size:16px}.dialog-note{font-size:12px!important}.dialog-done{width:100%}@keyframes demoZoom{0%,18%,85%,100%{transform:scale(1)}35%,70%{transform:scale(1.18)}}@keyframes cursorMove{0%,15%,100%{transform:translate(0,0)}30%,68%{transform:translate(-75px,23px)}85%{transform:translate(30px,-70px)}}@keyframes clickRing{0%,26%,38%,100%{opacity:0;transform:scale(.4)}28%{opacity:.9;transform:scale(.5)}37%{opacity:0;transform:scale(1.7)}}@keyframes playhead{from{left:0}to{left:98%}}@media(min-width:1600px){.hero{padding-top:163px}.showcase{margin-top:85px}}@media(max-width:1050px){.nav-links{gap:15px}.brand{font-size:14px}.nav-cta{font-size:12px}.editor-workspace{grid-template-columns:46px 1fr 155px}.sample-projects{height:150px;right:15px}.sample-content h2{font-size:27px}.sample-projects b{font-size:19px}.tag-top{left:-10px}.tag-bottom{right:-10px}}@media(max-width:800px){.nav-links,.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;padding:13px}.menu-toggle span{width:21px;height:2px;background:#30382b}.mobile-menu{max-width:1110px;margin:5px auto;padding:15px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0001}.mobile-menu a{display:block;padding:12px}.hero{padding:125px 20px 0}h1{font-size:64px;letter-spacing:-3.5px}.word-polish{letter-spacing:-3px}.hero-copy>p{font-size:17px}.editor-settings{display:none}.editor-workspace{grid-template-columns:43px 1fr}.editor-canvas{padding:16px}.canvas-stage{height:320px}.tag-bottom{bottom:55px}.timeline{padding-left:58px}.showcase{margin-top:64px}}@media(max-width:560px){html{scroll-padding-top:80px}.nav-wrap{top:14px;padding:0 13px}.nav{padding:8px 10px 8px 12px;border-radius:16px}.brand{font-size:13px;letter-spacing:-.5px;gap:7px}.brand img{width:29px;height:29px}.hero{padding:119px 15px 0}h1{font-size:48px;letter-spacing:-2.9px;margin-top:24px}.word-polish{letter-spacing:-2.5px}.hero-copy>p{font-size:16px;line-height:1.7;max-width:330px;margin:25px auto 0}.desktop-break{display:none}.hero-actions{flex-direction:column;align-items:center;gap:9px;margin-top:22px}.hero-actions .button{min-width:258px;min-height:48px;font-size:14px;padding:13px 15px}.hero-notes{gap:9px;font-size:10px}.hero-notes span+span:before{margin-right:9px}.showcase{margin-top:54px}.tag-top{padding:9px 12px;font-size:10px;top:-19px;left:3px}.tag-top svg{width:15px}.tag-bottom{padding:8px 10px;right:0;bottom:-16px;gap:7px;font-size:10px}.tag-bottom small{font-size:8px}.export-icon{font-size:13px;padding:7px}.editor{border-radius:11px}.editor-titlebar{height:35px;padding:0 9px;font-size:8px}.editor-titlebar .muted{display:none}.traffic{gap:4px}.traffic i{width:6px;height:6px}.mini-export{font-size:8px;padding:4px 7px}.editor-workspace{grid-template-columns:29px 1fr;min-height:0}.editor-tools{gap:8px;padding-top:11px}.editor-tools>span{width:23px;height:23px}.editor-tools svg{width:13px;height:13px}.editor-canvas{padding:8px}.canvas-stage{height:224px;padding:16px!important}.sample-bar{height:25px;padding:0 10px;font-size:5px}.sample-content{padding:14px 12px}.sample-kicker{font-size:4px;letter-spacing:.6px}.sample-content h2{font-size:22px;letter-spacing:-1px}.sample-content p{font-size:5px}.sample-logo{font-size:15px}.sample-logo span{font-size:8px}.sample-projects{right:12px;top:56px;gap:5px;height:103px;width:40%}.sample-projects>div{padding:7px}.sample-projects b{font-size:15px}.sample-projects span{font-size:4px}.sample-button{font-size:5px;padding:5px}.zoom-toast{padding:4px 7px;font-size:7px;bottom:4px;gap:4px}.zoom-toast svg{width:10px;height:10px}.demo-cursor{width:20px}.timeline{padding:5px 9px 8px 38px}.timeline-controls{font-size:8px;gap:5px}.timeline-caption{font-size:6px}.timeline-controls>span:last-child{display:none}.timeline-ruler{font-size:6px;padding:5px 0}.video-track{height:21px;gap:5px;padding:0 5px}.video-track span{font-size:6px}.video-track i{height:14px;width:30px}.audio-track{height:13px}.zoom-track{margin-left:15px;gap:22px}.zoom-track span{font-size:5px;padding:2px 10px}.showcase-bottom{margin-top:42px;font-size:10px;padding-bottom:34px}.showcase-bottom button{font-size:10px;padding:5px}dialog{padding:33px 23px}.launch-summary{padding:13px;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
:where([hidden]){display:none!important}.download-note{margin:13px 0 0;font-size:13px;color:#4e544d}.download-note a{text-decoration:underline;text-underline-offset:3px}@media(max-width:560px){.download-note{text-align:center;line-height:1.5}}