@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&display=swap";:root{--sunlight: #F5C842;--sunlight-deep: #D9A800;--sunlight-light: #FDF3C4;--ink: #3D3D3D;--smoke: #6B6B6B;--pebble: #ADADAD;--canvas: #FAFAF8;--cloud: #F2F1EE;--mist: #E8E7E3;--white: #FFFFFF;--meadow: #8DAF8C;--meadow-light: #D9EAD8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background-color:var(--canvas);color:var(--ink);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-serif{font-family:"DM Serif Display",serif;color:var(--ink);font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.25,.1,.25,1) forwards}.container{max-width:1000px;margin:0 auto;padding:0 2rem}.text-ink{color:var(--ink)}.text-smoke{color:var(--smoke)}.bg-canvas{background-color:var(--canvas)}.bg-white{background-color:var(--white)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:9999px;font-family:DM Sans,sans-serif;font-weight:600;font-size:1.125rem;transition:all .2s cubic-bezier(.25,.1,.25,1);cursor:pointer;border:none;text-decoration:none}.btn-primary{background-color:var(--sunlight);color:var(--ink)}.btn-primary:hover,.btn-primary:active{background-color:var(--sunlight-deep)}.btn-secondary{background-color:transparent;color:var(--smoke);border:1px solid var(--mist);padding:.75rem 1.5rem;font-size:1rem}.btn-secondary:hover{background-color:var(--cloud);color:var(--ink)}nav{padding:2rem 0;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo span{font-family:"DM Serif Display",serif;font-size:1.5rem;color:var(--ink)}.hero{padding:6rem 0 4rem;display:flex;flex-direction:column;align-items:center;text-align:center}.tagline{color:var(--smoke);font-size:1.125rem;margin-bottom:2rem;letter-spacing:.05em;text-transform:uppercase}.hero h1{font-size:4rem;line-height:1.1;margin-bottom:2rem;max-width:800px}.hero p{font-size:1.25rem;color:var(--smoke);max-width:600px;margin:0 auto 3rem}.features{padding:4rem 0;background-color:var(--cloud)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background-color:var(--white);padding:2.5rem;border-radius:16px;box-shadow:0 4px 12px #3d3d3d0a}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--smoke)}.mockup-container{margin:4rem auto;max-width:600px;background-color:var(--white);border-radius:16px;padding:2.5rem;box-shadow:0 12px 32px #3d3d3d14;border:1px solid var(--mist);text-align:left}.mockup-prompt{font-family:"DM Serif Display",serif;font-size:2rem;line-height:1.3;color:var(--ink);margin-bottom:2rem}.mockup-input{display:inline-block;background-color:var(--cloud);color:var(--pebble);padding:.25rem .5rem;border-radius:8px;font-family:DM Sans,sans-serif;margin:0 .5rem}.redirect-overlay{position:fixed;inset:0;background:#fafaf8f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity .4s ease}.redirect-overlay.active{opacity:1;pointer-events:auto}.redirect-spinner{width:3rem;height:3rem;border:3px solid var(--mist);border-top-color:var(--ink);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}footer{padding:4rem 0;border-top:1px solid var(--mist);margin-top:4rem;text-align:center;color:var(--smoke)}.footer-links{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.footer-links a{color:var(--smoke);text-decoration:none}.footer-links a:hover{color:var(--ink)}@media(max-width:768px){.hero h1{font-size:2.5rem}.mockup-prompt{font-size:1.5rem}}