body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--page-bg);color:var(--page-text);padding:24px}
.main{max-width:980px;margin:0 auto;padding:24px 0}
.badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--page-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--page-accent) 26%,var(--page-line));font-weight:700}
.eyebrow{margin:18px 0 0;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--page-muted)}
.hero-shell{margin-top:14px;padding:28px;border-radius:28px;border:1px solid var(--page-line);background:linear-gradient(135deg,color-mix(in srgb,var(--page-surface-strong) 88%,transparent),color-mix(in srgb,var(--page-surface) 92%,transparent));box-shadow:0 22px 44px var(--page-shadow)}
.hero-title{margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:.96;letter-spacing:-.03em;max-width:12ch}
.hero-copy{margin:16px 0 0;max-width:62ch;line-height:1.7;font-size:1.04rem;color:var(--page-muted)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:14px;border:1px solid var(--page-line);font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.button:hover{transform:translateY(-1px)}
.button-primary{background:var(--page-accent);border-color:color-mix(in srgb,var(--page-accent) 74%,var(--page-line));color:var(--page-button-text)}
.button-secondary{background:color-mix(in srgb,var(--page-surface) 86%,transparent);color:var(--page-text)}
.button-tertiary{background:transparent;color:var(--page-accent)}
.context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.panel{padding:22px;border-radius:22px;border:1px solid var(--page-line);background:color-mix(in srgb,var(--page-surface) 90%,transparent)}
.panel h2{margin:0 0 12px;font-size:1.35rem}
.panel p{margin:0;color:var(--page-muted);line-height:1.65}
.panel ul{margin:0;padding-left:20px;color:var(--page-text)}
.panel li{margin:0 0 10px;line-height:1.6}
.panel li:last-child{margin-bottom:0}
.signal{margin-top:18px;padding:18px 20px;border-radius:20px;border:1px solid var(--page-line);background:color-mix(in srgb,var(--page-panel) 90%,transparent)}
.signal h2{margin:0 0 8px;font-size:1.1rem}
.signal p{margin:0;color:var(--page-muted);line-height:1.65}
.ad-slot{margin:22px 0 0;padding:16px;border-radius:20px;border:1px solid var(--page-line);background:color-mix(in srgb,var(--page-surface) 90%,transparent)}
.ad-slot-label{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--page-muted);margin-bottom:12px;text-align:center}
.ad-slot-body{min-height:100px;border-radius:16px;border:1px dashed var(--page-line);display:flex;align-items:center;justify-content:center;color:var(--page-muted);background:color-mix(in srgb,var(--page-panel) 92%,transparent)}
.footer{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:30px;padding:18px 20px;border-radius:20px;border:1px solid var(--page-line);background:color-mix(in srgb,var(--page-surface) 88%,transparent);color:var(--page-muted);font-size:.96rem}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}
.footer a{color:var(--page-accent);font-weight:700;text-decoration:none}
@media (max-width:760px){body{padding:14px}.main{padding:14px 0}.hero-shell{padding:22px}.context-grid{grid-template-columns:1fr}.ad-slot{padding:14px}.ad-slot-body{min-height:84px}}