:root{--gold:#d4b878;--ink:#202420;--muted:#62685e;--paper:#f6f5ee;--line:#d9dcd0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header,footer{max-width:1280px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:750;letter-spacing:2px;text-decoration:none;color:var(--ink)}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:.3px;margin-top:4px}.seal{border:1px solid #aa8b4d;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;color:#987a3f;font:30px Georgia}.private,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650}.private{border:1px solid var(--line);padding:6px 12px;border-radius:30px;color:var(--muted)}main{max-width:1180px;margin:25px auto 60px;padding:0 4%}h1,h2,h3{line-height:1.12;font-weight:400}h1,h2{font-family:Georgia,serif}h1{font-size:clamp(42px,6vw,76px);letter-spacing:-2px;margin:24px 0}h2{font-size:clamp(32px,4vw,48px);margin:18px 0}h3{font-size:21px}p{color:var(--muted)}.hero{background:#202620;color:#fff;border-radius:26px;display:grid;grid-template-columns:1.25fr 1fr;overflow:hidden}.heroText{padding:54px}.hero p{color:#cdd1c7;max-width:470px}.gold{color:var(--gold)}.art{position:relative;min-height:420px;background:radial-gradient(ellipse at center,#414b38,transparent 65%);display:grid;place-items:center}.art svg{width:100%;max-width:420px}.artNote{position:absolute;bottom:32px;left:20%;font-size:12px;color:#cdd1c7}.start{margin-top:22px}.primary{background:var(--gold);color:#202420;border:0;font-weight:650}.button,button{font:inherit;cursor:pointer;transition:background .15s,transform .15s}button:focus-visible,a:focus-visible{outline:3px solid #927539;outline-offset:4px}.button,button.primary,button.secondary{padding:13px 23px;border-radius:10px;text-decoration:none;display:inline-block}.button:hover,button.primary:hover{background:#e3cb96}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0}.facts div{border-top:1px solid var(--line);padding-top:16px}.facts p{font-size:14px;margin:6px 0}.facts strong{font-weight:600}.panel{background:white;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,48px);max-width:840px;margin:auto}.progressHeader{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.progress{height:4px;background:#eaede3;margin:14px 0 32px;border-radius:5px}.progress span{display:block;height:100%;background:#aa8b4d;border-radius:5px}.options{display:grid;gap:10px;margin:28px 0}.option{text-align:left;padding:18px 20px;border:1px solid var(--line);background:#fafbf7;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink)}.option[aria-pressed=true]{background:#f4eddb;border-color:#a58b52;box-shadow:0 0 0 1px #a58b52}.option small{display:block;color:var(--muted);margin-top:3px}.mark{width:22px;height:22px;border:1px solid #a5ad9c;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:12px}.option[aria-pressed=true] .mark{background:#202620;color:var(--gold);border-color:#202620}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:30px}button:disabled{opacity:.4;cursor:not-allowed}.hint{font-size:13px}.resultTop{max-width:840px;margin:auto auto 28px}.tag{font-size:12px;background:#ece6d6;padding:5px 10px;border-radius:20px;display:inline-block;margin:4px}.resultGrid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.card{background:white;padding:28px;border-radius:18px;border:1px solid var(--line);margin-bottom:18px}.card h3{margin-top:5px}.step{border-top:1px solid var(--line);padding:14px 0;display:flex;gap:16px}.num{color:#987a3f;font:25px Georgia}.step p{margin:0}.contact{background:#202620;color:white}.contact p{color:#cdd1c7}.contact .button{width:100%;text-align:center}.warning{border-left:4px solid #a66e36;background:#fff4e7}.summary{font-size:14px}.summary div{padding:8px 0;border-bottom:1px solid var(--line)}.summary span{color:var(--muted);display:block}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer nav{display:flex;gap:20px}footer a,footer button{color:var(--muted);background:none;border:0;padding:0;font:inherit}dialog{max-width:600px;width:90%;border:1px solid var(--line);border-radius:20px;padding:30px}dialog::backdrop{background:#0008}dialog button{padding:10px 20px;border:0;background:var(--gold);border-radius:8px}@media(max-width:700px){header{padding:18px 5%}.private{font-size:8px;padding:5px 8px}.brand{font-size:9px;letter-spacing:1px}.brand small{font-size:9px}.seal{width:38px;height:38px}.hero{grid-template-columns:1fr}.heroText{padding:30px}.art{min-height:230px;max-height:270px}.art svg{height:260px}.artNote{bottom:15px}.facts{gap:12px}.facts p{font-size:12px}.resultGrid{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}main{margin-top:12px}.actions .primary{padding:12px 16px}}@media print{header,.private,footer,.actions,.contact{display:none}body{background:white}.card,.panel{break-inside:avoid}main{max-width:none}.resultGrid{display:block}}

.brandLogo{width:52px;height:60px;padding:5px;background:#202620;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.brandLogo img{max-width:100%;max-height:100%;object-fit:contain}.art .heroLogo{width:min(65%,280px);height:300px;object-fit:contain}@media(max-width:700px){.brandLogo{width:42px;height:48px}.art .heroLogo{height:200px;width:auto}.artNote{left:0;width:100%;text-align:center}}
/* Recolor the existing transparent logo for contrast on dark surfaces. */
.brandLogo img,.art .heroLogo{filter:brightness(0) invert(1)}

.hero{grid-template-columns:1fr}.heroText{max-width:800px}.hero p{max-width:620px}

/* Version 1.0.2: no logo areas. */

/* Unified, mobile-first typography: readable size and natural headline wrapping. */
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.65;-webkit-text-size-adjust:100%;text-size-adjust:100%}
h1,h2,h3{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:650;letter-spacing:-.025em;line-height:1.15}
h1{font-size:clamp(38px,5.2vw,64px);letter-spacing:-.035em;max-width:18ch}
h2{font-size:clamp(30px,3.5vw,42px)}
h3{font-size:23px}
p{font-size:1em}
.eyebrow,.private{font-size:13px;letter-spacing:1.5px}
.primary,.button,button{font-family:inherit;font-size:18px;line-height:1.35;font-weight:650}
.option{font-size:18px;line-height:1.5}
.option small,.facts p,.hint{font-size:16px;line-height:1.5}
.progressHeader,.tag,.summary{font-size:15px}
@media(max-width:700px){
 body{font-size:18px;line-height:1.65}
 main{padding:0 4%;margin-top:12px}
 .heroText{padding:30px 26px}
 h1{font-size:clamp(38px,10vw,46px);line-height:1.12;max-width:16ch;margin:20px 0}
 h2{font-size:clamp(29px,7.5vw,34px)}
 h3{font-size:22px}
 .eyebrow,.private{font-size:12px;letter-spacing:1.3px}
 .primary,.button,button{font-size:18px}
 .primary.start{width:100%;padding:17px 16px}
 .facts p,.option small,.hint{font-size:16px}
 .option{font-size:18px}
 .progressHeader,.tag,.summary{font-size:15px}
}