:root{--pine:#173b57;--pine2:#173b57;--pine3:#E8F5E9;--gold:#173b57;--yellow:#FFFDE7;--red:#C62828;--muted:#6B7280}

.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#173b57,#173b57)}
.gate-box{background:white;border-radius:14px;padding:40px 36px;max-width:420px;width:100%;text-align:center;box-shadow:0 8px 40px rgba(0,0,0,.25)}
.gate-box h2{color:#173b57;margin-bottom:8px;font-size:1.4rem}
.gate-box p{color:var(--muted);font-size:.9rem;margin-bottom:24px}
.gate-box input{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;outline:none;margin-bottom:12px;text-align:center;letter-spacing:2px;text-transform:uppercase}
.gate-box input:focus{border-color:#173b57}
.gate-box button{width:100%;padding:13px;background:#173b57;color:white;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit}
.gate-box button:hover{background:#173b57}
.gate-err{color:var(--red);font-size:.85rem;margin-top:8px;display:none}

.content{display:none;max-width:900px;margin:0 auto;padding:24px 16px 48px}
.hero-bar{background:linear-gradient(135deg,#173b57,#173b57);color:white;padding:28px 32px;border-radius:12px;margin-bottom:28px;text-align:center}
.hero-bar h1{font-size:1.7rem;color:#FDD835;margin-bottom:6px}
.hero-bar p{color:#C8E6C9;font-size:.9rem}

.card{background:white;border-radius:10px;padding:24px 28px;margin-bottom:20px;box-shadow:0 1px 6px rgba(0,0,0,.08)}
.card h2{color:#173b57;margin-bottom:6px;font-size:1.2rem;border-bottom:2px solid #FBEACF;padding-bottom:10px}
.card h3{color:#173b57;font-size:1rem;margin:18px 0 8px}

table.rates{width:100%;border-collapse:collapse;font-size:.88rem;margin:12px 0}
table.rates th{background:#173b57;color:white;padding:10px 14px;text-align:left;font-size:.82rem}
table.rates td{padding:10px 14px;border-bottom:1px solid #f0f0f0;vertical-align:top}
table.rates tr:nth-child(even) td{background:#fafafa}
table.rates td:first-child{font-weight:700;color:#173b57}
table.rates td.price{font-weight:700;color:#173b57;white-space:nowrap}
table.rates td.annual{color:#173b57;font-weight:600;white-space:nowrap}

.tier-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:700}
.tier-1{background:#FFF8E1;color:#E65100;border:1px solid #FFB300}
.tier-2{background:#E3F2FD;color:#0D47A1;border:1px solid #90CAF9}
.tier-3{background:#FBEACF;color:#173b57;border:1px solid #A5D6A7}
.tier-4{background:#F3E5F5;color:#6A1B9A;border:1px solid #CE93D8}

.stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin:16px 0}
.stat{background:#FBEACF;border-radius:8px;padding:14px;text-align:center}
.stat .num{font-size:1.6rem;font-weight:900;color:#173b57}
.stat .lbl{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:3px}

.placement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:14px 0}
.placement{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:14px 16px;border-left:4px solid #173b57}
.placement h4{color:#173b57;font-size:.9rem;margin-bottom:6px}
.placement p{font-size:.82rem;color:#444;line-height:1.6}
.placement .rate{font-weight:700;color:#173b57;font-size:.95rem;margin-top:6px}

.highlight{background:var(--yellow);border-left:4px solid #000000;border-radius:0 8px 8px 0;padding:14px 18px;margin:14px 0;font-size:.88rem}
.highlight strong{color:#4a3500}

.contact-box{background:linear-gradient(135deg,#173b57,#173b57);color:white;border-radius:10px;padding:28px;text-align:center;margin-top:24px}
.contact-box h3{color:#FDD835;margin-bottom:8px}
.contact-box p{color:#C8E6C9;font-size:.9rem;margin-bottom:18px}
.contact-box a.cta{display:inline-block;background:#000000;color:#ffffff;padding:12px 28px;border-radius:24px;font-weight:700;text-decoration:none;font-size:.95rem}
.contact-box a.cta:hover{background:#FFB300}