/* Brand treatment shared with the Mo the MLO homepage.
   The underlying calculator layout and all calculation behavior are preserved. */
:root {
  --rose:#c94f7c;
  --rose-dark:#852c50;
  --rose-light:#ed9ab7;
  --rose-pale:#fbeaf0;
  --ink:#1c1319;
  --muted:#5d4953;
  --paper:#fffafd;
  --cream:#fdf5f8;
  --gold:#c8a44d;
  --gold-soft:#eddda7;
  --line:rgba(177,112,144,.22);
  --berry:var(--rose-dark);
  --pink:var(--rose);
  --shadow:0 24px 72px rgba(83,34,58,.11);
}
body{background:var(--paper);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 82% 48% at 50% -6%,rgba(201,79,124,.11),transparent 68%),radial-gradient(ellipse 58% 44% at 100% 100%,rgba(200,164,77,.08),transparent 66%)}
.site-header{position:sticky;top:0;z-index:20;max-width:none;padding:0;background:rgba(255,250,253,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{width:min(100% - 32px,1160px);margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand .brandmark{width:38px;height:38px;display:grid;place-items:center;margin:0;border:1px solid rgba(201,79,124,.26);border-radius:50%;background:var(--rose-pale)}
.brandmark svg{width:19px;stroke:var(--rose);fill:none;stroke-width:1.8}
.brand .brand-name{margin:0;color:var(--rose-dark);font:600 26px 'Cormorant Garamond',serif;letter-spacing:0}
nav{align-items:center;gap:8px}
nav>a{padding:10px 12px;color:var(--muted);font-size:14px;font-weight:600;border-radius:12px}
nav>a:hover{background:var(--rose-pale);color:var(--rose-dark)}
main{max-width:1208px;padding:26px 24px 36px}
.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:26px 32px;margin-bottom:24px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(115deg,#fffbfd 55%,#fbeaf0);box-shadow:0 12px 36px rgba(83,34,58,.05)}
.eyebrow{color:var(--rose-dark);font-size:12px;letter-spacing:.12em}
h1{font-size:clamp(36px,4vw,54px);line-height:.97;letter-spacing:-.035em;margin:10px 0 14px}
h1 em,.callout em{color:var(--rose);font-weight:500}
.intro-copy>p:not(.eyebrow){max-width:540px;color:var(--muted);font-size:16px;line-height:1.6;margin-bottom:12px}
.intro-notes{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.intro-notes span::before{content:'✓';margin-right:6px;color:var(--rose-dark)}
.advisor{display:flex;align-items:center;gap:16px;flex-shrink:0;max-width:310px}
.advisor img{width:100px;height:128px;object-fit:cover;object-position:center 12%;border-radius:80px 80px 18px 18px;box-shadow:0 12px 30px rgba(83,34,58,.14);border:3px solid white}
.advisor strong{display:block;font:600 25px/1.1 'Cormorant Garamond',serif;margin-bottom:7px}
.advisor span{display:block;color:var(--muted);font-size:12px;max-width:160px;margin-bottom:8px}
.advisor a{font-size:14px;text-decoration:none;color:var(--rose-dark);font-weight:600}
.layout{grid-template-columns:390px minmax(0,1fr);gap:24px}
.panel{border-radius:26px;box-shadow:0 12px 36px rgba(83,34,58,.06);padding:26px;background:rgba(255,251,253,.96)}
.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.panel-title h2{margin:0;font-size:30px}
.panel-title .eyebrow{font-size:12px;margin-bottom:4px}
.step{display:grid;place-items:center;width:40px;height:46px;flex-shrink:0;border-radius:13px;background:linear-gradient(135deg,var(--rose-pale),rgba(200,164,77,.18));color:var(--rose-dark);font:600 26px 'Cormorant Garamond',serif}
input:not([type=range]),select{border:1px solid rgba(177,112,144,.34);border-radius:12px;height:48px;background:white}
input:not([type=range]):hover,select:hover{border-color:var(--rose)}
label{color:var(--muted)}
.extra-box{background:linear-gradient(120deg,var(--rose-pale),#fffafd);border-radius:17px;border-color:rgba(201,79,124,.25)}
.extra-box>label:first-child{color:var(--rose-dark)}
.results{background:linear-gradient(145deg,#fffafd,#fdf0f5);border-color:rgba(201,79,124,.28)}
.result-label{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.result-label .eyebrow{margin:0}
.estimate-tag{border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:12px;color:var(--muted);background:white}
.payment{font-family:'Cormorant Garamond',serif;font-size:72px;font-weight:600;color:var(--rose-dark);line-height:1.05;letter-spacing:-.035em;margin:10px 0 2px}
.payment-label{font-size:14px;color:var(--muted)}
.exclusion{background:rgba(255,255,255,.7);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;color:var(--muted);line-height:1.55}
.metrics{gap:0;padding:12px 0 20px}
.metrics>div{padding:16px 14px;border-bottom:1px solid var(--line)}
.metrics>div:nth-child(odd){padding-left:0;border-right:1px solid var(--line)}
.metrics>div:nth-child(even){padding-right:0;padding-left:22px}
.metrics strong{font-size:27px;color:var(--rose-dark)}
.metrics small{font-size:12px}
.chart-head{border:0;padding-top:6px}
.chart-head h2{font-size:27px}
.schedule{background:white}
.schedule h2{font-size:32px}
button{border-color:var(--line);border-radius:12px;min-height:46px}
button:hover:not(:disabled){background:var(--rose-pale)}
th{background:var(--cream);color:var(--rose-dark);padding-top:16px;padding-bottom:16px}
tbody tr:nth-child(even){background:#fffafd}
.primary,nav .primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 18px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--rose-dark),var(--rose));box-shadow:0 12px 30px rgba(201,79,124,.18);font-size:14px}
.primary:hover,nav .primary:hover{color:white;background:var(--rose-dark)}
.callout{padding:30px 32px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(115deg,var(--cream),#fffafd 60%,rgba(200,164,77,.1))}
.callout .eyebrow{margin-bottom:8px}
.callout h2{font-size:36px;letter-spacing:-.025em}
footer{max-width:1160px;line-height:1.9}
@media(min-width:851px){.inputs{position:sticky;top:96px}}
@media(max-width:1000px){.advisor{max-width:230px;gap:12px}.advisor img{width:80px;height:106px}.advisor strong{font-size:23px}.intro{gap:20px;padding:24px}.layout{grid-template-columns:350px minmax(0,1fr)}}
@media(max-width:850px){.layout{grid-template-columns:1fr}.advisor{max-width:210px}.intro{padding:24px}.nav-contact{display:none!important}.nav-inner{gap:10px}nav>a{padding:9px 8px}.payment{font-size:64px}.panel{padding:24px}}
@media(max-width:620px){.nav-inner{flex-wrap:wrap;gap:5px;padding:12px 0}.site-header{position:relative}.nav-inner nav{width:100%;justify-content:space-between;gap:4px}nav>a{font-size:14px;padding:8px 5px}.intro{flex-direction:column;align-items:stretch;padding:22px;gap:16px}.intro h1{font-size:39px}.advisor{max-width:none;border-top:1px solid var(--line);padding-top:16px}.advisor img{width:52px;height:64px;border-width:2px;border-radius:32px 32px 10px 10px}.advisor strong{font-size:23px;margin-bottom:4px}.advisor span{max-width:none;margin-bottom:2px}.advisor a{font-size:12px}.intro-notes{gap:12px}main{padding:18px 14px 28px}.panel{padding:20px}.callout{padding:24px}.callout h2{font-size:32px}.result-label{gap:8px}.payment{font-size:62px}.metrics strong{font-size:25px}}
@media print{.site-header{position:static}.nav-inner{min-height:0}.intro{padding:12px;margin-bottom:12px;box-shadow:none;background:white}.advisor,.intro-notes,.estimate-tag{display:none}.intro h1{font-size:30px}.intro h1 br{display:none}.intro h1 em::before{content:' '}.inputs{position:static}.layout{grid-template-columns:1fr 1.4fr}.panel{padding:14px;background:white;box-shadow:none}.metrics strong{font-size:22px}.payment{font-size:48px}.panel-title .eyebrow{display:none}.callout{display:none}}