@font-face{font-family:fira mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fira-mono/FiraMono-Regular.ttf)format('truetype')}@font-face{font-family:fira mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fira-mono/FiraMono-Medium.ttf)format('truetype')}@font-face{font-family:fira mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fira-mono/FiraMono-Bold.ttf)format('truetype')}body,input,button,textarea,select{font-family:fira mono,monospace}h1,h2,h3,h4,h5,h6{font-family:fira mono,monospace;font-weight:700}.landing{padding-bottom:2rem}.hero{padding:2rem 0 3rem;border-bottom:1px solid var(--offwhite);margin-bottom:2rem}.hero-title{font-size:4rem;margin-bottom:.5rem}.hero-tagline{font-size:1.5rem;color:var(--black);font-weight:600;margin-bottom:1rem}.hero-description{max-width:500px;margin:2rem 0}.hero-cta{margin-top:1.5rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:5px;font-weight:700;text-decoration:none;border:2px solid var(--blue);cursor:pointer}.btn.primary{background:var(--blue);color:var(--white)}.btn.primary:hover{opacity:.9;text-decoration:none}.features{display:flex;gap:3rem;margin-bottom:3rem}.features-list{flex:1}.mockup-container{flex:1.5;position:relative}.mockup-container-inner{position:sticky;top:2rem;display:grid}.mockup-container-inner>.mockup{grid-area:1/1}.feature .mockup{display:none}.mockup{width:100%;opacity:0;pointer-events:none;transition:opacity .3s ease}.mockup.active{opacity:1;pointer-events:auto}@media(min-width:1024px){.features{width:calc(100% + min(20vw,300px));gap:4rem}.mockup-container{flex:1.5}.mockup-container-inner{top:4rem}}@media(min-width:1400px){.features{width:calc(100% + min(30vw,500px))}.mockup-container{flex:2}}.device-frame{background:#1a1a1a;border-radius:12px;padding:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);aspect-ratio:16/10;overflow:hidden;transition:aspect-ratio .6s ease-in-out}.device-notch{width:60px;height:4px;background:#333;border-radius:2px;margin:0 auto 8px;transition:width .6s ease-in-out}.device-static{aspect-ratio:16/10}.app-ui{display:flex;height:100%;background:#fff;border-radius:6px;overflow:hidden;font-size:11px}.app-sidebar{width:120px;background:#f5f5f5;border-right:1px solid #e0e0e0;padding:12px 8px;flex-shrink:0}.sidebar-item{padding:6px 8px;border-radius:4px;margin-bottom:4px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item.active{background:#e8e8e8;color:#1a1a1a;font-weight:500}.app-editor{flex:1;padding:16px 20px;position:relative}.editor-title{font-weight:600;font-size:13px;margin-bottom:12px;color:#1a1a1a}.editor-text{color:#444;line-height:1.6}.mockup-freedom .device-frame{margin:0 auto}.mockup-freedom.active .device-frame{animation:morph-device 3s ease-in-out infinite}.mockup-freedom.active .device-notch{animation:morph-notch 3s ease-in-out infinite}@keyframes morph-device{0%,100%{aspect-ratio:16/10;width:100%}40%,60%{aspect-ratio:9/16;width:50%}}@keyframes morph-notch{0%,100%{width:60px;height:4px}40%,60%{width:80px;height:20px;border-radius:10px}}@keyframes morph-device-mobile{0%,100%{clip-path:inset(0 0 0 0 round 12px)}40%,60%{clip-path:inset(0 25% 0 25% round 20px)}}@keyframes narrow-content-mobile{0%,100%{padding-left:16px;padding-right:16px}40%,60%{padding-left:30%;padding-right:30%}}.mockup-peace .cursor{opacity:0;animation:none}.mockup-peace .typed-text{border-right:2px solid transparent}.mockup-peace .save-indicator{position:absolute;bottom:12px;font-size:10px;color:#22863a;opacity:0;transform:translateY(5px)}.mockup-peace.active .cursor{animation:blink 1s step-end infinite}.mockup-peace.active .typed-text{animation:typing 2s steps(40)forwards;overflow:hidden;white-space:nowrap;width:0}.mockup-peace.active .save-indicator{animation:show-save .3s ease-out .1s forwards}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@keyframes typing{to{width:100%}}@keyframes show-save{to{opacity:1;transform:translateY(0)}}.app-ui-feedback{flex-direction:row}.feedback-manuscript{flex:1;padding:16px 20px;border-right:1px solid #e0e0e0}.feedback-header{font-size:9px;text-transform:uppercase;color:#999;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:4px}.feedback-panel{width:160px;padding:12px;background:#fafafa;overflow:hidden}.feedback-card{display:flex;gap:8px;padding:8px;background:#fff;border-radius:6px;margin-bottom:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);opacity:0;transform:translateX(20px)}.feedback-avatar{width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0}.feedback-content{min-width:0}.feedback-name{font-weight:600;font-size:10px;margin-bottom:2px}.feedback-comment{font-size:9px;color:#666}.highlighted{background:#fff3cd;padding:1px 2px;border-radius:2px}.mockup-feedback.active .feedback-card-1{animation:slide-in .4s ease-out .2s forwards}.mockup-feedback.active .feedback-card-2{animation:slide-in .4s ease-out .5s forwards}.mockup-feedback.active .feedback-card-3{animation:slide-in .4s ease-out .8s forwards}@keyframes slide-in{to{opacity:1;transform:translateX(0)}}.app-ui-worldbuilding{position:relative}.editor-narrow{flex:1;transition:margin-right .4s ease-out}.wiki-sidebar{position:absolute;right:0;top:0;bottom:0;width:140px;background:#f0f7ff;border-left:1px solid #d0e3ff;padding:12px;transform:translateX(100%);transition:transform .4s ease-out}.wiki-header{font-size:9px;text-transform:uppercase;color:#666;margin-bottom:4px}.wiki-title{font-weight:600;font-size:12px;margin-bottom:10px;color:#1a1a1a}.wiki-field{font-size:10px;margin-bottom:6px;color:#444}.wiki-label{color:#666}.entity-highlight{background:#d0e3ff;padding:1px 3px;border-radius:2px}.mockup-worldbuilding.active .wiki-sidebar{transform:translateX(0)}.mockup-worldbuilding.active .editor-narrow{margin-right:140px}@media(min-width:1024px){.device-frame{border-radius:16px;padding:12px}.app-ui{font-size:13px}.app-sidebar{width:150px;padding:16px 12px}.sidebar-item{padding:8px 10px}.app-editor{padding:24px 28px}.editor-title{font-size:16px;margin-bottom:16px}.feedback-panel{width:200px;padding:16px}.feedback-card{padding:12px;gap:10px}.feedback-avatar{width:32px;height:32px;font-size:12px}.feedback-name{font-size:12px}.feedback-comment{font-size:11px}.wiki-sidebar{width:180px;padding:16px}.wiki-title{font-size:14px}.wiki-field{font-size:12px;margin-bottom:8px}.mockup-worldbuilding.active .editor-narrow{margin-right:180px}}.feature{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--offwhite)}.feature:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.feature h2{font-size:1.5rem;margin-bottom:.5rem}.feature-list{margin:1rem 0;padding-left:1.25rem}@media(max-width:768px){.features{flex-direction:column}.mockup-container{display:none}.feature .mockup{display:block;width:100%;opacity:1;pointer-events:auto;margin-top:1rem}.feature .mockup .device-frame{aspect-ratio:1/1}.feature .mockup .app-sidebar{display:none}.feature .mockup .feedback-panel{width:100px;padding:8px}.feature .mockup .wiki-sidebar{width:100px;transform:translateX(0)}.feature .mockup .editor-narrow{margin-right:100px!important}.feature .mockup-freedom .device-frame{animation:morph-device-mobile 3s ease-in-out infinite}.feature .mockup-freedom .device-notch{animation:morph-notch 3s ease-in-out infinite}.feature .mockup-freedom .app-editor{animation:narrow-content-mobile 3s ease-in-out infinite}.feature .mockup-peace .cursor{animation:blink 1s step-end infinite}.feature .mockup-peace .typed-text{animation:typing 2s steps(40)forwards;overflow:hidden;white-space:nowrap;width:0}.feature .mockup-peace .save-indicator{animation:show-save .3s ease-out 2s forwards}.feature .mockup-feedback .feedback-card-1{animation:slide-in .4s ease-out .2s forwards}.feature .mockup-feedback .feedback-card-2{animation:slide-in .4s ease-out .5s forwards}.feature .mockup-feedback .feedback-card-3{animation:slide-in .4s ease-out .8s forwards}}.pricing{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--offwhite)}.pricing h2{margin-bottom:1.5rem}.pricing p{margin-top:1.5rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.pricing-card{border:1px solid var(--offwhite);border-radius:8px;padding:1.5rem;text-align:center}.pricing-card.featured{border-color:var(--blue);border-width:2px}.pricing-card h3{margin-top:0;margin-bottom:.5rem;font-size:1.1rem}.pricing-card .price{font-size:2rem;font-weight:700;margin-bottom:.5rem}.pricing-card .price span{font-size:1rem;font-weight:400;color:var(--grey)}.pricing-card p{font-size:.9rem;color:var(--grey);margin-bottom:0}.pricing-card .highlight-offer{margin-top:1rem;font-size:.8rem}@media(max-width:600px){.pricing-grid{grid-template-columns:1fr}}.waitlist{background-color:var(--black);color:var(--white);padding:2rem;border-radius:8px;text-align:center}.waitlist h2{margin-top:0;color:var(--white)}.waitlist-form{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.waitlist-form input[type=email]{padding:.75rem 1rem;border:1px solid var(--grey);border-radius:5px;font-size:1rem;min-width:250px}.waitlist-form button{font-size:1rem}.highlight-offer{display:inline-block;margin-top:1rem;font-size:.9rem;color:var(--red);font-weight:700;background-color:rgba(175,48,41,.2);background-color:color-mix(in srgb,var(--red),transparent 80%);padding:.5rem 1rem;border-radius:4px;border:1px solid var(--red)}@media(max-width:500px){.hero-title{font-size:3rem}.waitlist-form{flex-direction:column}.waitlist-form input[type=email]{min-width:auto;width:100%}.waitlist-form button{width:100%}}