:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f5f7fb; color: #14213d; }
body { margin: 0; }
main { max-width: 760px; margin: 0 auto; padding: 48px 20px 64px; }
h1 { margin: 0 0 8px; } h2 { margin-top: 0; } .eyebrow { color: #52606d; font-size: .9rem; }
.notice { border-left: 4px solid #c2410c; background: #fff7ed; padding: 14px; line-height: 1.55; }
.plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
article, #review, #result { background: white; border: 1px solid #d8dee9; border-radius: 12px; padding: 20px; box-shadow: 0 2px 6px #14213d10; }
.price { font-weight: 700; font-size: 1.1rem; } button { border: 0; border-radius: 8px; padding: 10px 14px; background: #14532d; color: white; cursor: pointer; font: inherit; }
button:disabled { opacity: .5; cursor: not-allowed; } .secondary { background: #475569; } .actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
dl { display: grid; grid-template-columns: 120px 1fr; gap: 8px; } dt { font-weight: 700; } dd { margin: 0; } .confirm { display: block; margin-top: 18px; line-height: 1.5; }