/* MASAR AI information pages — obsidian surfaces with consistent rhythm on phone and desktop. */
.info-page,.connect-help-page{max-width:1180px;margin:0 auto;padding:28px clamp(14px,2.4vw,34px) 50px;overflow-wrap:anywhere;color:#e9f0fb}
.info-hero{position:relative;overflow:hidden;padding:clamp(24px,4vw,50px);border:1px solid rgba(82,215,248,.20);border-radius:26px;background:radial-gradient(ellipse at 10% 10%,rgba(56,189,248,.14),transparent 48%),linear-gradient(135deg,#101b31,#0a1121 78%);box-shadow:0 18px 60px rgba(0,0,0,.22)}
.info-hero:after{content:"";position:absolute;inset:auto -50px -190px auto;width:400px;height:400px;border:1px solid rgba(96,220,248,.15);border-radius:50%;box-shadow:0 0 0 28px rgba(96,220,248,.025),0 0 0 58px rgba(96,220,248,.02);pointer-events:none}
.info-hero h1{max-width:760px;margin:12px 0;font-size:clamp(28px,4.3vw,48px);line-height:1.3;letter-spacing:-.035em}.info-hero>p{max-width:760px;margin:0;color:#b7c5d9;font-size:16px;line-height:1.9}
.info-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.info-actions .btn{min-height:44px}
.info-facts,.pricing-cards,.checkout-steps,.connect-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.info-facts article,.info-plan,.checkout-steps article,.connect-help-grid>.card{min-width:0;padding:21px;border:1px solid rgba(148,169,197,.16);border-radius:18px;background:linear-gradient(145deg,rgba(17,28,47,.96),rgba(12,19,33,.98));box-shadow:0 12px 36px rgba(0,0,0,.13)}
.info-facts b,.checkout-steps b{color:#65dcf6;font-size:16px}.info-facts p,.checkout-steps p,.info-plan>p,.connect-help-grid p{margin:9px 0 0;color:#adbed3;line-height:1.8}
.info-section-title{margin:34px 0 0;font-size:23px}.info-plan{position:relative;padding:24px 22px;display:flex;flex-direction:column}.info-plan-index{color:#59dbf3;font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.12em}.info-plan h3{margin:14px 0 0;font-size:19px}.info-plan ul{display:grid;gap:10px;padding-right:18px;margin:18px 0 22px;color:#d4dfed;line-height:1.65}.info-plan li::marker{color:#51d5f0}.info-plan>a{margin-top:auto;color:#65ddf5;text-decoration:none;font-weight:600}.info-plan>a:hover{text-decoration:underline}
.info-note,.connect-help-note{margin-top:18px;padding:16px 18px;border:1px solid rgba(237,182,83,.22);border-right:3px solid #ebad4c;border-radius:13px;background:rgba(70,49,17,.20);color:#e6d7bd;line-height:1.85}.info-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:20px 22px;border:1px solid rgba(96,220,248,.14);border-radius:17px;background:#0c1728}.info-bottom h2{margin:0 0 6px;font-size:19px}.info-bottom p{margin:0;color:#afbed2;line-height:1.75}
.checkout-status{display:flex;gap:18px;align-items:center;margin:22px 0;padding:24px;border:1px solid rgba(245,183,87,.21);border-radius:20px;background:linear-gradient(120deg,rgba(57,43,23,.38),rgba(13,21,36,.95))}.checkout-state-mark{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:18px;color:#ffce79;background:rgba(236,176,82,.1)}.checkout-status h2{margin:9px 0 7px}.checkout-status p{margin:0;color:#c2cddd;line-height:1.8}.connect-help-grid h2{margin:14px 0 0;font-size:18px}.connect-help-grid .btn{margin-top:18px}
@media(max-width:780px){.info-page,.connect-help-page{padding:18px 14px 34px}.info-hero{padding:25px 20px;border-radius:20px}.info-facts,.pricing-cards,.checkout-steps,.connect-help-grid{grid-template-columns:1fr;gap:11px;margin-top:15px}.info-facts article,.info-plan,.checkout-steps article,.connect-help-grid>.card{padding:18px}.info-section-title{font-size:20px}.info-bottom{align-items:flex-start;flex-direction:column;padding:18px}.checkout-status{align-items:flex-start;padding:18px}.info-hero:after{width:270px;height:270px}}
@media(max-width:420px){.info-actions .btn{flex:1 1 100%;justify-content:center}.info-hero h1{font-size:27px}.checkout-state-mark{flex-basis:46px;width:46px;height:46px}}