:root { --forest:#102c27; --forest2:#1d5548; --gold:#d5aa4f; --gold2:#f3d078; --paper:#fffdf8; --cream:#f4efe5; --ink:#17211f; --muted:#64716d; --line:#dcd8cf; }
* { box-sizing: border-box; }
html { background: #e8ece7; }
body { margin: 0; color: var(--ink); background: #e8ece7; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; }
button { font: inherit; }
.page-shell { width: min(1100px, calc(100% - 2rem)); margin: 1rem auto 4rem; background: var(--paper); box-shadow: 0 24px 80px rgba(16,44,39,.16); }
.page-nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .8rem 1rem; background: var(--forest); color: white; }
.page-brand { display: flex; align-items: center; gap: .65rem; text-decoration: none; font-weight: 850; }
.page-brand-mark { width: 2rem; height: 2rem; border-radius: .55rem; display: grid; place-items: center; background: linear-gradient(145deg,var(--gold2),var(--gold)); color: var(--forest); }
.page-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.page-button { border: 1px solid rgba(255,255,255,.22); border-radius: .6rem; background: rgba(255,255,255,.08); color: white; padding: .55rem .75rem; cursor: pointer; text-decoration: none; font-size: .72rem; font-weight: 800; }
.page-button.primary { background: linear-gradient(135deg,var(--gold2),var(--gold)); color: var(--forest); border-color: transparent; }
.hero { display: grid; grid-template-columns: 1.05fr .95fr; min-height: 390px; background: linear-gradient(120deg,#edf2e9,#f5efe4); }
.hero-copy { padding: clamp(2rem,6vw,4.5rem); align-self: center; }
.eyebrow { color: #8a6428; font-size: .67rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.hero h1 { font-family: Georgia,"Times New Roman",serif; font-size: clamp(2.4rem,5vw,4.4rem); line-height: .98; font-weight: 500; margin: .5rem 0 1rem; }
.hero h1 em { color: #9a6e27; font-style: italic; }
.hero p { color: #4c5b57; line-height: 1.65; }
.hero-price { display: flex; align-items: center; gap: .7rem; margin-top: 1.2rem; }
.hero-price strong { font-family: Georgia,serif; font-size: 2rem; }
.hero-price span { border-radius: 99px; padding: .35rem .55rem; background: #dfece3; color: var(--forest2); font-size: .63rem; font-weight: 900; text-transform: uppercase; }
.hero-visual { display: grid; place-items: center; padding: 1.2rem; overflow: hidden; }
.hero-visual svg { width: 100%; filter: drop-shadow(0 18px 24px rgba(23,33,31,.18)); }
.page-section { padding: clamp(1.5rem,4vw,3rem); border-top: 1px solid var(--line); }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-bottom: 1.2rem; }
.section-heading h2 { margin: .25rem 0 0; font-family: Georgia,serif; font-size: clamp(1.7rem,3vw,2.6rem); font-weight: 500; }
.section-heading p { max-width: 36rem; margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.55; }
.stat-grid { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--line); border-radius: .8rem; overflow: hidden; }
.stat-grid div { padding: 1rem .7rem; text-align: center; border-right: 1px solid var(--line); }
.stat-grid div:last-child { border-right:0; }
.stat-grid strong { display:block; font-family:Georgia,serif; font-size:1.45rem; color:var(--forest); }
.stat-grid span { display:block; margin-top:.2rem; color:var(--muted); font-size:.62rem; }
.two-column { display:grid; grid-template-columns:1fr 1fr; gap:1.3rem; }
.card { border:1px solid var(--line); border-radius:.85rem; padding:1rem; background:white; }
.card h3 { margin:.1rem 0 .55rem; font-family:Georgia,serif; }
.card p,.card li { color:#4c5b57; font-size:.78rem; line-height:1.55; }
.fact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; }
.fact-card { border:1px solid var(--line); border-radius:.8rem; padding:1rem; background:#fff; }
.fact-icon { width:2.3rem;height:2.3rem;border-radius:.55rem;display:grid;place-items:center;background:#f1e3c5;color:#8a6428;margin-bottom:.65rem; }
.fact-card span { color:#8a6428;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900; }
.fact-card h3 { margin:.25rem 0 .45rem;font-family:Georgia,serif;font-size:1.1rem; }
.fact-card p,.fact-card li { color:#4c5b57;font-size:.7rem;line-height:1.5; }
.fact-card ul { padding-left:1rem; }
.fact-source { padding-top:.55rem;border-top:1px solid var(--line);color:var(--muted)!important;font-size:.6rem!important; }
.plan-wrap { overflow:auto;border:1px solid var(--line);border-radius:.8rem;background:#fbfaf6;padding:.6rem; }
.plan-wrap svg { min-width:620px;width:100%;display:block; }
.plan-wall { fill:#faf7ee;stroke:#183a32;stroke-width:5; }
.plan-line { fill:none;stroke:#183a32;stroke-width:3; }
.plan-wrap text { font:700 10px sans-serif;fill:#53615d;letter-spacing:.06em; }
.agent-banner { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.1rem;border-radius:.9rem;background:var(--forest);color:white; }
.agent-avatar { width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),var(--gold));color:var(--forest);font-family:Georgia,serif;font-size:1.3rem;font-weight:800; }
.agent-banner h3 { margin:.1rem 0;font-family:Georgia,serif;font-size:1.35rem; }
.agent-banner p { margin:.2rem 0;color:rgba(255,255,255,.68);font-size:.72rem; }
.agent-buttons { display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end; }
.agent-buttons a { text-decoration:none;border:1px solid rgba(255,255,255,.2);border-radius:.6rem;padding:.6rem .75rem;font-size:.67rem;font-weight:800; }
.disclosure { padding:1rem;border-left:4px solid var(--gold);background:#f2ede4;color:#4c5b57;font-size:.7rem;line-height:1.55; }
.page-footer { display:flex;justify-content:space-between;gap:1rem;padding:1rem;background:#0b211d;color:rgba(255,255,255,.62);font-size:.62rem; }
.analytics-hero { padding:2.2rem clamp(1.2rem,5vw,3.2rem);background:linear-gradient(135deg,var(--forest),#1a5145);color:white; }
.analytics-hero h1 { font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:500;margin:.4rem 0; }
.analytics-hero p { color:rgba(255,255,255,.72);max-width:52rem;line-height:1.6; }
.metric-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem; }
.metric { border:1px solid var(--line);border-radius:.8rem;padding:1rem;background:white; }
.metric span { color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900; }
.metric strong { display:block;margin-top:.4rem;font-family:Georgia,serif;font-size:2rem;color:var(--forest); }
.chart-list { display:grid;gap:.6rem; }
.chart-row { display:grid;grid-template-columns:minmax(9rem,1fr) 3fr 3rem;gap:.7rem;align-items:center;font-size:.7rem; }
.chart-track { height:.65rem;border-radius:99px;background:#e8ece7;overflow:hidden; }
.chart-fill { height:100%;border-radius:99px;background:linear-gradient(90deg,var(--forest2),var(--gold)); }
.event-table-wrap { overflow:auto;border:1px solid var(--line);border-radius:.8rem; }
.event-table { width:100%;border-collapse:collapse;min-width:720px;font-size:.68rem; }
.event-table th,.event-table td { padding:.65rem .75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top; }
.event-table th { background:#f1ede5;color:#53615d;text-transform:uppercase;letter-spacing:.07em;font-size:.58rem;position:sticky;top:0; }
.event-table code { font-size:.6rem;white-space:pre-wrap; }
.empty-state { padding:2rem;text-align:center;color:var(--muted); }
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-visual{order:-1;min-height:260px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid div{border-bottom:1px solid var(--line)}.two-column{grid-template-columns:1fr}.fact-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.agent-banner{grid-template-columns:auto 1fr}.agent-buttons{grid-column:1/-1;justify-content:stretch}.agent-buttons a{flex:1;text-align:center}}
@media(max-width:520px){.fact-grid,.metric-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.page-nav{align-items:flex-start}.page-actions{justify-content:flex-end}.page-footer{flex-direction:column}.chart-row{grid-template-columns:7rem 1fr 2rem}.stat-grid{grid-template-columns:1fr 1fr}}
@media print { html,body{background:white}.page-shell{width:100%;margin:0;box-shadow:none}.page-nav,.page-actions,.no-print{display:none!important}.page-section{break-inside:avoid}.fact-grid{grid-template-columns:repeat(2,1fr)}.page-footer{background:white;color:#555;border-top:1px solid #ccc} }