/* OptiWolf marketing-site — pricing page. Shared chrome is in site.css. */

.head{text-align:center;padding:72px 0 8px;}
.caption{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--teal-700);}
.head h1{font-size:clamp(2.2rem,4.4vw,3rem);margin:.4rem 0 .6rem;}
.head p{color:var(--muted);font-size:1.1rem;max-width:560px;margin:0 auto;}
.toggle{display:inline-flex;align-items:center;gap:10px;margin:26px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px;box-shadow:var(--sh-sm);}
.toggle button{border:none;background:transparent;font-family:var(--body);font-weight:600;font-size:.9rem;color:var(--muted);padding:8px 16px;border-radius:999px;cursor:pointer;}
.toggle button.on{background:var(--navy-900);color:#fff;}
.toggle .save{font-size:.72rem;font-weight:700;color:var(--teal-700);background:#e3f6f2;padding:3px 8px;border-radius:999px;margin-left:2px;}

.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:40px 0 24px;align-items:start;}
@media(max-width:860px){.tiers{grid-template-columns:1fr;}}
.tier{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:var(--sh-sm);position:relative;}
.tier.feat{border:1.5px solid var(--teal-500);box-shadow:var(--sh-lg);}
.tier .name{font-family:var(--display);font-weight:600;color:var(--navy-800);font-size:1.05rem;}
.tier .price{font-family:var(--display);font-weight:700;font-size:2.8rem;color:var(--navy-900);margin:.15em 0;letter-spacing:-.02em;}
.tier .price span{font-size:.95rem;font-weight:500;color:var(--muted);}
.tier .desc{color:var(--muted);font-size:.92rem;min-height:40px;}
.tier ul{list-style:none;padding:0;margin:18px 0 24px;}
.tier li{padding:7px 0 7px 28px;position:relative;color:var(--ink-soft);font-size:.94rem;}
.tier li::before{content:"";position:absolute;left:0;top:13px;width:13px;height:7px;border:2px solid var(--teal-600);border-top:0;border-right:0;transform:rotate(-45deg);}
.ribbon{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--grad-teal);color:var(--navy-900);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:5px 14px;border-radius:999px;box-shadow:var(--sh-md);}

.sec{padding:64px 0;}
.sec h2{text-align:center;font-size:1.9rem;margin-bottom:8px;}
.sec .sub{text-align:center;color:var(--muted);margin:0 0 36px;}
.cmp{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--sh-sm);}
.cmp th,.cmp td{padding:14px 18px;text-align:center;font-size:.93rem;border-top:1px solid var(--border);}
.cmp thead th{background:var(--navy-50);font-family:var(--display);color:var(--navy-800);font-size:.85rem;border-top:none;}
.cmp tbody td:first-child,.cmp thead th:first-child{text-align:left;color:var(--ink);}
.cmp .yes{color:var(--teal-700);font-weight:700;}
.cmp .no{color:var(--muted);}

.faq{max-width:760px;margin:0 auto;}
.faq .q{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:12px;}
.faq .q h4{font-size:1.02rem;margin-bottom:6px;}
.faq .q p{margin:0;color:var(--muted);font-size:.94rem;}

.cta-band .box{background:var(--grad-navy);border-radius:24px;padding:52px;text-align:center;box-shadow:var(--sh-lg);}
.cta-band h2{color:#fff;}
.cta-band p{color:var(--navy-200);max-width:520px;margin:12px auto 24px;}
.cta-band .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}