/*
  MTC Super Agent Website
  Theme locked to the approved navy/gold cinematic layout.
  Change content in HTML or links in assets/js/site-config.js.
*/
:root{
  --navy:#020a16;
  --navy-2:#061729;
  --navy-3:#0a1e33;
  --ink:#07111e;
  --gold:#d99632;
  --gold-2:#f2c35a;
  --gold-3:#a75e1f;
  --cream:#fff1c6;
  --white:#f6f3ed;
  --muted:#bcc7d1;
  --line:rgba(217,150,50,.72);
  --panel:rgba(4,18,33,.82);
  --panel-2:rgba(6,24,42,.94);
  --shadow:0 24px 70px rgba(0,0,0,.48);
  --radius:12px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 75% 8%, rgba(217,150,50,.16), transparent 28%),
    radial-gradient(circle at 15% 10%, rgba(58,122,173,.15), transparent 30%),
    linear-gradient(180deg,#02070f 0%,#04111f 42%,#02070f 100%);
  color:var(--white);
  font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.skip-link{position:absolute;left:-999px;top:auto;background:var(--gold);color:#08101d;padding:.7rem 1rem;z-index:9999}.skip-link:focus{left:1rem;top:1rem}
.page-shell{min-height:100vh;position:relative}
.top-strip{
  background:#030912;border-bottom:1px solid var(--line);color:var(--gold-2);
  font-size:.82rem;font-weight:800;letter-spacing:.02em;text-align:center;padding:.38rem .8rem;
}
.top-strip span{margin:0 .85rem;color:var(--gold)}
.site-header{
  position:sticky;top:0;z-index:20;
  background:linear-gradient(180deg,rgba(3,10,18,.95),rgba(3,10,18,.78));
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(217,150,50,.18);
}
.header-inner{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:2rem;padding:1rem 1.2rem}
.logo{width:190px;min-width:150px}.logo img{filter:drop-shadow(0 0 14px rgba(217,150,50,.35))}
.nav-toggle{display:none;margin-left:auto;background:transparent;color:var(--gold-2);border:1px solid var(--line);border-radius:8px;padding:.5rem .75rem}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:1.5rem;font-size:.92rem;font-weight:850}
.main-nav a{color:#f4f0e7;position:relative;padding:.35rem 0;white-space:nowrap}
.main-nav a.active,.main-nav a:hover{color:var(--gold-2)}
.main-nav a.active:after,.main-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-.35rem;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.btn,.ghost-btn,.gold-link,.mini-link{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:8px;font-weight:950;letter-spacing:.03em;text-transform:uppercase;transition:.18s ease;cursor:pointer;line-height:1.1
}
.btn{background:linear-gradient(180deg,#ffd977 0%,#d69534 57%,#9d581c 100%);color:#07101a;border:1px solid #f4c96e;box-shadow:0 10px 30px rgba(217,150,50,.24);padding:1rem 1.25rem}
.btn:hover{transform:translateY(-2px);filter:saturate(1.12)}
.ghost-btn{background:rgba(2,10,19,.46);color:var(--white);border:1px solid var(--line);padding:1rem 1.25rem}.ghost-btn:hover{border-color:var(--gold-2);color:var(--gold-2)}
.nav-cta{padding:.8rem 1rem;border-radius:8px;border:1px solid var(--gold);color:var(--gold-2);background:rgba(4,18,33,.5)}
.mini-link{font-size:.86rem;color:var(--cream);text-transform:none;border-bottom:1px solid var(--gold);padding:.35rem 0;border-radius:0}.mini-link b{color:var(--gold)}
.container{max-width:var(--max);margin:0 auto;padding:0 1.2rem}
.hero{
  position:relative;min-height:650px;border-bottom:1px solid var(--line);overflow:hidden;
  background:linear-gradient(90deg,rgba(2,7,15,.9) 0%,rgba(2,7,15,.75) 42%,rgba(2,7,15,.38) 100%), url('../img/brand-skyline.webp') center/cover no-repeat;
}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 18%, rgba(246,195,90,.15), transparent 24%),linear-gradient(180deg,transparent 50%,rgba(2,7,15,.96));pointer-events:none}
.hero-inner{position:relative;z-index:2;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.08fr .92fr;align-items:end;gap:1.2rem;min-height:650px;padding:2rem 1.2rem 0}
.hero-copy{padding:2rem 0 3.6rem;align-self:center}.eyebrow{color:var(--gold-2);font-weight:900;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.7rem}
.metal-title{margin:.1rem 0 .6rem;line-height:.86;text-transform:uppercase;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.02em;font-size:clamp(3.2rem,7vw,6.9rem);color:#e7d097;text-shadow:0 3px 0 #784413,0 0 10px rgba(246,195,90,.3),0 18px 30px rgba(0,0,0,.55)}
.metal-title .silver{display:block;color:#d5d5d1;text-shadow:0 3px 0 #504531,0 0 10px rgba(246,195,90,.25),0 18px 30px rgba(0,0,0,.55)}
.script{font-family:'Brush Script MT','Segoe Script',cursive;color:var(--gold-2);font-size:clamp(1.55rem,3.8vw,2.6rem);line-height:1.05;margin:.7rem 0 1.4rem;text-shadow:0 0 14px rgba(217,150,50,.28)}
.hero-sub{font-size:clamp(1.1rem,2vw,1.55rem);color:#e9edf0;margin:.6rem 0 .25rem;font-weight:650}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0 1.15rem}.hero-agent{align-self:end;min-height:580px;position:relative}.hero-agent img{position:absolute;right:-40px;bottom:0;width:min(590px,55vw);filter:drop-shadow(-18px 14px 30px rgba(0,0,0,.5))}
.section{padding:3rem 0;border-bottom:1px solid rgba(217,150,50,.28)}
.section-title{display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 0 1.7rem;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-weight:950;font-size:clamp(1.35rem,2.6vw,2rem)}
.section-title:before,.section-title:after{content:"";width:min(150px,18vw);height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.card,.panel,.form-panel,.area-card,.action-card,.value-card{background:linear-gradient(180deg,rgba(7,23,39,.9),rgba(4,15,27,.86));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card{padding:2.1rem 1.65rem;text-align:center}.icon{width:68px;height:68px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;color:var(--gold-2);font-size:2rem}.card h3,.panel h3,.form-panel h3{margin:.2rem 0 .65rem;text-transform:uppercase;letter-spacing:.05em;font-size:1.55rem}.card p,.panel p,.form-panel p,.area-card p{color:#d8dee6;margin:.3rem 0 1.2rem}.small-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--gold-2);font-weight:850}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:1.6rem;align-items:stretch}.about-panel{display:grid;grid-template-columns:320px 1fr;gap:1.6rem}.portrait,.media-box{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#061220}.portrait img{width:100%;height:100%;object-fit:cover}.panel{padding:1.6rem}.gold-heading{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-weight:950;margin:0 0 1rem}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.pill{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;padding:.72rem;color:var(--gold-2);font-weight:950;text-transform:uppercase;letter-spacing:.04em;background:rgba(4,18,33,.6)}
.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}.action-card{min-height:150px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,11,21,.5),rgba(3,11,21,.9)),var(--action-bg) center/cover no-repeat;opacity:.9}.action-card > *{position:relative;z-index:1}.action-card .line-icon{font-size:3rem;color:var(--gold);margin-bottom:.5rem}.action-card h4{margin:0;text-transform:uppercase;letter-spacing:.05em;font-size:1.05rem}.roadmap{border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;background:rgba(4,16,29,.75)}.steps{display:grid;grid-template-columns:repeat(var(--steps,5),1fr);gap:1rem}.step{text-align:center;position:relative}.step .num{width:46px;height:46px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto .5rem;color:var(--gold-2);font-weight:950}.step .step-icon{color:var(--gold);font-size:2.2rem;line-height:1}.step h4{margin:.2rem 0;color:var(--gold);text-transform:uppercase}.step p{font-size:.89rem;color:#d6dde7;margin:0}.two-col{display:grid;grid-template-columns:1fr 1.28fr;gap:1.6rem}.check-list{list-style:none;margin:1rem 0;padding:0}.check-list li{position:relative;padding-left:1.8rem;margin:.7rem 0;color:#e5ecf5}.check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--gold-2);font-weight:950}.form-panel{padding:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.form-grid .full{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:.25rem}.field label{font-size:.82rem;color:var(--gold-2);text-transform:uppercase;letter-spacing:.05em;font-weight:850}.field input,.field select,.field textarea{background:rgba(2,9,17,.7);border:1px solid var(--line);border-radius:6px;color:var(--white);padding:.78rem .85rem;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px rgba(217,150,50,.16)}.field textarea{min-height:118px;resize:vertical}.checkboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem .75rem;color:#e5ecf5}.checkboxes label{font-size:.9rem;text-transform:none;letter-spacing:0;color:#e5ecf5;font-weight:650}.submit{width:100%;border:none;margin-top:.9rem}.fine-print{font-size:.78rem;color:var(--gold-2);text-align:center;margin:.8rem 0 0}.cta-strip{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(2,8,15,.96),rgba(5,18,31,.9)),url('../img/brand-skyline.webp') center bottom/cover no-repeat;border-bottom:1px solid var(--line);padding:2.2rem 0}.cta-grid{display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:1.1rem;align-items:center}.cta-title{font-size:1.55rem;line-height:1.1;text-transform:uppercase;font-weight:950}.contact-tile{border-left:1px solid var(--line);padding-left:1rem;text-align:center}.contact-tile .contact-icon{color:var(--gold);font-size:2rem;line-height:1}.contact-tile strong{display:block;margin-top:.45rem}.footer{padding:2rem 0 1rem;background:#020812}.footer-grid{display:grid;grid-template-columns:230px 1fr 210px;gap:1.5rem;align-items:center}.footer-logo img{width:210px}.footer-center{text-align:center}.footer-center .script{font-size:1.35rem;margin:0 0 .45rem}.footer-links{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;color:#d7dee8;font-size:.92rem}.socials{display:flex;gap:1rem;justify-content:center;margin-top:.75rem}.socials a{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold-2);font-weight:950}.compliance{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.compliance .mark{border-left:1px solid var(--line);padding-left:1rem;text-align:center;color:#eef4fb;font-weight:950;font-size:.82rem;text-transform:uppercase;line-height:1.15}.legal{border-top:1px solid rgba(217,150,50,.25);margin-top:1.2rem;padding-top:.9rem;display:flex;justify-content:space-between;gap:1rem;color:#9eacba;font-size:.82rem}.legal a{margin-left:1rem}.area-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem}.area-card{text-align:center;padding:1.2rem .8rem}.area-card .line-icon{font-size:2.1rem;color:var(--gold);margin-bottom:.45rem}.area-card h3{color:var(--gold);font-size:1rem;margin:.2rem 0;text-transform:uppercase}.mini-btn{display:inline-flex;margin-top:.6rem;border:1px solid var(--line);border-radius:6px;padding:.5rem .8rem;color:var(--gold-2);font-weight:850}.support-band{display:grid;grid-template-columns:270px 1fr;gap:1.5rem;align-items:center}.support-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.contact-list{display:grid;gap:1.1rem}.contact-item{display:grid;grid-template-columns:54px 1fr;gap:.8rem;align-items:center}.contact-item .contact-icon{width:54px;height:54px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-2);font-size:1.6rem}.contact-item b{display:block;color:#fff;text-transform:uppercase;letter-spacing:.05em}.contact-item span{color:#d6dee8}.mockup-note{background:rgba(217,150,50,.08);border:1px solid rgba(217,150,50,.3);padding:.9rem 1rem;border-radius:8px;color:#f2d89a;margin-bottom:1rem}.hero.compact{min-height:560px}.hero.compact .hero-inner{min-height:560px}.hero.compact .hero-agent{min-height:500px}.hero.compact .hero-agent img{width:min(520px,48vw)}
@media (max-width:1040px){.card-grid,.split,.two-col,.about-panel{grid-template-columns:1fr}.area-grid{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:1fr}.hero-agent{display:none}.hero{min-height:auto}.hero-inner{min-height:auto;padding-bottom:2rem}.hero-copy{padding:2rem 0}.cta-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-logo img{margin:auto}.compliance{justify-content:center}.steps{grid-template-columns:repeat(2,1fr)}.action-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.top-strip{font-size:.72rem}.top-strip span{margin:0 .3rem}.header-inner{gap:1rem}.logo{width:145px}.nav-toggle{display:inline-flex}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#030912;padding:1rem;border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.metal-title{font-size:3.55rem}.hero-actions,.cta-grid,.form-grid,.service-grid,.checkboxes,.support-band,.support-features,.legal{grid-template-columns:1fr;display:grid}.card-grid,.action-grid{grid-template-columns:1fr}.contact-tile{border-left:0;border-top:1px solid var(--line);padding:1rem 0 0}.section{padding:2.25rem 0}.steps{grid-template-columns:1fr}.area-grid{grid-template-columns:1fr}}

/* Functional Google Form embed for Home Value section. Visual shell stays in the approved MTC style. */
.google-form-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:rgba(2,9,17,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);margin:1rem 0 .9rem;min-height:640px}
.google-form-frame{width:100%;height:640px;border:0;background:#fff;display:block}
@media (max-width:760px){.google-form-wrap{min-height:700px}.google-form-frame{height:700px}}


/* Clear footer compliance logo-style marks */
.compliance-logos{
  display:flex;
  gap:.95rem;
  align-items:center;
  justify-content:flex-end;
}
.compliance-badge{
  min-width:96px;
  min-height:76px;
  border:1px solid rgba(217,150,50,.48);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(217,150,50,.14), rgba(255,255,255,.03));
  box-shadow:0 12px 28px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.035);
  color:#f6f3ed;
  display:grid;
  place-items:center;
  padding:.55rem .65rem;
  text-align:center;
  font-size:.68rem;
  font-weight:950;
  line-height:1.05;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.compliance-badge .compliance-svg{
  width:38px;
  height:32px;
  color:var(--gold-2);
  display:block;
  margin-bottom:.25rem;
  filter:drop-shadow(0 0 6px rgba(217,150,50,.18));
}
.compliance-badge .mls-box{
  display:grid;
  place-items:center;
  width:52px;
  height:32px;
  margin-bottom:.3rem;
  border:2px solid var(--gold-2);
  color:var(--gold-2);
  border-radius:5px;
  font-size:1.05rem;
  line-height:1;
  letter-spacing:.08em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 0 12px rgba(217,150,50,.13);
}
@media (max-width: 820px){
  .compliance-logos{justify-content:center}
  .compliance-badge{min-width:104px}
}