html,body,#root{min-height:100%}*{box-sizing:border-box}html{scroll-behavior:smooth}:root{color:#f5efe5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 50% 0,#f59e0b2e,#0000 45%),radial-gradient(circle at 85% 25%,#3b82f61f,#0000 35%),linear-gradient(#090a0f 0%,#0d0f17 50%,#090a0f 100%);font-family:Plus Jakarta Sans,Inter,Segoe UI,system-ui,sans-serif}body{min-width:320px;color:inherit;background:0 0;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000 95%);mask-image:linear-gradient(#00000080,#0000 95%)}button,textarea,input{font:inherit}button{cursor:pointer;border:none}#root{min-height:100vh}.landing-app{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090a0fd1;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:20px;width:min(1200px,100% - 32px);height:72px;margin:0 auto;display:flex}.nav-brand{color:#fff;align-items:center;gap:8px;text-decoration:none;display:flex}.brand-logo{font-size:1.4rem}.brand-name{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#ffdca8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.2rem;font-weight:800}.brand-tag{color:#fbbf24;text-transform:uppercase;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{color:#f5efe5bf;background:0 0;padding:6px 10px;font-size:.92rem;font-weight:500;transition:color .2s}.nav-link:hover{color:#fff}.nav-cta{border-radius:999px;padding:10px 20px;font-size:.9rem}.shell{width:min(1200px,100% - 32px);margin:0 auto;padding:40px 0 80px}.hero-landing{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#11131aa6;border:1px solid #ffffff14;border-radius:36px;margin-bottom:48px;padding:48px 24px 64px;position:relative;overflow:hidden;box-shadow:0 40px 100px #0006}.hero-landing:before{content:"";pointer-events:none;background:radial-gradient(#f59e0b40,#0000 70%);width:500px;height:250px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.hero-badge-wrap{justify-content:center;margin-bottom:20px;display:flex}.eyebrow{color:#ffdca8;letter-spacing:.05em;text-transform:uppercase;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:.82rem;font-weight:600;display:inline-flex}.hero-headline{letter-spacing:-.04em;color:#fff;max-width:20ch;margin:0 auto 20px;font-size:clamp(2.5rem,5vw,4.2rem);font-weight:800;line-height:1.08}.highlight-text{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subheadline{color:#f5efe5cc;max-width:64ch;margin:0 auto 32px;font-size:1.12rem;line-height:1.65}.hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:28px;display:flex}.hero-cta{border-radius:999px;padding:16px 36px;font-size:1.08rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 30px #f59e0b59}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px #f59e0b73}.hero-sample-cta{border-radius:999px;padding:16px 28px;font-size:1rem;font-weight:600}.hero-trust-bar{color:#f5efe5b3;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-bottom:40px;font-size:.88rem;font-weight:500;display:flex}.hero-metrics-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto;display:grid}.metric-card{text-align:center;background:#ffffff09;border:1px solid #ffffff14;border-radius:24px;padding:20px}.metric-card strong{color:#fff;margin-bottom:4px;font-size:1.8rem;font-weight:800;display:block}.metric-card span{color:#f5efe5b3;font-size:.85rem;line-height:1.4}.landing-section{margin-bottom:80px}.section-header{text-align:center;margin-bottom:48px}.section-label{color:#ffdca8;letter-spacing:.1em;text-transform:uppercase;background:#f59e0b1f;border:1px solid #f59e0b38;border-radius:999px;margin-bottom:12px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.section-header h2{color:#fff;letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800}.section-header p{color:#f5efe5b3;max-width:54ch;margin:0 auto;font-size:1.05rem;line-height:1.6}.problem-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.problem-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11131ab8;border:1px solid #ffffff14;border-radius:28px;padding:28px 24px;transition:transform .2s,border-color .2s}.problem-card:hover{border-color:#f59e0b4d;transform:translateY(-4px)}.problem-icon{margin-bottom:16px;font-size:2rem}.problem-card h3{color:#fff;margin:0 0 10px;font-size:1.15rem;font-weight:700}.problem-card p{color:#f5efe5b3;margin:0;font-size:.92rem;line-height:1.6}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{background:#11131abf;border:1px solid #ffffff14;border-radius:28px;padding:32px 28px;position:relative;overflow:hidden}.step-number{color:#f59e0b40;margin-bottom:12px;font-size:2.8rem;font-weight:800;line-height:1}.step-card h3{color:#fff;margin:0 0 10px;font-size:1.25rem;font-weight:700}.step-card p{color:#f5efe5b3;margin:0;font-size:.95rem;line-height:1.6}.workspace-wrapper{scroll-margin-top:90px}.workspace{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1117d9;border:1px solid #ffffff1a;border-radius:32px;gap:20px;padding:32px;display:grid;box-shadow:0 40px 100px #00000073}.workspace-top-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.fill-sample-btn{border-radius:999px;padding:10px 18px;font-size:.88rem;font-weight:600}.editor-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.input-card{background:#07080c99;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:12px;padding:20px;display:flex}.input-head{color:#fff;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:700;display:flex}.input-card textarea{color:#fff;resize:vertical;background:0 0;border:none;outline:none;width:100%;font-size:.95rem;line-height:1.6}.email-callout{background:#ffffff09;border:1px solid #ffffff14;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.email-input-group{flex-direction:column;flex:1;gap:6px;min-width:260px;display:flex}.muted-label{color:#f5efe5b3;font-size:.82rem;font-weight:600}.actions-row{flex-direction:column;align-items:center;gap:10px;display:flex}.analyze-btn{border-radius:999px;width:100%;max-width:400px;padding:18px 32px;font-size:1.1rem;font-weight:800;box-shadow:0 10px 30px #f59e0b59}.analyze-btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px #f59e0b73}.status-pill{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:700}.status-pill.free{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.status-pill.premium{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.result-card{background:#0d0f16f2;border:1px solid #ffffff1f;border-radius:32px;gap:28px;margin-top:24px;padding:32px;display:grid}.result-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.result-summary h2{color:#fff;margin:8px 0 6px;font-size:2rem}.score-ring{background:conic-gradient(#f59e0b var(--score), #ffffff1a 0deg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative;box-shadow:0 10px 30px #0006}.score-ring:before{content:"";background:#0d0f16;border-radius:50%;position:absolute;inset:8px}.score-ring span,.score-ring small{z-index:1;position:relative}.score-ring span{color:#fff;font-size:1.8rem;font-weight:800;line-height:1}.score-ring small{color:#fff9;font-size:.72rem}.progress-track{background:#ffffff1a;border-radius:999px;height:10px;margin-top:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:999px;height:100%;transition:width .6s}.result-badges{flex-wrap:wrap;gap:10px;display:flex}.summary-badge{color:#ffdca8;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:600}.summary-badge.muted-badge{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.summary-badge.accent-badge{color:#93c5fd;background:#3b82f626;border-color:#3b82f64d}.result-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.result-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:24px}.result-section.full-width{grid-column:span 2}.result-section h3{color:#fff;margin:0 0 4px;font-size:1.1rem}.result-section p{color:#f5efe5a6;margin:0 0 16px;font-size:.85rem}.chips-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips-list li,.chips-list span{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d;border-radius:999px;padding:6px 12px;font-size:.84rem;font-weight:600}.chips-list.missing li,.chips-list.missing span{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.result-list,.tips-list{color:#f5efe5d9;margin:0;padding-left:20px;font-size:.92rem;line-height:1.6}.warning-box{color:#ffdca8;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:20px;padding:16px 20px;font-size:.88rem}.category-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.category-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:16px}.category-card-head{color:#fff;justify-content:space-between;margin-bottom:8px;font-size:.9rem;display:flex}.mini-progress{background:#ffffff1a;border-radius:999px;height:6px;margin-bottom:8px;overflow:hidden}.mini-progress-fill{background:#f59e0b;border-radius:999px;height:100%}.category-card p{color:#f5efe5b3;margin:0;font-size:.82rem}.example-result-card{background:#11131acc;border:1px solid #f59e0b33;border-radius:32px;padding:36px;box-shadow:0 30px 80px #0006}.example-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.example-role{color:#fbbf24;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.example-header h3{color:#fff;margin:4px 0 0;font-size:1.4rem}.example-score-badge{background:#22c55e26;border:1px solid #22c55e4d;border-radius:999px;align-items:baseline;gap:4px;padding:10px 20px;display:flex}.score-num{color:#4ade80;font-size:1.6rem;font-weight:800}.score-den{color:#fff9;font-size:.85rem}.score-status{color:#86efac;margin-left:8px;font-size:.85rem;font-weight:700}.example-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}.example-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:20px}.example-box.warning-box-subtle{border-color:#ef444440}.example-box h4,.example-tips h4{color:#fff;margin:0 0 14px;font-size:1rem}.example-tips{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:20px;padding:24px}.example-tips ul{color:#f5efe5d9;margin:0;padding-left:20px;font-size:.92rem;line-height:1.6}.benefits-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.benefit-card{text-align:left;background:#11131ab8;border:1px solid #ffffff14;border-radius:28px;padding:28px 24px}.benefit-icon{margin-bottom:16px;font-size:2rem}.benefit-card h3{color:#fff;margin:0 0 10px;font-size:1.15rem;font-weight:700}.benefit-card p{color:#f5efe5b3;margin:0;font-size:.92rem;line-height:1.6}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:960px;margin:0 auto;display:grid}.pricing-card{background:#11131abf;border:1px solid #ffffff1a;border-radius:32px;flex-direction:column;padding:36px 32px;display:flex;position:relative}.pricing-card.featured{background:linear-gradient(145deg,#161822f2,#261a0ff2);border-color:#f59e0b66;box-shadow:0 20px 60px #f59e0b26}.pricing-badge{text-transform:uppercase;letter-spacing:.05em;color:#fffc;background:#ffffff14;border-radius:999px;align-self:flex-start;margin-bottom:16px;padding:6px 12px;font-size:.75rem;font-weight:700}.pricing-badge.popular{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66}.pricing-card h3{color:#fff;margin:0 0 12px;font-size:1.5rem}.price-tag{align-items:baseline;gap:6px;margin-bottom:14px;display:flex}.price-tag .amount{color:#fff;font-size:3rem;font-weight:800;line-height:1}.price-tag .period{color:#f5efe599;font-size:1rem}.pricing-desc{color:#f5efe5b3;margin:0 0 24px;font-size:.94rem;line-height:1.5}.pricing-features{color:#f5efe5d9;flex-direction:column;gap:12px;margin:0 0 32px;padding:0;font-size:.95rem;list-style:none;display:flex}.pricing-cta{border-radius:999px;width:100%;margin-top:auto;padding:14px 24px;font-size:1rem;font-weight:700}.pricing-form-block{gap:14px;margin-top:auto;display:grid}.faq-accordion{flex-direction:column;gap:14px;max-width:800px;margin:0 auto;display:flex}.faq-item{background:#11131abf;border:1px solid #ffffff14;border-radius:20px;transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:#f59e0b4d}.faq-question{color:#fff;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;font-size:1.05rem;font-weight:700;display:flex}.faq-icon{color:#f59e0b;font-size:1.4rem;font-weight:400}.faq-answer{color:#f5efe5bf;padding:0 24px 20px;font-size:.95rem;line-height:1.65}.final-cta-banner{text-align:center;background:linear-gradient(135deg,#1e140ae6,#0f1118e6);border:1px solid #f59e0b4d;border-radius:36px;margin-bottom:60px;padding:64px 32px;box-shadow:0 30px 90px #0006}.cta-content h2{color:#fff;margin:0 0 14px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.cta-content p{color:#f5efe5cc;max-width:50ch;margin:0 auto 28px;font-size:1.1rem}.final-cta-btn{border-radius:999px;padding:18px 40px;font-size:1.1rem;font-weight:800;box-shadow:0 12px 36px #f59e0b66}.landing-footer{background:#07080cf2;border-top:1px solid #ffffff14;padding:48px 0 40px}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:40px;width:min(1200px,100% - 32px);margin:0 auto;display:flex}.footer-brand{max-width:320px}.footer-tagline{color:#f5efe599;margin:12px 0 16px;font-size:.88rem;line-height:1.5}.copyright{color:#f5efe566;margin:0;font-size:.8rem}.footer-links{gap:60px;display:flex}.footer-col{flex-direction:column;gap:10px;display:flex}.footer-col h4{color:#fff;margin:0 0 6px;font-size:.92rem;font-weight:700}.footer-link-btn{color:#f5efe5a6;text-align:left;background:0 0;padding:2px 0;font-size:.88rem;transition:color .2s}.footer-link-btn:hover{color:#f59e0b}.primary-button{color:#0c0d10;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);font-weight:700;transition:opacity .2s,transform .2s}.primary-button:hover{opacity:.92}.primary-button:disabled{opacity:.5;cursor:not-allowed}.ghost-button{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;transition:background .2s}.ghost-button:hover{background:#ffffff1f}.alert{border-radius:16px;margin-top:10px;padding:14px 18px;font-size:.88rem}.alert.success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.alert.info{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.alert.error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.hint{color:#f5efe599;margin:4px 0 0;font-size:.82rem}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#111319;border:1px solid #ffffff26;border-radius:28px;flex-direction:column;width:min(600px,100%);max-height:85vh;display:flex;overflow:hidden;box-shadow:0 30px 90px #0009}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#fff;margin:0;font-size:1.2rem}.modal-close{color:#fff9;background:0 0;border-radius:8px;padding:4px 8px;font-size:1.2rem}.modal-close:hover{color:#fff;background:#ffffff1a}.modal-body{padding:24px;overflow-y:auto}.policy-text h4{color:#f59e0b;margin:16px 0 6px}.policy-text p{color:#f5efe5cc;margin:0 0 12px;font-size:.92rem;line-height:1.6}.contact-form{gap:16px;display:grid}@media (width<=990px){.problem-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}.steps-grid,.editor-grid,.result-grid,.category-grid,.example-grid{grid-template-columns:1fr}.result-section.full-width{grid-column:auto}.nav-links{display:none}}@media (width<=680px){.problem-grid,.benefits-grid,.pricing-grid,.hero-metrics-grid{grid-template-columns:1fr}.hero-landing{padding:32px 16px}.hero-headline{font-size:2.2rem}.workspace{padding:20px 16px}.footer-container{flex-direction:column}}