.pricing-page { background: #fff; }
.main-nav .current { color: var(--accent-dark); }
.pricing-hero { min-height: 650px; padding: 80px max(7vw,24px); overflow: hidden; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; background: linear-gradient(145deg,#fff 38%,#eff1ff); }
.pricing-hero-copy { max-width: 770px; position: relative; z-index: 2; }
.pricing-hero-copy > p:last-of-type { max-width: 680px; color: var(--muted); font-size: 20px; }
.pricing-badges { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 10px; }.pricing-badges span { padding: 8px 12px; border: 1px solid #dfe2f3; border-radius: 100px; color: #576078; background: rgba(255,255,255,.75); font-size: 12px; font-weight: 700; }
.pricing-mascot { min-height: 480px; position: relative; display: grid; place-items: center; }.pricing-mascot img { width: 360px; position: relative; z-index: 2; filter: drop-shadow(0 35px 45px rgba(48,55,119,.2)); }.mascot-glow { width: 420px; height: 420px; position: absolute; border-radius: 50%; background: radial-gradient(circle,#cbd1ff,rgba(203,209,255,0) 68%); }
.price-bubble { padding: 17px 22px; position: absolute; z-index: 3; right: 6%; bottom: 12%; border: 1px solid white; border-radius: 16px; display: grid; background: rgba(255,255,255,.92); box-shadow: var(--shadow); backdrop-filter: blur(10px); }.price-bubble small { color: var(--accent); font-size: 8px; font-weight: 800; letter-spacing: .1em; }.price-bubble b { color: var(--ink-dark); font-size: 28px; }.price-bubble span { color: var(--muted); font-size: 10px; }
.pricing-section { padding: 110px max(5vw,24px); }.pricing-heading { max-width: 800px; }.pricing-heading > p:last-child { color: var(--muted); font-size: 17px; }.price-components { max-width: 1400px; margin: 55px auto 35px; display: grid; grid-template-columns: 1fr 50px 1fr 50px 1fr; align-items: stretch; }.price-components article { min-height: 330px; padding: 32px; position: relative; border: 1px solid var(--line); border-radius: 20px; background: white; }.price-components .result-card { color: white; border: 0; background: linear-gradient(145deg,var(--accent),var(--accent-dark)); box-shadow: 0 25px 55px rgba(77,45,255,.22); }.component-number { position: absolute; right: 25px; top: 25px; color: #c8cdda; font-size: 11px; font-weight: 800; }.result-card .component-number { color: rgba(255,255,255,.55); }.component-icon { width: 50px; height: 50px; margin-bottom: 38px; border-radius: 14px; display: grid; place-items: center; color: var(--accent-dark); background: #eef0ff; font-size: 21px; font-weight: 800; }.result-card .component-icon { color: white; background: rgba(255,255,255,.17); }.price-components h3 { color: var(--ink-dark); font-size: 24px; }.price-components p { color: var(--muted); font-size: 14px; }.price-components a { color: var(--accent-dark); font-size: 12px; font-weight: 800; }.price-components strong { display: block; color: var(--ink-dark); font-size: 26px; }.price-components strong small { color: var(--muted); font-size: 10px; }.result-card h3,.result-card strong { color: white; }.result-card p { color: #d9dcff; }.plus,.equals { display: grid; place-items: center; color: var(--accent); font-size: 28px; font-weight: 300; }.courier-free { max-width: 1400px; margin: auto; padding: 24px 28px; border: 1px solid #dce0f6; border-radius: 16px; display: grid; grid-template-columns: 50px 1fr auto; align-items: center; gap: 18px; background: #f4f5ff; }.truck { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; color: white; background: var(--accent); }.courier-free b { color: var(--ink-dark); }.courier-free p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }.courier-free > span { color: var(--accent-dark); font-size: 28px; font-weight: 800; }
.thresholds-section { padding: 110px max(5vw,24px); background: var(--surface); }.usage-note { max-width: 900px; margin: 36px auto 0; padding: 22px 26px; border: 1px solid #cfd5ff; border-radius: 16px; display: grid; grid-template-columns: 48px 1fr; align-items: center; gap: 18px; background: #f0f2ff; }.usage-note > span { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; color: white; background: var(--accent); font-size: 24px; font-weight: 800; }.usage-note b { color: var(--ink-dark); font-size: 17px; }.usage-note p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }.threshold-grid { max-width: 1400px; margin: 32px auto 20px; display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }.threshold-grid article { min-height: 340px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; display: flex; flex-direction: column; background: white; }.tier { width: 37px; height: 37px; margin-bottom: 35px; border-radius: 10px; display: grid; place-items: center; color: var(--accent-dark); background: #eceeff; font-weight: 800; }.threshold-grid small { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .1em; }.threshold-grid h3 { margin: 4px 0 0; color: var(--ink-dark); font-size: 34px; }.threshold-grid p { color: var(--muted); font-size: 12px; }.threshold-grid strong { margin-top: auto; color: var(--ink-dark); font-size: 29px; }.threshold-grid article > span { color: var(--muted); font-size: 10px; }.overage { max-width: 1400px; margin: auto; padding: 25px 29px; border-radius: 16px; display: grid; grid-template-columns: 130px 1fr auto; align-items: center; gap: 22px; color: white; background: var(--graphite); }.overage > span { color: var(--accent-light); font-size: 27px; font-weight: 900; }.overage b { font-size: 16px; }.overage p { margin: 3px 0 0; color: #bfc2cb; font-size: 12px; }.overage strong { font-size: 18px; }
.calculator-section { padding: 110px max(7vw,24px); display: grid; grid-template-columns: .9fr 1.1fr; gap: 9vw; color: white; background: linear-gradient(135deg,var(--ink-dark),#282e5d); }.calculator-copy h2 { color: white; }.calculator-copy h2 em { color: var(--accent-light); }.calculator-copy > p:not(.eyebrow) { color: #b8bfd1; font-size: 18px; }.calculator-copy ul { margin: 30px 0 0; padding: 0; display: grid; gap: 9px; color: #d9dceb; list-style: none; font-size: 13px; }.price-calculator { padding: 38px; border-radius: 22px; color: var(--ink); background: white; box-shadow: 0 30px 70px rgba(0,0,0,.22); }.price-calculator label { margin-bottom: 18px; display: grid; gap: 7px; }.price-calculator label span { color: #59627a; font-size: 12px; font-weight: 700; }.price-calculator input { padding: 13px; border: 1px solid #dfe3ec; border-radius: 9px; outline: 0; background: #fbfcfe; font-size: 17px; font-weight: 700; }.price-calculator input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(107,121,253,.1); }.price-calculator label small { color: #989fad; font-size: 9px; }.calculation-lines { margin-top: 26px; padding-top: 17px; border-top: 1px solid var(--line); }.calculation-lines p { margin: 8px 0; display: flex; justify-content: space-between; color: var(--muted); font-size: 12px; }.calculation-lines b { color: var(--ink); }.calculation-total { margin: 20px 0; padding: 19px; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; background: #f0f2ff; }.calculation-total > span { display: grid; color: var(--ink); font-size: 12px; font-weight: 700; }.calculation-total small { color: var(--muted); font-size: 9px; font-weight: 400; }.calculation-total strong { color: var(--accent-dark); font-size: 27px; }.price-calculator .button { width: 100%; border: 0; }
.addons-section { padding: 110px max(5vw,24px); background: white; }.addons-table { max-width: 1400px; margin: 50px auto 0; border: 1px solid var(--line); border-radius: 19px; overflow: hidden; }.addons-head, .addons-table article { padding: 17px 24px; display: grid; grid-template-columns: 1.1fr 1.7fr .8fr 110px; align-items: center; gap: 25px; }.addons-head { color: #959cad; background: #f5f6f9; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.addons-table article { min-height: 120px; border-top: 1px solid var(--line); background: white; transition: background .2s; }.addons-table article:hover { background: #fafbff; }.addon-name { display: flex; align-items: center; gap: 14px; }.addon-name > div { display: grid; }.addon-name b { color: var(--ink-dark); font-size: 16px; }.addon-name small { color: var(--muted); font-size: 10px; }.addon-icon { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; display: grid; place-items: center; color: white; background: linear-gradient(135deg,var(--accent),var(--accent-dark)); font-weight: 900; }.addons-table article > p { margin: 0; color: var(--muted); font-size: 12px; }.addons-table article > strong { color: var(--accent-dark); font-size: 12px; }.addon-call { padding: 9px 12px; border: 1px solid #dfe2ef; border-radius: 9px; display: flex; justify-content: center; align-items: center; gap: 7px; color: var(--accent-dark); background: white; font-size: 16px; font-weight: 800; }.addon-call span { font-size: 10px; }.addon-call:hover { color: white; border-color: var(--accent); background: var(--accent); }.addons-contact { max-width: 1400px; margin: 18px auto 0; padding: 19px 24px; border-radius: 13px; display: flex; justify-content: space-between; align-items: center; gap: 20px; background: #f0f2ff; }.addons-contact p { margin: 0; color: var(--ink); font-weight: 700; }.addons-contact a { color: var(--accent-dark); font-size: 12px; font-weight: 800; }
.pricing-cta { padding: 70px max(7vw,24px); display: grid; grid-template-columns: 140px 1fr auto; align-items: center; gap: 45px; background: #f0f2ff; }.pricing-cta > img { width: 130px; max-height: 150px; object-fit: contain; }.pricing-cta .eyebrow { margin-bottom: 8px; }.pricing-cta h2 { margin-bottom: 8px; font-size: clamp(28px,3vw,44px); }.pricing-cta p { margin: 0; color: var(--muted); }
@media (max-width:1050px){.pricing-hero,.calculator-section{grid-template-columns:1fr}.pricing-mascot{min-height:400px}.price-components{grid-template-columns:1fr}.plus,.equals{height:50px}.threshold-grid{grid-template-columns:1fr 1fr}.addons-head{display:none}.addons-table article{grid-template-columns:1fr 1.4fr .8fr 105px}.pricing-cta{grid-template-columns:100px 1fr}.pricing-cta .button{grid-column:2}}
@media (max-width:750px){.addons-table{border:0;display:grid;gap:12px;overflow:visible}.addons-table article{padding:23px;border:1px solid var(--line);border-radius:15px;grid-template-columns:1fr auto}.addons-table article>p{grid-column:1/-1}.addons-table article>strong{align-self:center}.addon-call{min-width:100px}.addons-contact{align-items:flex-start;flex-direction:column}}
@media (max-width:650px){.pricing-hero{padding:60px 20px}.pricing-mascot img{width:250px}.price-bubble{right:0}.pricing-section,.thresholds-section,.calculator-section,.addons-section{padding:80px 20px}.courier-free,.overage{grid-template-columns:1fr}.courier-free>span{margin-left:64px}.threshold-grid{grid-template-columns:1fr}.price-calculator{padding:25px 18px}.calculation-total{align-items:flex-start;flex-direction:column;gap:5px}.addons-table article{grid-template-columns:1fr}.addons-table article>p{grid-column:auto}.pricing-cta{padding:60px 20px;grid-template-columns:1fr;text-align:center}.pricing-cta>img{margin:auto}.pricing-cta .eyebrow{justify-content:center}.pricing-cta .button{grid-column:auto}}