:root{color-scheme:light;--color-bg: #fdfafb;--color-surface: rgba(255, 255, 255, .9);--color-surface-strong: #ffffff;--color-border: rgba(84, 69, 92, .08);--color-text: #1a151d;--color-text-secondary: #564c5a;--color-primary: #e097b3;--color-primary-text: #964d71;--shadow-sm: 0 4px 12px rgba(80, 58, 78, .04);--shadow-card: 0 12px 32px rgba(80, 58, 78, .06);--shadow-soft: 0 24px 60px rgba(80, 58, 78, .1);--radius-lg: 1.5rem;--radius-md: 1rem;--radius-sm: .75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 5rem;--space-16: 6rem;--space-20: 8rem;--font-sans: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Fraunces", serif;font-family:var(--font-sans);line-height:1.6;font-weight:400;background:var(--color-bg);color:var(--color-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top right,rgba(232,180,200,.25),transparent 40%),radial-gradient(circle at left bottom,rgba(245,220,232,.4),transparent 40%),linear-gradient(180deg,#fdfafb,#f7f0f4);color:var(--color-text)}body,button,input,textarea{font:inherit}a{color:inherit;text-decoration:none;transition:color .2s ease}button{cursor:pointer}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{margin:0;color:var(--color-text)}p{margin:0}#root{min-height:100vh;display:flex;flex-direction:column}::selection{background:#e6a9c14d}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 var(--space-5)}.text-center{text-align:center;display:flex;flex-direction:column;align-items:center}.section-header{margin-bottom:var(--space-8)}.eyebrow{display:inline-block;padding:var(--space-1) var(--space-3);background:#e6a9c133;color:var(--color-primary-text);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-bottom:var(--space-3)}.section-header h2{font-family:var(--font-serif);font-size:clamp(2.2rem,5vw,3rem);line-height:1.1;letter-spacing:-.04em;color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.875rem 1.5rem;font-weight:600;font-size:1rem;border-radius:999px;transition:all .25s cubic-bezier(.2,.8,.2,1);cursor:pointer;text-decoration:none}.btn--primary{background:var(--color-text);color:#fff;box-shadow:0 4px 14px #1a151d26}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a151d40;background:var(--color-primary)}.btn--secondary{background:#fff9;color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn--secondary:hover{background:#ffffffe6;border-color:#54455c26}.topbar{position:sticky;top:0;z-index:100;background:#fdfafbcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-3) 0}.topbar__inner{max-width:1400px;margin:0 auto;padding:0 var(--space-5);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:var(--space-2)}.brand__icon{width:28px;height:28px;border-radius:6px;box-shadow:var(--shadow-sm)}.brand__name{font-weight:700;font-size:1.125rem;letter-spacing:-.02em;color:var(--color-text)}.topbar__links{display:flex;gap:var(--space-4);align-items:center;font-size:.9375rem;font-weight:600;color:var(--color-text-secondary)}.topbar__links a:hover{color:var(--color-text)}.link-github{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text)!important;background:#54455c0a;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background .2s ease}.link-github:hover{background:#54455c14}.hero{padding:var(--space-12) var(--space-5) var(--space-10);display:flex;flex-direction:column;align-items:center;text-align:center}.hero__content{max-width:800px;margin:0 auto}.hero__badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:999px;border:1px solid rgba(224,151,179,.3);background:#e097b31a;color:var(--color-primary-text);font-size:.8125rem;font-weight:700;margin-bottom:var(--space-6)}.hero__title{font-family:var(--font-serif);font-size:clamp(3.2rem,8vw,5.5rem);line-height:1;letter-spacing:-.05em;margin-bottom:var(--space-5);color:var(--color-text)}.hero__subtitle{font-size:clamp(1.125rem,3vw,1.35rem);color:var(--color-text-secondary);line-height:1.6;max-width:620px;margin:0 auto var(--space-8)}.hero__actions{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.app-preview-wrapper{margin-top:var(--space-16);width:100%;max-width:1100px}.app-window{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-strong);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.app-window__titlebar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:#fbf7f9f2;border-bottom:1px solid var(--color-border)}.app-window__title{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;font-weight:700;color:var(--color-text-secondary)}.app-window__icon{width:16px;height:16px;border-radius:3px}.app-window__controls{display:flex;gap:6px}.app-window__controls span{width:10px;height:10px;border-radius:50%;background:#5a4e6a33}.app-window__commandbar{display:flex;border-bottom:1px solid var(--color-border);background:#fffc}.cmd-btn{appearance:none;background:transparent;border:none;border-right:1px solid var(--color-border);padding:var(--space-3) var(--space-5);font-size:.85rem;font-family:var(--font-sans);color:var(--color-text-secondary);font-weight:600;transition:background .15s}.cmd-btn:hover{background:#54455c08;color:var(--color-text)}.app-window__body{display:grid;grid-template-columns:280px 1fr;min-height:480px}.app-sidebar{background:#faf6f8;border-right:1px solid var(--color-border)}.app-sidebar__header{display:flex;justify-content:space-between;padding:var(--space-4);font-size:.75rem;font-weight:800;letter-spacing:.1em;color:var(--color-text-secondary)}.count{font-weight:600;letter-spacing:0}.app-sidebar__list{padding:0 var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.app-note{padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;transition:all .2s}.app-note.active{background:#fff;border-color:var(--color-border);box-shadow:0 4px 12px #503a4e0a}.app-note__title{font-size:.9rem;font-weight:800;color:var(--color-text)}.app-note__desc{font-size:.8rem;color:var(--color-text-secondary);margin-top:4px;line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-editor{padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;background:#fff;text-align:left}.app-editor__title{font-family:var(--font-serif);font-size:2rem;color:var(--color-text)}.app-editor__rule{margin:var(--space-4) 0;border-top:2px dashed rgba(90,78,106,.15)}.app-editor__text{font-size:1.05rem;color:var(--color-text);line-height:1.8}.app-editor__footer{margin-top:auto;display:flex;gap:var(--space-4);font-size:.8rem;color:var(--color-text-secondary);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.social-proof{padding:var(--space-10) 0}.social-proof__text{font-size:1rem;color:var(--color-text-secondary);font-weight:600;margin-bottom:var(--space-6)}.social-proof__stats{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;min-width:140px}.stat-card strong{font-size:1.25rem;color:var(--color-text);font-family:var(--font-serif)}.stat-card span{font-size:.85rem;color:var(--color-text-secondary);margin-top:2px}.problem-section{padding:var(--space-16) 0;background:linear-gradient(180deg,transparent,rgba(230,169,193,.05) 50%,transparent)}.problem__content{max-width:720px;margin:0 auto;text-align:center}.problem__content h2{font-family:var(--font-serif);font-size:clamp(2rem,5vw,2.75rem);line-height:1.1;margin-bottom:var(--space-5)}.problem__content p{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.7}.features-section{padding:var(--space-16) 0}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.bento-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.bento-card-0{grid-column:span 7}.bento-card-1,.bento-card-2{grid-column:span 5}.bento-card-3{grid-column:span 7}.bento-card__icon{width:48px;height:48px;background:#e097b326;color:var(--color-primary-text);border-radius:var(--radius-sm);display:grid;place-items:center;margin-bottom:var(--space-5)}.bento-card h3{font-size:1.25rem;font-weight:800;margin-bottom:var(--space-2)}.bento-card p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.steps-section{padding:var(--space-16) 0}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.step-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-sm)}.step-number{font-family:var(--font-serif);font-size:2rem;color:var(--color-primary-text);opacity:.6;margin-bottom:var(--space-3)}.step-card h3{font-size:1.15rem;font-weight:800;margin-bottom:var(--space-2)}.step-card p{color:var(--color-text-secondary);font-size:.95rem}.benefits-section{padding:var(--space-10) 0 var(--space-16)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.benefit-item{display:flex;gap:var(--space-3)}.benefit-item__icon{flex-shrink:0;color:var(--color-primary-text);margin-top:2px}.benefit-item h4{font-size:1.05rem;font-weight:700;margin-bottom:var(--space-1)}.benefit-item p{color:var(--color-text-secondary);font-size:.95rem}.cta-section{padding:var(--space-10) 0}.cta-box{background:var(--color-text);color:#fff;border-radius:var(--radius-lg);padding:var(--space-12) var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-soft)}.cta-box h2{font-family:var(--font-serif);color:#fff;font-size:clamp(2rem,4vw,2.75rem);margin-bottom:var(--space-3)}.cta-box p{color:#fffc;font-size:1.1rem;margin-bottom:var(--space-6);max-width:500px}.cta-box .btn--primary{background:#fff;color:var(--color-text)}.cta-box .btn--primary:hover{background:var(--color-primary);color:#fff}.faq-section{padding:var(--space-16) 0}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.faq-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}.faq-card__q{font-size:1.1rem;font-weight:800;margin-bottom:var(--space-2)}.faq-card__a{color:var(--color-text-secondary);line-height:1.6}.site-footer{padding:var(--space-20) 0 var(--space-10);border-top:1px solid var(--color-border);background:linear-gradient(180deg,transparent,rgba(230,169,193,.03))}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-16)}.footer-col-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-desc{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;max-width:320px}.footer-col-links{display:flex;flex-direction:column;gap:var(--space-5)}.footer-col-links h6{font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text)}.footer-col-links nav{display:flex;flex-direction:column;gap:var(--space-3)}.footer-col-links a{color:var(--color-text-secondary);font-size:.95rem;font-weight:600;transition:color .2s}.footer-col-links a:hover{color:var(--color-primary-text)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.footer-version{color:#564c5a66;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}@media(max-width:900px){.app-preview-wrapper{display:none}.hero{padding-bottom:var(--space-6)}.app-window__body{grid-template-columns:1fr}.app-sidebar{display:none}.bento-card-0,.bento-card-1,.bento-card-2,.bento-card-3{grid-column:span 12}.steps-row,.benefits-grid{grid-template-columns:1fr;gap:var(--space-5)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-col-brand{grid-column:span 2;text-align:center;align-items:center}.footer-desc{max-width:none}}@media(max-width:600px){.link-hidden-mobile{display:none}.hero__actions{flex-direction:column;width:100%}.btn{width:100%}.social-proof__stats{flex-direction:column}.cta-box{border-radius:var(--radius-md);padding:var(--space-8) var(--space-4)}.cta-box h2{font-size:1.75rem}.cta-box p{font-size:1rem;margin-bottom:var(--space-5)}.site-footer{padding:var(--space-12) 0 var(--space-8)}.footer-grid{grid-template-columns:1fr!important;text-align:center;gap:var(--space-10)}.footer-col-brand,.footer-col-links{grid-column:span 1!important;align-items:center}.footer-bottom{flex-direction:column;gap:var(--space-4);padding-top:var(--space-6)}}