
.service-detail-section{padding:82px 0;background:#fff}.service-detail-section.alt{background:#f6f8fd}.detail-intro{max-width:840px;margin:0 auto 46px;text-align:center}.detail-intro .eyebrow{display:inline-block;color:#7545c6;font-weight:800;letter-spacing:.13em;font-size:.76rem;margin-bottom:12px}.detail-intro h2{color:#173d71;font-size:clamp(2rem,3.4vw,3.25rem);margin-bottom:16px}.detail-intro p{color:#66728a;font-size:1.08rem}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.detail-card,.process-card,.deliverable-card,.faq-card{background:#fff;border:1px solid #e7ebf5;border-radius:22px;padding:28px;box-shadow:0 12px 34px rgba(30,48,92,.06);transition:.28s}.detail-card:hover,.process-card:hover,.deliverable-card:hover{transform:translateY(-7px);box-shadow:0 20px 42px rgba(30,48,92,.12);border-color:#cbbbed}.detail-card i,.deliverable-card i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f5ff,#f0e8ff);color:#6f42c1;font-size:1.4rem;margin-bottom:18px}.detail-card h3,.detail-card h4,.process-card h4,.deliverable-card h4,.faq-card h4{color:#173d71}.detail-card p,.process-card p,.deliverable-card p,.faq-card p{color:#66728a}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.process-card{position:relative;padding-top:52px}.process-card .step{position:absolute;top:18px;left:22px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#087eea,#7f42bf);color:#fff;font-weight:800;font-size:.78rem}.deliverable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.comparison-box{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e7ebf5;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 16px 42px rgba(30,48,92,.07)}.comparison-box>div{padding:34px}.comparison-box>div:first-child{background:#f8faff}.comparison-box h3{color:#173d71}.comparison-box ul{padding-left:20px;color:#66728a}.faq-list{display:grid;gap:14px;max-width:930px;margin:auto}.faq-card{padding:22px 26px}.service-final-cta{padding:76px 0;background:linear-gradient(125deg,#101258,#173f7a 58%,#087eaa);color:#fff}.service-final-cta h2{color:#fff!important}.service-final-cta p{color:rgba(255,255,255,.8)!important}.service-final-cta .cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.service-final-cta .btn{white-space:nowrap}
@media(max-width:991.98px){.detail-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.service-final-cta .cta-wrap{display:block}.service-final-cta .btn{margin-top:22px}.comparison-box{grid-template-columns:1fr}}
@media(max-width:575.98px){.service-detail-section{padding:58px 0}.detail-grid,.process-grid,.deliverable-grid{grid-template-columns:1fr}.detail-card,.process-card,.deliverable-card{padding:23px}.service-final-cta{padding:58px 0}}


/* MARESTY MOBILE PLANS PAGE V38 */
.mobile-plans-page { overflow-x: hidden; background: #fff; }
.mobile-plans-page .mobile-plans-hero { padding-bottom: 88px; }
.mobile-hero-highlights { display:flex; flex-wrap:wrap; gap:10px; margin:25px 0 8px; }
.mobile-hero-highlights span { display:inline-flex; align-items:center; gap:8px; color:#fff; padding:9px 14px; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.1); border-radius:999px; font-weight:600; }
.mobile-intro-section,.mobile-connectivity-section,.mobile-process-section,.mobile-faq-section { padding:90px 0; }
.mobile-benefits-section,.mobile-plans-section { padding:90px 0; background:#f5f8fc; }
.mobile-need-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin-top:42px; }
.mobile-need-grid article { background:#fff; border:1px solid #e5ebf3; border-radius:22px; padding:30px 25px; box-shadow:0 16px 45px rgba(25,48,76,.07); }
.mobile-need-grid i { width:54px; height:54px; display:grid; place-items:center; border-radius:16px; background:linear-gradient(135deg,#0878cf,#00a8ba); color:#fff; font-size:22px; margin-bottom:20px; }
.mobile-need-grid h3 { font-size:19px; color:#17334f; margin-bottom:10px; }
.mobile-need-grid p { margin:0; color:#627184; line-height:1.7; }
.mobile-feature-panel { border-radius:30px; padding:48px; color:#fff; background:linear-gradient(135deg,#092d50,#075f89 60%,#008fa3); box-shadow:0 24px 60px rgba(8,48,80,.18); }
.mobile-feature-panel .eyebrow { color:#8deafa; }
.mobile-feature-copy { max-width:760px; margin-bottom:35px; }
.mobile-feature-copy h2 { color:#fff; }
.mobile-feature-copy p { color:rgba(255,255,255,.78); font-size:18px; }
.mobile-benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.mobile-benefit-grid article { display:flex; gap:15px; padding:21px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.08); border-radius:18px; }
.mobile-benefit-grid i { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; background:#fff; color:#0878cf; border-radius:13px; }
.mobile-benefit-grid h4 { color:#fff; font-size:17px; margin-bottom:5px; }
.mobile-benefit-grid p { color:rgba(255,255,255,.72); font-size:14px; line-height:1.55; margin:0; }
.connectivity-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:40px; }
.connectivity-choice-card { border:1px solid #e1e9f2; border-radius:24px; padding:30px; background:#fff; box-shadow:0 16px 45px rgba(25,48,76,.07); }
.connectivity-choice-card .choice-icon { width:58px; height:58px; display:grid; place-items:center; border-radius:18px; color:#fff; background:linear-gradient(135deg,#0878cf,#00a8ba); font-size:23px; margin-bottom:22px; }
.connectivity-choice-card span { color:#0788a5; font-size:12px; font-weight:800; letter-spacing:.09em; }
.connectivity-choice-card h3 { color:#17334f; margin:8px 0 12px; }
.connectivity-choice-card p { color:#627184; line-height:1.75; margin:0; }
.featured-choice { border-color:#99dce4; background:linear-gradient(180deg,#f3fdff,#fff); }
.mobile-plan-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:45px; align-items:stretch; }
.mobile-plan-card { position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid #dfe8f2; border-radius:25px; padding:30px 26px 25px; box-shadow:0 16px 45px rgba(25,48,76,.08); transition:transform .25s ease,box-shadow .25s ease; }
.mobile-plan-card:hover { transform:translateY(-5px); box-shadow:0 24px 55px rgba(25,48,76,.14); }
.mobile-plan-card.recommended { border:2px solid #008fa3; transform:translateY(-8px); }
.mobile-plan-card.recommended:hover { transform:translateY(-12px); }
.recommended-label { position:absolute; left:22px; right:22px; top:-15px; text-align:center; padding:7px 12px; border-radius:999px; color:#fff; background:linear-gradient(90deg,#0878cf,#00a8ba); font-size:11px; font-weight:800; letter-spacing:.08em; }
.plan-brand { color:#087fa0; font-size:12px; font-weight:800; letter-spacing:.1em; margin-bottom:12px; }
.mobile-plan-card h3 { color:#122f4a; font-size:38px; margin:0; }
.plan-type { color:#728094; font-size:14px; margin-top:3px; }
.plan-price { display:flex; align-items:flex-start; color:#112f4c; margin:23px 0; padding-bottom:22px; border-bottom:1px solid #e7edf4; }
.plan-price small { font-size:16px; font-weight:700; margin:10px 3px 0 0; }
.plan-price strong { font-size:52px; line-height:1; }
.plan-price sup { font-size:18px; font-weight:800; margin-top:5px; }
.plan-price span { align-self:flex-end; color:#7b8797; font-size:13px; margin:0 0 7px 5px; }
.mobile-plan-card ul { list-style:none; padding:0; margin:0 0 24px; flex:1; }
.mobile-plan-card li { display:flex; gap:11px; margin:0 0 17px; }
.mobile-plan-card li>i { color:#00a084; margin-top:4px; }
.mobile-plan-card li span { display:block; min-width:0; }
.mobile-plan-card li b { display:block; color:#263f56; font-size:14px; }
.mobile-plan-card li small { display:block; color:#7b8797; font-size:12px; line-height:1.5; margin-top:2px; }
.plan-action { display:flex; justify-content:center; align-items:center; gap:10px; padding:14px; border-radius:999px; text-decoration:none; color:#fff; background:linear-gradient(90deg,#0878cf,#00a8ba); font-weight:700; }
.plan-action:hover { color:#fff; filter:brightness(.95); }
.plan-condition-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:40px; background:#fff; border:1px solid #e1e9f2; border-radius:22px; overflow:hidden; }
.plan-condition-strip>div { display:flex; align-items:center; gap:14px; padding:22px; border-right:1px solid #e1e9f2; }
.plan-condition-strip>div:last-child { border-right:0; }
.plan-condition-strip i { color:#0878cf; font-size:21px; }
.plan-condition-strip b,.plan-condition-strip small { display:block; }
.plan-condition-strip b { color:#223d55; }
.plan-condition-strip small { color:#788596; margin-top:2px; }
.mobile-faq-list { max-width:940px; margin:40px auto 0; display:grid; gap:13px; }
.mobile-faq-list details { border:1px solid #e0e8f1; border-radius:16px; background:#fff; padding:0 22px; box-shadow:0 8px 25px rgba(25,48,76,.05); }
.mobile-faq-list summary { cursor:pointer; list-style:none; position:relative; padding:20px 38px 20px 0; color:#1e3a53; font-weight:700; }
.mobile-faq-list summary::-webkit-details-marker { display:none; }
.mobile-faq-list summary:after { content:'+'; position:absolute; right:0; top:14px; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#eaf7fa; color:#0788a5; font-size:20px; }
.mobile-faq-list details[open] summary:after { content:'−'; }
.mobile-faq-list details p { color:#657486; line-height:1.75; padding:0 38px 20px 0; margin:0; }
@media (max-width:1199px){.mobile-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.mobile-plan-card.recommended{transform:none}.mobile-plan-card.recommended:hover{transform:translateY(-5px)}.mobile-need-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.mobile-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:767px){.mobile-intro-section,.mobile-benefits-section,.mobile-connectivity-section,.mobile-plans-section,.mobile-process-section,.mobile-faq-section{padding:65px 0}.mobile-feature-panel{padding:30px 20px;border-radius:22px}.mobile-need-grid,.mobile-benefit-grid,.connectivity-choice-grid,.mobile-plan-grid,.plan-condition-strip{grid-template-columns:1fr}.mobile-plan-card{padding:28px 22px}.mobile-plan-card.recommended{margin-top:10px}.plan-condition-strip>div{border-right:0;border-bottom:1px solid #e1e9f2}.plan-condition-strip>div:last-child{border-bottom:0}.mobile-hero-highlights{gap:7px}.mobile-hero-highlights span{font-size:12px;padding:8px 10px}.mobile-plans-page .hero-actions .btn{width:100%;}.mobile-plan-card h3{font-size:34px}.plan-price strong{font-size:48px}}
