/* OD-LAYOUT-PRIMITIVES v1 : structure only: display, flex/grid, overflow, wrapping, ratio.
       Put this @layer first; product CSS outside the layer always wins. */
    @layer od-layout {
      :where(.od-stack,.od-row,.od-row-top,.od-cluster,.od-grid,.od-field,.od-stat,.od-cell,.od-tile)>:where(*){min-width:0}
      .od-stack{display:flex;flex-direction:column;gap:var(--od-gap,8px)}.od-row{display:flex;align-items:center;gap:var(--od-gap,8px)}
      .od-row-top{display:flex;align-items:flex-start;gap:var(--od-gap,8px)}.od-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--od-gap,8px)}
      .od-fill{flex:1 1 0;min-width:0}.od-fixed{flex:none}.od-grid{display:grid;gap:var(--od-gap,12px);grid-template-columns:repeat(var(--od-cols,3),minmax(0,1fr))}
      .od-stat,.od-field,.od-cell{display:grid;gap:var(--od-gap,2px)}:where(.od-stat,.od-field,.od-cell)>:where(*){display:block}
      .od-tile{display:grid;grid-template-rows:auto 1fr}:where(.od-tile)>:where(*){display:block}
      .od-media{display:block;width:100%;height:auto;aspect-ratio:var(--od-ratio,auto)}.od-media-cover{object-fit:cover}
      .od-truncate{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
      .od-clamp-2,.od-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.od-clamp-2{-webkit-line-clamp:2}.od-clamp-3{-webkit-line-clamp:3}
      .od-lines-2{min-height:calc(2 * 1.4em)}.od-nowrap{white-space:nowrap}.od-keep{word-break:keep-all;overflow-wrap:anywhere}
      .od-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}.od-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0}
      .od-rail{display:flex;gap:var(--od-gap,8px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-inline:var(--od-rail-pad,16px);scroll-padding-inline:var(--od-rail-pad,16px)}
      .od-rail::-webkit-scrollbar{display:none}:where(.od-rail)>:where(*){flex:none;scroll-snap-align:start}:where(.od-rail)>:where(:last-child){margin-inline-end:var(--od-rail-pad,16px)}
      .od-spacer{flex:none;visibility:hidden;pointer-events:none}.od-touch{min-width:44px;min-height:44px}
    }
    /* /OD-LAYOUT-PRIMITIVES v1 */
    @font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 800;font-display:swap;src:url("/marketing-files/hanken-grotesk-latin-400-800.woff2") format("woff2")}
    @font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url("/marketing-files/dm-serif-display-latin-400.woff2") format("woff2")}
    :root{
      --paper:oklch(97.6% .008 158);--surface:#fff;--surface-soft:oklch(95.4% .013 158);
      --ink:oklch(23% .013 250);--ink-soft:oklch(35% .015 250);--muted:oklch(49% .019 250);
      --rule:oklch(88% .015 158);--rule-strong:oklch(77% .025 158);--primary:oklch(43% .095 158);
      --primary-hover:oklch(35% .09 158);--mint:oklch(72% .15 162);--mint-pale:oklch(94% .035 162);
      --forest:oklch(21% .018 250);--deep:oklch(28% .052 160);--deep-2:oklch(21% .045 162);
      --on-dark:oklch(97% .008 158);--on-dark-muted:oklch(84% .026 158);
      --body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
      --display:"DM Serif Display",Georgia,"Times New Roman",serif;
      --radius-sm:.5rem;--radius:.875rem;--radius-lg:1.5rem;
      --shadow-soft:0 .5rem 1.75rem oklch(23% .02 158/.07),0 1.5rem 4rem oklch(23% .02 158/.06);
      --shadow-device:0 .6rem 1.75rem oklch(23% .03 158/.10);
      --shadow-dark:0 .8rem 2rem oklch(8% .03 162/.22);
      --ease:cubic-bezier(.16,1,.3,1);--container:78rem;--gutter:clamp(1.25rem,4vw,3rem)
    }
    *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem;overflow-x:clip;-webkit-text-size-adjust:100%}
    body{min-width:0;margin:0;overflow-x:clip;color:var(--ink);background:var(--paper);font:1.0625rem/1.65 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
    img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}h1,h2,h3,p,figure,figcaption,dl{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
    ::selection{color:var(--on-dark);background:var(--primary)}:focus-visible{outline:3px solid var(--primary);outline-offset:4px;border-radius:4px}
    .wrap{width:min(calc(100% - 2 * var(--gutter)),var(--container));margin-inline:auto}.serif{font-family:var(--display);font-weight:400}
    .eyebrow{color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
    .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
    .skip-link{position:fixed;z-index:50;top:.75rem;left:.75rem;padding:.7rem 1rem;color:var(--on-dark);background:var(--deep-2);transform:translateY(-180%);transition:transform .2s var(--ease)}.skip-link:focus{transform:translateY(0)}
    .site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid color-mix(in oklab,var(--rule) 80%,transparent);background:color-mix(in oklab,var(--paper) 88%,transparent);backdrop-filter:blur(18px) saturate(1.2)}
    .nav{min-height:4.75rem;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;font-size:1.28rem;font-weight:800;letter-spacing:-.04em}.brand svg{width:2rem;height:1.25rem}.brand i{color:var(--primary);font-family:var(--display);font-weight:400}
    .nav__links{--od-gap:1.5rem}.nav__links a{min-height:44px;display:inline-flex;align-items:center;color:var(--ink-soft);font-size:.92rem;font-weight:700;transition:color .2s var(--ease)}.nav__links a:hover{color:var(--primary)}
    .nav__menu{display:none;position:relative}.nav__menu summary{display:inline-flex;min-height:44px;align-items:center;padding:.6rem .75rem;color:var(--ink-soft);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);font-size:.82rem;font-weight:800;cursor:pointer;list-style:none}.nav__menu summary::-webkit-details-marker{display:none}.nav__menu summary::after{margin-left:.45rem;content:"↓";color:var(--primary);transition:transform .2s var(--ease)}.nav__menu[open] summary::after{transform:rotate(180deg)}.nav__menu-panel{position:absolute;top:calc(100% + .5rem);right:0;display:grid;min-width:13rem;gap:.15rem;padding:.45rem;border:1px solid var(--rule-strong);border-radius:var(--radius-sm);background:var(--paper);box-shadow:var(--shadow-device)}.nav__menu-panel a{display:flex;min-height:44px;align-items:center;padding:.6rem .75rem;color:var(--ink-soft);font-size:.9rem;font-weight:700}.nav__menu-panel a:hover{color:var(--primary);background:var(--mint-pale)}
    .nav__cta{padding:.6rem 1rem;color:var(--primary)!important;background:transparent;border:1px solid var(--rule-strong);border-radius:var(--radius-sm)}.nav__cta:hover{border-color:var(--primary);background:var(--mint-pale)}
    .btn{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.2rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.95rem;font-weight:800;line-height:1;transition:transform .2s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}
    .btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{color:var(--on-dark);background:var(--primary)}.btn--primary:hover{background:var(--primary-hover)}
    .btn--light{color:var(--deep-2);background:var(--on-dark)}.btn--light:hover{background:var(--mint)}
    .text-link{display:inline-flex;min-height:3.25rem;align-items:center;padding-inline:.4rem;color:var(--ink-soft);font-weight:750}.text-link span{margin-left:.4rem;transition:transform .2s var(--ease)}.text-link:hover{color:var(--primary)}.text-link:hover span{transform:translateX(4px)}
    .device{position:relative;overflow:hidden;border:.35rem solid var(--forest);border-radius:1.9rem;background:var(--forest);box-shadow:var(--shadow-device)}.device img{width:100%;height:auto}
    /* The first viewport explains the product; native screens follow in #product. */
    .hero{padding:clamp(2.25rem,3vw,3rem) 0 clamp(3.5rem,6vw,5rem)}
    .hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,2.5vw,2rem)}
    .hero__copy{--od-gap:1rem;align-items:center;max-width:64rem;margin-inline:auto;text-align:center}
    .hero h1{font-size:clamp(2.75rem,4.6vw,4.75rem);font-weight:700;line-height:1.05;letter-spacing:-.035em}
    .hero h1 .serif{display:block;color:var(--primary);font-size:.95em;line-height:1.12;letter-spacing:-.025em}
    .hero__lede{max-width:39rem;color:var(--ink-soft);font-size:clamp(1.05rem,1.5vw,1.18rem)}.hero__actions{--od-gap:.8rem;justify-content:center}
    /* Product : dark band, three real screens at one honest scale. */
    .product{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(4.5rem,9vw,8rem);color:var(--on-dark);background:var(--deep)}
    .product__head{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,4vw,4rem);align-items:end}
    .product__head h2{max-width:14ch;font-size:clamp(2.6rem,5.3vw,5rem);font-weight:800;line-height:.94;letter-spacing:-.035em}
    .product__head h2 .serif{color:var(--mint)}
    .product__head p{max-width:30rem;justify-self:end;color:var(--on-dark-muted);font-size:1.05rem}
    .flow{display:grid;grid-template-columns:1fr 1.22fr 1fr;gap:clamp(1.25rem,3.2vw,2.75rem);align-items:stretch;margin-top:clamp(2.75rem,6vw,4.5rem)}
    .flow__step{display:grid;grid-template-rows:1fr auto;gap:1.05rem;justify-items:center;max-width:17rem;justify-self:center;width:100%}
    .flow__step--side{max-width:13.25rem}
    .flow .device{width:100%;align-self:end}
    .flow__step--c .device{box-shadow:var(--shadow-dark)}
    .flow__label{display:grid;gap:.35rem;text-align:center}
    .flow__label b{color:var(--mint);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
    .flow__summary{max-width:36rem;margin:clamp(1.4rem,3vw,2.25rem) auto 0;color:var(--on-dark-muted);font-size:1rem;line-height:1.5;text-align:center}

    /* Method */
    .method{padding-block:0 clamp(6rem,11vw,10rem)}
    .method__grid{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);gap:clamp(3rem,8vw,8rem);align-items:start}.method__sticky{position:sticky;top:8rem;--od-gap:1.5rem}.method__sticky h2{max-width:10ch;font-size:clamp(2.8rem,5vw,5rem);font-weight:800;line-height:.94;letter-spacing:-.035em}.method__sticky p{max-width:30rem;color:var(--ink-soft)}
    .method__body{border-top:1px solid var(--rule-strong)}.method__point{display:grid;grid-template-columns:minmax(8rem,.38fr) minmax(0,1fr);gap:2rem;padding:clamp(2rem,4vw,3.5rem) 0;border-bottom:1px solid var(--rule)}
    .method__verb{color:var(--primary);font-family:var(--display);font-size:clamp(1.5rem,2.4vw,2.15rem)}.method__point h3{font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.08;letter-spacing:-.035em}.method__point p{max-width:39rem;margin-top:.8rem;color:var(--muted)}
    .method__visual{margin-top:3rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,.52fr);gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,3rem);background:var(--mint-pale);border-radius:var(--radius-lg)}
    .method__visual h3{max-width:13ch;font-size:clamp(1.9rem,3.5vw,3rem);line-height:1;letter-spacing:-.04em}.method__visual p{max-width:31rem;margin-top:1rem;color:var(--ink-soft)}.method__visual .device{width:min(100%,14rem);margin-inline:auto}
    /* FAQ */
    .faq{padding-bottom:clamp(6rem,11vw,10rem)}
    .faq__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,8rem);align-items:start}.faq__intro{--od-gap:1.2rem;position:sticky;top:8rem}.faq__intro h2{max-width:13ch;font-size:clamp(2.7rem,4.8vw,4.8rem);line-height:.94;letter-spacing:-.035em}.faq__intro p{max-width:25rem;color:var(--muted)}
    .faq__list{border-top:1px solid var(--rule-strong)}.faq__item{display:grid;grid-template-columns:minmax(13rem,.78fr) minmax(0,1.22fr);gap:2rem;padding:1.75rem 0;border-bottom:1px solid var(--rule)}.faq__item dt{font-weight:800;line-height:1.3}.faq__item dd{margin:0;color:var(--muted)}
    /* Closing */
    .closing{padding-bottom:clamp(3rem,7vw,6rem)}
    .closing__panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(2.5rem,6vw,5rem);border-radius:var(--radius-lg);color:var(--on-dark);background:var(--deep)}
    .closing__copy{position:relative;z-index:1;--od-gap:1.1rem}.closing h2{max-width:14ch;font-size:clamp(2.5rem,4.8vw,4.6rem);font-weight:800;line-height:.96;letter-spacing:-.035em}.closing h2 .serif{color:var(--mint)}
    .closing__copy p{max-width:30rem;color:var(--on-dark-muted)}
    .product :focus-visible,.closing :focus-visible{outline-color:var(--mint)}
    .site-footer{padding-block:2rem;border-top:1px solid var(--rule)}.footer{justify-content:space-between}.footer__links{--od-gap:1.25rem}.footer__links a{min-height:44px;display:inline-flex;align-items:center;color:var(--muted);font-size:.86rem;font-weight:700}.footer__links a:hover{color:var(--primary)}.copyright{color:var(--muted);font-size:.82rem}
    .js [data-reveal]{opacity:0;transform:translateY(1.25rem);transition:opacity .65s var(--ease),transform .65s var(--ease)}.js [data-reveal].is-visible{opacity:1;transform:none}
    @media(max-width:1050px){
      .product__head{grid-template-columns:1fr;align-items:start}.product__head p{justify-self:start}
      .method__grid,.faq__grid{gap:4rem}
    }
    @media(max-width:820px){
      .site-header{position:relative;top:auto;backdrop-filter:none}.nav{min-height:4.25rem}.nav__links a:not(.nav__cta),.nav__links .nav__cta{display:none}.nav__menu{display:block}.hero{padding-top:3rem}.hero h1{font-size:clamp(2.75rem,7.2vw,4rem)}
      .flow{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(.5rem,2.2vw,.8rem);align-items:stretch;overflow:visible;margin-inline:0;padding-inline:0}
      .flow__step,.flow__step--side{display:grid;grid-template-rows:1fr auto;gap:.65rem;min-width:0;max-width:none;justify-items:stretch}
      .flow .device{border:.2rem solid color-mix(in oklab,var(--on-dark) 78%,var(--deep));border-radius:clamp(.55rem,2.4vw,1rem);box-shadow:none}
      .flow__label{display:block;width:100%;text-align:center}.flow__label b{font-size:.8rem;line-height:1.35;letter-spacing:.07em}
      .method__grid,.faq__grid{grid-template-columns:1fr}.method__sticky,.faq__intro{position:static}
      .closing__panel{grid-template-columns:1fr}
    }
    @media(max-width:620px){
      body{font-size:1rem}.nav{min-height:4.25rem}.nav__cta{font-size:.82rem}.hero{padding-bottom:4rem}.hero__grid{gap:2rem}
      .hero__actions{align-items:stretch}.hero__actions .btn,.hero__actions .text-link{width:100%;justify-content:center}
      .method__point{grid-template-columns:1fr;gap:.65rem}.method__visual{grid-template-columns:1fr}.method__visual .device{margin-top:1rem}
      .faq__item{grid-template-columns:1fr;gap:.7rem}.footer{align-items:flex-start;flex-direction:column}.footer__links{flex-direction:column;align-items:flex-start;gap:0}
    }
    @media(max-width:380px){.nav__links{display:none}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.js [data-reveal]{opacity:1;transform:none}}


.closing__signal { display: grid; grid-template-columns: repeat(3, auto); gap: .7rem 1.1rem; align-items: baseline; justify-content: center; color: var(--on-dark-muted); }
.closing__signal b { color: var(--mint); font-family: var(--display); font-size: clamp(1.6rem, 3vw, 2.6rem); font-weight: 400; }
.closing__signal span { color: var(--on-dark); font-family: var(--display); font-size: clamp(1.6rem, 3vw, 2.6rem); }
.closing__signal p { grid-column: 1 / -1; max-width: 22rem; margin-top: .75rem; color: var(--on-dark-muted); font-size: .9rem; }
@media(max-width:620px) {
  .closing__signal { grid-template-columns: 1fr; justify-content: start; gap: .15rem; }
  .closing__signal p { grid-column: auto; margin-top: .7rem; }
}

/* Legal page shares the brand tokens but keeps its document layout independent. */
.legal-page { min-height: 100vh; color: var(--ink); background: #fff; }
.legal-topbar { border-bottom: 1px solid var(--rule); background: #fff; }
.legal-topbar__inner, .legal-shell, .legal-footer { width: min(calc(100% - 2rem), 72rem); margin-inline: auto; }
.legal-topbar__inner { display: flex; min-height: 4.5rem; align-items: center; justify-content: space-between; gap: 1.5rem; }
.legal-wordmark { display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--ink); font-size: 1.05rem; font-weight: 800; letter-spacing: -.035em; }
.legal-contact, .legal-footer a { display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--primary); font-size: .86rem; font-weight: 750; }
.legal-shell { padding: clamp(3.5rem, 8vw, 7rem) 0; }
.legal-hero { max-width: 50rem; padding-bottom: clamp(3rem, 6vw, 5rem); }
.legal-kicker { margin: 0 0 1.25rem; color: var(--primary); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.legal-shell h1 { max-width: 14ch; margin: 0; font-size: clamp(3rem, 7vw, 5.75rem); font-weight: 800; letter-spacing: -.075em; line-height: .94; }
.legal-lede { max-width: 39rem; margin: 1.5rem 0 0; color: var(--muted); font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.55; }
.legal-layout { display: grid; gap: 3rem; border-top: 1px solid var(--rule); }
.legal-nav { display: grid; align-content: start; }
.legal-nav__title { padding: 1.25rem 0 .8rem; color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.legal-nav a { display: grid; min-height: 3.25rem; grid-template-columns: 2rem 1fr; align-items: center; gap: .5rem; border-bottom: 1px solid var(--rule); color: var(--ink-soft); font-size: .86rem; font-weight: 750; }
.legal-nav a span { color: var(--muted); font-size: .72rem; font-variant-numeric: tabular-nums; }
.legal-content { min-width: 0; }
.legal-section { padding: clamp(3rem, 6vw, 5rem) 0; border-bottom: 1px solid var(--rule); scroll-margin-top: 2rem; }
.legal-section-heading { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .75rem; margin-bottom: 2.5rem; }
.legal-section-index { padding-top: .45rem; color: var(--primary); font-size: .72rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.legal-shell h2 { max-width: 16ch; margin: 0; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 800; letter-spacing: -.055em; line-height: 1; }
.legal-shell h3 { margin: 2.25rem 0 .65rem; font-size: 1rem; font-weight: 800; letter-spacing: -.02em; }
.legal-shell p, .legal-shell li, .legal-facts dd { color: var(--muted); font-size: .98rem; line-height: 1.7; }
.legal-shell p { margin: .65rem 0 0; }
.legal-shell ul, .legal-shell ol { margin: .8rem 0 0; padding-left: 1.2rem; }
.legal-shell li { padding-left: .3rem; }
.legal-shell li + li { margin-top: .5rem; }
.legal-shell strong { color: var(--ink-soft); font-weight: 750; }
.legal-guarantee { margin-top: 2rem; padding-left: 1rem; border-left: 3px solid var(--primary); }
.legal-guarantee h3 { margin-top: 0; }
.legal-shell a { color: var(--primary); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.legal-opt-out-row { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.legal-opt-out { min-height: 2.75rem; padding: .55rem 0; border: 0; border-bottom: 1px solid currentColor; background: transparent; color: var(--primary); font: inherit; font-size: .86rem; font-weight: 800; cursor: pointer; }
.legal-opt-out:disabled { color: var(--muted); cursor: default; }
.legal-opt-out-status { color: var(--muted); font-size: .86rem; }
.legal-facts { margin: .75rem 0 1.75rem; border-top: 1px solid var(--rule); }
.legal-facts div { display: grid; gap: .25rem; padding: .9rem 0; border-bottom: 1px solid var(--rule); }
.legal-facts dt { color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.legal-facts dd { margin: 0; color: var(--ink-soft); }
.legal-footer { display: flex; min-height: 6rem; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--rule); color: var(--muted); font-size: .86rem; }
.legal-footer a { text-decoration: none; }
@media(min-width:900px) {
  .legal-topbar__inner, .legal-shell, .legal-footer { width: min(calc(100% - 4rem), 72rem); }
  .legal-layout { grid-template-columns: minmax(10rem, 13rem) minmax(0, 42rem); justify-content: space-between; gap: clamp(4rem, 10vw, 9rem); }
  .legal-nav { position: sticky; top: 1.5rem; }
  .legal-section:first-child { padding-top: 1.25rem; }
  .legal-facts div { grid-template-columns: 8rem minmax(0, 1fr); gap: 1.5rem; }
}
@media(max-width:699px) {
  .legal-topbar__inner, .legal-shell, .legal-footer { width: min(calc(100% - 2rem), 72rem); }
  .legal-footer { align-items: flex-start; flex-direction: column; padding-block: 1.5rem; }
}

/* Native screen inspection preserves the three-step overview. */
.flow a.device{display:block;cursor:zoom-in}
.flow a.device:hover{border-color:var(--mint)}
.flow__inspect{margin:1.25rem auto 0;color:var(--on-dark-muted);font-size:.9rem;text-align:center}
.flow__inspect[hidden]{display:none}
.faq__item dd a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.closing__availability{font-size:.95rem}
.screen-preview{width:min(calc(100% - 2rem),36rem);max-width:none;max-height:calc(100dvh - 2rem);padding:0;border:0;border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);overflow:auto}
.screen-preview::backdrop{background:rgba(5,27,21,.8)}
.screen-preview__header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--paper);border-bottom:1px solid var(--rule);z-index:1}
.screen-preview__header h2{font-size:1.2rem;line-height:1.3}
.screen-preview__header button{min-width:44px;min-height:44px;padding:.5rem .75rem;border:1px solid var(--rule-strong);border-radius:var(--radius-sm);background:transparent;cursor:pointer}
.screen-preview__header button:hover{background:var(--mint-pale)}
.screen-preview>img{display:block;width:100%;height:auto}
body.screen-preview-open{overflow:hidden}