/* Master Movers Academy — Angelic Creators movers vertical
   Navy + gold identity (NOT neon SEAL/barbers chrome) */
:root{
  --navy:#0a1628;
  --navy-deep:#050d18;
  --navy-card:#0f1f35;
  --gold:#c9a227;
  --gold-bright:#e0bc4a;
  --gold-dim:#a68520;
  --ink:#f3efe4;
  --muted:#c4bda8;
  --dim:#8a8374;
  --foot:#6b6458;
  --line:rgba(201,162,39,.28);
  --line-soft:rgba(201,162,39,.16);
  --cream:#f7f1e0;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--navy);
  color:var(--ink);
  font-family:'Inter',system-ui,sans-serif;
  min-height:100vh;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%,rgba(201,162,39,.10),transparent),
    radial-gradient(ellipse 55% 40% at 90% 95%,rgba(201,162,39,.06),transparent),
    linear-gradient(180deg,var(--navy-deep) 0%,var(--navy) 40%,#0c1a30 100%);
  text-align:center;
}
h1,h2,h3,.btn,.nav,.fbrand,.num,.kicker,.eyebrow{
  font-family:'Cinzel',Georgia,'Times New Roman',serif;
}
nav{
  padding:1.35rem 1rem;
  display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;
  position:sticky;top:0;
  background:rgba(5,13,24,.92);
  backdrop-filter:blur(10px);
  z-index:50;
  border-bottom:1px solid var(--line-soft);
}
nav a{
  color:var(--dim);text-decoration:none;font-weight:600;
  letter-spacing:.08em;font-size:.78rem;text-transform:uppercase;
  transition:color .25s, text-shadow .25s;
  font-family:'Inter',system-ui,sans-serif;
}
nav a:hover,nav a.active{
  color:var(--gold-bright);
  text-shadow:0 0 14px rgba(201,162,39,.45);
}
.staging-banner{
  background:linear-gradient(90deg,#1a1204,var(--navy-card),#1a1204);
  color:var(--gold);
  font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;
  padding:.55rem 1rem;border-bottom:1px solid var(--line);
  font-family:'Inter',system-ui,sans-serif;
}
.wrap{max-width:920px;margin:0 auto;padding:3rem 1.25rem 4rem;}
.wrap-narrow{max-width:720px;}
.wrap-mid{max-width:760px;}
.eyebrow{
  color:var(--gold);
  text-transform:uppercase;letter-spacing:.28em;
  font-size:.72rem;font-weight:600;margin-bottom:1.15rem;
}
h1{
  font-size:clamp(2rem,5.5vw,3.35rem);line-height:1.15;
  font-weight:700;margin-bottom:1.35rem;color:var(--cream);
}
h1 .hl{color:var(--gold-bright);}
.lede{
  font-size:1.1rem;line-height:1.8;color:var(--muted);
  max-width:680px;margin:0 auto 2.4rem;
}
.lede strong{color:#fff;}
.banner-stage{
  margin:0 auto 2.2rem;max-width:760px;
}
.banner-stage img{
  width:100%;height:auto;display:block;border-radius:14px;
  border:1px solid var(--line);
  box-shadow:0 12px 48px rgba(0,0,0,.45),0 0 40px rgba(201,162,39,.12);
}
.seal-stage{
  margin:0 auto 2.4rem;max-width:320px;
  animation:floaty 5.5s ease-in-out infinite;
}
.seal-stage img{
  width:100%;height:auto;display:block;border-radius:50%;
  box-shadow:0 0 50px rgba(201,162,39,.35),0 8px 40px rgba(0,0,0,.5);
}
.seal-mini{max-width:150px;margin:0 auto 2.2rem;}
.seal-mini img{
  width:100%;height:auto;display:block;border-radius:50%;
  box-shadow:0 0 28px rgba(201,162,39,.28);
}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.btn{
  display:inline-block;margin:1rem .5rem;padding:1rem 2.4rem;
  border-radius:999px;font-weight:700;font-size:1rem;
  letter-spacing:.06em;text-decoration:none;transition:all .25s;
  border:none;cursor:pointer;text-transform:uppercase;
}
.btn-gold{
  background:linear-gradient(180deg,var(--gold-bright),var(--gold));
  color:var(--navy-deep);
  box-shadow:0 0 24px rgba(201,162,39,.4);
}
.btn-gold:hover{
  transform:translateY(-3px);
  box-shadow:0 0 36px rgba(201,162,39,.65);
}
.btn-ghost{
  border:2px solid var(--gold);
  color:var(--gold-bright);
  background:transparent;
  box-shadow:0 0 16px rgba(201,162,39,.15);
}
.btn-ghost:hover{
  background:rgba(201,162,39,.1);
  transform:translateY(-3px);
}
.rhythm{
  display:flex;justify-content:center;gap:2.2rem;flex-wrap:wrap;
  margin:3rem auto;max-width:780px;padding:1.8rem 1rem;
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
}
.rhythm div{
  font-family:'Inter',system-ui,sans-serif;font-weight:600;
  font-size:.95rem;color:var(--muted);
}
.rhythm div b{
  color:var(--gold-bright);display:block;font-size:1.25rem;
  margin-bottom:.25rem;font-family:'Cinzel',serif;
}
.offer-layers{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1rem;margin:2.8rem auto;max-width:880px;text-align:left;
}
.offer-card{
  background:rgba(15,31,53,.85);
  border:1px solid var(--line-soft);
  border-radius:16px;padding:1.5rem 1.3rem;
  transition:border-color .25s, transform .25s, box-shadow .25s;
}
.offer-card:hover{
  border-color:var(--gold);
  transform:translateY(-3px);
  box-shadow:0 8px 28px rgba(201,162,39,.12);
}
.offer-card .n{
  color:var(--gold);font-family:'Cinzel',serif;font-size:.75rem;
  letter-spacing:.2em;text-transform:uppercase;margin-bottom:.55rem;
}
.offer-card h3{
  color:var(--cream);font-size:1.05rem;margin-bottom:.55rem;font-weight:700;
}
.offer-card p{color:var(--muted);line-height:1.65;font-size:.95rem;}
.story{
  background:rgba(15,31,53,.88);
  border:1px solid var(--line);
  border-radius:20px;padding:2.4rem 2rem;
  margin:3rem auto;max-width:720px;
  box-shadow:0 0 30px rgba(201,162,39,.06);
}
.story h2{
  color:var(--gold-bright);font-size:1.55rem;margin-bottom:1.15rem;
}
.story p{
  line-height:1.85;color:var(--muted);margin-bottom:1.1rem;font-size:1.02rem;
}
.flagship{
  max-width:680px;margin:0 auto 2.5rem;padding:1.5rem 1.6rem;
  border:1px dashed var(--line);border-radius:14px;
  background:rgba(201,162,39,.04);
}
.flagship p{color:var(--muted);line-height:1.75;font-size:.98rem;}
.flagship a{color:var(--gold-bright);text-decoration:none;border-bottom:1px solid rgba(201,162,39,.4);}
.flagship a:hover{border-bottom-color:var(--gold-bright);}
.flagship strong{color:var(--cream);}
.pillars{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1.2rem;margin:3rem 0;text-align:center;
}
.pillar-card,.pillar{
  background:rgba(15,31,53,.85);
  border:1px solid var(--line-soft);
  border-radius:16px;padding:1.8rem 1.4rem;
  transition:all .25s;
}
.pillar-card:hover,.pillar:hover{
  border-color:var(--gold);
  box-shadow:0 0 22px rgba(201,162,39,.14);
  transform:translateY(-3px);
}
.pillar-card h3,.pillar h2,.pillar h3{
  color:var(--gold-bright);font-size:1.12rem;margin-bottom:.7rem;
}
.pillar-card p,.pillar p,.pillar li{color:var(--muted);line-height:1.7;font-size:.98rem;}
.pillar{
  max-width:720px;margin:0 auto 1.5rem;padding:2.1rem 1.9rem;
  text-align:center;
}
.pillar .num{
  color:var(--gold);font-weight:700;font-size:.8rem;
  letter-spacing:.28em;text-transform:uppercase;
}
.pillar h2{font-size:1.45rem;margin:.55rem 0 .95rem;}
.pillar .outcome{margin-top:1rem;color:var(--gold);font-weight:600;font-size:.98rem;}
.pillar ul{list-style:none;margin-top:.85rem;}
.pillar ul li{margin-bottom:.45rem;}
.pillar ul li .tick{color:var(--gold);margin-right:.45rem;}
.tease,.reserved{
  margin:3.2rem auto;max-width:680px;padding:2.2rem;
  border:1px dashed rgba(201,162,39,.55);
  border-radius:20px;background:rgba(201,162,39,.04);
}
.reserved{border:2px solid var(--gold);max-width:720px;}
.tease h2,.reserved h2{
  color:var(--gold-bright);font-size:1.45rem;margin-bottom:1rem;
}
.tease p,.reserved p{color:var(--muted);line-height:1.8;font-size:1.02rem;margin-bottom:.9rem;}
.not{
  margin:3rem auto;max-width:640px;color:var(--dim);
  font-size:.95rem;line-height:1.8;
}
.not strong{color:var(--gold-bright);}
.clause{
  max-width:720px;margin:2.5rem auto;padding:1.8rem 1.6rem;
  background:rgba(5,13,24,.7);border:1px solid var(--line-soft);
  border-radius:14px;text-align:left;
}
.clause h3{color:var(--gold);font-size:1rem;margin-bottom:.9rem;letter-spacing:.06em;}
.clause p{color:var(--dim);font-size:.88rem;line-height:1.75;margin-bottom:.75rem;}
.step{
  display:flex;flex-direction:column;align-items:center;gap:.9rem;
  max-width:720px;margin:0 auto 1.35rem;padding:2rem 1.8rem;
  background:rgba(15,31,53,.85);border:1px solid var(--line-soft);
  border-radius:18px;text-align:center;transition:all .25s;
}
.step:hover{border-color:var(--gold);box-shadow:0 0 22px rgba(201,162,39,.12);}
.step .n{
  width:54px;height:54px;border-radius:50%;
  border:2px solid var(--gold);color:var(--gold);
  font-weight:700;font-size:1.25rem;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 14px rgba(201,162,39,.3);
  font-family:'Cinzel',serif;
}
.step.final .n{border-color:var(--gold-bright);color:var(--gold-bright);}
.step .kicker{
  font-weight:600;font-size:.75rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold);
}
.step h2{color:var(--gold-bright);font-size:1.35rem;}
.step.final h2{color:var(--cream);}
.step p{color:var(--muted);line-height:1.8;font-size:1rem;max-width:560px;}
.step p strong{color:#fff;}
.note{
  max-width:680px;margin:3rem auto 0;padding:2rem;
  border:1px dashed var(--line);border-radius:18px;
  background:rgba(201,162,39,.03);
}
.note p{color:var(--muted);line-height:1.85;font-size:1.02rem;}
.note strong{color:var(--gold-bright);}
form{
  background:rgba(15,31,53,.9);
  border:1px solid var(--line);
  border-radius:20px;padding:2.4rem 2rem;text-align:left;
  box-shadow:0 0 28px rgba(201,162,39,.08);
}
.field{margin-bottom:1.3rem;}
label{
  display:block;font-family:'Cinzel',serif;font-weight:600;
  font-size:.78rem;letter-spacing:.08em;color:var(--gold);
  margin-bottom:.45rem;text-transform:uppercase;
}
input,textarea,select{
  width:100%;background:var(--navy-deep);
  border:1px solid rgba(201,162,39,.35);border-radius:12px;
  color:#fff;font-family:'Inter',system-ui,sans-serif;font-size:1rem;
  padding:.85rem 1rem;transition:all .25s;
}
input:focus,textarea:focus,select:focus{
  outline:none;border-color:var(--gold);
  box-shadow:0 0 14px rgba(201,162,39,.25);
}
textarea{min-height:130px;resize:vertical;}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
.check-row{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin-top:.4rem;}
.check-row label{
  display:flex;align-items:center;gap:.45rem;
  text-transform:none;letter-spacing:0;font-family:'Inter',system-ui,sans-serif;
  font-size:.92rem;color:var(--muted);font-weight:500;cursor:pointer;
}
.check-row input{width:auto;}
form .btn{display:block;width:100%;margin-top:1.4rem;text-align:center;}
.hint{
  margin-top:1.4rem;padding:1.2rem;
  border:1px dashed rgba(201,162,39,.5);border-radius:14px;
  background:rgba(201,162,39,.04);text-align:center;
}
.hint p{color:var(--muted);font-size:.92rem;line-height:1.7;}
.hint strong{color:var(--gold-bright);}
.contact-strip{
  margin:1.5rem auto 0;color:var(--muted);font-size:.95rem;line-height:1.7;
}
.contact-strip a{color:var(--gold-bright);text-decoration:none;}
details{
  background:rgba(15,31,53,.88);
  border:1px solid var(--line-soft);
  border-radius:16px;margin-bottom:1rem;
  text-align:center;transition:all .25s;overflow:hidden;
}
details:hover{border-color:rgba(201,162,39,.5);}
details[open]{border-color:var(--gold);box-shadow:0 0 22px rgba(201,162,39,.1);}
summary{
  cursor:pointer;padding:1.35rem 1.5rem;
  font-family:'Cinzel',serif;font-weight:600;font-size:1.02rem;
  color:#fff;list-style:none;
  display:flex;justify-content:center;align-items:center;gap:.75rem;
}
summary::-webkit-details-marker{display:none;}
summary .pm{color:var(--gold);font-size:1.3rem;font-weight:700;}
details[open] summary .pm{color:var(--gold-bright);}
details .a{
  padding:0 1.5rem 1.7rem;color:var(--muted);
  line-height:1.85;font-size:1rem;max-width:620px;margin:0 auto;
}
details .a strong{color:var(--gold-bright);}
footer{
  padding:2.5rem 1rem 3rem;color:var(--foot);font-size:.85rem;
  border-top:1px solid var(--line-soft);
}
footer .fbrand{
  color:var(--gold);font-weight:700;letter-spacing:.12em;margin-bottom:.5rem;
}
footer a{color:var(--gold-dim);text-decoration:none;}
@media(max-width:560px){
  .wrap{padding:2rem 1rem 3rem;}
  .story,.pillar,form{padding:1.7rem 1.15rem;}
  .two{grid-template-columns:1fr;}
  .rhythm{gap:1.1rem;}
  nav{gap:1rem;}
}

/* ——— Digital services / case study extensions ——— */
.digital-hub-cta{
  max-width:820px;margin:2.2rem auto 2.8rem;padding:2rem 1.8rem;
  background:linear-gradient(160deg,rgba(201,162,39,.12),rgba(15,31,53,.95));
  border:1px solid var(--gold);border-radius:18px;
  box-shadow:0 0 32px rgba(201,162,39,.12);
}
.digital-hub-cta .n{
  color:var(--gold);font-family:'Cinzel',serif;font-size:.72rem;
  letter-spacing:.22em;text-transform:uppercase;margin-bottom:.55rem;
}
.digital-hub-cta h2{
  color:var(--cream);font-size:1.45rem;margin-bottom:.85rem;line-height:1.3;
}
.digital-hub-cta p{
  color:var(--muted);line-height:1.75;font-size:1.02rem;margin:0 auto 1.2rem;max-width:640px;
}
.digital-hub-cta strong{color:var(--gold-bright);}

.pkg-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1.15rem;margin:2.4rem auto;max-width:900px;text-align:left;
}
.pkg-card{
  background:rgba(15,31,53,.9);
  border:1px solid var(--line-soft);
  border-radius:16px;padding:1.7rem 1.4rem;
  transition:border-color .25s, transform .25s, box-shadow .25s;
}
.pkg-card:hover{
  border-color:var(--gold);
  transform:translateY(-3px);
  box-shadow:0 8px 28px rgba(201,162,39,.12);
}
.pkg-card .tag{
  color:var(--gold);font-family:'Cinzel',serif;font-size:.72rem;
  letter-spacing:.18em;text-transform:uppercase;margin-bottom:.5rem;
}
.pkg-card h3{color:var(--cream);font-size:1.12rem;margin-bottom:.65rem;}
.pkg-card p{color:var(--muted);line-height:1.7;font-size:.95rem;margin-bottom:.85rem;}
.pkg-card ul{list-style:none;padding:0;}
.pkg-card ul li{
  color:var(--muted);font-size:.92rem;line-height:1.55;
  padding:.28rem 0 .28rem 1.1rem;position:relative;
}
.pkg-card ul li::before{
  content:"✦";position:absolute;left:0;color:var(--gold);font-size:.7rem;top:.45rem;
}

.case-study{
  margin:3.2rem auto;max-width:900px;text-align:left;
  background:rgba(15,31,53,.92);
  border:1px solid var(--line);
  border-radius:20px;padding:2.2rem 1.8rem 2.4rem;
  box-shadow:0 0 36px rgba(201,162,39,.08);
}
.case-study .case-head{text-align:center;margin-bottom:1.6rem;}
.case-study .case-head .eyebrow{margin-bottom:.7rem;}
.case-study .case-head h2{
  color:var(--gold-bright);font-size:clamp(1.4rem,3.5vw,1.9rem);margin-bottom:.7rem;
}
.case-study .case-head p{
  color:var(--muted);line-height:1.75;font-size:1.02rem;max-width:640px;margin:0 auto;
}
.case-study .case-head a{color:var(--gold-bright);}
.case-shots{
  display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin:1.6rem 0 1.4rem;
}
@media(max-width:700px){.case-shots{grid-template-columns:1fr;}}
.shot-frame{
  background:var(--navy-deep);
  border:1px solid var(--line);
  border-radius:14px;overflow:hidden;
  box-shadow:0 10px 32px rgba(0,0,0,.4);
}
.shot-frame .shot-label{
  font-family:'Inter',system-ui,sans-serif;
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);padding:.55rem .85rem;
  border-bottom:1px solid var(--line-soft);
  background:rgba(201,162,39,.06);
}
.shot-frame img{width:100%;height:auto;display:block;vertical-align:middle;}
.case-stats{
  display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem 2rem;
  margin:1.6rem 0 1.2rem;padding:1.2rem 0;
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
  text-align:center;
}
.case-stats div b{
  display:block;color:var(--gold-bright);font-family:'Cinzel',serif;
  font-size:1.35rem;margin-bottom:.2rem;
}
.case-stats div{color:var(--muted);font-size:.88rem;line-height:1.4;}
.case-body{color:var(--muted);line-height:1.8;font-size:1rem;margin-bottom:1rem;}
.case-body strong{color:var(--cream);}
.case-ctas{text-align:center;margin-top:1.4rem;}

.soft-academy{
  max-width:680px;margin:2.8rem auto;padding:1.5rem 1.5rem;
  border:1px dashed var(--line);border-radius:14px;
  background:rgba(201,162,39,.03);text-align:center;
}
.soft-academy p{color:var(--dim);font-size:.95rem;line-height:1.75;}
.soft-academy a{color:var(--gold-bright);text-decoration:none;border-bottom:1px solid rgba(201,162,39,.35);}
.soft-academy a:hover{border-bottom-color:var(--gold-bright);}
.soft-academy strong{color:var(--gold);}

.stack-list{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:.85rem;margin:1.8rem auto 2.2rem;max-width:880px;text-align:left;
}
.stack-item{
  background:rgba(15,31,53,.75);
  border:1px solid var(--line-soft);
  border-radius:12px;padding:1.1rem 1.15rem;
}
.stack-item h4{color:var(--gold-bright);font-size:.95rem;margin-bottom:.35rem;font-family:'Cinzel',serif;}
.stack-item p{color:var(--muted);font-size:.9rem;line-height:1.55;margin:0;}

/* ——— Refinement: center Digital landing + preview-only case ——— */
.pkg-grid,
.pkg-card,
.stack-list,
.stack-item{
  text-align:center;
}
.pkg-card ul{
  list-style:none;
  display:inline-block;
  text-align:center;
  margin:0 auto;
  padding:0;
}
.pkg-card ul li{
  padding:.28rem 0;
  position:static;
}
.pkg-card ul li::before{
  content:"✦ ";
  position:static;
  color:var(--gold);
  font-size:.7rem;
}
.case-study{
  text-align:center;
}
.case-body{
  text-align:center;
  max-width:620px;
  margin:0 auto 1rem;
}
.clause{
  text-align:center;
}
.digital-hub-cta{
  text-align:center;
}
.offer-layers{
  text-align:center;
}

/* Preview-only screenshot frames (no full walkthrough) */
.shot-frame{
  position:relative;
  max-height:220px;
  overflow:hidden;
}
.shot-frame img{
  width:100%;
  height:220px;
  object-fit:cover;
  object-position:top;
  display:block;
}
.shot-frame::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:55%;
  background:linear-gradient(180deg,transparent 0%,rgba(5,13,24,.55) 45%,rgba(5,13,24,.92) 100%);
  pointer-events:none;
}
.shot-frame .preview-badge{
  position:absolute;
  left:50%;
  bottom:.65rem;
  transform:translateX(-50%);
  z-index:2;
  font-family:'Inter',system-ui,sans-serif;
  font-size:.65rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold-bright);
  background:rgba(5,13,24,.78);
  border:1px solid var(--line);
  border-radius:999px;
  padding:.28rem .75rem;
  white-space:nowrap;
  pointer-events:none;
}
.case-muted{
  color:var(--dim);
  font-size:.85rem;
  line-height:1.65;
  max-width:540px;
  margin:.85rem auto 0;
}
.case-muted a{color:var(--gold-dim);text-decoration:none;}

/* Optional feature — MOVERS LENS AI */
.lens-feature{
  max-width:720px;
  margin:2.6rem auto 2.2rem;
  padding:2rem 1.7rem;
  text-align:center;
  background:rgba(15,31,53,.88);
  border:1px dashed rgba(201,162,39,.55);
  border-radius:18px;
  box-shadow:0 0 28px rgba(201,162,39,.06);
}
.lens-feature .tag{
  color:var(--gold);
  font-family:'Cinzel',serif;
  font-size:.72rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  margin-bottom:.55rem;
}
.lens-feature h2{
  color:var(--cream);
  font-size:1.35rem;
  margin-bottom:.7rem;
}
.lens-feature p{
  color:var(--muted);
  line-height:1.75;
  font-size:1rem;
  max-width:560px;
  margin:0 auto 1rem;
}
.lens-feature .opt-note{
  color:var(--dim);
  font-size:.88rem;
  margin-bottom:1.1rem;
}
.lens-feature strong{color:var(--gold-bright);}