/* Milner house system (matches milnermarketingagency.com site.css): ink #0a2540, sky #67c5f0, paper #FAFBFC; Cormorant Garamond display + Manrope UI. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400 700;font-display:swap;src:url("/fonts/font-d9ec821052ff94a7.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400 700;font-display:swap;src:url("/fonts/font-291655adcb38b6b4.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/font-4872f2a6dc9a8250.woff2") format("woff2")}
:root{--ink:#0a2540;--ink-2:#0d2f52;--channel:#2b80bb;--sky:#67c5f0;--paper:#FAFBFC;--mist:#EEF3F7;--steel:#51647a;--on-ink:#f2f7fc;--on-ink-2:#c9dbeb;--bad:#c0463f;--display:"Cormorant Garamond","Iowan Old Style",Georgia,serif;--ui:"Manrope",-apple-system,system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--ui);-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column}
main{flex:1}
.wrap{width:min(1040px,100% - 40px);margin-inline:auto}
.topbar{position:sticky;top:0;z-index:20;background:rgba(10,37,64,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(185,205,224,.14)}
.topbar-in{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;min-height:48px}
.brand-tile{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff;box-shadow:0 4px 14px -6px rgba(0,0,0,.5)}
.brand-tile img{width:30px;height:30px}
.brand-name{font:600 25px/1 var(--display);letter-spacing:.005em}
.back{color:var(--on-ink-2);text-decoration:none;font-weight:600;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.back:hover{color:#fff}
.hero{background:radial-gradient(120% 90% at 50% 0%,var(--ink-2) 0%,var(--ink) 62%);color:var(--on-ink);padding:64px 0 72px;text-align:center}
.hero-in{max-width:680px}
.eyebrow{margin:0 0 14px;font:700 13px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--sky)}
h1{margin:0 0 18px;font:500 clamp(44px,8vw,76px)/1.02 var(--display);letter-spacing:-.01em;color:#fff}
h1 em{font-style:italic;color:var(--sky)}
h2{margin:0 0 8px;font:700 15px/1.3 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--sky)}
.sub{margin:0 auto 30px;max-width:56ch;color:var(--on-ink-2);font-size:18px}
.disclosure{background:rgba(255,255,255,.06);border:1px solid rgba(185,205,224,.22);border-radius:16px;padding:22px 22px 18px;margin:0 auto 22px;text-align:left}
.disclosure p{margin:0 0 10px}
.small{font-size:14px;color:var(--on-ink-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border-radius:999px;font:700 16px/1.2 var(--ui);border:1.5px solid transparent;cursor:pointer;transition:transform .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease)}
.btn-sky{background:var(--sky);color:var(--ink);box-shadow:0 10px 26px -10px rgba(0,0,0,.55)}
.btn-sky:hover:not(:disabled){background:#86d2f4;transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--paper);border-color:rgba(228,238,247,.5)}
.btn-ghost:hover:not(:disabled){border-color:#fff;background:rgba(255,255,255,.07)}
.btn-danger{background:var(--bad);color:#fff}
.btn-big{min-height:68px;padding:18px 44px;font-size:20px;width:min(100%,380px)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
#mmw-call{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:6px}
#mmw-call[hidden],#mmw-clock[hidden],#mmw-error[hidden],button[hidden]{display:none}
.clock{font:500 54px/1 var(--display);font-variant-numeric:tabular-nums;color:#fff}
#mmw-status{min-height:1.6em;margin:16px 0 0;color:var(--on-ink-2)}
#mmw-error{margin:14px auto 0;max-width:520px;color:#ffd9d6;background:rgba(192,70,63,.2);border:1px solid rgba(255,160,152,.4);border-radius:12px;padding:12px 16px}
#mmw[data-state=live] .clock{color:var(--sky)}
#mmw[data-state=live] #mmw-status::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:var(--sky);animation:p 1.4s infinite}
@keyframes p{50%{opacity:.25}}
.how{background:var(--mist);padding:44px 0}
.how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.how li{counter-increment:s;background:#fff;border:1px solid #dbe8f2;border-radius:14px;padding:22px;color:var(--steel);font-size:16px}
.how li::before{content:counter(s);display:block;font:500 38px/1 var(--display);color:var(--channel);margin-bottom:8px}
.how b{color:var(--ink)}
.foot{background:var(--ink);color:var(--on-ink-2);padding:22px 0;font-size:14px;text-align:center}
.foot a{color:var(--sky)}
@media (max-width:700px){.hero{padding:40px 0 48px}.how ol{grid-template-columns:1fr}.brand-name{font-size:22px}.sub{font-size:16.5px}.btn-big{width:100%}}
#mmw[data-state=live] .disclosure,#mmw[data-state=live] .how{display:none}
#mmw[data-state=live] .hero{min-height:calc(100svh - 72px - 70px)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}