/* Self-hosted fonts, latin subset (speed pass October 11, 2026) */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/poppins-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-latin-600-normal.woff2) format('woff2')}
/*
  site.css - the one shared look for the whole public site.

  Every page links this file. Change a value here and every page that links it
  changes with it. The look is taken from the member Proof Dashboard: a light
  grey page, white cards with a thin border and soft corners, Poppins for
  headings, labels, numbers and buttons, Georgia for reading text.

  How to use it on a page:
    site-header + brand + site-nav   the bar at the top with the logo and links
    page                             the one centered column (about 960px)
    page-head                        the top block of a page, with the orange rule under it
    section                          one block of the page; blocks sit an even gap apart
    section-label                    the small uppercase label above a block
    section-title                    the heading of a block
    lead / intro / muted-note        reading text, a block's intro line, a small grey note
    card                             a white box
    card-key                         the most important box on a page (orange left edge)
    card-key blue                    the same, with a blue left edge
    grid grid-3 / grid grid-4        boxes side by side (3 or 4 on a computer, 2 on a tablet, 1 on a phone)
    big (+ small)                    a big bold number, with an optional small word after it
    stat-label                       the words under a big number
    pill                             a small rounded status tag
    bar, seg, tick, bar-scale        a thin rounded bar, its parts, and the labels under it
    fold (details/summary)           long detail folded under a heading with a plus sign
    btn                              a button
    quote-card / quote / cite        a pulled quote and who said it
    media                            a picture beside text
    split                            two columns that stack on a phone
    site-footer                      the bottom of every page
    prose                            long reading text, such as the legal pages

  Anything clickable turns orange when the pointer is over it.
*/

/* Colors and fonts. Version B is light only. */
:root{
  --bg:#F7F8FA; --card:#FFFFFF; --fg:#1E1E1E; --muted:#5B6470; --line:#DDE3EA;
  --blue:#1B6EC2; --blue-soft:#E8F1FB; --orange:#E87722; --orange-soft:#FDEFE4;
  --display:'Poppins',system-ui,sans-serif; --body:Georgia,'Times New Roman',serif;
  color-scheme:light;
}

/* Page basics. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.6;margin:0;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img{max-width:100%;height:auto}
p,h1,h2,h3,blockquote{margin:0}
a{color:var(--blue);text-underline-offset:3px;transition:color .15s}
a:hover{color:var(--orange)}
a:focus-visible,summary:focus-visible,.btn:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
h1,h2,h3{font-family:var(--display);color:var(--blue);line-height:1.2;text-wrap:balance}
h1{font-size:clamp(2rem,5.2vw,3.1rem);font-weight:600;letter-spacing:-.01em}
h2{font-size:clamp(1.45rem,3.2vw,1.9rem);font-weight:600}
h3{font-size:1.15rem;font-weight:600;color:var(--fg)}

/* The bar at the top: logo, name and the page links. */
.site-header{background:var(--card);border-bottom:1px solid var(--line)}
.site-header > div{max-width:960px;margin:0 auto;padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)}
.brand img{width:36px;height:36px;border-radius:8px}
.brand span{font-family:var(--display);font-weight:600;font-size:1rem;letter-spacing:.01em}
.brand:hover span{color:var(--orange)}
/* Logo lockup: the name with the locked tagline (LL-115) under it.
   The tagline is one line, sentence case, never italic, never capitals. */
.brand .brand-text{display:flex;flex-direction:column;gap:2px}
.brand .brand-name{font-size:1.3125rem;line-height:1.1}
.brand .brand-tagline{font-family:var(--display);font-weight:400;font-style:normal;font-size:.8125rem;letter-spacing:.01em;text-transform:none;line-height:1.15;color:var(--muted);white-space:nowrap}
/* Lockup sizes follow the Brand Reference Guide v1.0: icon at least 48px on screen, at least 0.75X between icon and wordmark, tagline Regular 400 with tracking 0 to +10. */
.brand{gap:12px}
.brand img{width:48px;height:48px}
.brand:hover .brand-tagline{color:var(--muted)}
.site-nav{display:flex;flex-wrap:wrap;gap:4px 18px}
.site-nav a{font-family:var(--display);font-size:.85rem;font-weight:500;color:var(--muted);text-decoration:none}
.site-nav a:hover{color:var(--orange)}

/* The one centered column, with an even gap between blocks. */
.page{max-width:960px;margin:0 auto;padding:28px 16px 56px;display:grid;gap:44px}
.page > section{min-width:0}

/* The top block of a page, with the 3px orange rule under it. */
.page-head{border-bottom:3px solid var(--orange);padding-bottom:28px;display:grid;gap:16px;justify-items:start}
.page-head .dot{color:var(--orange)}

/* One block of the page. */
.section{display:grid;gap:14px;min-width:0}
.section > .btn{justify-self:start;margin-top:6px}
.section-label{font-family:var(--display);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
.section-title{max-width:30ch}
.lead{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--muted);max-width:60ch}
.intro{color:var(--muted);max-width:66ch}
.muted-note{color:var(--muted);font-size:.92rem}
.muted-note a{color:var(--blue)}
.muted-note a:hover{color:var(--orange)}

/* Cards. */
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 22px;min-width:0;display:grid;gap:10px;align-content:start}
.card p{color:var(--fg)}
.card-key{border-left:5px solid var(--orange)}
.card-key.blue{border-left-color:var(--blue)}
.card-index{font-family:var(--display);font-weight:600;font-size:.85rem;color:var(--orange);letter-spacing:.06em}
.card-label{font-family:var(--display);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}

/* Card grids: 3 or 4 across on a computer, 2 on a tablet, 1 on a phone. */
.grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){.grid,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.grid,.grid-4{grid-template-columns:1fr}}

/* Big bold numbers and the words under them. */
.big{font-family:var(--display);font-weight:600;font-size:clamp(1.9rem,4.5vw,2.4rem);line-height:1.05;color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.big small{font-size:.95rem;font-weight:500;color:var(--muted);letter-spacing:0}
.stat-label{font-family:var(--display);font-size:.8rem;color:var(--muted);font-weight:500}

/* Small rounded status tags. */
.pill{display:inline-block;font-family:var(--display);font-size:.72rem;font-weight:500;letter-spacing:.04em;padding:2px 9px;border-radius:999px;white-space:nowrap;background:var(--blue-soft);color:var(--blue)}
.pill.orange{background:var(--orange-soft);color:var(--orange)}

/* Thin rounded bars. */
.bar{position:relative;height:10px;border-radius:999px;background:var(--line);display:flex;margin-top:4px}
.bar .seg{display:block;height:100%}
.bar .seg:first-child{border-radius:999px 0 0 999px}
.bar .seg:last-child{border-radius:0 999px 999px 0}
.bar .tick{position:absolute;top:-4px;bottom:-4px;width:2px;border-radius:2px;background:var(--orange)}
.bar-scale{position:relative;height:1.2em;font-family:var(--display);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.bar-scale span{position:absolute;top:0;white-space:nowrap}

/* Long detail folded under a heading with a plus sign. */
details.fold{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 20px}
details.fold summary{cursor:pointer;padding:14px 0;font-family:var(--display);font-weight:600;color:var(--blue);list-style:none;display:flex;justify-content:space-between;gap:12px;transition:color .15s}
details.fold summary::-webkit-details-marker{display:none}
details.fold summary::after{content:"+";color:var(--muted);font-weight:500}
details.fold[open] summary::after{content:"\2212"}
details.fold summary:hover,details.fold summary:hover::after{color:var(--orange)}
.fold-body{padding-bottom:14px}
.fold-row{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:2px 22px;padding:10px 0;border-top:1px solid var(--line);font-size:.95rem}
.fold-row b{font-family:var(--display);font-weight:500;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.fold-body > p{font-size:.95rem;padding:0 0 12px}
@media (max-width:600px){.fold-row{grid-template-columns:1fr}}

/* Buttons. */
.btn{display:inline-block;font-family:var(--display);font-weight:600;font-size:1rem;background:var(--blue);color:#FFFFFF;text-decoration:none;padding:13px 24px;border-radius:8px;line-height:1.3;text-align:center;transition:background .15s,transform .15s,box-shadow .15s}
.btn:hover{background:var(--orange);color:#FFFFFF;transform:translateY(-1px);box-shadow:0 6px 16px rgba(232,119,34,.28)}
.btn:active{transform:none;box-shadow:none}

/* Pulled quotes. */
.quote-card{padding:26px 28px}
.quote{font-family:var(--display);font-weight:500;font-size:clamp(1.2rem,2.8vw,1.55rem);line-height:1.35;color:var(--fg);max-width:40ch}
.cite{font-family:var(--display);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}

/* A picture beside text. */
.media{grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:start}
.media img{width:180px;border-radius:10px;display:block}
.media > div{display:grid;gap:12px;min-width:0}
@media (max-width:640px){.media{grid-template-columns:1fr}}
.role-line{font-family:var(--display);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
.contact-line{font-family:var(--display);font-weight:500;overflow-wrap:anywhere}

/* Two columns that stack on a phone. */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;align-items:start}
.split > div:first-child{display:grid;gap:14px}
@media (max-width:760px){.split{grid-template-columns:1fr}}

/* The closing block. */
.closing-card{justify-items:center;text-align:center;padding:36px 24px}
.closing-line{font-family:var(--display);font-weight:500;font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.3;max-width:30ch;color:var(--fg)}
.closing-card .muted-note{max-width:60ch}

/* The bottom of every page. */
.site-footer{background:var(--card);border-top:1px solid var(--line);font-size:.88rem;color:var(--muted)}
.footer-inner{max-width:960px;margin:0 auto;padding:30px 16px 40px;display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between;align-items:flex-start}
.footer-anchor{font-family:var(--display);font-weight:500;color:var(--fg);font-size:.95rem;margin-bottom:8px;max-width:52ch}
.footer-note{margin-bottom:10px}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.footer-links a{font-family:var(--display);font-size:.85rem;color:var(--muted);text-decoration:none}
.footer-links a:hover{color:var(--orange)}
.fine{max-width:62ch;margin:0}

/* Long reading text, for the legal and story pages. */
.prose{max-width:70ch;display:grid;gap:14px}
.prose h2{margin-top:18px}
.prose h3{margin-top:8px}
.prose ul,.prose ol{margin:0;padding-left:1.4em}

/* Money-back guarantee block (home page, read with the same parts as above). */
.guarantee{display:grid;gap:14px}
.layers .bar .seg-a{background:var(--orange-soft);border:1px solid var(--orange)}
.layers .bar .seg-b{background:var(--blue-soft);border:1px solid var(--blue);border-left:0;flex:1}
.layers .seg-a{width:33.333%}
.layers .bar .tick{left:33.333%}
.layers .bar-scale .s-start{left:0}
.layers .bar-scale .s-mid{left:33.333%;transform:translateX(-50%)}
.layers .bar-scale .s-end{right:0}
.layer-names{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;font-family:var(--display);font-size:.85rem;font-weight:500}
.layer-names span:first-child{color:var(--orange)}
.layer-names span:last-child{color:var(--blue);padding-left:8px}
.card .note{color:var(--muted);font-size:.9rem}
@media (max-width:600px){.layer-names{grid-template-columns:1fr}.layer-names span:last-child{padding-left:0}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Version B. The page reads like a calm letter: one narrow reading column,
   prose for the words, and cards only for counts and conditions. */
.page{max-width:780px;gap:60px;padding-top:36px}
.site-header > div,.footer-inner{max-width:780px}
.page-head{gap:18px}
.for-line{font-family:var(--display);font-weight:500;font-size:1.08rem;line-height:1.45;color:var(--fg);max-width:52ch}
.lead,.intro{max-width:62ch}
.letter{gap:18px}
.letter > p,.letter p.body,.letter > .muted-note,.media.plain p{max-width:62ch}
.letter h3{margin-top:10px;color:var(--blue)}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.hero-guarantee{font-size:.98rem;color:var(--fg);max-width:42ch;line-height:1.5}
.plain-list{margin:0;padding-left:1.2em;display:grid;gap:10px;max-width:62ch}
.plain-list li::marker{color:var(--orange)}
.get-list b{font-family:var(--display);font-weight:600;color:var(--fg)}
.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.card p{max-width:64ch}
.pull{border-left:3px solid var(--orange);padding:4px 0 4px 22px;display:grid;gap:12px}
.proof-line{font-family:var(--display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.4rem);line-height:1.35;color:var(--fg);max-width:36ch}
.pull .quote{font-size:clamp(1.12rem,2.4vw,1.32rem);max-width:44ch}
.fold-body > p{max-width:62ch}
.fold-body > p + p{padding-top:0}
.section.pull > .btn{justify-self:start}
.media.plain{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px;align-items:start}
.media.plain img{width:150px;border-radius:10px;display:block}
.media.plain > div{display:grid;gap:12px;min-width:0}
@media (max-width:640px){.media.plain{grid-template-columns:1fr}.media.plain img{width:140px}}
.aside-note{border-top:1px solid var(--line);padding-top:22px;display:grid;gap:10px}
.aside-note p{max-width:62ch}
.week-note{border-left:3px solid var(--orange);padding:2px 0 2px 20px;display:grid;gap:10px}
.week-note p{max-width:62ch}
#week .split{grid-template-columns:1fr;gap:18px}
.closing-card{display:grid;gap:16px;justify-items:center;text-align:center;padding:24px 0 0;border-top:1px solid var(--line)}
@media (max-width:600px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-4 .card{padding:14px 14px}.hero-guarantee{max-width:none}}

/* Header row. On a wide screen the bar is wider than the reading column, so the
   logo sits left and the six links sit on the same row, pushed right. Below
   1000px they cannot fit beside the logo and drop to their own row, left aligned. */
@media (min-width:1000px){
  .site-header > div{max-width:1120px;flex-wrap:nowrap;padding-left:24px;padding-right:24px}
  .site-nav{flex-wrap:nowrap;margin-left:auto;gap:4px 22px;align-items:center}
}
/* Phone and tablet menu, with no script. A hidden checkbox holds the open or
   closed state and its label is the Menu button. Below 1000px the six links stay
   hidden until the button is pressed, then show as a stacked list under the
   header row. At 1000px and wider the button is hidden and the links sit on the
   logo's row as before. */
.nav-toggle{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}
.nav-button{display:none;align-items:center;gap:8px;margin-left:auto;min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-family:var(--display);font-weight:600;font-size:.9rem;line-height:1;color:var(--blue);cursor:pointer;user-select:none;-webkit-user-select:none;transition:color .15s,border-color .15s}
.nav-button:hover{color:var(--orange);border-color:var(--orange)}
.nav-toggle:focus-visible + .nav-button{outline:2px solid var(--orange);outline-offset:3px;color:var(--orange);border-color:var(--orange)}
.nav-bars{position:relative;display:block;width:18px;height:2px;margin:6px 0;border-radius:2px;background:currentColor}
.nav-bars::before,.nav-bars::after{content:"";position:absolute;left:0;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .15s,top .15s}
.nav-bars::before{top:-6px}
.nav-bars::after{top:6px}
.nav-toggle:checked + .nav-button .nav-bars{background:transparent}
.nav-toggle:checked + .nav-button .nav-bars::before{top:0;transform:rotate(45deg)}
.nav-toggle:checked + .nav-button .nav-bars::after{top:0;transform:rotate(-45deg)}
@media (max-width:999px){
  .site-header > div{flex-wrap:wrap;row-gap:0;column-gap:10px}
  .nav-button{display:inline-flex}
  .site-nav{display:none;flex-basis:100%;flex-direction:column;flex-wrap:nowrap;gap:0;margin-top:12px;border-top:1px solid var(--line)}
  .nav-toggle:checked ~ .site-nav{display:flex}
  .site-nav a{display:flex;align-items:center;min-height:44px;padding:4px 2px;border-bottom:1px solid var(--line);font-size:.95rem}
  .site-nav a:last-child{border-bottom:0}
}
/* Phones: the button stacks its bars over the word so the logo keeps its full size
   and the logo and button share one row. */
@media (max-width:429px){
  .nav-button{flex-direction:column;justify-content:center;gap:4px;padding:6px 6px;min-width:44px;font-size:.7rem}
}
/* The narrowest phones (about 320px): a little less side padding and gap, never smaller logo text.
   11px between icon and name still meets the guide's 0.75X minimum. */
@media (max-width:360px){
  .site-header > div{padding-left:10px;padding-right:10px;column-gap:4px}
  .brand{gap:11px}
  .nav-button{padding:6px 4px;min-width:44px}
}

/* Two actions: the $97 join leads, the 10 AM call is the second choice (founder ruling October 9, 2026). */
.cta-stack{display:grid;gap:12px;justify-items:start}
.closing-card .cta-stack{justify-items:center}
.btn-second{background:transparent;color:var(--blue);border:2px solid var(--blue);padding:11px 22px}
.btn-second:hover{background:var(--orange);border-color:var(--orange);color:#FFFFFF}
/* The See it work quote reads at the page's own weight; the orange side line marks it. */
.pull .quote{font-family:var(--body);font-weight:400;font-size:1.12rem;line-height:1.6;max-width:62ch}

/* Top section (founder ruling October 9, 2026): what you get, in dark body text. */
.get-line{font-size:1.15rem;line-height:1.55;color:var(--fg);max-width:46ch}
/* The three-beat brand line (LL-001) now closes the page. */
.closing-anchor{font-family:var(--display);font-weight:600;font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.3;color:var(--blue);max-width:30ch}
.closing-anchor .dot{color:var(--orange)}

/* Headline beats never break mid-beat (founder headline, October 9, 2026). */
h1 .beat{display:block}

/* The line under the headline and the every morning line share one width, so their edges align. */
.page-head .for-line,.page-head .get-line,.page-head .hero-guarantee{max-width:34rem}

/* The problem in three blocks that mirror the headline (founder, October 9, 2026).
   Stacked in the reading column so each problem reads on one line on a laptop. */
.grow-grid{display:grid;gap:26px;margin-top:6px;max-width:48rem}
.grow-col{display:grid;gap:10px;align-content:start}
.grow-head{font-family:var(--display);font-weight:600;color:var(--blue);font-size:clamp(1.3rem,2.2vw,1.45rem);line-height:1.2;letter-spacing:-.01em}
.grow-head .dot{color:var(--orange)}
.grow-col .plain-list{max-width:none;gap:6px}

/* Orange on tap, click and keyboard focus, like the member pages (Mary Kay Garrett's read, October 9, 2026). */
.btn:active,.btn:focus-visible,.btn-second:active,.btn-second:focus-visible{background:var(--orange);border-color:var(--orange);color:#FFFFFF}

/* A visible placeholder that must be written before deploy (OI tracked). */
li.placeholder{color:#B3261E}
li.placeholder b{color:#B3261E}

/* Every period on a heading is orange (founder rule, October 9, 2026). */
.dot{color:var(--orange)}

/* Support block, design carried from the member Membership Map "Your support" section (October 9, 2026). Scoped so it touches nothing else. */
.support-map{display:grid;gap:12px;margin-top:10px;max-width:48rem}
.support-map h4{font-family:var(--display);margin:0;line-height:1.2}
.support-map .hero{background:var(--blue-soft);border-radius:10px;padding:16px;display:grid;gap:10px;min-width:0}
.support-map .hero-head{display:flex;align-items:center;gap:12px;min-width:0}
.support-map .hero-head h4{font-size:1rem;font-weight:600;color:var(--fg)}
.support-map .pills{display:flex;flex-wrap:wrap;gap:8px}
.support-map .pill{display:inline-block;font-family:var(--display);font-size:.72rem;font-weight:500;letter-spacing:.04em;padding:2px 9px;border-radius:999px;white-space:nowrap}
.support-map .pill.u{background:var(--card);color:var(--blue)}
.support-map p{margin:0}
.support-map p.benefit{font-family:var(--display);font-size:.95rem;font-weight:400;color:var(--muted);line-height:1.35}
.support-map .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.support-map .tile{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;gap:12px;align-items:flex-start;min-width:0;height:100%}
.support-map .tile.wide{grid-column:1/-1}
.support-map .tile .t{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.support-map .tile .t p{overflow-wrap:anywhere}
.support-map .tile h4{font-size:1.2rem;font-weight:700;color:var(--blue);margin:0 0 2px}
.support-map .tile p.q{font-family:var(--display);font-weight:500;font-size:.95rem;line-height:1.35;color:var(--fg)}
.support-map .tile p.when{font-family:var(--display);font-size:.85rem;line-height:1.4;color:var(--muted)}
.support-map .date{flex:none;width:44px;height:44px;margin-top:-6px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center}
.support-map .hero .date{background:var(--card)}
@media (max-width:860px){.support-map .tiles{grid-template-columns:1fr}}

/* Section icons, same line style as the support block (October 9, 2026). Drawn in the page; no icon library. */
.grow-head,.ico-head{display:flex;align-items:center;gap:12px}
.ico{flex:none;width:44px;height:44px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:inline-flex;align-items:center;justify-content:center}
.btn .btn-ico{flex:none;margin-right:8px;vertical-align:-3px}
.btn-second{display:inline-flex;align-items:center;justify-content:center}

/* Proof numbers, two cards (October 9, 2026). */
.proof-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:48rem}

/* Laptop matches phone: in the top, the problem and what you get, every block runs the full column width so the right edges line up (October 9, 2026). */
.page-head .for-line,.page-head .get-line,.page-head .hero-guarantee,.page-head .cta-stack{max-width:none}
#problem .section-title,#get .section-title,#get .lead{max-width:none}
#problem .grow-grid,#get .grow-grid,#get .support-map{max-width:none}

/* Laptop matches phone, whole page (founder ruling October 9, 2026): text blocks run the full column width on every section. */
.page .section-title,.page .lead,.page .intro,.page .proof-line,.page .letter > p,.page .letter p.body,.page .letter > .muted-note,
.page .plain-list,.page .pull .quote,.page .card p,.page .fold-body > p,.page .aside-note p,.page .week-note p,.page .prose,
.page .closing-line,.page .closing-anchor,.page .closing-card .muted-note,.page .media.plain p,.page .proof-stats,.page .muted-note{max-width:none}

/* Outside proof tiles (Oct 9) */
.outside-proof{margin:6px 0 18px}
.op-tile{display:grid;gap:10px;align-content:start;min-width:0}
.op-tile p{margin:0}

/* Outside proof videos (Oct 9) */
.outside-proof{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:600px){.outside-proof{grid-template-columns:1fr}}
.op-video{position:relative;display:block;border-radius:8px;overflow:hidden;aspect-ratio:16/9;background:var(--blue-soft);color:#fff;text-decoration:none}
.op-video img{display:block;width:100%;height:100%;object-fit:cover}
.op-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--orange,#E87722);display:flex;align-items:center;justify-content:center;padding-left:4px;box-sizing:border-box}
.op-vlabel{position:absolute;left:10px;bottom:10px;font-family:var(--display);font-size:.75rem;font-weight:500;background:rgba(0,0,0,.6);color:#fff;padding:3px 9px;border-radius:999px}
.op-video-plain .op-vlabel{background:var(--blue,#1B6EC2)}
.op-video:hover .op-play,.op-video:focus-visible .op-play{filter:brightness(1.08)}
.op-quote{font-style:italic;color:var(--muted)}

/* AZ Tech Week logo card and membership recap (Oct 9) */
.op-video-logo{background:#000}
.op-video-logo img{object-fit:contain;padding:0 8% 14%;box-sizing:border-box}
.op-video-logo .op-play,.op-corner .op-play{left:auto;right:12px;top:auto;bottom:10px;transform:none;width:44px;height:44px}
.recap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 18px}
.recap-item{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:600;font-size:1rem;color:var(--fg);min-width:0}
@media (max-width:600px){.recap{grid-template-columns:1fr;gap:8px}}

/* Founder quote card (Oct 9) */
.founder-quote{margin:8px 0 0;background:var(--blue-soft);border-left:4px solid var(--orange);border-radius:10px;padding:26px 28px;display:grid;gap:16px}
.founder-quote blockquote{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(1.15rem,2.4vw,1.4rem);line-height:1.45;color:var(--fg)}
.founder-quote figcaption{justify-self:end;text-align:right;display:grid;gap:2px}
.fq-name{font-family:var(--display);font-weight:600;font-size:1rem;color:var(--blue)}
.fq-title{font-family:var(--display);font-size:.8rem;color:var(--muted)}
@media (max-width:600px){.founder-quote{padding:20px 20px}}

/* Proof stat boxes (Oct 9) */
.stat-hi{background:var(--blue-soft);border:0;border-top:4px solid var(--orange);border-radius:12px;padding:22px 24px;display:grid;gap:6px;justify-items:start}
.stat-hi .ico{background:var(--card);margin-bottom:4px}
.stat-hi .big{color:var(--blue);font-size:clamp(2.2rem,5vw,3rem);line-height:1.05}
.stat-hi .stat-label{font-family:var(--display);font-weight:500;font-size:.92rem;color:var(--fg)}

/* Proof stat labels (Oct 9) */
.stat-hi .nw{white-space:nowrap}
@media (max-width:600px){.proof-stats{grid-template-columns:1fr}}

/* Ledger link button (Oct 9) */
.ledger-cta{display:grid;gap:8px;justify-items:start;margin:4px 0 6px}
.btn-ledger{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:1rem;color:var(--blue);background:var(--card);border:2px solid var(--blue);border-radius:8px;padding:12px 20px;text-decoration:none;line-height:1.3;transition:background .15s,color .15s,border-color .15s}
.btn-ledger svg{flex:none}
.btn-ledger:hover,.btn-ledger:focus-visible,.btn-ledger:active{background:var(--orange);border-color:var(--orange);color:#fff}
@media (max-width:600px){.btn-ledger{width:100%;justify-content:space-between;box-sizing:border-box}}

/* Proof stat boxes, bold (Oct 9) */
.proof-stats{gap:16px}
.stat-hi{background:linear-gradient(135deg,#1B6EC2 0%,#0F4A8A 100%);border:0;border-top:5px solid var(--orange);border-radius:14px;padding:24px 26px;box-shadow:0 10px 24px rgba(15,74,138,.22)}
.stat-hi .big{color:#fff;font-size:clamp(2.4rem,5.5vw,3.3rem);letter-spacing:-.01em}
.stat-hi .stat-label{color:#fff;font-weight:600;font-size:1rem}
.stat-hi .stat-def{margin:4px 0 0;font-family:var(--display);font-size:.85rem;line-height:1.45;color:rgba(255,255,255,.82)}

/* Video tile headlines and Harry quote card (Oct 9) */
.op-head{margin:0;font-family:var(--display);font-weight:700;font-size:1.3rem;line-height:1.2;color:var(--blue)}
.op-quote-card{margin:2px 0 0;background:var(--orange-soft);border-left:4px solid var(--orange);border-radius:8px;padding:14px 16px;display:grid;gap:8px}
.op-quote-card blockquote{margin:0;font-family:var(--display);font-weight:500;font-size:1rem;line-height:1.45;color:var(--fg)}
.op-quote-card figcaption{justify-self:end;font-family:var(--display);font-size:.8rem;font-weight:600;color:var(--orange)}

/* AZ Tech Week talk list (Oct 9) */
.talks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.talks li{border-left:3px solid var(--orange);padding:4px 0 4px 12px;display:grid;gap:2px}
.talks b{font-family:var(--display);font-weight:600;font-size:.95rem;line-height:1.35;color:var(--fg)}
.talks span{font-family:var(--display);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);font-weight:600}

/* Revenue and Mesa tile heads (Oct 9) */
.op-head.ico-head{display:flex;align-items:center;gap:12px}
.op-photo{position:relative;margin:0;border-radius:8px;overflow:hidden;aspect-ratio:16/9}
.op-photo img{display:block;width:100%;height:100%;object-fit:cover}
.op-photo figcaption{position:absolute;left:10px;bottom:10px;font-family:var(--display);font-size:.75rem;font-weight:500;background:rgba(0,0,0,.6);color:#fff;padding:3px 9px;border-radius:999px}

/* Revenue panel (Oct 9) */
.op-panel{aspect-ratio:16/9;border-radius:8px;background:linear-gradient(135deg,#1B6EC2 0%,#0F4A8A 100%);border-top:5px solid var(--orange);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;padding:16px}
.op-panel-num{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.1}
.op-panel-num span{color:var(--orange)}
.op-panel-lab{font-family:var(--display);font-weight:600;font-size:.9rem;color:rgba(255,255,255,.85)}

/* Closing call note (Oct 9) */
.call-note{margin:4px 0 0;font-family:var(--display);font-size:.92rem;font-weight:500;color:var(--fg)}

/* Guarantee section head (Oct 9) */
.gtee-head{display:flex;align-items:center;gap:14px}
.gtee-head .ico{width:48px;height:48px}

/* Guarantee 30-day lead (Oct 9) */
.gtee-big{font-family:var(--display);font-weight:600;font-size:clamp(1.15rem,2.4vw,1.4rem);line-height:1.4;color:var(--fg);margin:0 0 8px}

/* 90-day drop-down visuals (Oct 10) */
.g-fold{display:grid;gap:14px}
.g-sub{margin:6px 0 0;font-family:var(--display);font-weight:600;font-size:1rem;color:var(--blue)}
.g-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.g-tile{background:var(--card);border:1px solid var(--line,#E3E7EE);border-radius:10px;padding:14px;display:grid;gap:4px;align-content:start}
.g-tile .ico{width:36px;height:36px}
.g-big{font-family:var(--display);font-weight:700;font-size:1.5rem;color:var(--blue);line-height:1.1}
.g-lab{font-family:var(--display);font-weight:600;font-size:.92rem}
.g-tile p{margin:0;font-size:.88rem;color:var(--muted)}
.g-pay{background:linear-gradient(135deg,#1B6EC2 0%,#0F4A8A 100%);color:#fff;border-top:4px solid var(--orange);border-radius:10px;padding:14px 16px;font-family:var(--display);font-weight:600;font-size:1.05rem}
.pd-mini{background:var(--blue-soft);border-radius:12px;padding:16px;display:grid;gap:10px}
.pd-head{font-family:var(--display);font-weight:600;font-size:.95rem}
.pd-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}
.pd-top{display:flex;justify-content:space-between;font-family:var(--display);font-size:.85rem;grid-column:1/2}
.pd-val{font-weight:600;color:var(--blue)}
.pd-bar{grid-column:1/2;height:8px;border-radius:999px;background:#fff;overflow:hidden}
.pd-bar span{display:block;height:100%;background:var(--blue);border-radius:999px}
.pd-pill{grid-column:2/3;grid-row:1/3;font-family:var(--display);font-size:.72rem;font-weight:600;color:#1E7A46;background:#E3F4EA;padding:3px 9px;border-radius:999px;white-space:nowrap}
.pd-cap{font-size:.78rem;color:var(--muted);font-style:italic}
.g-protect{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.g-protect li{position:relative;padding-left:26px}
.g-protect li::before{content:'\2713';position:absolute;left:0;top:0;color:var(--orange);font-weight:700}
.g-fine{font-size:.8rem;color:var(--muted)}
@media (max-width:600px){.g-tiles{grid-template-columns:1fr}}

/* stat-hi-alt: every other proof box orange (Oct 10 2026) */
.proof-stats .stat-hi:nth-child(2),.proof-stats .stat-hi:nth-child(3){background:linear-gradient(135deg,#E87722 0%,#B5560F 100%);border-top-color:#1B6EC2;box-shadow:0 10px 24px rgba(181,86,15,.25)}
@media (max-width:600px){
.proof-stats .stat-hi:nth-child(3){background:linear-gradient(135deg,#1B6EC2 0%,#0F4A8A 100%);border-top-color:var(--orange);box-shadow:0 10px 24px rgba(15,74,138,.22)}
.proof-stats .stat-hi:nth-child(4){background:linear-gradient(135deg,#E87722 0%,#B5560F 100%);border-top-color:#1B6EC2;box-shadow:0 10px 24px rgba(181,86,15,.25)}}

/* pd-alt: every other dashboard bar orange (Oct 10 2026) */
.pd-mini .pd-row:nth-child(odd) .pd-bar span{background:var(--orange)}
.pd-mini .pd-row:nth-child(odd) .pd-val{color:#B5560F}

/* gtee-why: the reason behind each layer (Oct 10 2026) */
.gtee-why{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 4px}
.gtee-why>div{background:var(--blue-soft);border-left:4px solid var(--orange);border-radius:10px;padding:14px 16px}
.gtee-why>div:nth-child(2){border-left-color:var(--blue)}
.gtee-why h4{margin:0 0 6px;font-family:var(--display);font-weight:600;font-size:1rem;color:var(--fg)}
.gtee-why p{margin:0;font-size:.95rem;line-height:1.5}
.gtee-earn{margin:14px 0 0;font-family:var(--display);font-weight:600;font-size:1.05rem;color:var(--blue)}
@media (max-width:600px){.gtee-why{grid-template-columns:1fr}}

/* traditional footer (Oct 10 2026) */
.ft{background:#0B2545;color:#C9D3E0;border-top:0;font-size:.9rem}
.ft a{color:#E6ECF4;text-decoration:none}
.ft a:hover,.ft a:focus{color:var(--orange)}
.ft-top{max-width:1040px;margin:0 auto;padding:48px 16px 32px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:32px}
.ft-logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:1.05rem;color:#fff!important}
.ft-logo img{width:36px;height:36px}
.ft-tag{margin:14px 0 0;font-family:var(--display);font-size:.9rem;line-height:1.5;color:#C9D3E0;max-width:32ch}
.ft-col{display:flex;flex-direction:column;gap:9px}
.ft-col h4{margin:0 0 4px;font-family:var(--display);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.ft-col a{font-family:var(--display);font-size:.88rem;overflow-wrap:anywhere}
.ft-small{margin:6px 0 0;font-size:.82rem;line-height:1.45;color:#9FB0C6}
.ft-bottom{max-width:1040px;margin:0 auto;padding:18px 16px 28px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;gap:6px 32px;justify-content:space-between}
.ft-bottom p{margin:0;font-size:.8rem;color:#9FB0C6;max-width:60ch}
@media (max-width:860px){.ft-top{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}}
@media (max-width:420px){.ft-top{grid-template-columns:1fr}}
/* section separators (Oct 10 2026) */
main > section + section{border-top:1px solid #D3DCE7;padding-top:28px}

/* world class pass (Oct 10 2026) */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.btn-head{padding:9px 16px;font-size:.88rem;white-space:nowrap}
@media (max-width:999px){.btn-head{order:2;margin-left:auto}.nav-button{order:3}.site-nav{order:4}}
@media (max-width:429px){.btn-head{padding:8px 12px;font-size:.8rem}}
.hero-split{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;max-width:1120px;margin:0 auto}
.hero-split .page-head h1{font-size:clamp(2.4rem,5.2vw,3.6rem);letter-spacing:-.015em;line-height:1.06}
.hero-visual{margin:0;display:grid;gap:8px}
.hero-visual img{width:100%;height:auto;display:block}
.hero-visual figcaption{font-family:var(--display);font-size:.8rem;color:var(--muted);text-align:center}
@media (max-width:999px){.hero-split{grid-template-columns:1fr;gap:24px}}
.trust-strip{max-width:1120px;margin:8px auto 28px;padding:14px 16px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 28px;font-family:var(--display);font-size:.88rem;font-weight:500;color:#5B6B80;border-top:1px solid #E3E9F1;border-bottom:1px solid #E3E9F1}
.trust-strip .trust-lab{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#8A99AD;font-weight:600}
#proof{position:relative;background:#0B2545;box-shadow:0 0 0 100vmax #0B2545;clip-path:inset(0 -100vmax);border-top:0!important;padding-top:56px;padding-bottom:40px;margin-top:0}
#proof .section-label{color:#9FB0C6}
#proof .section-title,#proof > .section > h3{color:#fff}
#proof .muted-note{color:#9FB0C6}
#proof .btn-ledger{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
#proof .btn-ledger:hover,#proof .btn-ledger:focus{background:var(--orange);border-color:var(--orange);color:#fff}
#proof .stat-hi{box-shadow:0 14px 30px rgba(0,0,0,.35)}
#proof + section{border-top:0}
.card,.op-tile,.stat-hi{transition:transform .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,40,80,.12)}
#proof .stat-hi:hover{transform:translateY(-3px)}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}

/* world class pass fixes */
.bh-short{display:none}
.hero-split{width:min(1120px,calc(100vw - 32px));max-width:none;margin-left:calc(50% - min(560px, 50vw - 16px));margin-right:0}
.hero-split .page-head h1{font-size:clamp(2.1rem,3.9vw,3.25rem)}
.hero-split .page-head h1 .beat{white-space:nowrap;display:block}
.hero-split .hero-visual{transform:translateY(-6px)}
@media (max-width:999px){.hero-split{width:auto;margin-left:0}.hero-split .page-head h1 .beat{white-space:normal;display:inline}}
@media (max-width:600px){.brand .brand-tagline{display:none}.bh-long{display:none}.bh-short{display:inline}.btn-head{padding:8px 16px}}
/* world class pass fixes 2 */
.page-head{border-bottom:1px solid #D3DCE7}
.hero-split .page-head{border-bottom:0;padding-bottom:0}
.trust-strip{width:min(1120px,calc(100vw - 32px));max-width:none;margin-left:calc(50% - min(560px, 50vw - 16px));box-sizing:border-box}
@media (max-width:999px){.trust-strip{width:auto;margin-left:0}}
@media (max-width:600px){.site-header > div{flex-wrap:wrap}.brand .brand-name{font-size:1.05rem}.brand img{width:32px;height:32px}.btn-head{margin-left:auto}.nav-button{margin-left:6px}.trust-strip{gap:6px 18px;font-size:.82rem}}

/* trust strip logos (Oct 11 2026) */
.trust-strip{gap:14px 44px}
.trust-strip .tl{width:auto;display:block;filter:grayscale(1);opacity:.62;transition:filter .2s ease,opacity .2s ease}
.trust-strip .tl:hover{filter:none;opacity:1}
.trust-strip .tl-inc{height:30px}
.trust-strip .trust-lab{flex-basis:100%;text-align:center}
@media (max-width:600px){.trust-strip{gap:12px 26px}.trust-strip .tl{height:28px!important}.trust-strip .tl-inc{height:20px!important}}
.trust-strip .tl-aztw{height:24px}
@media (max-width:600px){.trust-strip .tl-aztw{height:18px!important}}
/* optical balance */
.trust-strip .tl-mesa{height:34px}.trust-strip .tl-ss{height:27px}.trust-strip .tl-aztw{height:23px}
@media (max-width:600px){.trust-strip .tl-mesa{height:28px!important}.trust-strip .tl-ss{height:22px!important}.trust-strip .tl-aztw{height:18px!important}.trust-strip .tl-inc{height:24px!important}}
/* optical balance, final */
.trust-strip .tl-inc{height:26px}.trust-strip .tl-aztw{height:25px}.trust-strip .tl-mesa{height:42px}.trust-strip .tl-ss{height:36px}
@media (max-width:600px){.trust-strip .tl-inc{height:21px!important}.trust-strip .tl-aztw{height:20px!important}.trust-strip .tl-mesa{height:34px!important}.trust-strip .tl-ss{height:29px!important}}

/* who track record groups (Oct 11 2026) */
.tr-groups{display:grid;gap:14px;margin:6px 0 10px}
.tr-group{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:10px;padding:14px 18px}
.tr-group h4{margin:0 0 8px;font-family:var(--display);font-size:.95rem;font-weight:600;color:var(--blue)}
.tr-group ul{margin:0;padding-left:20px;display:grid;gap:6px}
.tr-group li{line-height:1.55}
.tr-group li::marker{color:var(--orange)}

/* who design upgrades (Oct 11 2026) */
.who-media{grid-template-columns:240px minmax(0,1fr);gap:36px}
.who-media .who-photo{width:240px;border-radius:16px;box-shadow:0 14px 30px rgba(15,40,80,.16);position:sticky;top:96px}
.cred-pills{list-style:none;margin:2px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cred-pills li{font-family:var(--display);font-size:.8rem;font-weight:500;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:5px 12px}
.tr-group{transition:transform .2s ease,box-shadow .2s ease}
.tr-group:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,40,80,.12)}
.tr-group h4.ico-head{gap:10px;margin-bottom:10px}
.tr-group h4 .ico{width:36px;height:36px}
@media (max-width:760px){.who-media{grid-template-columns:1fr;gap:18px}.who-media .who-photo{position:static;width:180px;margin:0 auto}}
/* who design specificity fix */
.media.plain.who-media{grid-template-columns:240px minmax(0,1fr);gap:36px}
.media.plain.who-media img.who-photo{width:240px;border-radius:16px;box-shadow:0 14px 30px rgba(15,40,80,.16);position:sticky;top:96px}
@media (max-width:760px){.media.plain.who-media{grid-template-columns:1fr;gap:18px}.media.plain.who-media img.who-photo{position:static;width:180px;margin:0 auto}}

/* who profile header, October 11 2026 */
.media.plain.who-media img.who-photo{position:static}
.who-below{display:grid;gap:18px;margin-top:28px}
.who-below .tr-groups{margin:0}
.price-note{margin:-6px 0 14px;font-size:.95rem;color:var(--muted,#5a6575)}

.cred-pills li a{color:inherit;text-decoration:none}.cred-pills li a:hover{text-decoration:underline}

.trust-strip .tl-adweek{height:24px}.trust-strip .tl-dsn{height:40px}
@media (max-width:600px){.trust-strip .tl-adweek{height:19px!important}.trust-strip .tl-dsn{height:32px!important}}

.trust-strip .tl-eofire{height:38px}
@media (max-width:600px){.trust-strip .tl-eofire{height:30px!important}}
@media (min-width:1000px){.trust-strip{gap:14px 36px}}

.op-frame{background:#000}.op-frame iframe{display:block;width:100%;height:100%;border:0}
#doc-modal{width:min(1100px,calc(100vw - 24px));height:min(86vh,900px);padding:0;border:0;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden}
#doc-modal::backdrop{background:rgba(15,25,40,.55)}
#doc-modal[open]{display:flex;flex-direction:column}
#doc-modal .doc-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0F1B2D;color:#fff;font-family:var(--display);font-weight:600;font-size:.9rem}
#doc-modal .doc-close{background:none;border:0;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;padding:0 4px}
#doc-modal iframe{flex:1;width:100%;border:0;background:#fff}

/* Sticky header: an anchor jump lands at the top of its section, not under the bar. */
main > section, section[id]{scroll-margin-top:92px}
@media (max-width:600px){main > section, section[id]{scroll-margin-top:72px}}

#video-modal{width:min(1100px,calc(100vw - 24px));padding:0;border:0;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.45);overflow:hidden;background:#000}
#video-modal::backdrop{background:rgba(5,12,24,.78)}
#video-modal .doc-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0F1B2D;color:#fff;font-family:var(--display);font-weight:600;font-size:.9rem}
#video-modal .doc-close{background:none;border:0;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;padding:0 4px}
#video-modal .video-wrap{aspect-ratio:16/9;width:100%;background:#000}
#video-modal .video-wrap iframe{display:block;width:100%;height:100%;border:0}
/* Who is behind it: the photo sits centered beside the text block on laptops. */
.media.plain.who-media{align-items:center}