.preview-page{--preview-green:#00e58b;--preview-ink:#071612;--preview-paper:#f2f1e9;color:#f7f7f1;min-height:100vh;font-family:var(--font-sans), sans-serif;background:radial-gradient(circle at 75% 18%,#00e58b29,#0000 28rem),linear-gradient(160deg,#071915 0%,#081016 58%,#020706 100%)}.preview-nav{border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:92px;margin:0 auto;display:flex}.preview-nav>a:last-child{color:#f7f7f1;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.preview-logo{width:230px;height:auto}.preview-hero{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:start;gap:72px;width:min(1180px,100% - 40px);margin:0 auto;padding:72px 0 80px;display:grid}.preview-copy{padding-top:28px;position:sticky;top:32px}.preview-copy>span,.preview-result-copy>span,.preview-result aside>span{color:var(--preview-green);letter-spacing:.22em;font-size:.72rem;font-weight:900}.preview-copy h1{max-width:9ch;font-family:var(--font-display), serif;letter-spacing:-.065em;margin:24px 0;font-size:clamp(3.2rem,6vw,6.8rem);font-weight:500;line-height:.88}.preview-copy p{color:#f7f7f1ad;max-width:34rem;font-size:1.08rem;line-height:1.65}.preview-form{color:var(--preview-ink);background:linear-gradient(145deg, #ffffffe0, #ebfff5f2), var(--preview-paper);border:1px solid #ffffffbf;border-radius:28px;padding:clamp(24px,4vw,46px);box-shadow:0 34px 90px #0000004d}.preview-form label,.preview-form fieldset{border:0;margin:0 0 34px;padding:0;display:block}.preview-form label>span,.preview-form legend{color:#174136;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px;font-size:.75rem;font-weight:900;display:block}.preview-form textarea{resize:vertical;color:#0a1a16;width:100%;min-height:144px;font:inherit;background:#ffffffbd;border:1px solid #07161233;border-radius:16px;padding:20px;font-size:1rem;line-height:1.55}.preview-form textarea:focus{border-color:#00a966;outline:3px solid #00e58b3d}.preview-form label>small{color:#66736f;text-align:right;margin-top:8px;display:block}.preview-form label>small.preview-hint-short{color:#0d5d45;font-weight:700}.preview-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.preview-options button{color:#16332b;text-align:left;cursor:pointer;background:#ffffff9e;border:1px solid #07161224;border-radius:14px;min-height:98px;padding:17px;transition:transform .18s,border-color .18s,background .18s}.preview-options button:hover{border-color:#00a96680;transform:translateY(-2px)}.preview-options button.selected{background:#d9ffec;border-color:#00a966;box-shadow:inset 0 0 0 1px #00a966}.preview-options strong,.preview-options small{display:block}.preview-options strong{margin-bottom:6px;font-size:.95rem}.preview-options small{color:#60706b;line-height:1.35}.preview-submit{color:#001b10;background:var(--preview-green);width:100%;min-height:58px;font:inherit;cursor:pointer;border:0;border-radius:999px;font-weight:900}.preview-submit:disabled{cursor:not-allowed;opacity:.42}.preview-disclaimer{color:#68736f;text-align:center;margin:12px 0 0;font-size:.78rem}.preview-result{grid-template-columns:1.2fr .8fr;gap:0;width:min(1180px,100% - 40px);margin:0 auto;padding:0 0 100px;display:grid}.preview-result-copy,.preview-result aside{padding:clamp(28px,5vw,58px)}.preview-result-copy{color:var(--preview-ink);background:var(--preview-paper);border-radius:28px 0 0 28px}.preview-result-copy h2{font-family:var(--font-display), serif;letter-spacing:-.05em;margin:22px 0;font-size:clamp(2.5rem,5vw,5rem);font-weight:500;line-height:.95}.preview-result-copy blockquote{color:#0d5d45;border-left:3px solid var(--preview-green);font-family:var(--font-display), serif;margin:0 0 36px;padding:20px 0 20px 24px;font-size:1.45rem;line-height:1.35}.preview-result-copy dl{gap:14px;margin:0;display:grid}.preview-result-copy dl div{border-top:1px solid #0716121f;padding-top:14px}.preview-result-copy dt{color:#72807b;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:900}.preview-result-copy dd{margin:5px 0 0;line-height:1.55}.preview-result aside{background:#0d221b;border:1px solid #00e58b59;border-radius:0 28px 28px 0;flex-direction:column;justify-content:center;display:flex}.preview-result aside>strong{color:var(--preview-green);font-family:var(--font-display), serif;letter-spacing:-.06em;margin-top:20px;font-size:clamp(3rem,6vw,5.7rem);font-weight:500}.preview-result aside>strong small{font-size:1.2rem}.preview-result aside p,.preview-result aside li,.preview-result aside>small{color:#f7f7f1b3}.preview-result aside ul{margin:24px 0;padding:0;list-style:none}.preview-result aside li{border-bottom:1px solid #ffffff17;padding:9px 0}.preview-result aside li:before{content:"✓";color:var(--preview-green);margin-right:10px}.preview-result aside a{color:#001b10;background:var(--preview-green);text-align:center;border-radius:999px;justify-content:center;align-items:center;min-height:58px;margin:8px 0 14px;padding:0 22px;font-weight:900;display:flex}.preview-result aside>small{font-size:.74rem;line-height:1.45}@media (max-width:820px){.preview-nav{min-height:74px}.preview-logo{width:190px}.preview-hero{grid-template-columns:1fr;gap:32px;padding:36px 0 54px}.preview-copy{padding-top:12px;position:static}.preview-copy h1{max-width:12ch;margin:18px 0;font-size:clamp(3rem,14vw,5.2rem)}.preview-result{grid-template-columns:1fr}.preview-result-copy{border-radius:24px 24px 0 0}.preview-result aside{border-radius:0 0 24px 24px}}@media (max-width:520px){.preview-nav,.preview-hero,.preview-result{width:min(100% - 28px,1180px)}.preview-options{grid-template-columns:1fr}.preview-form{border-radius:22px;padding:22px}}
