@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e2e8f0;background:#020617;margin:0;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.hero-bg{background:radial-gradient(circle at 16% 14%,#bf0d3e47,#0000 34%),radial-gradient(circle at 80% 18%,#f9731638,#0000 30%),linear-gradient(135deg,#0f172a 0%,#111827 46%,#020617 100%)}.grid-mask{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(#000 0%,#0000 78%);mask-image:linear-gradient(#000 0%,#0000 78%)}.letter{font-family:Georgia,Times New Roman,serif;line-height:1.72}.shine{position:relative;overflow:hidden}.shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:35%;height:240%;animation:7s ease-in-out infinite sweep;position:absolute;inset:-70% auto auto -30%;transform:rotate(22deg)}@keyframes sweep{0%,72%{left:-35%}to{left:135%}}@media (prefers-reduced-motion:reduce){.shine:after{animation:none}}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.nav{z-index:2;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:20px 24px;display:flex;position:relative}.logo{color:#fff;align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.logo-icon{color:#020617;background:#fff;border-radius:14px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 0 1px #ffffff14,0 30px 90px #0f172a73}.navlinks{color:#cbd5e1;gap:30px;font-size:14px;font-weight:600;display:flex}.nav-cta,.btn-white{color:#020617;background:#fff;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:800}.hero{position:relative;overflow:hidden}.hero-inner{z-index:1;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;max-width:1180px;margin:0 auto;padding:70px 24px 112px;display:grid;position:relative}.pill{color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:inline-flex;box-shadow:0 0 0 1px #ffffff14,0 30px 90px #0f172a73}.dot{background:#34d399;border-radius:999px;width:8px;height:8px}h1{color:#fff;letter-spacing:-.055em;margin:24px 0 0;font-size:clamp(48px,7vw,78px);font-weight:800;line-height:.98}.gradient-text{background:linear-gradient(90deg,#fca5a5,#fed7aa,#fde68a);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:#cbd5e1;max-width:680px;margin-top:24px;font-size:20px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.btn-red,.btn-dark{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 24px;font-size:16px;font-weight:800;display:inline-flex}.btn-red{color:#fff;background:#ef4444;box-shadow:0 18px 55px #0206173d}.btn-red:hover{background:#f87171}.btn-dark{color:#fff;background:#020617}.btn-dark:hover{background:#dc2626}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:15px 24px;font-weight:800}.stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:12px;max-width:560px;margin-top:34px;display:grid}.stat{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:22px;padding:16px}.stat b{color:#fff;font-size:26px;display:block}.stat span{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.sample-shell{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:34px;padding:12px;position:relative;box-shadow:0 0 0 1px #ffffff14,0 30px 90px #0f172a73}.sample{color:#0f172a;background:#fffaf0;border-radius:26px;padding:30px;box-shadow:0 18px 55px #0206173d}.sample-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.eyebrow{color:#b91c1c;letter-spacing:.24em;text-transform:uppercase;font-size:12px;font-weight:800}.sample h2{margin:8px 0 0;font-size:28px}.date-box{color:#64748b;text-align:right;border:1px solid #e2e8f0;border-radius:12px;padding:9px 12px;font-size:12px}.date-box b{color:#0f172a}.sample-body{color:#334155;margin-top:24px;font-size:15px}.section-light{color:#020617;background:#f8fafc;padding:80px 0}.section-white{color:#020617;background:#fff;padding:80px 0}.section-dark{color:#fff;background:#020617;padding:80px 0}.center{text-align:center;max-width:760px;margin:0 auto}.kicker{color:#dc2626;letter-spacing:.22em;text-transform:uppercase;font-size:13px;font-weight:800}h2.section-title{letter-spacing:-.04em;margin:12px 0 0;font-size:clamp(34px,4vw,52px);line-height:1.05}.sub{color:#64748b;margin-top:16px;font-size:18px;line-height:1.7}.generator-grid{grid-template-columns:.9fr 1.1fr;gap:24px;margin-top:48px;display:grid}.card{color:#020617;background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:28px;box-shadow:0 18px 55px #0206171f}.field{margin-bottom:18px;display:block}.field span{color:#334155;margin-bottom:8px;font-size:14px;font-weight:800;display:block}.field input,.field textarea,.field select{color:#020617;background:#fff;border:1px solid #e2e8f0;border-radius:18px;outline:0;width:100%;padding:13px 15px}.field textarea{resize:vertical;min-height:106px}.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.small{color:#64748b;font-size:12px;line-height:1.55}.direct-link{text-align:center;color:#b91c1c;margin:12px 0 0;font-size:14px;font-weight:800;display:block}.preview-card{color:#020617;background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:18px;box-shadow:0 18px 55px #0206171f}.preview-top{justify-content:space-between;align-items:center;margin:0 4px 16px;display:flex}.preview-paper{color:#334155;background:#fffaf0;border:1px solid #e2e8f0;border-radius:22px;padding:30px;font-size:15px}.print-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:9px 14px;font-weight:800}.split{grid-template-columns:.75fr 1.25fr;align-items:start;gap:42px;display:grid}.steps{grid-template-columns:1fr 1fr;gap:16px;display:grid}.step,.use-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:28px;padding:24px}.num{color:#b91c1c;background:#fee2e2;border-radius:16px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.step h3,.use-card h3{margin:20px 0 8px}.step p,.use-card p{color:#64748b;margin:0;line-height:1.6}.use-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;display:grid}.use-card.dark{color:#fff;background:#ffffff0f;border-color:#ffffff1a}.use-card.dark p{color:#94a3b8;font-size:14px}.use-card i{color:#fca5a5;font-size:24px}.price-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:32px;display:grid}.plans{grid-template-columns:1fr 1fr;gap:20px;display:grid}.plan{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:28px;box-shadow:0 18px 55px #0206171f}.plan.featured{border:2px solid #ef4444}.price{margin-top:22px;font-size:44px;font-weight:800}ul.clean{color:#475569;margin:24px 0 0;padding:0;list-style:none}ul.clean li{margin:12px 0}.badge{color:#b91c1c;letter-spacing:.1em;text-transform:uppercase;background:#fee2e2;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.faq{border:1px solid #e2e8f0;border-radius:28px;max-width:860px;margin:40px auto 0;overflow:hidden;box-shadow:0 18px 55px #0206171f}details{border-bottom:1px solid #e2e8f0;padding:24px}details:last-child{border-bottom:0}summary{cursor:pointer;font-weight:800}details p{color:#64748b;line-height:1.7}.footer{color:#94a3b8;background:#020617;padding:36px 0;font-size:14px}.footer .wrap{justify-content:space-between;gap:16px;display:flex}.toast,.success-banner{z-index:50;border-radius:18px;padding:14px 18px;font-size:14px;font-weight:800;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #0206173d}.toast{color:#fff;background:#020617;bottom:20px}.success-banner{color:#064e3b;background:#ecfdf5;border:1px solid #a7f3d0;width:calc(100% - 32px);max-width:560px;top:20px}.hidden{display:none}.error{color:#b91c1c;min-height:20px;font-size:13px;font-weight:700}.success-page{background:radial-gradient(circle at top,#ef44443d,#0000 36%),#020617;place-items:center;min-height:100vh;padding:24px;display:grid}.success-card{color:#020617;background:#fff;border-radius:32px;max-width:680px;padding:34px;box-shadow:0 30px 100px #00000059}.success-card h1{color:#020617;letter-spacing:-.04em;margin:12px 0;font-size:42px}.success-card p{color:#475569;line-height:1.7}.success-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}@media (max-width:900px){.navlinks{display:none}.hero-inner,.generator-grid,.split,.price-grid{grid-template-columns:1fr}.use-grid,.plans{grid-template-columns:1fr 1fr}}@media (max-width:620px){.hero-inner{padding-top:42px}.stats,.two,.steps,.use-grid,.plans{grid-template-columns:1fr}.sample{padding:22px}.nav,.wrap{padding-left:18px;padding-right:18px}}
