:root{--bg: #0B1426;--bg-surface: #111D35;--bg-card: #152240;--bg-hover: #1A2A4E;--border: rgba(201, 165, 92, .12);--border-strong: rgba(201, 165, 92, .25);--text: #E8EAF0;--text-muted: #8A94A8;--text-heading: #F0F2F5;--gold: #C9A55C;--gold-light: #D4B76E;--gold-dark: #A88A42;--gold-glow: rgba(201, 165, 92, .25);--gold-subtle: rgba(201, 165, 92, .08);--gradient-gold: linear-gradient(135deg, #C9A55C, #A88A42);--gradient-hero: linear-gradient(180deg, #0B1426 0%, #111D35 100%);--paper: #FBF9F4;--paper-text: #2C2C2C;--paper-border: #E5DDD0;--radius: 10px;--radius-lg: 16px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-gold: 0 4px 20px rgba(201, 165, 92, .2);--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;max-width:1160px;margin:0 auto;position:relative;z-index:10}.navbar-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.brand-icon{width:36px;height:36px;background:var(--gradient-gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#0b1426;font-weight:700}.brand-text{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-heading);letter-spacing:-.01em}.brand-text span{color:var(--gold)}.navbar-links{display:flex;align-items:center;gap:2rem}.navbar-links a{color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:500;transition:color var(--transition);position:relative}.navbar-links a:hover{color:var(--gold)}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gold);transition:width var(--transition)}.navbar-links a:hover:after{width:100%}.btn-nav-cta{background:#c9a55c1a;color:var(--gold)!important;padding:8px 20px;border-radius:8px;border:1px solid rgba(201,165,92,.2);font-weight:600!important;transition:all var(--transition)!important}.btn-nav-cta:hover{background:#c9a55c26!important;border-color:var(--gold)!important}.btn-nav-cta:after{display:none!important}.app{max-width:1100px;margin:0 auto;padding:0 1.5rem}.hero{text-align:center;padding:4rem 0 3rem;position:relative}.hero:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(201,165,92,.06) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--gold-subtle);color:var(--gold);padding:8px 18px;border-radius:24px;font-size:.78rem;font-weight:600;margin-bottom:2rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(201,165,92,.12)}.hero h1{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;line-height:1.15;margin-bottom:1.25rem;color:var(--text-heading);letter-spacing:-.01em}.accent{color:var(--gold);position:relative}.accent:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:3px;background:var(--gradient-gold);border-radius:2px;opacity:.5}.hero>p{font-size:1.1rem;color:var(--text-muted);max-width:580px;margin:0 auto 2.5rem;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:1.25rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.remaining{font-size:.85rem;color:var(--text-muted);padding:8px 16px;background:var(--gold-subtle);border-radius:8px;border:1px solid rgba(201,165,92,.08)}.trust-bar{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;padding:2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.trust-item{text-align:center}.trust-item .value{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--gold);margin-bottom:2px}.trust-item .label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--gradient-gold);color:#0b1426;padding:14px 32px;border-radius:var(--radius);font-weight:700;font-size:.95rem;border:none;cursor:pointer;text-decoration:none;transition:all var(--transition);box-shadow:var(--shadow-gold);letter-spacing:.02em}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #c9a55c59;filter:brightness(1.08)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}.btn-sm{background:var(--bg-hover);color:var(--text);border:1px solid var(--border);padding:8px 18px;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:500;transition:all var(--transition)}.btn-sm:hover{background:#c9a55c1a;border-color:var(--gold);color:var(--gold)}.generator{padding:4rem 0}.generator>h2{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:var(--text-heading)}.generator>.section-sub{text-align:center;color:var(--text-muted);font-size:.92rem;margin-bottom:2.5rem}.gen-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:2rem;align-items:start}.gen-form{display:flex;flex-direction:column;gap:1.1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem}.form-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--gold);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:12px 16px;border-radius:var(--radius);font-size:.9rem;font-family:var(--font-body);outline:none;transition:all var(--transition);resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.field input::placeholder,.field textarea::placeholder{color:#8a94a880}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23C9A55C' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-generate{margin-top:.75rem;width:100%;justify-content:center;padding:16px;font-size:1rem;border-radius:var(--radius)}.gen-output{background:var(--paper);border:1px solid var(--paper-border);border-radius:var(--radius-lg);min-height:480px;display:flex;flex-direction:column;box-shadow:var(--shadow-card),8px 8px #00000026;position:relative;overflow:hidden}.gen-output:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-gold)}.output-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#c9a55c0f;border-bottom:1px solid var(--paper-border)}.word-count{font-size:.78rem;color:#8a7c68;font-weight:500}.output-actions{display:flex;gap:.5rem}.output-actions .btn-sm{background:#fff;color:#5a5040;border-color:var(--paper-border)}.output-actions .btn-sm:hover{background:#c9a55c1f;border-color:var(--gold);color:var(--gold-dark)}.output-text{padding:2rem 2.5rem;font-size:.88rem;line-height:1.8;white-space:pre-wrap;word-wrap:break-word;flex:1;overflow-y:auto;max-height:650px;font-family:Georgia,Times New Roman,serif;color:var(--paper-text)}.output-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#b5a98e;gap:.75rem;padding:3rem}.placeholder-icon{font-size:3.5rem;opacity:.4}.output-placeholder p{font-family:var(--font-heading);color:#9e9280;font-size:1rem}.placeholder-sub{font-family:var(--font-body)!important;font-size:.82rem!important;color:#beb3a0!important}.clause-checklist{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1.5rem;margin-top:1rem;text-align:left}.clause-checklist span{font-size:.78rem;color:#a89a80;font-family:var(--font-body)}.spinner{width:18px;height:18px;border:2.5px solid rgba(11,20,38,.2);border-top-color:#0b1426;border-radius:50%;animation:spin .7s linear infinite;margin-right:8px;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.how-it-works{padding:5rem 0;text-align:center}.how-it-works h2{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:var(--text-heading)}.how-it-works>p{color:var(--text-muted);font-size:.92rem;margin-bottom:2.5rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.25rem 1.75rem;text-align:center;transition:all var(--transition);position:relative}.step-card:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:var(--shadow-card)}.step-num{width:44px;height:44px;background:var(--gradient-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-weight:800;font-size:1.1rem;color:#0b1426;font-family:var(--font-heading)}.step-card h3{font-family:var(--font-heading);font-size:1.08rem;margin-bottom:.6rem;color:var(--text-heading)}.step-card p{font-size:.85rem;color:var(--text-muted);line-height:1.6}.step-card:not(:last-child):after{content:"→";position:absolute;right:-1.1rem;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1.2rem;opacity:.4}.features{padding:5rem 0;text-align:center}.features h2{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:var(--text-heading)}.features>p{color:var(--text-muted);font-size:.92rem;margin-bottom:2.5rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:left;transition:all var(--transition)}.feature-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:var(--shadow-card)}.feature-icon{width:48px;height:48px;background:var(--gold-subtle);border:1px solid rgba(201,165,92,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1rem}.feature-card h3{font-family:var(--font-heading);font-size:1rem;margin-bottom:.5rem;color:var(--text-heading)}.feature-card p{font-size:.82rem;color:var(--text-muted);line-height:1.6}.faq-section{padding:5rem 0;max-width:720px;margin:0 auto}.faq-section h2{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:2.5rem;color:var(--text-heading)}.faq-list{display:flex;flex-direction:column;gap:.6rem}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);overflow:hidden}.faq-item:hover{border-color:var(--border-strong)}.faq-q{padding:1.25rem 1.5rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;font-size:.92rem;color:var(--text-heading)}.faq-toggle{font-size:1.2rem;color:var(--gold);font-weight:300;flex-shrink:0;margin-left:1rem;transition:transform var(--transition)}.faq-a{padding:1rem 1.5rem 1.25rem;font-size:.85rem;color:var(--text-muted);line-height:1.7;border-top:1px solid var(--border)}.faq-item.open{border-color:var(--gold);background:#c9a55c08}.faq-item.open .faq-toggle{transform:rotate(45deg)}.cta-section{padding:4rem 0}.cta-card{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:4rem 3rem;text-align:center;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center top,rgba(201,165,92,.08) 0%,transparent 60%);pointer-events:none}.cta-card h2{font-family:var(--font-heading);font-size:1.7rem;font-weight:700;margin-bottom:.75rem;position:relative;color:var(--text-heading)}.cta-card p{font-size:1rem;color:var(--text-muted);margin-bottom:2rem;position:relative;max-width:520px;margin-left:auto;margin-right:auto}.cta-card .btn-primary{position:relative;font-size:1.05rem;padding:16px 36px}.footer{padding:3rem 0 2rem;text-align:center;border-top:1px solid var(--border)}.footer-author{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;justify-content:center}.footer-author span:first-child{font-size:1.25rem}.footer-author-text{font-size:.85rem;color:var(--text-muted)}.footer-author-text a{color:var(--gold);text-decoration:none;font-weight:500;transition:color var(--transition)}.footer-author-text a:hover{color:var(--gold-light)}.footer-links{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color var(--transition);font-weight:500}.footer-links a:hover{color:var(--gold)}.footer-divider{width:60px;height:1px;background:var(--border);margin:1rem auto}.footer-copy{font-size:.75rem;color:#8a94a866}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1426bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:2.5rem;max-width:420px;width:90%;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:color var(--transition)}.modal-close:hover{color:var(--gold)}.modal-icon{font-size:2.5rem;text-align:center;margin-bottom:1rem}.modal-card h3{text-align:center;font-family:var(--font-heading);font-size:1.3rem;margin-bottom:.5rem;color:var(--text-heading)}.modal-card>p{text-align:center;font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.modal-price{text-align:center;margin-bottom:1.5rem}.modal-price .price{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--gold)}.modal-price .period{font-size:1rem;color:var(--text-muted)}.modal-features{list-style:none;margin-bottom:1rem}.modal-features li{padding:10px 0;font-size:.9rem;color:var(--text);border-bottom:1px solid var(--border)}.modal-features li:last-child{border-bottom:none}.modal-reset{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:1rem}@media(max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem 1.5rem}.navbar-links{gap:1rem;flex-wrap:wrap;justify-content:center}.gen-grid{grid-template-columns:1fr}.gen-form{padding:1.5rem}.steps{grid-template-columns:1fr}.step-card:after{display:none!important}.features-grid,.field-row{grid-template-columns:1fr}.hero{padding:2.5rem 0 2rem}.hero h1{font-size:1.8rem}.trust-bar{gap:1.5rem}.output-text{padding:1.5rem}.cta-card{padding:3rem 1.5rem}.clause-checklist{grid-template-columns:1fr}}@media(max-width:480px){.app{padding:0 1rem}.hero h1{font-size:1.6rem}.gen-form{padding:1.25rem}}