.atpr-section, .atpr-section *{ box-sizing:border-box; }
.atpr-section{
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  --atpr-orange:#F2760E;
  --atpr-navy:#0d1b4c;
  --atpr-navy-dark:#06152f;
  --atpr-gray:#5c6577;
  background:#fff;
  padding: 60px 20px;
}
.atpr-wrap{ max-width:1180px; margin:0 auto; }

.atpr-header{ text-align:center; margin-bottom:44px; }
.atpr-badge{
  display:inline-block; color:var(--atpr-orange); font-weight:800;
  font-size:12.5px; letter-spacing:1.5px; margin-bottom:14px;
}
.atpr-title{
  font-size: clamp(26px,4vw,38px); font-weight:900; color:var(--atpr-navy);
  letter-spacing:-0.5px; margin:0;
}

.atpr-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  align-items:start;
}
@media (max-width: 900px){
  .atpr-grid{ grid-template-columns:1fr; }
}

.atpr-card{
  background:#fff;
  border:1px solid #e7e9f2;
  border-radius:18px;
  padding: 30px 28px 34px;
  box-shadow: 0 10px 30px -18px rgba(13,27,76,0.25);
  position:relative;
}
.atpr-card-popular{
  background: linear-gradient(160deg, var(--atpr-navy), var(--atpr-navy-dark));
  border-color: transparent;
  transform: translateY(-10px);
  box-shadow: 0 24px 50px -18px rgba(13,27,76,0.55);
}
.atpr-most-popular{
  position:absolute; top:-16px; left:50%; transform:translateX(-50%);
  background: linear-gradient(135deg,#FF8C29,#FF3D6E);
  color:#fff; font-size:11.5px; font-weight:800; letter-spacing:0.5px;
  padding:8px 18px; border-radius:30px; white-space:nowrap;
}

.atpr-plan-name{ font-size:22px; font-weight:800; color:var(--atpr-navy); margin:6px 0 4px; }
.atpr-card-popular .atpr-plan-name{ color:#fff; }
.atpr-plan-tagline{ font-size:13.5px; color:var(--atpr-gray); margin-bottom:20px; }
.atpr-card-popular .atpr-plan-tagline{ color:rgba(255,255,255,0.65); }

.atpr-price{ font-size:36px; font-weight:900; color:var(--atpr-navy); margin-bottom:22px; }
.atpr-card-popular .atpr-price{ color:#fff; }
.atpr-currency{ font-size:20px; font-weight:800; vertical-align:top; position:relative; top:6px; }
.atpr-unit{ font-size:14px; font-weight:600; color:var(--atpr-gray); }
.atpr-card-popular .atpr-unit{ color:rgba(255,255,255,0.65); }

.atpr-features{ list-style:none; margin:0 0 26px; padding:0; }
.atpr-features li{
  display:flex; align-items:center; gap:10px;
  font-size:14px; color:var(--atpr-navy); padding:8px 0;
}
.atpr-card-popular .atpr-features li{ color:#fff; }
.atpr-check{
  flex-shrink:0; width:20px; height:20px; border-radius:50%;
  background: rgba(242,118,14,0.12); color:var(--atpr-orange);
  display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800;
}
.atpr-card-popular .atpr-check{ background:rgba(255,255,255,0.18); color:#fff; }

.atpr-get-started-btn{
  width:100%; border:none; cursor:pointer;
  background: linear-gradient(135deg,#FF8C29,#FF3D6E);
  color:#fff; font-weight:800; font-size:14px; letter-spacing:0.4px;
  padding:14px 20px; border-radius:40px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.atpr-get-started-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 26px -10px rgba(255,61,110,0.55);
}

/* ---------------- Modal / popup form ---------------- */
.atpr-modal-overlay{
  position:fixed; inset:0; z-index:99999;
  background:rgba(13,27,76,0.55);
  display:none; align-items:flex-start; justify-content:center;
  padding: 40px 16px; overflow-y:auto;
}
.atpr-modal-overlay.atpr-active{ display:flex; }
.atpr-modal{
  background:#fff; width:100%; max-width:420px;
  border-radius:16px; padding: 26px 26px 30px;
  position:relative;
  box-shadow: 0 30px 70px -20px rgba(13,27,76,0.5);
}
.atpr-modal-close{
  position:absolute; top:14px; right:16px;
  background:none; border:none; font-size:22px; line-height:1;
  color:#8892a6; cursor:pointer;
}
.atpr-modal-close:hover{ color:var(--atpr-navy); }
.atpr-modal-title{ font-size:22px; font-weight:800; color:var(--atpr-navy); margin:0 0 16px; }

.atpr-selected-plan-box{
  background:#f6f8fc; border-radius:10px; padding:12px 14px;
  font-size:13.5px; color:var(--atpr-gray); margin-bottom:18px;
}
.atpr-selected-plan-box strong{ color:var(--atpr-navy); }
.atpr-selected-plan-box span{ color:var(--atpr-orange); font-weight:700; margin-left:4px; }

.atpr-label{ display:block; font-size:13px; font-weight:700; color:var(--atpr-navy); margin:14px 0 6px; }
.atpr-required{ color:#ff3d6e; }
.atpr-input, .atpr-textarea{
  width:100%; border:1px solid #e2e6f0; background:#f9fafc;
  border-radius:8px; padding:11px 13px; font-size:13.5px; color:var(--atpr-navy);
  font-family:inherit;
}
.atpr-input:focus, .atpr-textarea:focus{
  outline:none; border-color:var(--atpr-orange); background:#fff;
}
.atpr-textarea{ min-height:90px; resize:vertical; }

.atpr-form-msg{ font-size:13px; margin-top:12px; min-height:0; }
.atpr-form-msg.atpr-msg-success{ color:#1a9d4f; }
.atpr-form-msg.atpr-msg-error{ color:#e0293e; }

.atpr-submit-btn{
  width:100%; margin-top:18px; border:none; cursor:pointer;
  background: linear-gradient(135deg,#FF8C29,#FF3D6E);
  color:#fff; font-weight:800; font-size:14px; letter-spacing:0.4px;
  padding:14px 20px; border-radius:40px;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.atpr-submit-btn:hover{ transform: translateY(-2px); }
.atpr-submit-btn:disabled{ opacity:0.6; cursor:not-allowed; transform:none; }

body.atpr-modal-open{ overflow:hidden; }