/* Microsoft 365 migration page (microsoft-365-support.html) — page-only styles */

/* hero: kicker + text-style secondary action */
.ms-kicker{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#6ff0ff;margin:0 0 10px;
  text-shadow:0 1px 4px rgba(0,0,0,.8)}
.mshero-alt{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 22px;border-radius:14px;
  text-decoration:none;font-weight:600;color:#eaf3ff;background:rgba(4,7,14,.55);border:1px solid rgba(160,200,255,.45);
  transition:background .18s ease,border-color .18s ease,transform .16s ease}
.mshero-alt:hover{color:#fff;background:rgba(4,7,14,.75);border-color:#35e6ff;transform:translateY(-1px)}
@media (min-width:720px){.mshero-alt{min-height:62px;padding:0 26px;flex:0 0 auto}}
@media (prefers-reduced-motion:reduce){.mshero-alt{transition:none}}

/* bullet lists inside cards */
.ms-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px}
.ms-list li{position:relative;padding-left:24px;color:var(--slate);line-height:1.5}
.ms-list li::before{content:"";position:absolute;left:2px;top:.5em;width:12px;height:7px;border-left:2.2px solid var(--cyan);
  border-bottom:2.2px solid var(--cyan);transform:rotate(-45deg)}
.ms-challenges .card h3,.ms-pillars .card h3{margin-top:4px}
.ms-pillars .card{border-top:3px solid var(--cyan)}

/* migration paths */
.ms-paths .card{display:flex;flex-direction:column}
.ms-paths .card h3{font-size:1.08rem;line-height:1.3}
.ms-paths .card p{font-size:.95rem}

/* process steps */
.ms-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:none}
.ms-steps li{position:relative;padding:24px 22px 22px;border-radius:var(--radius,16px);background:var(--panel);border:1px solid var(--line)}
.ms-step-n{display:inline-block;font-family:var(--mono);font-weight:700;font-size:.9rem;letter-spacing:.08em;color:var(--cyan);
  padding:5px 10px;border-radius:8px;background:rgba(53,230,255,.1);margin-bottom:14px}
.ms-steps h3{font-size:1.12rem;margin:0 0 8px}
.ms-steps p{margin:0;color:var(--slate)}

.ms-verify{text-align:center;margin:26px 0 0}
.ms-small{text-align:center;color:var(--slate);margin:22px 0 0;font-size:.92rem}

/* consultation form */
.ms-form-wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:start}
.ms-form-intro h2{margin:12px 0 10px}
.ms-form-h{font-size:1.02rem;margin:22px 0 4px}
.ms-form-intro .ms-small{text-align:left}
.ms-form-card{padding:30px}
.ms-form-card .form-success{margin-bottom:14px}

/* Microsoft relationship notice */
.ms-notice{max-width:900px;margin:0 auto;font-size:.86rem;color:var(--slate);border-top:1px solid var(--line);padding-top:22px}

/* phones: single sticky action instead of call buttons */
.ms-mobile-bar .btn{flex:1}

@media (max-width:980px){
  .ms-steps{grid-template-columns:repeat(2,1fr)}
  .ms-form-wrap{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ms-steps{grid-template-columns:1fr}
  .ms-form-card{padding:22px}
}

/* ---- v3: full-width hero on desktop (text left, "at a glance" card right) ---- */
.ms-hero-card{display:none}
@media (min-width:1024px){
  .mshero .mshero-in{max-width:var(--container);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);gap:clamp(36px,4vw,64px);align-items:center}
  .mshero h1{font-size:clamp(3.1rem,4.1vw,4.3rem);max-width:15ch;line-height:1.04}
  .mshero-sub{font-size:clamp(1.14rem,1.35vw,1.3rem);max-width:58ch}
  .ms-kicker{font-size:.84rem}
  .mshero{padding:clamp(48px,6vw,88px) 0 clamp(52px,6.5vw,92px)}
  .ms-hero-card{display:block;padding:26px 26px 22px;border-radius:20px;background:rgba(6,12,24,.72);
    border:1px solid rgba(120,175,255,.28);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .ms-hero-card-k{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#6ff0ff;margin:0 0 12px}
  .ms-hero-srcs{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ms-hero-srcs li{font-size:.9rem;font-weight:600;color:#e3edfb;padding:10px 12px;border-radius:10px;
    background:rgba(120,170,255,.08);border:1px solid rgba(120,175,255,.18);line-height:1.3}
  .ms-hero-how{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:11px}
  .ms-hero-how li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;color:#c9d8ef;line-height:1.45}
  .ms-hero-how svg{color:#35e6ff;flex:none;margin-top:2px}
  .ms-hero-how b{color:#fff}
  .ms-hero-card-link{display:inline-block;font-weight:600;color:#6ff0ff;text-decoration:none;padding-top:14px;border-top:1px solid rgba(120,175,255,.18);width:100%}
  .ms-hero-card-link:hover{color:#fff}
}
@media (min-width:1500px){ .mshero h1{font-size:4.5rem} }