@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0d0a;--bg-mid:#1a1410;--bg-light:#221e18;--gold:#b8935a;--gold-light:#d4aa72;--cream:#f0ece6;--stone:#a89880;--muted:#6b5f54;--danger:#9b3a3a;--success:#4a7c59;--navy:#0f0d0a;--navy-mid:#1a1410;--navy-light:#221e18;--cream-dark:#2c2820;--white:#1a1410;--gray:#6b5f54;--text-dark:#f0ece6;--text-mid:#a89880}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--cream);min-height:100vh;font-family:EB Garamond,Georgia,serif}h1,h2,h3,h4{font-family:Cormorant Garamond,serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #b8935a66}50%{box-shadow:0 0 0 8px #b8935a00}}@keyframes flicker{0%{opacity:1;transform:scaleX(1)scaleY(1)rotate(-1deg)}to{opacity:.9;transform:scaleX(.95)scaleY(1.05)rotate(1deg)}}.fade-up{animation:.7s both fadeUp}.fade-up-1{animation:.7s .1s both fadeUp}.fade-up-2{animation:.7s .2s both fadeUp}.fade-up-3{animation:.7s .35s both fadeUp}.fade-up-4{animation:.7s .5s both fadeUp}.app{background:var(--bg);min-height:100vh}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0d0af7;border-bottom:1px solid #b8935a26;justify-content:space-between;align-items:center;height:64px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--cream);letter-spacing:3px;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:400;transition:opacity .2s;display:flex}.nav-logo:hover{opacity:.85}.nav-logo-dot{background:var(--gold);border-radius:50%;width:6px;height:6px}.nav-cta{background:var(--gold);color:var(--bg);cursor:pointer;border:none;border-radius:4px;padding:8px 20px;font-family:EB Garamond,serif;font-size:14px;transition:all .2s}.nav-cta:hover{background:var(--gold-light);transform:translateY(-1px)}.nav-cta.outline{color:var(--gold);background:0 0;border:1px solid #b8935a66}.nav-cta.outline:hover{background:#b8935a1a}.btn-primary{background:var(--gold);color:var(--bg);cursor:pointer;border:none;border-radius:4px;padding:14px 32px;font-family:EB Garamond,serif;font-size:15px;transition:all .2s}.btn-primary:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px #b8935a40}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-ghost{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #c8bfb033;border-radius:4px;padding:14px 28px;font-family:EB Garamond,serif;font-size:15px;transition:all .2s}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;font-family:EB Garamond,serif;font-size:13px;text-decoration:underline;transition:color .2s}.link-btn:hover{color:var(--cream)}.spinner{border:2px solid #f0ece626;border-top-color:var(--gold);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin}.toast{z-index:9999;background:var(--bg-mid);color:var(--cream);border-left:3px solid var(--gold);border-radius:6px;padding:14px 22px;font-family:EB Garamond,serif;font-size:14px;animation:.3s fadeUp;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 32px #00000080}.hero{background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px;display:flex;position:relative;overflow:hidden}.hero-orb{pointer-events:none;background:radial-gradient(circle,#b8935a0f 0%,#0000 70%);border-radius:50%;position:absolute}.hero-orb-1{width:700px;height:700px;top:-200px;right:-200px}.hero-orb-2{width:500px;height:500px;bottom:-150px;left:-150px}.hero-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:24px;font-family:sans-serif;font-size:11px;font-weight:700}.hero-title{color:var(--cream);margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:clamp(48px,7vw,88px);font-weight:300;line-height:1.05}.hero-title em{color:var(--gold-light);font-style:italic}.hero-subtitle{color:var(--stone);max-width:640px;margin:20px auto 48px;font-family:EB Garamond,serif;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.section{padding:100px 24px}.section-inner{max-width:1100px;margin:0 auto}.section-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-family:sans-serif;font-size:11px;font-weight:700}.section-title{color:var(--cream);font-family:Cormorant Garamond,serif;font-size:clamp(36px,5vw,58px);font-weight:300;line-height:1.1}.section-title em{color:var(--gold-light);font-style:italic}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:56px;display:grid}.step-card{background:var(--bg-mid);border:1px solid #c8bfb014;border-radius:8px;padding:32px 24px;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000004d}.step-num{color:var(--gold);opacity:.55;margin-bottom:16px;font-family:Cormorant Garamond,serif;font-size:48px;font-weight:300;line-height:1}.step-title{color:var(--cream);margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:400}.step-desc{color:var(--stone);font-family:EB Garamond,serif;font-size:14px;line-height:1.65}.pricing-section{background:var(--bg-mid)}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2px;margin-top:56px;display:grid}.pricing-card{background:var(--bg);border:1px solid #c8bfb014;border-radius:4px;padding:40px 32px;transition:transform .2s;position:relative}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.featured{background:var(--bg-mid);border-color:#b8935a4d}.pricing-badge{background:var(--gold);color:var(--bg);letter-spacing:1.5px;text-transform:uppercase;border-radius:20px;padding:4px 14px;font-family:sans-serif;font-size:10px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-name{color:var(--cream);margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:300}.pricing-price{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:56px;font-weight:300;line-height:1}.pricing-price span{font-size:20px}.pricing-desc{color:var(--muted);margin:12px 0 24px;font-family:EB Garamond,serif;font-size:14px;line-height:1.65}.pricing-features{list-style:none}.pricing-features li{color:var(--stone);border-bottom:1px solid #c8bfb00f;align-items:center;gap:10px;padding:8px 0;font-family:EB Garamond,serif;font-size:14px;display:flex}.pricing-features li:before{content:"—";color:var(--gold);flex-shrink:0;font-size:12px}.pricing-btn{width:100%;color:var(--gold);cursor:pointer;background:0 0;border:1px solid #b8935a4d;border-radius:4px;margin-top:28px;padding:12px;font-family:EB Garamond,serif;font-size:14px;transition:all .2s}.pricing-btn:hover,.pricing-card.featured .pricing-btn{background:var(--gold);color:var(--bg)}.footer{color:var(--muted);background:#0a0806;border-top:1px solid #c8bfb00f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:40px 48px;font-size:13px;display:flex}.footer-logo{color:var(--cream);letter-spacing:3px;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:300}.form-page,.result-page{background:var(--bg);min-height:100vh;padding:100px 24px 60px}.form-container{max-width:960px;margin:0 auto}.result-container{max-width:1000px;margin:0 auto}.form-header{margin-bottom:48px}.form-title{color:var(--cream);font-family:Cormorant Garamond,serif;font-size:clamp(36px,5vw,54px);font-weight:300;line-height:1.1}.form-title em{color:var(--gold-light);font-style:italic}.form-subtitle{color:var(--muted);margin-top:12px;font-family:EB Garamond,serif;font-size:15px;line-height:1.6}.save-status{color:var(--muted);margin-top:10px;font-family:sans-serif;font-size:12px}.form-section-label{letter-spacing:3px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid #b8935a33;margin:40px 0 20px;padding-bottom:10px;font-family:sans-serif;font-size:11px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--stone);letter-spacing:.8px;text-transform:uppercase;font-family:sans-serif;font-size:11px;font-weight:700}.field-label .optional{color:var(--muted);font-weight:400}.field-input,.field-textarea{background:var(--bg-light);color:var(--cream);border:1.5px solid #c8bfb01a;border-radius:6px;width:100%;padding:11px 14px;font-family:EB Garamond,serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.field-input:focus,.field-textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #b8935a1a}.field-input::placeholder,.field-textarea::placeholder{color:var(--muted)}.field-error{border-color:#9b3a3a99;box-shadow:0 0 0 3px #9b3a3a14}.field-help{color:var(--muted);font-family:sans-serif;font-size:12px}.field-error-text{color:var(--danger);font-family:sans-serif;font-size:12px}.field-textarea{resize:vertical;min-height:90px;line-height:1.65}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.mode-group,.preview-card,.memorial-card{background:var(--bg-mid);border:1px solid #c8bfb014;border-radius:10px;padding:24px}.mode-group-title,.preview-title{letter-spacing:2px;text-transform:uppercase;color:var(--stone);margin-bottom:12px;font-family:sans-serif;font-size:11px;font-weight:700}.tone-selector{flex-wrap:wrap;gap:10px;display:flex}.tone-btn{color:var(--muted);cursor:pointer;background:0 0;border:1.5px solid #c8bfb01f;border-radius:20px;padding:8px 16px;font-family:EB Garamond,serif;font-size:13px;transition:all .2s}.tone-btn.active{border-color:var(--gold);color:var(--gold);background:#b8935a1a}.tone-btn:hover{border-color:var(--gold);color:var(--gold)}.tone-btn:disabled{opacity:.5;cursor:not-allowed}.suggestion-box{color:var(--cream);background:#4a7c591a;border:1px solid #4a7c5940;border-radius:8px;margin-top:14px;padding:14px}.suggestion-title{color:#6dbf8a;margin-bottom:6px;font-family:sans-serif;font-size:12px;font-weight:700}.suggestion-meta{color:var(--stone);margin-bottom:10px;font-family:sans-serif;font-size:12px}.suggestion-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.suggestion-btn{background:var(--gold);color:var(--bg);cursor:pointer;border:none;border-radius:6px;padding:8px 12px;font-family:sans-serif;font-size:12px;font-weight:700;transition:all .2s}.suggestion-btn:hover{background:var(--gold-light)}.suggestion-btn:disabled{opacity:.5;cursor:not-allowed}.inline-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.generate-btn{background:var(--gold);width:100%;color:var(--bg);letter-spacing:.5px;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:12px;margin-top:40px;padding:18px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:400;transition:all .25s;display:flex}.generate-btn:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 12px 32px #b8935a40}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.memorial-photo-frame{background:var(--bg-light);width:120px;height:120px;color:var(--muted);border:2px solid #b8935a66;border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-size:12px;display:flex;overflow:hidden}.memorial-photo-frame img{object-fit:cover;width:100%;height:100%}.memorial-title{color:var(--cream);margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:34px;font-weight:300}.memorial-meta{color:var(--muted);margin-bottom:18px;font-family:EB Garamond,serif;font-size:14px}.memorial-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.result-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.result-title{color:var(--cream);font-family:Cormorant Garamond,serif;font-size:clamp(28px,4vw,42px);font-weight:300}.result-title em{color:var(--gold-light);font-style:italic}.result-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.action-btn,.export-btn,.regen-btn{cursor:pointer;border:none;border-radius:5px;padding:9px 16px;font-family:EB Garamond,serif;font-size:13px;transition:all .2s}.action-btn.outline{color:var(--stone);background:0 0;border:1.5px solid #c8bfb026}.action-btn.outline:hover{border-color:var(--gold);color:var(--gold)}.action-btn.gold,.export-btn.gold{background:var(--gold);color:var(--bg)}.action-btn.gold:hover,.export-btn.gold:hover{background:var(--gold-light);transform:translateY(-1px)}.action-btn:disabled,.export-btn:disabled,.regen-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.logic-option{text-align:left;width:100%;color:var(--stone);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:9px 14px;font-family:EB Garamond,serif;font-size:13px;transition:all .15s;display:block}.logic-option:hover{background:#b8935a0f}.logic-option.active{color:var(--cream);border-left-color:var(--gold);background:#b8935a1a}.logic-option.active:hover{background:#b8935a24}.editor-toolbar{background:var(--bg-mid);border:1.5px solid #c8bfb01a;border-bottom:none;border-radius:8px 8px 0 0;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.obituary-editor{background:var(--bg-mid);width:100%;min-height:520px;color:var(--cream);resize:vertical;border:1.5px solid #c8bfb01a;border-radius:0 0 8px 8px;padding:36px 40px;font-family:Cormorant Garamond,serif;font-size:17px;line-height:1.85;transition:border-color .2s}.obituary-editor:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #b8935a14}.obituary-editor::selection{background:#b8935a33}.regenerate-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.regen-btn{color:var(--muted);background:0 0;border:1.5px solid #c8bfb026}.regen-btn:hover{border-color:var(--gold);color:var(--gold)}.export-section{background:var(--bg-mid);border:1px solid #c8bfb014;border-radius:10px;margin-top:40px;padding:32px 36px}.export-title{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px;font-family:sans-serif;font-size:11px;font-weight:700}.export-grid{flex-wrap:wrap;gap:12px;display:flex}.export-btn.outline{color:var(--stone);background:0 0;border:1px solid #c8bfb033}.export-btn.outline:hover{border-color:var(--gold);color:var(--gold);background:#b8935a0f}.payment-note{color:var(--muted);align-items:center;gap:8px;margin-top:16px;font-family:sans-serif;font-size:12px;display:flex}.payment-note .lock{color:var(--gold)}@media (width<=800px){.mode-grid,.form-grid{grid-template-columns:1fr}}@media (width<=640px){.nav{padding:0 20px}.obituary-editor{padding:20px;font-size:15px}.result-header{flex-direction:column}.footer{padding:32px 20px}.hero{padding:80px 24px 60px}}.field-input:focus,.field-textarea:focus{box-shadow:0 0 0 3px #b8935a1a}.nav-logo:hover .nav-logo-dot{box-shadow:0 0 8px #b8935a99}.generate-btn:not(:disabled):hover{background:var(--gold-light);box-shadow:0 8px 32px #b8935a40}.tone-btn.active{box-shadow:0 2px 8px #b8935a26}.suggestion-box{animation:.3s .1s both fadeUp}.toast{animation:.3s both fadeUp}.form-section-label{position:relative}.mode-group:hover{border-color:#b8935a26;transition:border-color .2s}.export-btn.outline:hover,.regen-btn:hover{transform:translateY(-1px)}.obituary-editor{transition:border-color .2s,box-shadow .2s,height .1s}@media print{.nav,.result-actions,.editor-toolbar,.regenerate-row,.export-section,.fade-up-4{display:none!important}.result-page{background:#fff;padding:0}.obituary-editor{min-height:unset;color:#1a1a1a;background:#fff;border:none;font-size:12pt;line-height:1.8}}.nav-label-short{display:none}.nav-label-full{display:inline}@media (width<=768px){.nav{padding:0 16px}.nav-label-full{display:none}.nav-label-short{display:inline}.nav-cta{padding:7px 12px;font-size:13px}#nav-pricing{display:none!important}}@media (width<=480px){.nav-logo{letter-spacing:2px;font-size:16px}.nav-logo-dot{display:none}}