*{box-sizing:border-box}body{color:#14193a;background:#faf9f6;margin:0;font-family:Arial,sans-serif}header{color:#f3d98b;background:#0e1b3d;justify-content:space-between;align-items:center;padding:24px 7%;display:flex}header b{font-family:Georgia,serif;font-size:22px}a{color:inherit;text-decoration:none}main{max-width:1160px;margin:auto;padding:70px 6%}.eyebrow{letter-spacing:3px;color:#8a6414;font-size:12px;font-weight:700}h1{font-family:var(--heading-font);letter-spacing:-2px;white-space:pre-line;margin:16px 0;font-size:clamp(42px,7vw,80px);font-weight:600;line-height:1.05}p{color:#555a6b;line-height:1.8}.button,button{color:#f3d98b;border:2px solid var(--accent);border-radius:var(--radius);cursor:pointer;font:inherit;background:#0e1b3d;padding:15px 26px;font-weight:700;display:inline-block}button:disabled{opacity:.6;cursor:wait}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;display:grid}.badge{width:100%;max-width:360px;margin:auto;position:relative}.badge svg{filter:drop-shadow(0 12px 24px #0e1b3d59);width:100%;display:block}.badge-text{color:#f3d98b;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 0 18%}.cls{color:#fff;font-family:Georgia,serif;font-size:clamp(30px,6vw,44px);font-style:italic}.ten{color:#fff;font-family:Georgia,serif;font-size:clamp(70px,14vw,104px);font-weight:700;line-height:1}.ten sup{color:#f3d98b;font-size:.28em}.ribbon{color:#fff;text-align:center;letter-spacing:2px;border:3px solid var(--accent);background:#0e1b3d;border-radius:6px;padding:10px;font-weight:800;position:absolute;bottom:12%;left:-4%;right:-4%}.grid{grid-template-columns:repeat(3,1fr);gap:24px;margin:80px 0;display:grid}article{border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;padding:30px}.ic{color:var(--accent)}form{gap:16px;max-width:500px;display:grid}label{gap:8px;font-size:14px;display:grid}input,textarea{font:inherit;background:#fff;border:1px solid #ccc;border-radius:8px;padding:13px}footer{color:#f3d98b;background:#0e1b3d;padding:30px 7%}@media (width<=700px){.grid,.hero{grid-template-columns:1fr}main{padding-top:40px}}@media (prefers-reduced-motion:no-preference){.button{transition:transform .2s}.button:hover{transform:translateY(-2px)}}