/* MDR Organizer — landing page styles, SCOPED
   Embed version: every rule is confined to an element with class="mdr-organizer",
   so it cannot leak into the surrounding WordPress theme (and the theme's own
   body/form/button rules cannot reach in). The class is doubled in each selector
   only to raise specificity above typical theme rules — mark up the wrapper once:
       <div class="mdr-organizer"> … </div>
   Load this AFTER the theme stylesheet. Pair with mdr-landing.js. */

.mdr-organizer.mdr-organizer { --navy-900: #0c1426; --navy-800: #101a30; --navy-700: #152547; --navy-500: #2c4270; --gold-500: #e7c65f; --gold-600: #d3ad3f; --gold-700: #a8862c; --gold-800: #7a601f; --gold-bright: #f5b81c; --ink-100: #f4f5f7; --ink-200: #dfe3e9; --ink-300: #cfd4db; --ink-500: #6f7988; --ink-600: #5a6474; --ink-700: #4a5567; --ink-800: #26303f; --paper: #fff; --cream: #f8f6f1; --flag: #a32a25; --display: 'Oswald', 'Helvetica Neue', Arial, sans-serif; --body: 'Figtree', 'Helvetica Neue', Arial, sans-serif; }
.mdr-organizer.mdr-organizer, .mdr-organizer.mdr-organizer * { box-sizing: border-box; }

/* Theme reset. A theme rule that this design never declares would otherwise
   survive inside the block — WordPress themes routinely round every form
   control and pad every button. Corners are square throughout this design, so
   zeroing them wholesale is faithful, not defensive. */
.mdr-organizer.mdr-organizer, .mdr-organizer.mdr-organizer *, .mdr-organizer.mdr-organizer *::before, .mdr-organizer.mdr-organizer *::after { border-radius: 0; box-shadow: none; text-shadow: none; }
.mdr-organizer.mdr-organizer button, .mdr-organizer.mdr-organizer input { padding: 0; margin: 0; min-height: 0; min-width: 0; text-align: inherit; }
.mdr-organizer.mdr-organizer ol, .mdr-organizer.mdr-organizer ul { list-style-position: outside; }
/* inline emphasis inherits the headline's tracking and casing rather than a theme's */
.mdr-organizer.mdr-organizer em, .mdr-organizer.mdr-organizer i, .mdr-organizer.mdr-organizer b, .mdr-organizer.mdr-organizer strong, .mdr-organizer.mdr-organizer span { letter-spacing: inherit; text-transform: inherit; }
.mdr-organizer.mdr-organizer img { max-width: 100%; }
.mdr-organizer.mdr-organizer { background: var(--paper); background-image: repeating-linear-gradient(0deg, rgba(16,26,48,.045) 0 1px, transparent 1px 46px), repeating-linear-gradient(90deg, rgba(16,26,48,.045) 0 1px, transparent 1px 46px); color: var(--ink-800); font-family: var(--body); font-size: 17px; line-height: 1.56; text-wrap: pretty; -webkit-text-size-adjust: 100%; padding: 0; }
.mdr-organizer.mdr-organizer .sheet { width: 100%; max-width: 1180px; margin: 0 auto; }
.mdr-organizer.mdr-organizer .mast { background: var(--navy-800); background-image: radial-gradient(120% 110% at 50% 0%, rgba(231,198,95,.16) 0%, rgba(16,26,48,0) 64%), repeating-linear-gradient(0deg, rgba(231,198,95,.05) 0 1px, transparent 1px 46px), repeating-linear-gradient(90deg, rgba(231,198,95,.05) 0 1px, transparent 1px 46px); border-bottom: 3px solid var(--gold-500); padding: 30px 34px 36px; color: #fff; }
.mdr-organizer.mdr-organizer .mast .shield { display: block; width: auto; height: 66px; margin: 0 0 13px; border: 0; }
/* Shield alongside the title rather than stacked above it. The shield keeps its
   own height and never shrinks; the text column is allowed to wrap. */
.mdr-organizer.mdr-organizer .mast .mastrow { display: flex; align-items: center; gap: 20px; margin: 0 0 14px; }
.mdr-organizer.mdr-organizer .mast .mastrow .shield { margin: 0; flex: none; }
.mdr-organizer.mdr-organizer .mast .mastrow .masttext { min-width: 0; }
.mdr-organizer.mdr-organizer .mast .mastrow .eyebrow { margin: 0 0 6px; }
.mdr-organizer.mdr-organizer .mast .mastrow h1 { margin: 0; }
.mdr-organizer.mdr-organizer .mast .eyebrow { color: var(--gold-500); margin: 0 0 9px; }
.mdr-organizer.mdr-organizer .mast .lede { color: rgba(255,255,255,.84); }
.mdr-organizer.mdr-organizer .eyebrow { font-family: var(--display); font-weight: 600; font-size: 13.5px; letter-spacing: .3em; text-transform: uppercase; color: var(--gold-800); margin: 26px 0 10px; }
.mdr-organizer.mdr-organizer h1 { font-family: var(--display); font-weight: 700; font-size: clamp(28px, calc(5.1vw - 6px), 56px); line-height: 1.06; letter-spacing: .01em; text-wrap: balance; text-transform: uppercase; color: var(--gold-500); margin: 0; text-shadow: 0 0 14px rgba(231,198,95,.35); }
.mdr-organizer.mdr-organizer h2 { font-family: var(--display); font-weight: 700; font-size: clamp(24px, 4.2vw, 31px); line-height: 1.1; letter-spacing: .05em; text-transform: uppercase; color: var(--navy-700); margin: 0 0 6px; }
.mdr-organizer.mdr-organizer .rule { font-family: var(--display); font-weight: 600; font-size: 14px; letter-spacing: .22em; text-transform: uppercase; color: var(--navy-700); border-bottom: 2px solid var(--navy-800); padding-bottom: 8px; margin-bottom: 20px; }
.mdr-organizer.mdr-organizer .lede { font-size: 18.5px; line-height: 1.5; color: var(--ink-700); margin: 16px 0 0; }
.mdr-organizer.mdr-organizer p { margin: 0; }
.mdr-organizer.mdr-organizer a { color: var(--navy-800); }
.mdr-organizer.mdr-organizer a:hover { color: var(--gold-700); }
.mdr-organizer.mdr-organizer ul.plus { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.mdr-organizer.mdr-organizer ul.plus li { display: flex; gap: 12px; font-size: 17px; line-height: 1.45; color: var(--ink-800); }
.mdr-organizer.mdr-organizer ul.plus li::before { content: '+'; color: var(--gold-700); font-weight: 900; font-size: 20px; line-height: 1.2; flex: none; }
.mdr-organizer.mdr-organizer .film { margin-top: 30px; }
.mdr-organizer.mdr-organizer .film .frame { position: relative; aspect-ratio: 16 / 9; border: 2px solid var(--navy-800); background: #06090f; }
.mdr-organizer.mdr-organizer .film iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.mdr-organizer.mdr-organizer .hero { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 58px; align-items: start; margin-top: 40px; }
.mdr-organizer.mdr-organizer .shot { display: block; width: 100%; height: auto; border: 2px solid var(--navy-800); }
.mdr-organizer.mdr-organizer .hero .phone { position: sticky; top: 36px; }
.mdr-organizer.mdr-organizer .caption { font-family: var(--display); font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-600); margin-top: 10px; line-height: 1.5; }
.mdr-organizer.mdr-organizer form { margin: 30px 0 0; border: 2px solid var(--navy-700); border-top: 8px solid var(--gold-500); background: var(--cream); padding: 26px 24px 28px; }
.mdr-organizer.mdr-organizer label { display: block; font-family: var(--display); font-weight: 600; font-size: 13.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--navy-700); margin-bottom: 8px; }
.mdr-organizer.mdr-organizer label i { font-style: normal; color: var(--gold-800); }
.mdr-organizer.mdr-organizer input[type=email] { width: 100%; height: 58px; padding: 0 15px; background: var(--paper); border: 2px solid var(--navy-800); border-radius: 0; -webkit-appearance: none; font-family: var(--body); font-size: 17px; color: var(--ink-800); }
.mdr-organizer.mdr-organizer input[type=email]:focus { outline: 2px solid var(--gold-600); outline-offset: 2px; }
.mdr-organizer.mdr-organizer .hint { font-size: 14.5px; line-height: 1.45; color: var(--ink-600); margin-top: 9px; min-height: 21px; }
.mdr-organizer.mdr-organizer .hint.bad { color: var(--flag); }
.mdr-organizer.mdr-organizer button { width: 100%; height: 60px; margin-top: 16px; background: var(--gold-500); border: 3px solid var(--navy-800); border-radius: 0; color: var(--navy-800); font-family: var(--display); font-weight: 700; font-size: 17px; letter-spacing: .09em; text-transform: uppercase; cursor: pointer; transition: background .14s ease-out; }
.mdr-organizer.mdr-organizer button:hover { background: var(--gold-bright); }
.mdr-organizer.mdr-organizer button[disabled] { cursor: not-allowed; background: var(--paper); color: var(--ink-500); border-color: var(--ink-300); }
.mdr-organizer.mdr-organizer .privacy { margin-top: 16px; background: var(--paper); border-left: 8px solid var(--gold-500); border-top: 2px solid var(--navy-700); border-right: 2px solid var(--navy-700); border-bottom: 2px solid var(--navy-700); padding: 12px 14px 13px; }
.mdr-organizer.mdr-organizer .privacy b { display: block; font-family: var(--display); font-weight: 700; font-size: 13px; letter-spacing: .15em; text-transform: uppercase; color: var(--gold-800); }
.mdr-organizer.mdr-organizer .privacy p { font-size: 15px; line-height: 1.5; margin: 6px 0 0; color: var(--ink-800); }
.mdr-organizer.mdr-organizer .consent { display: flex; gap: 11px; align-items: flex-start; margin-top: 16px; font-family: var(--body); font-size: 14px; line-height: 1.5; letter-spacing: 0; text-transform: none; color: var(--ink-700); cursor: pointer; }
.mdr-organizer.mdr-organizer .consent input { flex: none; width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--navy-800); }
.mdr-organizer.mdr-organizer .consent a { color: var(--gold-800); }
.mdr-organizer.mdr-organizer .gated { font-family: var(--display); font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-600); margin-top: 12px; text-align: center; }
.mdr-organizer.mdr-organizer section { margin-top: 66px; }
.mdr-organizer.mdr-organizer .band { border-top: 3px solid var(--navy-800); border-bottom: 3px solid var(--navy-800); padding: 15px 6px; margin: 46px 0 0; text-align: center; font-family: var(--display); font-weight: 700; font-size: clamp(19px, 3.4vw, 24px); letter-spacing: .13em; text-transform: uppercase; color: var(--navy-800); line-height: 1.35; }
.mdr-organizer.mdr-organizer .three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; }
.mdr-organizer.mdr-organizer .calshow { align-items: start; gap: 44px; }
.mdr-organizer.mdr-organizer .calshow .shot { height: 330px; object-fit: cover; object-position: top center; }
.mdr-organizer.mdr-organizer .calshow .calcopy h2 { font-size: 20px; letter-spacing: .1em; margin: 0 0 6px; }
.mdr-organizer.mdr-organizer .calshow .calcopy h2 + p { margin: 0 0 26px; }
.mdr-organizer.mdr-organizer .calshow .calcopy > *:last-child { margin-bottom: 0; }
.mdr-organizer.mdr-organizer .calshow .calcopy p { font-size: 16px; line-height: 1.5; color: var(--ink-700); }
.mdr-organizer.mdr-organizer .three h2 { font-size: 20px; letter-spacing: .1em; margin: 16px 0 6px; }
.mdr-organizer.mdr-organizer .three p { font-size: 16px; line-height: 1.5; color: var(--ink-700); }
.mdr-organizer.mdr-organizer .panel { border: 2px solid var(--navy-700); border-top: 8px solid var(--gold-500); background: var(--cream); padding: 28px 30px 30px; }
.mdr-organizer.mdr-organizer .panel p { font-size: 18px; line-height: 1.6; color: var(--ink-800); }
.mdr-organizer.mdr-organizer .panel strong { color: var(--navy-800); }
.mdr-organizer.mdr-organizer .two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
.mdr-organizer.mdr-organizer .cell { border: 1px solid var(--ink-300); background: var(--paper); padding: 22px 24px 24px; }
.mdr-organizer.mdr-organizer .cell h2 { font-size: 18px; letter-spacing: .1em; }
.mdr-organizer.mdr-organizer .cell p { font-size: 16px; line-height: 1.55; color: var(--ink-700); }
.mdr-organizer.mdr-organizer .steps { display: grid; gap: 28px; }
.mdr-organizer.mdr-organizer .step { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 20px; align-items: start; }
.mdr-organizer.mdr-organizer .step .n { font-family: var(--display); font-weight: 700; font-size: 17px; letter-spacing: .1em; color: var(--navy-800); background: var(--gold-500); height: 34px; display: flex; align-items: center; justify-content: center; }
.mdr-organizer.mdr-organizer .step h2 { font-size: 19px; letter-spacing: .1em; }
.mdr-organizer.mdr-organizer .step p { font-size: 16.5px; line-height: 1.55; color: var(--ink-700); margin-top: 5px; }
.mdr-organizer.mdr-organizer .gate-install { margin-top: 22px; border: 2px solid var(--navy-800); border-top: 8px solid var(--gold-500); background: var(--cream); padding: 20px 22px 22px; display: grid; gap: 7px; }
.mdr-organizer.mdr-organizer .gate-install b { font-family: var(--display); font-weight: 700; font-size: 32px; line-height: 1.12; letter-spacing: .05em; text-transform: uppercase; color: var(--navy-800); text-wrap: balance; }
.mdr-organizer.mdr-organizer .gate-install b em { font-style: normal; color: var(--gold-800); }
.mdr-organizer.mdr-organizer .gate-install span { font-size: 15.5px; line-height: 1.52; color: var(--ink-700); }
.mdr-organizer.mdr-organizer .done h2.install-hed { font-family: var(--display); font-weight: 700; font-size: 40px; line-height: 1.08; letter-spacing: .04em; text-transform: uppercase; color: var(--navy-800); margin: 30px 0 0; text-wrap: balance; }
.mdr-organizer.mdr-organizer .done h2.install-hed em { font-style: normal; color: var(--gold-800); }
.mdr-organizer.mdr-organizer .plats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.mdr-organizer.mdr-organizer .plat { border: 2px solid var(--ink-300); background: var(--paper); padding: 18px 20px 20px; }
.mdr-organizer.mdr-organizer .plat.me { border-color: var(--navy-700); border-top: 8px solid var(--gold-500); background: var(--cream); }
.mdr-organizer.mdr-organizer .plat .yours { display: none; font-family: var(--display); font-weight: 600; font-size: 11.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--gold-800); margin-bottom: 5px; }
.mdr-organizer.mdr-organizer .plat.me .yours { display: block; }
.mdr-organizer.mdr-organizer .plat h3 { font-family: var(--display); font-weight: 700; font-size: 17px; letter-spacing: .1em; text-transform: uppercase; color: var(--navy-800); margin: 0; }
.mdr-organizer.mdr-organizer .plat ol { margin: 11px 0 0; padding-left: 21px; display: grid; gap: 7px; }
.mdr-organizer.mdr-organizer .plat ol li { font-size: 15.5px; line-height: 1.5; color: var(--ink-700); }
.mdr-organizer.mdr-organizer .plat ol li strong { color: var(--navy-800); }
.mdr-organizer.mdr-organizer .plat .why { font-size: 14px; line-height: 1.5; color: var(--ink-600); margin-top: 13px; }
.mdr-organizer.mdr-organizer #installNow { display: none; height: 52px; margin-top: 14px; font-size: 15px; }
.mdr-organizer.mdr-organizer .plat.can-prompt #installNow { display: block; }
.mdr-organizer.mdr-organizer .install { margin-top: 24px; border: 1px solid var(--ink-300); background: var(--ink-100); padding: 18px 20px; }
.mdr-organizer.mdr-organizer .install b { font-family: var(--display); font-weight: 600; font-size: 13.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--gold-800); }
.mdr-organizer.mdr-organizer .install p { font-size: 15.5px; line-height: 1.5; color: var(--ink-700); margin: 8px 0 0; }
.mdr-organizer.mdr-organizer .install strong { color: var(--navy-800); }
.mdr-organizer.mdr-organizer .contact { font-family: var(--display); font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-600); text-align: center; margin-top: 40px; }
.mdr-organizer.mdr-organizer .contact a { color: var(--ink-600); text-decoration: none; }
.mdr-organizer.mdr-organizer .contact a:hover { color: var(--navy-700); }
.mdr-organizer.mdr-organizer .fine { font-size: 13.5px; line-height: 1.6; color: var(--ink-600); margin: 22px 0 0; }
.mdr-organizer.mdr-organizer .fine b { font-family: var(--display); font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--gold-800); }
.mdr-organizer.mdr-organizer .stamp { font-family: var(--display); font-size: 12.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--ink-600); text-align: center; margin-top: 14px; }
.mdr-organizer.mdr-organizer .done { display: none; }
.mdr-organizer.mdr-organizer.sent .gate { display: none; }
.mdr-organizer.mdr-organizer.sent .done { display: block; }
.mdr-organizer.mdr-organizer .done .ok { font-family: var(--display); font-weight: 700; font-size: 14.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--gold-800); }
.mdr-organizer.mdr-organizer .done h2 { font-size: clamp(26px, 5vw, 34px); color: var(--navy-800); margin: 8px 0 0; }
.mdr-organizer.mdr-organizer .done .eyebrow { margin-top: 0; }
.mdr-organizer.mdr-organizer .done .open { display: block; text-align: center; text-decoration: none; }
@media (max-width: 900px) {
.mdr-organizer.mdr-organizer .mast { padding: 20px 18px 24px; }
.mdr-organizer.mdr-organizer .mast .shield { height: 54px; margin-bottom: 10px; }
.mdr-organizer.mdr-organizer .mast .mastrow { gap: 13px; margin-bottom: 11px; }
.mdr-organizer.mdr-organizer .hero { grid-template-columns: minmax(0, 1fr); gap: 30px; margin-top: 26px; }
.mdr-organizer.mdr-organizer .hero .phone { position: static; max-width: 390px; }
.mdr-organizer.mdr-organizer .three { grid-template-columns: minmax(0, 1fr); gap: 34px; }
.mdr-organizer.mdr-organizer .two { grid-template-columns: minmax(0, 1fr); }
.mdr-organizer.mdr-organizer .plats { grid-template-columns: minmax(0, 1fr); }
.mdr-organizer.mdr-organizer .film { display: none; }
.mdr-organizer.mdr-organizer .calshow .shot { height: 420px; }
.mdr-organizer.mdr-organizer .done h2.install-hed { font-size: 30px; }
.mdr-organizer.mdr-organizer .gate-install b { font-size: 24px; }
.mdr-organizer.mdr-organizer section { margin-top: 42px; }
}

.gate-install .req { font-family: var(--display); font-weight: 600; font-size: 12.5px; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-800); }
.gate-install .ways { display: grid; gap: 10px; margin-top: 6px; }
.gate-install .way { display: flex; align-items: center; gap: 13px; border: 2px solid var(--navy-800); background: var(--paper); padding: 12px 14px; }
.gate-install .way .mark { flex: none; width: 46px; height: 46px; border: 2px solid var(--navy-800); display: flex; align-items: center; justify-content: center; font-size: 26px; line-height: 1; color: var(--navy-800); }
.gate-install .way p { margin: 0; font-size: 15.5px; line-height: 1.4; color: var(--ink-700); }
.gate-install .way p strong { color: var(--navy-800); }
.done .stay { font-size: 14.5px; line-height: 1.5; color: var(--ink-600); margin: 12px 0 0; text-align: center; }