/* Homepage plans — sober SiteMetra SaaS design */
.home-plans{padding-top:84px;padding-bottom:84px}
.plans-head{text-align:center;max-width:760px;margin:0 auto 38px}
.plans-kicker{display:inline-flex;padding:7px 13px;border:1px solid #233553;border-radius:999px;background:#0a1322;color:#9eb8e8;font-size:11px;font-weight:800;letter-spacing:.09em}
.plans-head h2{font-size:42px;letter-spacing:-.035em;margin:18px 0 10px}
.plans-head h2 span{background:linear-gradient(90deg,#3ba8ff,#816cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.home-plan{position:relative;display:flex;flex-direction:column;padding:30px;border:1px solid #1c2940;border-radius:18px;background:linear-gradient(180deg,#0d1728,#0a1220);box-shadow:0 18px 50px rgba(0,0,0,.12)}
.home-plan.featured{border-color:#526bff;background:radial-gradient(circle at 80% 0,rgba(103,70,255,.13),transparent 35%),linear-gradient(180deg,#101a30,#0b1425);box-shadow:0 20px 60px rgba(43,70,190,.13)}
.plan-badge{position:absolute;right:24px;top:26px;padding:6px 10px;border-radius:999px;background:#6d4cff;color:#fff;font-size:10px;font-weight:800}
.plan-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#101f3c;border:1px solid #263c67;margin-bottom:20px}
.plan-icon svg{width:25px;height:25px;fill:none;stroke:#4e9cff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-plan.featured .plan-icon svg{stroke:#8d78ff}
.home-plan h3{font-size:26px;margin:0 0 2px}.plan-sub{color:#a9b7cf;margin:0 0 15px}.plan-copy{color:#7e8da7;line-height:1.55;min-height:67px;margin:0 0 20px}
.plan-price{display:flex;align-items:baseline;gap:8px;margin:4px 0 4px}.plan-price strong{font-size:38px;letter-spacing:-.04em}.plan-price span{color:#8190aa;font-size:13px}
.plan-launch{display:flex;align-items:center;gap:9px;height:20px;color:#7f8ca4;font-size:11px}.plan-launch span{color:#a897ff}.after-price{color:#697992;min-height:17px}
.home-plan ul{list-style:none;padding:0;margin:24px 0 26px;display:flex;flex-direction:column;gap:11px}.home-plan li{color:#b8c3d5;font-size:13px}.home-plan li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;margin-right:9px;background:#183663;color:#72a8ff;font-size:11px;font-weight:900}
.featured li:before{background:#34256d;color:#b6a8ff}
.plan-btn{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;border:1px solid #2b3a54;border-radius:11px;color:#f5f7fb;text-decoration:none;font-weight:800;font-size:13px;background:#0b1422}
.plan-btn:hover{border-color:#5570a8;background:#0e192a}.primary-plan{border:0;background:linear-gradient(90deg,#19a7ee,#764cff);box-shadow:0 10px 30px rgba(67,83,255,.18)}
.plan-reassurance{display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px;padding:18px 4px;border-top:1px solid #162239;border-bottom:1px solid #162239}
.plan-reassurance>div{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:4px 18px;border-right:1px solid #17233a}.plan-reassurance>div:last-child{border-right:0}
.plan-reassurance span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border:1px solid #26385c;border-radius:10px;color:#6f8fff;background:#0d1728}.plan-reassurance b{font-size:12px}.plan-reassurance small{color:#6e7c95;font-size:10px;margin-top:3px}
@media(max-width:900px){.home-plan-grid{grid-template-columns:1fr}.plan-copy{min-height:0}.plan-reassurance{grid-template-columns:1fr 1fr;gap:16px}.plan-reassurance>div{border-right:0}.plans-head h2{font-size:34px}}
@media(max-width:560px){.plan-reassurance{grid-template-columns:1fr}.home-plan{padding:24px}.plans-head h2{font-size:30px}}


/* Restore homepage motion + alignment */
.home-plan-grid{align-items:stretch}
.home-plan{height:100%;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.home-plan:hover{transform:translateY(-6px);border-color:#30496f;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.home-plan.featured:hover{border-color:#6c72ff;box-shadow:0 25px 65px rgba(53,70,190,.18)}
.home-plan ul{flex:1}
.home-plan .plan-btn{margin-top:auto}
.reveal-card{animation:smPlanIn .65s cubic-bezier(.2,.75,.25,1) both}
.reveal-card:nth-child(2){animation-delay:.09s}.reveal-card:nth-child(3){animation-delay:.18s}
.plan-icon{transition:transform .25s ease,box-shadow .25s ease}.home-plan:hover .plan-icon{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 24px rgba(58,98,210,.14)}
.primary-plan{background-size:160% 100%;transition:background-position .3s ease,transform .2s ease}.primary-plan:hover{background-position:100% 0;transform:translateY(-1px)}
.subtle-badge{background:#14203a;color:#9fb4df;border:1px solid #283a5d}
@keyframes smPlanIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.reveal-card{animation:none}.home-plan,.plan-icon,.primary-plan{transition:none}}