:root{--ink:#202e40;--muted:#657084;--paper:#faf9f6;--lavender:#a7b7f5;--blue:#7389d4;--line:#e5e5e9;--ease:cubic-bezier(.22,1,.36,1);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible+span{outline:3px solid var(--blue);outline-offset:5px}button{border:0}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.045em}.wrap{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:20px;background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{top:12px}.site-header{max-width:1264px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;gap:25px}.wordmark{display:flex;align-items:center;gap:9px;font-weight:650;font-size:19px;letter-spacing:-.5px}.wordmark img{object-fit:contain}.site-header nav{display:flex;align-items:center;gap:33px;font-size:13px;font-weight:500}.site-header nav>a:hover{color:#546aaa}.nav-download{display:flex;align-items:center;gap:20px;border:1px solid #d9dce7;border-radius:8px;padding:12px 17px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding-top:76px;padding-bottom:74px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:650;color:var(--muted);display:flex;align-items:center;gap:8px;line-height:1.5;margin-bottom:22px}.hero .eyebrow{font-size:12px;letter-spacing:.3px}.status-dot{width:6px;height:6px;border-radius:50%;background:#7c9678;box-shadow:0 0 0 4px #e9eee6}.hero h1{font-size:clamp(44px,5vw,66px);line-height:1.06;margin-bottom:23px;letter-spacing:-3.2px}.hero h1>span{color:#788ace}.hero-description{max-width:435px;font-size:16px;line-height:1.85;color:var(--muted);margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:8px;padding:15px 21px;font-size:13px;font-weight:600;line-height:1.25;transition:transform .25s var(--ease),background .25s,box-shadow .25s;min-height:48px}.button:hover{transform:translateY(-3px);box-shadow:0 6px 14px #202e4012}.button:active{transform:translateY(0)}.primary{background:var(--ink);color:#fff}.primary:hover{background:#35445d}.secondary{background:#fff;color:var(--ink);border:1px solid #dce0e7}.text-link{font-size:12px;font-weight:500;display:flex;align-items:center;gap:12px}.text-link:hover{color:var(--blue)}.hero-small{font-size:11px;color:#8c93a0;margin:17px 0 0}.hero-art{height:333px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;width:390px;height:260px;border:1px solid #dadde8;border-radius:50%;transform:rotate(-25deg);background:radial-gradient(ellipse,#e9eafa70,transparent 65%)}.art-orbit:before{content:'';position:absolute;width:8px;height:8px;background:#9dafe9;border-radius:50%;top:40px;left:51px}.paper-character{width:148px;height:192px;background:#fff;border:3px solid #adbeea;border-radius:22px 45px 22px 22px;position:relative;box-shadow:8px 10px 0 #e1e6f7,0 20px 40px #34497014;transform:rotate(-6deg);animation:pal-float 6s ease-in-out infinite}.paper-fold{position:absolute;right:-2px;top:-2px;width:42px;height:44px;border-radius:0 42px 0 11px;background:#e5ecff;border-bottom:2px solid #adbeea;border-left:2px solid #adbeea}.paper-face{position:relative;height:24px;margin:77px 28px 0;display:flex;gap:30px;justify-content:center}.paper-face i{width:8px;height:13px;border-radius:6px;background:#273e67}.paper-face b{position:absolute;border:3px solid #273e67;width:16px;height:10px;border-top:0;border-radius:0 0 15px 15px;top:19px;left:34px}.paper-lines{display:grid;gap:8px;margin:26px 25px}.paper-lines i{height:4px;width:80px;background:#c7d4f5;border-radius:5px}.paper-lines i:last-child{width:53px}.paper-foot{position:absolute;bottom:-12px;height:12px;width:27px;border-radius:8px;background:#92a7d9}.paper-foot.left{left:20px}.paper-foot.right{right:20px}.floating-note{position:absolute;z-index:2;top:12px;right:-8px;display:flex;align-items:center;gap:12px;background:#fff;padding:17px 22px;border:1px solid #e2e3ec;border-radius:12px;box-shadow:0 10px 35px #25345308;transform:rotate(6deg);font-size:12px;line-height:1.8;color:#818998}.floating-note strong{color:#445273;font-weight:550}.mini-spark{color:#8a9edb;font-size:26px}.art-spark{position:absolute;color:#a5b4e2;font-size:37px}.spark-one{left:12px;top:110px}.spark-two{right:36px;bottom:40px;font-size:24px}.art-caption{position:absolute;bottom:-15px;font-size:11px;color:#8c93a0}.preview-section{padding-top:30px}.preview-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.preview-top h2{font-size:24px;margin:0;letter-spacing:-.65px}.preview-top .eyebrow{margin-bottom:10px}.theme-picker{border:0;padding:0;margin:0 2px 4px;display:flex;gap:13px}.theme-picker label{cursor:pointer;position:relative}.theme-picker input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.theme-picker span{display:block;width:19px;height:19px;background:var(--swatch);border-radius:50%;box-shadow:0 0 0 4px var(--paper);transition:box-shadow .25s}.theme-picker input:checked+span{box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--swatch)}.app-window{--app-bg:#232e3c;--app-side:#141e2b;--app-list:#1c2735;--app-text:#e8edf6;--app-muted:#a2afc1;--app-accent:#a7b7f5;--app-active:#3c4962;--app-line:#394759;color:var(--app-text);background:var(--app-bg);border:1px solid #526072;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #23354c1c,0 2px 8px #23354c15;transition:background .5s,border-color .5s}.app-window[data-theme=rose]{--app-bg:#faf3f7;--app-side:#f0dfe8;--app-list:#f5eaf0;--app-text:#573649;--app-muted:#8d6c7d;--app-accent:#b45a87;--app-active:#eac9da;--app-line:#e8d5df;border-color:var(--app-line)}.app-window[data-theme=sage]{--app-bg:#f7f9f3;--app-side:#e1e9d8;--app-list:#eff3e9;--app-text:#38533b;--app-muted:#728470;--app-accent:#5f865c;--app-active:#cedfc4;--app-line:#d5e0ce;border-color:var(--app-line)}.app-titlebar{height:36px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--app-muted);padding:0 15px;border-bottom:1px solid var(--app-line);background:var(--app-list)}.app-titlebar>span:nth-child(2){display:flex;align-items:center;gap:5px}.window-lights{display:flex;gap:6px;min-width:106px}.window-lights i{width:7px;height:7px;background:#ff6a6a;border-radius:50%}.window-lights i:nth-child(2){background:#f5c25c}.window-lights i:nth-child(3){background:#73bc82}.sample-label{font-size:8px;letter-spacing:.3px}.app-toolbar{display:flex;align-items:center;gap:8px;height:44px;padding:0 15px;font-size:9px;background:var(--app-list);border-bottom:1px solid var(--app-line);color:var(--app-muted)}.app-toolbar span{padding:6px 9px;border:1px solid var(--app-line);border-radius:4px}.toolbar-right{margin-left:auto}.app-content{display:grid;grid-template-columns:170px 218px minmax(0,1fr);height:410px}.demo-sidebar{background:var(--app-side);padding:22px 14px;display:flex;flex-direction:column;border-right:1px solid var(--app-line)}.demo-brand{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:25px}.demo-nav{font-size:10px;padding:9px 10px;border-radius:5px;margin-bottom:2px;display:flex;justify-content:space-between;color:var(--app-muted)}.demo-nav.active{background:var(--app-active);color:var(--app-text)}.demo-nav span{opacity:.75}.demo-sidebar>p{font-size:7px;letter-spacing:.8px;margin:23px 10px 11px;color:var(--app-muted)}.demo-folder{font-size:10px;display:flex;align-items:center;gap:8px;padding:9px 10px;color:var(--app-muted)}.demo-folder i{width:5px;height:5px;background:#a7b7f5;border-radius:50%}.demo-folder:nth-last-child(3) i{background:#dcabc0}.demo-folder:nth-last-child(2) i{background:#9cbc96}.demo-account{margin-top:auto;font-size:10px;color:var(--app-muted);padding:10px}.demo-list{padding:24px 12px;background:var(--app-list);border-right:1px solid var(--app-line)}.demo-list h3{font-size:19px;margin:0 6px 15px;letter-spacing:-.4px}.demo-search{font-size:9px;padding:9px 10px;border:1px solid var(--app-line);border-radius:5px;color:var(--app-muted);margin-bottom:16px}.demo-note{padding:15px 12px;border-radius:5px;margin:3px 0}.demo-note.selected{background:var(--app-active);border-left:2px solid var(--app-accent)}.demo-note strong{display:block;font-size:10px;line-height:1.6;font-weight:600;max-width:165px}.demo-note p{font-size:9px;color:var(--app-muted);margin:5px 0 12px;line-height:1.6}.demo-note small{font-size:8px;color:var(--app-muted)}.demo-editor{padding:22px 39px;position:relative;overflow:hidden}.note-meta{display:flex;justify-content:space-between;font-size:8px;color:var(--app-muted);margin-bottom:28px}.note-meta>span:last-child{display:flex;align-items:center;gap:5px}.note-meta i{width:4px;height:4px;border-radius:50%;background:#89ab92}.demo-editor>h3{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:0 0 11px}.note-intro{font-size:11px;color:var(--app-muted);margin-bottom:24px}.demo-editor>h4{font-size:12px;letter-spacing:0;margin:0 0 10px;font-weight:550}.note-body,.marked-passage p{font-size:11px;line-height:1.95;max-width:460px;margin:0 0 13px}.note-footnote{font-size:10px;color:var(--app-muted)}.marked-passage{position:relative;max-width:440px;isolation:isolate}.draw-ring{position:absolute;inset:-9px -12px -3px -13px;border:2px solid var(--app-accent);border-radius:50%;transform:rotate(-3deg);animation:circle-in .9s var(--ease) both}.draw-ring:after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(100deg,transparent 15%,#a7b7f540 45%,transparent 75%);animation:scan 2.4s ease-in-out 2}.demo-character{position:absolute;right:25px;bottom:18px;background:none;width:58px;height:60px;padding:0;transition:transform .5s var(--ease);z-index:3}.demo-character:hover{transform:translateY(-4px) rotate(6deg)}.bot-antenna{position:absolute;left:29px;top:0;height:13px;width:2px;background:#82becc}.bot-antenna:before{content:'';width:6px;height:6px;background:#8fd4df;border-radius:50%;position:absolute;left:-2px;top:-2px}.bot-head{position:absolute;top:12px;left:3px;width:54px;height:41px;border-radius:14px;background:#a8c9f5;border:1px solid #779bce;box-shadow:0 5px 0 -1px #8cb1e0}.bot-face{position:absolute;inset:8px 8px 7px;background:#29456a;border-radius:10px;display:flex;align-items:start;justify-content:center;gap:10px;padding-top:6px}.bot-face i{width:5px;height:7px;border-radius:5px;background:#a1e9f2}.bot-face b{position:absolute;top:15px;left:14px;width:7px;height:4px;border:2px solid #a1e9f2;border-top:0;border-radius:0 0 5px 5px}.demo-pal{position:absolute;right:28px;bottom:75px;width:265px;background:#42516c;border:1px solid #7488b3;border-radius:13px;padding:16px;box-shadow:0 15px 25px #0a142c22;z-index:2;color:#f0f3fa;animation:chat-in .8s var(--ease) both}.pal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;font-weight:600}.pal-heading span{display:flex;gap:5px;align-items:center}.pal-heading i{width:4px;height:4px;border-radius:50%;background:#a9d9c8}.pal-heading small{font-size:8px;font-weight:400;color:#c8d1e1}.pal-question{background:#a7b7f5;color:#213149;border-radius:8px 8px 3px 8px;padding:9px 12px;margin-left:30px;font-size:10px;line-height:1.5}.pal-answer{background:#263246;border-radius:8px 8px 8px 3px;padding:10px 12px;font-size:10px;line-height:1.8;margin:10px 10px 14px 0}.pal-reply{border:1px solid #73809c;border-radius:5px;background:#2c3950;padding:8px 10px;font-size:9px;display:flex;justify-content:space-between;color:#d6dbea}.preview-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:23px 0 0}.preview-tabs{display:flex;gap:24px;flex-wrap:wrap}.preview-tabs button{display:flex;gap:8px;align-items:center;background:none;padding:9px 0;font-size:9px;color:#a2a7b2;border-bottom:1px solid transparent;transition:color .3s,border-color .3s;min-height:40px}.preview-tabs button span{font-size:11px;color:#737c8d}.preview-tabs button[aria-pressed=true]{border-bottom-color:var(--blue);color:var(--blue)}.preview-tabs button[aria-pressed=true] span{color:var(--ink)}.preview-bottom>p{font-size:10px;max-width:255px;margin:0;color:#8d93a0;text-align:right}.features{padding-top:115px;padding-bottom:90px}.section-heading h2{font-size:38px;line-height:1.2;margin-bottom:40px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}.feature-grid h3{font-size:19px;letter-spacing:-.5px;margin-bottom:12px}.feature-grid p{font-size:13px;color:var(--muted);line-height:1.95;margin:0}.feature-symbol{font-size:28px;color:#7d90ca;width:51px;height:51px;background:#eeedf7;border-radius:11px;display:grid;place-items:center;margin-bottom:23px}.orbit-symbol{background:#f1ede6;color:#bda381}.pen-symbol{background:#e8efe6;color:#789776}.import-section{display:grid;grid-template-columns:1fr 1.05fr;gap:68px;align-items:center;padding-top:54px;padding-bottom:58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.import-section h2{font-size:32px;margin-bottom:17px}.import-section p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;max-width:460px}.import-section small{display:block;font-size:10px;line-height:1.9;color:#8b93a0;max-width:430px}.import-section .eyebrow{margin-bottom:15px}.import-art{height:215px;display:flex;align-items:center;justify-content:center;gap:28px;position:relative}.import-file{width:66px;height:88px;background:white;border:1px solid #dddfe6;box-shadow:0 6px 18px #1b2f470a;border-radius:9px;font-size:29px;text-align:center;padding-top:17px;font-weight:650;color:#838b9c;position:absolute;left:56px}.import-file span{display:block;font-size:8px;font-weight:400;margin-top:8px;color:#969cac}.file-a{transform:rotate(-15deg);top:20px;left:28px}.file-b{transform:rotate(8deg);left:75px;top:65px;z-index:1;color:#233149}.file-c{transform:rotate(-4deg);left:20px;top:123px;color:#77977b}.import-arrow{font-size:25px;font-weight:300;color:#b4bdd0;margin-left:70px}.import-art>img{margin-left:10px}.pricing{padding-top:115px;padding-bottom:105px;display:grid;grid-template-columns:.9fr 1.7fr;gap:45px}.pricing-heading h2{font-size:36px;line-height:1.25}.billing-toggle{display:inline-flex;padding:4px;background:#eeedf1;border:1px solid #e7e6ed;border-radius:8px;gap:2px;margin-top:5px}.billing-toggle button{padding:10px 13px;background:none;border-radius:5px;font-size:11px;color:var(--muted);min-height:36px;transition:background .25s,box-shadow .25s}.billing-toggle button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 2px 5px #1b2f470a}.billing-toggle span{font-size:8px;color:#758b71;margin-left:7px}.pricing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.price-card{border:1px solid #e1e2e8;padding:27px 23px;border-radius:12px;background:#fefefc;display:flex;flex-direction:column}.price-card.plus{border-color:#c4cceb;background:#f1f2fa}.plan-label{font-size:7px;color:#7d87a1;letter-spacing:1px;line-height:1.8;margin-bottom:16px;min-height:26px}.plan-label>span{color:#849bd5;margin-left:3px}.price-card h3{font-size:23px;letter-spacing:-.8px;margin-bottom:20px}.price{font-size:31px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin-bottom:15px}.price>span:last-child{display:block;color:#8991a2;font-size:9px;letter-spacing:0;line-height:1.7;font-weight:400;margin-top:10px}.price #plan-price{font-size:31px;letter-spacing:-1px;color:var(--ink)}.price-period{font-size:11px;font-weight:400;color:#7e8698;letter-spacing:0}.price-card ul{list-style:none;padding:14px 0 20px;margin:0;font-size:10px;color:#647087;line-height:2.8}.price-card li:before{content:'✓';font-size:10px;margin-right:9px;color:#889bcd}.price-card .button{margin-top:auto;width:100%;font-size:11px;gap:12px;padding:12px;min-height:44px}.plan-note{font-size:8px;text-align:center;color:#959bac;margin:11px 0 0;line-height:1.7}.download-section{background:#eaeefa;position:relative;padding:62px 58px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:35px}.download-section h2{font-size:43px;line-height:1.15;margin-bottom:19px}.download-section p:not(.eyebrow){font-size:13px;color:var(--muted)}.download-section .eyebrow{color:#7d8db3;margin-bottom:17px}.download-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.download-actions .button{font-size:11px;gap:11px}.download-actions svg{width:13px;height:13px;fill:currentColor}.download-note{font-size:9px!important;opacity:.8;margin:15px 0 0}.download-art{width:260px;height:230px;position:relative;display:grid;place-items:center;flex-shrink:0}.download-art img{position:relative;z-index:1;animation:logo-sway 8s ease-in-out infinite}.download-orbit{position:absolute;inset:30px -15px;border:1px solid #cdd6ef;border-radius:50%;transform:rotate(-30deg)}.download-orbit:after{content:'';width:7px;height:7px;background:#99abde;position:absolute;left:33px;top:16px;border-radius:50%}.faq{padding-top:105px;padding-bottom:92px;display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.faq h2{font-size:31px}.faq .eyebrow{font-size:8px;margin-bottom:15px}.faq-items details{border-bottom:1px solid var(--line);padding:20px 0}.faq-items details:first-child{padding-top:0}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;cursor:pointer;font-weight:500;min-height:22px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#929cb2;font-size:18px;font-weight:300;transition:transform .3s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);font-size:12px;line-height:1.9;margin:15px 28px 0 0;animation:chat-in .4s var(--ease) both}.site-footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .wordmark{font-size:14px}.site-footer>span{font-size:10px;color:#979dac}.site-footer small{font-size:8px;color:#979dac}dialog{max-width:490px;width:calc(100% - 36px);max-height:calc(100dvh - 48px);border:1px solid #dfe3ef;background:var(--paper);border-radius:15px;padding:0;color:var(--ink);box-shadow:0 30px 80px #17294335;animation:chat-in .45s var(--ease)}dialog::backdrop{background:#1b2b4b65;backdrop-filter:blur(5px)}.dialog-inner{padding:33px;position:relative}.dialog-close{position:absolute;right:20px;top:18px;width:32px;height:32px;border-radius:7px;background:#ebedf3;color:#737d94;font-size:24px;font-weight:300}.dialog-inner>.eyebrow{font-size:8px;margin:16px 0 10px}.dialog-inner>h2{font-size:27px;margin-bottom:15px}.dialog-inner>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.dialog-inner>ul{padding-left:18px;font-size:11px;line-height:2.1;color:var(--muted);margin:20px 0}.preview-notice{background:#eceef7;border:1px solid #dce1f2;border-radius:8px;padding:16px;margin:20px 0;font-size:11px}.preview-notice p{font-size:10px;color:var(--muted);line-height:1.8;margin:7px 0 0}.dialog-inner>.button{width:100%}.dialog-meta{font-size:9px!important;text-align:center;margin:12px 0 0}.checksum-link{display:block;text-align:center;font-size:9px;color:#7a86a0;margin-top:7px}.checksum-link:hover{text-decoration:underline}[hidden]{display:none!important}@keyframes pal-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(-3deg)}}@keyframes chat-in{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes circle-in{from{opacity:0;transform:rotate(-9deg) scale(.85)}to{opacity:1;transform:rotate(-3deg) scale(1)}}@keyframes scan{0%,100%{opacity:0;transform:translateX(-25%)}50%{opacity:1;transform:translateX(20%)}}@keyframes logo-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}
@media(min-width:1450px){.hero{padding-top:100px;padding-bottom:100px}.hero h1{font-size:72px}.hero-art{height:370px}}@media(max-width:1000px){.hero{gap:20px;padding-top:55px}.hero-art{transform:scale(.85)}.hero-actions{gap:18px}.hero h1{font-size:53px}.preview-bottom{align-items:start}.app-content{grid-template-columns:138px 170px minmax(0,1fr)}.demo-editor{padding:22px 25px}.demo-editor>h3{font-size:26px}.demo-pal{right:20px;width:230px}.pricing{grid-template-columns:1fr;gap:30px}.pricing-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px}.pricing-heading .eyebrow{width:100%;margin-bottom:0}.pricing-heading h2{margin-bottom:0}.pricing-cards{max-width:760px;width:100%}.plan-label{min-height:14px}.import-section{gap:25px}.download-art{width:180px}.download-art img{width:165px;height:165px}.download-section{margin:0 32px;padding:45px 35px}.faq{gap:35px}}
@media(max-width:760px){.site-header{padding:18px 24px}.site-header nav{gap:15px}.site-header nav>a:first-child{display:none}.site-header nav>a{font-size:11px}.wordmark{font-size:17px}.hero{grid-template-columns:1fr;position:relative;gap:0;padding-top:45px;padding-bottom:45px}.hero-copy{max-width:550px}.hero h1{font-size:54px}.hero-art{position:absolute;right:-15px;top:55px;transform:scale(.5);transform-origin:right top;opacity:.4;z-index:-1}.hero-description{max-width:390px}.hero-art .floating-note,.art-caption{display:none}.preview-top h2{font-size:20px}.preview-top .eyebrow{font-size:8px}.app-content{grid-template-columns:155px minmax(0,1fr);height:400px}.demo-sidebar{display:none}.demo-list{padding:23px 10px}.demo-editor{padding:22px 21px}.demo-editor>h3{font-size:25px}.app-toolbar{font-size:8px;gap:6px;padding:0 10px}.app-toolbar span{padding:6px}.app-toolbar span:nth-child(3){display:none}.app-toolbar span:nth-child(4){margin-left:auto}.preview-bottom{flex-direction:column;gap:8px;padding-top:17px}.preview-tabs{gap:20px}.preview-bottom>p{text-align:left;max-width:none}.features{padding-top:75px;padding-bottom:60px}.section-heading h2{font-size:32px}.feature-grid{gap:24px}.feature-grid h3{font-size:16px;line-height:1.4}.feature-grid p{font-size:12px}.feature-symbol{margin-bottom:18px}.import-section{grid-template-columns:1fr;padding-top:35px;padding-bottom:40px;gap:20px}.import-art{height:175px;justify-content:center;max-width:370px;width:100%;margin:auto}.file-a{top:0}.file-b{top:35px}.file-c{top:87px}.import-section>div:last-child{max-width:460px}.pricing{padding-top:75px;padding-bottom:70px}.pricing-heading h2{font-size:32px}.download-section{padding:40px 28px;overflow:hidden}.download-section h2{font-size:37px}.download-art{position:absolute;right:-70px;top:12px;opacity:.25;pointer-events:none}.download-section>div:first-child{position:relative;z-index:1}.faq{grid-template-columns:1fr;gap:15px;padding-top:70px;padding-bottom:60px}.site-footer{flex-wrap:wrap}.site-footer small{width:100%}.theme-picker{gap:11px}.theme-picker span{width:17px;height:17px}}
@media(max-width:500px){.wrap{padding-left:23px;padding-right:23px}.site-header nav>a:nth-child(2){display:none}.nav-download{padding:10px 13px;gap:10px}.hero{padding-top:35px;padding-bottom:30px}.hero h1{font-size:45px;letter-spacing:-2px}.hero-description{font-size:14px;line-height:1.85}.hero .eyebrow{font-size:10px}.hero-actions{gap:20px;align-items:start;flex-direction:column}.hero-actions .button{min-width:213px}.hero-art{right:-18px;top:38px;transform:scale(.38);opacity:.18}.hero-small{font-size:10px}.preview-top{align-items:start;gap:17px}.preview-top h2{font-size:19px;max-width:220px;line-height:1.4}.theme-picker{margin-top:20px}.app-window{border-radius:8px}.app-content{grid-template-columns:minmax(0,1fr);height:392px}.demo-list{display:none}.app-titlebar{padding:0 10px}.window-lights{min-width:52px}.sample-label{font-size:7px}.app-toolbar span:nth-child(1){display:none}.app-toolbar{height:40px}.app-toolbar span:nth-child(4){margin-left:auto}.demo-editor{padding:20px 24px}.demo-editor>h3{font-size:25px}.note-meta{margin-bottom:23px}.demo-pal{right:16px;bottom:66px;width:calc(100% - 32px);max-width:290px}.demo-character{right:15px;bottom:12px}.preview-tabs{gap:15px;justify-content:space-between;width:100%}.preview-tabs button{gap:4px;align-items:start;flex-direction:column;font-size:8px}.preview-tabs button span{font-size:9px}.preview-bottom>p{font-size:9px}.features{padding-top:63px}.section-heading h2{font-size:29px}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-grid article{display:grid;grid-template-columns:46px 1fr;column-gap:19px}.feature-symbol{grid-row:1/3;width:43px;height:43px;font-size:24px}.feature-grid h3{margin-bottom:7px;font-size:18px}.feature-grid p{font-size:12px}.import-section h2{font-size:29px}.import-art{max-width:310px}.file-a{left:16px}.file-b{left:57px}.file-c{left:10px}.import-section small{font-size:10px}.pricing-cards{grid-template-columns:1fr;gap:15px}.pricing-heading h2{font-size:30px}.price-card{padding:25px}.plan-label{font-size:8px;min-height:0}.price-card ul{font-size:12px}.price-card .button{font-size:12px}.price>span:last-child{font-size:10px}.plan-note{font-size:9px}.download-section{margin:0 16px;padding:36px 23px}.download-section h2{font-size:34px}.download-actions{gap:10px}.download-actions .button{width:100%;justify-content:space-between;font-size:12px}.download-section .eyebrow{font-size:8px}.download-art{right:-93px;top:40px}.download-note{line-height:1.8}.faq h2{font-size:29px}.faq summary{font-size:12px;min-height:30px}.faq details p{font-size:11px}.site-footer>span{font-size:9px}.dialog-inner{padding:27px}.dialog-inner>h2{font-size:24px}.site-footer small{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Comfortable reading and touch targets for the actual marketing controls. */
.theme-picker{gap:0;margin:0}.theme-picker label{width:40px;height:40px;display:grid;place-items:center}.theme-picker input{inset:0}.feature-grid p{font-size:14px}.price-card ul{font-size:12px;line-height:2.5}.price>span:last-child{font-size:11px}.plan-note{font-size:10px}.faq summary{font-size:14px}.faq details p{font-size:13px}.preview-top h2{line-height:1.35}body.page-hidden *{animation-play-state:paused!important}.hero.motion-paused .paper-character,.download-section.motion-paused .download-art img{animation-play-state:paused}
@media(max-width:500px){.theme-picker label{width:33px;height:40px}.theme-picker span{width:15px;height:15px}.preview-top h2{max-width:190px}.feature-grid p{font-size:13px}.faq summary{font-size:13px}.faq details p{font-size:12px}}
.nav-download{min-height:44px}
@media(max-width:760px){.hero{overflow:clip}}
@media(max-width:500px){.theme-picker label{width:40px;height:40px}}
/* Keep the illustration's panels and floating Pal inside its fixed viewport. */
.app-content{grid-template-rows:minmax(0,1fr)}.demo-sidebar,.demo-list,.demo-editor{min-width:0;min-height:0}.demo-list{overflow:hidden}