.mobile-hero{overflow:hidden;padding:88px 0 70px;background:radial-gradient(circle at 50% 30%,rgba(138,58,255,.11),transparent 34%),linear-gradient(180deg,#fbfaff 0,#fff 74%);text-align:center}
.mobile-hero-inner{max-width:760px;margin:0 auto}
.mobile-hero h1{margin:0 0 18px;color:var(--ink);font-size:clamp(2.2rem,4.2vw,3.2rem);line-height:1.1;letter-spacing:-.03em}
.mobile-hero h1 span{background:linear-gradient(100deg,#752cf2,#e60dd5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.08em}
.mobile-hero-lead{margin:0;font-size:1.0625rem;line-height:1.7;color:var(--muted)}

.mobile-paths{padding:0 0 100px}
.mobile-paths-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.mobile-path{padding:34px 30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.mobile-path:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(23,14,46,.12)}
.mobile-path-no{display:inline-block;margin-bottom:16px;color:#7C4DE9;font-size:.9375rem;font-weight:700}
.mobile-path h2{margin:0 0 10px;font-size:1.5rem;letter-spacing:-.02em}
.mobile-path > p{margin:0 0 22px;font-size:1.0625rem;line-height:1.65;color:var(--muted)}
.mobile-path .button{width:100%}
.mobile-path-note{margin:14px 0 0;font-size:.9375rem;color:#79778a}
.mobile-path-link{display:inline-block;margin-top:14px;color:#7C4DE9;font-size:.9375rem;font-weight:700}

.mobile-faq{padding:0 0 105px}
.mobile-faq-inner{max-width:720px;margin:0 auto;text-align:center}
.mobile-faq h2{margin:0 0 30px;font-size:clamp(1.9rem,2.6vw,2.4rem)}
.mobile-faq .faq-list{text-align:left}

@media(max-width:700px){
  .mobile-paths-grid{grid-template-columns:1fr}
}
