.mail-page{background:#fff;color:#263238;font-family:Arial,"Segoe UI",sans-serif}
.mail-page .mail-wrap{max-width:1280px;margin:0 auto;padding:24px 18px 42px}
.mail-page .mail-breadcrumb{font-size:.92rem;color:#6d7d70;margin-bottom:22px}
.mail-page .mail-breadcrumb a{color:#2b9d51;text-decoration:none;font-weight:600}
.mail-page section{margin-top:38px}
.mail-page .mail-hero{margin-top:0;padding:4px 8px 18px}
.mail-page .mail-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:32px;align-items:center}
.mail-page h1{font-size:3.05rem;line-height:1.08;font-weight:800;letter-spacing:-.025em;color:#343838;margin:0 0 20px}
.mail-page .mail-hero-desc{font-size:1.06rem;line-height:1.8;color:#5b6760;max-width:660px;margin-bottom:22px}
.mail-page .mail-bullets{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:28px}
.mail-page .mail-bullet{display:flex;align-items:center;gap:9px;font-weight:700;color:#2d4335}
.mail-page .mail-bullet i{color:#24a852;font-size:1.06rem}
.mail-page .mail-actions{display:flex;gap:14px;flex-wrap:wrap}
.mail-page .mail-btn-primary,.mail-page .mail-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:11px;font-weight:700;text-decoration:none;transition:.18s ease}
.mail-page .mail-btn-primary{background:linear-gradient(90deg,#0b8538,#2fbd5d);color:#fff;border:1px solid #159344;box-shadow:0 9px 18px rgba(31,145,66,.14)}
.mail-page .mail-btn-primary:hover{transform:translateY(-1px);color:#fff}
.mail-page .mail-btn-outline{background:#fff;color:#168b41;border:1px solid #a9dbb8}
.mail-page .mail-hero-art{display:flex;align-items:center;justify-content:center;min-height:350px}
.mail-page .mail-hero-art img{max-width:100%;height:auto;display:block}
.mail-page .mail-summary-section{margin-top:16px}
.mail-page .mail-summary-grid,.mail-page .mail-advantages-grid,.mail-page .mail-pricing-grid,.mail-page .mail-trust-grid,.mail-page .mail-faq-support-grid{display:grid;gap:18px}
.mail-page .mail-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e5eee8;border-radius:18px;padding:18px 20px;box-shadow:0 12px 26px rgba(24,52,33,.07)}
.mail-page .mail-summary-card{display:flex;align-items:flex-start;gap:14px;padding:3px 5px}
.mail-page .mail-icon-bubble{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ebf8ef;color:#1ea34e;font-size:1.4rem;flex:0 0 50px}
.mail-page .mail-summary-card h3,.mail-page .mail-advantage-card h3,.mail-page .mail-pricing-card h3,.mail-page .mail-faq-card h3,.mail-page .mail-support-card h3{margin:0 0 7px;font-weight:800;color:#174d2d}
.mail-page .mail-summary-card p,.mail-page .mail-advantage-card p,.mail-page .mail-support-card p,.mail-page details p{margin:0;color:#66746c;line-height:1.6;font-size:.94rem}
.mail-page .mail-section-title{text-align:center;margin-bottom:22px}
.mail-page .mail-section-title h2{font-size:2.18rem;margin:0 0 7px;font-weight:800;color:#303535}
.mail-page .mail-section-title p{margin:0;color:#6f7d75}
.mail-page .mail-advantages-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.mail-page .mail-advantage-card{background:#fff;border:1px solid #e5eee8;border-radius:14px;padding:24px 15px;text-align:center;box-shadow:0 10px 22px rgba(24,52,33,.045)}
.mail-page .mail-advantage-card .mail-icon-bubble{margin:0 auto 15px}
.mail-page .mail-pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.mail-page .mail-pricing-card{position:relative;background:#fff;border:1px solid #e5eee8;border-radius:16px;padding:27px 23px;display:flex;flex-direction:column;box-shadow:0 10px 22px rgba(24,52,33,.045)}
.mail-page .mail-pricing-card.popular{border-color:#72cf90;box-shadow:0 17px 30px rgba(23,141,67,.13)}
.mail-page .mail-plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#1ba74f;color:#fff;border-radius:999px;padding:4px 16px;font-size:.82rem;font-weight:700}
.mail-page .mail-plan-subtitle{color:#6d7b73;margin-bottom:16px;min-height:42px}
.mail-page .mail-plan-features{list-style:none;margin:16px 0 22px;padding:0;display:flex;flex-direction:column;gap:10px}
.mail-page .mail-plan-features li{display:flex;gap:10px;align-items:flex-start;color:#2e4937;font-weight:600}
.mail-page .mail-plan-features i{color:#249f4e}
.mail-page .mail-plan-price{margin-top:auto;padding-top:4px}
.mail-page .mail-plan-price strong{font-size:2.15rem;line-height:1;color:#0e7432}
.mail-page .mail-plan-price span{color:#6d7b73;font-weight:600;margin-left:5px}
.mail-page .mail-pricing-card .mail-btn-primary{margin-top:17px;width:100%;min-height:46px}
.mail-page .mail-comparison-wrap{background:#fff;border:1px solid #e5eee8;border-radius:18px;padding:17px;overflow:auto;box-shadow:0 10px 22px rgba(24,52,33,.045)}
.mail-page .mail-comparison-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}
.mail-page .mail-comparison-table th,.mail-page .mail-comparison-table td{padding:12px 14px;border-bottom:1px solid #edf2ee;font-size:.95rem;text-align:center}
.mail-page .mail-comparison-table th:first-child,.mail-page .mail-comparison-table td:first-child{text-align:left}
.mail-page .mail-comparison-table thead th{background:#08652d;color:#fff;font-weight:700}
.mail-page .mail-comparison-table thead th:first-child{border-top-left-radius:11px}
.mail-page .mail-comparison-table thead th:last-child{border-top-right-radius:11px}
.mail-page .mail-comparison-table tbody tr:nth-child(even) td{background:#fbfdfb}
.mail-page .mail-comparison-table td:first-child{font-weight:700;color:#2b3b31}
.mail-page .mail-table-check{font-size:1.2rem;color:#1ea34e;font-weight:800}
.mail-page .mail-trust-section{margin-top:22px}
.mail-page .mail-trust-grid{grid-template-columns:repeat(6,minmax(0,1fr));background:#fff;border:1px solid #e5eee8;border-radius:16px;padding:15px 17px;box-shadow:0 10px 22px rgba(24,52,33,.045)}
.mail-page .mail-trust-item{text-align:center;padding:9px 7px;color:#2c3d32;font-weight:700;border-right:1px solid #edf2ee}
.mail-page .mail-trust-item:last-child{border-right:0}
.mail-page .mail-trust-item i{display:block;font-size:1.75rem;color:#159c47;margin-bottom:7px}
.mail-page .mail-faq-support-grid{grid-template-columns:1.08fr .92fr;align-items:stretch}
.mail-page .mail-faq-card,.mail-page .mail-support-card{background:#fff;border:1px solid #e5eee8;border-radius:18px;padding:23px 26px;box-shadow:0 10px 22px rgba(24,52,33,.045)}
.mail-page details{border-bottom:1px solid #edf2ee;padding:14px 0}
.mail-page details:last-child{border-bottom:none;padding-bottom:0}
.mail-page summary{list-style:none;cursor:pointer;font-weight:650;color:#303a34;display:flex;justify-content:space-between;gap:10px}
.mail-page summary::-webkit-details-marker{display:none}
.mail-page .mail-support-card{display:flex;align-items:center;gap:24px}
.mail-page .mail-support-visual{width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d9f4e2,#f6fbf7);display:flex;align-items:center;justify-content:center;color:#159c47;font-size:3.6rem;flex:0 0 112px}
.mail-page .mail-support-copy{flex:1}
.mail-page .mail-support-card .mail-btn-primary{margin-top:15px;min-height:44px;padding:0 22px}
@media (max-width:1199px){
  .mail-page .mail-summary-grid,.mail-page .mail-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mail-page .mail-advantages-grid,.mail-page .mail-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mail-page .mail-trust-item{border-right:0}
}
@media (max-width:991px){
  .mail-page h1{font-size:2.55rem}
  .mail-page .mail-hero-grid,.mail-page .mail-faq-support-grid{grid-template-columns:1fr}
  .mail-page .mail-hero-art{min-height:0}
}
@media (max-width:767px){
  .mail-page .mail-wrap{padding:18px 12px 32px}
  .mail-page .mail-bullets,.mail-page .mail-actions{gap:12px}
  .mail-page .mail-summary-grid,.mail-page .mail-advantages-grid,.mail-page .mail-pricing-grid,.mail-page .mail-trust-grid{grid-template-columns:1fr}
  .mail-page .mail-section-title h2{font-size:1.7rem}
  .mail-page h1{font-size:2rem}
  .mail-page .mail-support-card{flex-direction:column;text-align:center}
}