:root{--ink:#102a43;--teal:#087f80;--mint:#dff8f3;--cream:#fbfaf5;--muted:#526777;--line:#dce7e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,textarea{font:inherit}.site-header,footer{max-width:1180px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:650}.brand img{width:46px;height:50px;filter:drop-shadow(4px 4px 0 #83ddd1)}.brand b,.eyebrow{color:var(--teal)}nav{display:flex;gap:24px;color:#3e5668;font-size:14px;font-weight:700}.hero{max-width:1180px;min-height:560px;margin:auto;padding:64px 28px 72px;display:grid;grid-template-columns:1fr 520px;align-items:center;gap:80px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:850}.intro h1{margin:18px 0;font:600 clamp(52px,6.5vw,82px)/.98 Georgia,serif;letter-spacing:-.05em}.intro h1 em{color:var(--teal)}.intro>p,.result-copy>p{color:var(--muted);font-size:18px;line-height:1.7}.intro small{color:#2e675f;font-weight:700}.card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 26px 70px #102a431c,9px 9px 0 var(--mint)}label{display:block;margin-bottom:11px;font-size:14px;font-weight:800}textarea{width:100%;min-height:122px;resize:vertical;border:1.5px solid #cad9d7;border-radius:15px;padding:15px;outline:none}textarea:focus{border-color:#08a6a6;box-shadow:0 0 0 4px #08a6a61c}.warning{color:#527068;font-size:12px;line-height:1.5}.bad{color:#a43c38!important}.primary{width:100%;border:0;border-radius:14px;padding:15px;color:#fff;background:var(--ink);font-weight:800;cursor:pointer}.status{text-align:center;color:var(--teal);font-size:13px;font-weight:700}.result{max-width:1124px;margin:0 auto 80px;padding:32px;display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:center;background:#f1f8f6;border:1px solid var(--line);border-radius:28px}.stage{aspect-ratio:1;display:grid;place-items:center;padding:20px;background:#fff;border:1px solid #d6e5e2;border-radius:20px}.stage img{max-width:100%;height:auto}.empty{display:flex;flex-direction:column;align-items:center;gap:14px;color:#9bb0af;font-size:13px;font-weight:700}.empty span{font-size:78px}.result-copy h2,.safety h2{margin:8px 0 12px;font:600 36px Georgia,serif}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.actions button{padding:11px 15px;border:1px solid #bfd0cd;border-radius:11px;background:#fff;color:var(--ink);font-weight:750;cursor:pointer}.actions button:disabled{opacity:.4;cursor:not-allowed}.steps{max-width:1124px;margin:0 auto 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article,.content-card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:18px}.steps article>b{color:#08a6a6;font-size:12px;letter-spacing:.15em}.steps p,.content-card p,.content-card li{color:var(--muted);line-height:1.7}.safety{max-width:1124px;margin:0 auto 80px;padding:34px 40px;display:flex;gap:22px;background:var(--ink);color:#fff;border-radius:24px}.safety>span{font-size:32px;color:#82ddd2}.safety h2{font-size:28px;margin-top:0}.safety p{color:#c7d5dd;line-height:1.7;margin-bottom:0}.page{max-width:900px;margin:50px auto 90px;padding:0 24px}.page h1{font:600 52px Georgia,serif;letter-spacing:-.04em}.content-card{padding:34px}.notice{padding:16px;border-left:4px solid var(--teal);background:var(--mint)}footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer p{margin-right:auto;margin-left:28px}footer .brand{font-size:17px;color:var(--ink)}footer .brand img{width:38px;height:42px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:38px;padding-top:38px}.intro{text-align:center}.card{max-width:620px;width:100%;margin:auto}.result{margin-inline:20px;grid-template-columns:280px 1fr}.steps,.safety{margin-inline:20px}.site-header nav{display:none}}@media(max-width:680px){.site-header{padding:17px 18px}.hero{padding:34px 18px 55px}.intro h1{font-size:52px}.card{padding:21px}.result{grid-template-columns:1fr;gap:28px;padding:20px}.stage{max-width:330px;width:100%;margin:auto}.result-copy{text-align:center}.actions button{flex:1 1 140px}.steps{grid-template-columns:1fr}.safety{padding:28px 25px}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer p{width:100%;margin:12px 0}footer nav{flex-wrap:wrap;justify-content:center}}@media print{.site-header,.hero,.result-copy,.steps,.safety,footer{display:none!important}body{background:#fff}.result{display:block;border:0;margin:0;padding:0;background:#fff}.stage{width:16cm;margin:2cm auto;border:0}}