/* MMT Estate Planning – independently built homepage. No screenshot used as an HTML backdrop. */
:root{--mmt-navy:#061c30;--mmt-gold:#e5b96e}
body{margin:0}
.site-header{background:#061b2f!important;position:relative;z-index:10}
.header-inner{min-height:90px;gap:22px}
.brand{display:flex;align-items:center;gap:15px;text-decoration:none;min-width:0}
.brand-mark{width:120px;height:85px;display:flex;align-items:center;justify-content:center;overflow:visible;background:transparent!important;border:0!important;border-radius:0!important}
.brand-mark img{width:120px;height:65px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 3px rgba(237,189,108,.27))}
.brand-words{display:flex;flex-direction:column;align-items:center;text-align:center}
.brand-title{white-space:nowrap;font-size:clamp(19px,2vw,31px)!important;color:#edc17c!important}
.brand-sub{text-align:center!important;width:100%;font-size:clamp(13px,1.2vw,17px)!important;color:#eac58d!important;margin-top:3px}
.new-hero{position:relative;height:clamp(660px,55vw,815px);overflow:hidden;background:#061d30;isolation:isolate;color:#fff}
.hero-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 30%,#e8b36b 0%,#ac9880 22%,#577182 47%,#08233a 79%);z-index:-4}
.hero-family{position:absolute;bottom:0;left:0;right:0;height:55%;background-image:url('approved-family-only.jpg');background-position:center bottom;background-repeat:no-repeat;background-size:100% 100%;z-index:-2}
.hero-left-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,43,.95) 0%,rgba(4,25,43,.87) 27%,rgba(4,25,43,.48) 42%,rgba(4,25,43,0) 66%);z-index:-1;pointer-events:none;mask-image:linear-gradient(to bottom,black 0%,black 52%,transparent 78%)}
.hero-content{height:100%;position:relative;max-width:1500px!important;padding-top:22px;box-sizing:border-box}
.hero-copy{position:relative;z-index:2;max-width:min(690px,54%)}
.hero-eyebrow{font-size:clamp(17px,1.55vw,24px);letter-spacing:.045em;margin:0 0 16px;color:#f4f1ed}
.hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.04;letter-spacing:-.032em;font-size:clamp(31px,3.05vw,50px);margin:0 0 20px;color:#fff}
.hero-copy h1 em{font-style:normal;color:#e6b56e}
.hero-description{max-width:640px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(15px,1.18vw,19px);line-height:1.31;margin:0 0 19px;color:#fff}
.hero-actions{display:flex;flex-wrap:wrap;gap:17px;align-items:center}
.hero-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;padding:13px 21px;font:17px Georgia,serif;min-height:46px;box-sizing:border-box;border-radius:2px;transition:transform .2s,background .2s}
.hero-btn:hover{transform:translateY(-2px)}
.hero-btn-primary{background:linear-gradient(120deg,#f3d99b,#bd8845);color:#081d30;border:1px solid #edc582}
.hero-btn-outline{color:white;border:1px solid #e7bd76;background:#081d30}
.hero-emblem{position:absolute;right:6.5%;top:2%;width:34%;height:37%;min-width:320px;pointer-events:none;z-index:1;overflow:visible}
.logo-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse,rgba(255,220,148,.34),transparent 63%);filter:blur(18px)}
.tree-animation{position:absolute;inset:0;background:url('tree-animated.svg') center/contain no-repeat;animation:tree-arrive 18s linear infinite}
/* SVG branch/leaf animations live inside SVG via injected stylesheet in SVG file */
.mmt-letters{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:-.04em;padding-bottom:2%;font-family:Georgia,'Times New Roman',serif;font-size:clamp(95px,9.2vw,160px);letter-spacing:-.12em;line-height:1;color:#081b2d;text-shadow:-1px -1px 0 #f5dc9d,2px 2px 0 #d6a258,0 0 14px rgba(255,218,132,.5)}
.mmt-letter{display:inline-block;position:relative;animation-duration:18s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
.mmt-left{animation-name:letter-from-left}.mmt-middle{animation-name:letter-from-right;color:#d6a25e;text-shadow:1px 1px 0 #fff1bb,2px 3px 2px #5e3b20}.mmt-right{animation-name:letter-from-trunk}
.logo-shine{position:absolute;inset:4% 10% 10%;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.0) 43%,rgba(255,242,192,.7) 49%,transparent 55%);mix-blend-mode:screen;transform:translateX(-180%);animation:sheen 18s linear infinite;mask-image:radial-gradient(ellipse,black 42%,transparent 71%)}
@keyframes tree-arrive{0%,2%{opacity:0}5%,91%{opacity:1}95%,100%{opacity:0}}
@keyframes letter-from-left{0%,30%{opacity:0;transform:translateX(-65px) scale(.87)}39%,91%{opacity:1;transform:none}95%,100%{opacity:0}}
@keyframes letter-from-right{0%,30%{opacity:0;transform:translateX(65px) scale(.87)}39%,91%{opacity:1;transform:none}95%,100%{opacity:0}}
@keyframes letter-from-trunk{0%,31%{opacity:0;transform:translateY(75px) scale(.6)}40%,91%{opacity:1;transform:none}95%,100%{opacity:0}}
@keyframes sheen{0%,46%{transform:translateX(-180%)}54%{transform:translateX(180%)}100%{transform:translateX(180%)}}
.new-benefits{background:#061b2f;color:white;border-top:1px solid #d6aa63;border-bottom:2px solid #bd8745}
.benefits-row{display:grid;grid-template-columns:repeat(4,1fr);padding-top:22px;padding-bottom:22px}
.new-benefit{display:flex;gap:16px;align-items:center;padding:5px 20px;border-right:1px solid rgba(227,178,103,.5)}
.new-benefit:last-child{border-right:0}
.benefit-symbol{color:#e6b56e;font-size:39px;line-height:1}
.new-benefit strong{display:block;color:#eac27f;font-size:15px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.new-benefit small{display:block;color:#f1e8dc;font-size:13px;line-height:1.3}
@media(max-width:1050px){.hero-copy{max-width:62%}.hero-emblem{right:1%;width:38%;min-width:250px;top:7%}.hero-copy h1{font-size:clamp(29px,3.5vw,41px)}.new-benefit{padding:4px 10px}.brand-mark{width:90px}.brand-mark img{width:90px}}
@media(max-width:750px){.header-inner{min-height:78px}.brand-mark{width:70px;height:65px}.brand-mark img{width:70px;height:58px}.brand-title{font-size:20px!important}.new-hero{height:780px}.hero-content{padding-top:20px}.hero-copy{max-width:100%}.hero-copy h1{font-size:clamp(30px,6vw,44px)}.hero-description{font-size:16px;max-width:600px}.hero-emblem{top:42%;right:3%;width:47%;height:25%;min-width:190px;opacity:.92}.mmt-letters{font-size:clamp(68px,14vw,115px)}.hero-family{height:37%;background-size:auto 100%;background-position:center bottom}.hero-left-shade{background:linear-gradient(to bottom,rgba(4,25,43,.9),rgba(4,25,43,.55) 60%,transparent);mask-image:none}.benefits-row{grid-template-columns:repeat(2,1fr);gap:16px}.new-benefit:nth-child(2){border-right:0}}
@media(max-width:480px){.brand-title{font-size:17px!important}.brand-sub{font-size:12px!important}.brand-mark{width:58px}.brand-mark img{width:58px}.hero-copy h1{font-size:31px}.hero-eyebrow{font-size:15px}.hero-description{font-size:15px}.hero-actions{gap:9px}.hero-btn{font-size:14px;padding:10px 12px}.hero-emblem{top:53%;right:0;width:55%;height:20%}.new-hero{height:815px}.new-benefit strong{font-size:12px}.new-benefit small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mmt-letter,.tree-animation,.logo-shine{animation:none!important;opacity:1!important;transform:none!important}}
.brand-mark img{filter:drop-shadow(0 0 1px #e3ae5c) drop-shadow(0 0 3px rgba(239,196,118,.35))}

/* Approved Oct 26 targeted corrections only */
.topline .topline-inner{justify-content:flex-end!important}
.hero-sky{background:radial-gradient(ellipse at 75% 30%,#e8b36b 0%,#b3a08b 22%,#6a8290 47%,#102c43 79%)}
.hero-left-shade{background:linear-gradient(90deg,rgba(4,25,43,.76) 0%,rgba(4,25,43,.68) 27%,rgba(4,25,43,.38) 42%,rgba(4,25,43,0) 66%);mask-image:linear-gradient(to bottom,black 0%,black 45%,transparent 67%)}
.logo-shine{display:none!important;animation:none!important}
@media(max-width:750px){.topline .topline-inner{justify-content:flex-end!important}.hero-left-shade{background:linear-gradient(to bottom,rgba(4,25,43,.76),rgba(4,25,43,.45) 55%,transparent 68%);mask-image:none}}

/* Oct 26: requested button containment only */
.hero-actions{gap:12px;margin-top:12px!important}
.hero-btn{padding:10px 15px!important;min-height:40px!important;font-size:16px!important;line-height:1.2!important;white-space:nowrap}
.hero-btn:hover{transform:none}
@media(max-width:480px){.hero-btn{font-size:13px!important;padding:9px 10px!important}}
/* Targeted link/button cleanup: remove ghosting from photo crop and tighten link boxes */
.hero-actions{gap:12px;margin-top:10px!important}
.hero-btn{padding:9px 14px!important;min-height:40px!important;font-size:16px!important;line-height:1.2!important;white-space:nowrap}
.hero-btn:hover{transform:none}
@media(max-width:480px){.hero-btn{font-size:13px!important;padding:9px 10px!important}}