/* Adaptive slide canvases, scaled as a whole. Navigation stays at screen size.
   These rules only apply to the enhanced viewer; print/no-JS keep document flow. */
@media screen {
  html.deck-mode{overflow:hidden;scroll-padding-top:0}
  .deck-mode body{overflow:hidden;height:100dvh}
  .deck-mode main{position:fixed;left:var(--deck-x,0px);top:var(--deck-y,80px);
    width:var(--deck-width);height:var(--deck-height);padding:0;overflow:hidden;
    transform-origin:0 0;transform:scale(var(--deck-scale,0));
    background:var(--bg);box-shadow:0 0 0 1px #20264b80}
  .deck-mode .section-rail{display:none}
  .deck-mode .slide{width:var(--deck-width);height:var(--deck-height);min-height:0;padding:56px 84px;
    overflow:hidden;border:0}
  .deck-mode .slide h2{font-size:48px;line-height:1.12;letter-spacing:-.045em;max-width:1272px}
  .deck-mode .slide h3{font-size:23px;line-height:1.25}
  .deck-mode .eyebrow{font-size:12px;letter-spacing:2.8px}
  .deck-mode .section-heading{gap:18px;margin-bottom:34px}
  .deck-mode #cover{min-height:0;padding:70px 84px 130px;justify-content:center}
  .deck-mode #cover h1{font-size:84px;line-height:1.06;max-width:1160px;letter-spacing:-.045em;margin:24px 0 28px}
  .deck-mode #cover>.eyebrow{font-size:14px;letter-spacing:5px}
  .deck-mode .hero-description{font-size:24px;line-height:1.6;max-width:1000px}
  .deck-mode .hero-actions{flex-direction:row;align-items:center;gap:32px;margin-top:36px}
  .deck-mode .hero-actions .button{padding:16px 24px}
  .deck-mode .hero-bottom{left:84px;right:84px;bottom:44px;font-size:11px;letter-spacing:.6px}
  .deck-mode .hero-bottom a{gap:15px}
  .deck-mode .hero-orbit{width:520px;height:520px;right:-170px;top:7%;opacity:.48}
  .deck-mode .essence-grid,.deck-mode .value-grid,.deck-mode .trust-grid,.deck-mode .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .deck-mode .essence-grid{gap:16px}
  .deck-mode .essence-grid .card{display:block;padding:23px 26px}
  .deck-mode .essence-grid .card-index{margin:0 0 12px}
  .deck-mode .essence-grid .card h3{font-size:23px}
  .deck-mode .essence-grid .card p{font-size:16px;line-height:1.55;margin-top:9px}
  .deck-mode .essence-grid .core-card{display:flex;padding:23px 26px}
  .deck-mode .essence-grid .core-card>p:first-child{font-size:32px;margin:0}
  .deck-mode .essence-grid .core-card>p:last-child{font-size:16px}
  .deck-mode .value-grid{gap:20px}
  .deck-mode .value-grid .card{min-height:206px;padding:27px 28px}
  .deck-mode .value-grid h3{font-size:22px}
  .deck-mode .value-grid .card p{font-size:16px;margin-top:14px}
  .deck-mode .comparison{border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .deck-mode table{display:table;font-size:16px}
  .deck-mode thead{display:table-header-group}
  .deck-mode tbody{display:table-row-group}
  .deck-mode tbody tr{display:table-row;border:0;border-radius:0;overflow:visible;margin:0}
  .deck-mode th,.deck-mode td{display:table-cell;padding:20px 23px;font-size:16px}
  .deck-mode tbody th{background:none;font:600 16px/1.5 Inter,Arial,sans-serif}
  .deck-mode tbody td{border-bottom:1px solid var(--line)!important}
  .deck-mode tbody td::before{display:none}
  .deck-mode tbody td:last-child{border-top:0!important;border-left:1px solid #38bdf82e!important;background:#38bdf809}
  .deck-mode tbody tr:last-child td{border-bottom:0!important}
  .deck-mode .section-note{font-size:21px;line-height:1.6;margin-top:32px;max-width:1200px}
  .deck-mode .trust-grid{gap:22px}
  .deck-mode .trust-grid .card{padding:34px 30px 36px}
  .deck-mode .trust-grid svg{width:42px;height:42px;margin-bottom:29px}
  .deck-mode .trust-grid h3{font-size:25px}
  .deck-mode .trust-grid p{font-size:16px;line-height:1.55;margin-top:18px}
  .deck-mode .steps-grid{gap:38px}
  .deck-mode .steps-grid .card{padding:27px 0 0}
  .deck-mode .steps-grid p.step-number{font-size:32px;margin:0 0 25px}
  .deck-mode .steps-grid h3{font-size:24px}
  .deck-mode .steps-grid p{font-size:17px;margin-top:16px}
  .deck-mode #start{padding-bottom:56px}
  .deck-mode .contact-block{grid-template-columns:1fr 1fr 1.5fr;gap:32px;margin-top:70px;padding-top:38px}
  .deck-mode .contact-title{grid-column:auto}
  .deck-mode .contact-title h3{font-size:44px}
  .deck-mode .contact-title .eyebrow{font-size:10px;letter-spacing:1.5px}
  .deck-mode .contact-link{gap:12px}
  .deck-mode .contact-link strong{font-size:23px}

  /* Portrait: use the height for cards, keep comparisons aligned as a table. */
  .deck-portrait .slide{padding:28px 24px}
  .deck-portrait .slide h2{font-size:38px;line-height:1.12}
  .deck-portrait .section-heading{gap:12px;margin-bottom:22px}
  .deck-portrait .eyebrow{font-size:16px;letter-spacing:2px}
  .deck-portrait #cover{padding:52px 32px 104px}
  .deck-portrait #cover h1{font-size:65px;line-height:1.06;margin:26px 0}
  .deck-portrait #cover>.eyebrow{font-size:20px}
  .deck-portrait .hero-description{font-size:28px;line-height:1.5}
  .deck-portrait .hero-actions{flex-direction:column;align-items:stretch;gap:24px;margin-top:36px}
  .deck-portrait .hero-actions .button{font-size:24px;min-height:70px}
  .deck-portrait .text-link{font-size:22px;justify-content:center}
  .deck-portrait .hero-bottom{left:32px;right:32px;bottom:28px;font-size:15px}
  .deck-portrait .hero-orbit{opacity:.2}
  .deck-portrait .essence-grid,.deck-portrait .value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .deck-portrait .essence-grid .card{padding:16px}
  .deck-portrait .essence-grid .card-index{display:none}
  .deck-portrait .essence-grid .card h3{font-size:26px}
  .deck-portrait .essence-grid .card p{font-size:22px;line-height:1.3;margin-top:7px}
  .deck-portrait .essence-grid .core-card{padding:16px}
  .deck-portrait .essence-grid .core-card>p:first-child{font-size:31px}
  .deck-portrait .essence-grid .core-card>p:last-child{font-size:22px}
  .deck-portrait .value-grid .card{min-height:0;padding:16px 18px}
  .deck-portrait .value-grid h3{font-size:27px}
  .deck-portrait .value-grid .card p{font-size:22px;line-height:1.35;margin-top:12px}
  .deck-portrait th,.deck-portrait td{padding:14px 9px;font-size:20px;line-height:1.3;overflow-wrap:anywhere}
  .deck-portrait thead th{font-size:20px;padding:16px 9px}
  .deck-portrait thead th:first-child{width:23%}
  .deck-portrait tbody th{font-size:20px;line-height:1.3}
  .deck-portrait table,.deck-portrait thead,.deck-portrait tbody{display:block}
  .deck-portrait thead tr,.deck-portrait tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .deck-portrait thead th:first-child{display:none}
  .deck-portrait tbody th{grid-column:1/-1;background:#121738;padding:8px 12px}
  .deck-portrait tbody td{padding:10px 12px;line-height:1.25}
  .deck-portrait th,.deck-portrait td{overflow-wrap:normal}
  .deck-portrait .section-note{font-size:24px;line-height:1.4;margin-top:24px}
  .deck-portrait .trust-grid,.deck-portrait .steps-grid{grid-template-columns:1fr;gap:20px}
  .deck-portrait .trust-grid .card{display:grid;grid-template-columns:42px 1fr;column-gap:20px;padding:24px}
  .deck-portrait .trust-grid svg{grid-row:1/3;width:36px;height:36px;margin:0}
  .deck-portrait .trust-grid h3{font-size:28px}
  .deck-portrait .trust-grid p{grid-column:2;font-size:24px;line-height:1.4;margin-top:12px}
  .deck-portrait .steps-grid .card{display:grid;grid-template-columns:50px 1fr;column-gap:20px;padding-top:20px}
  .deck-portrait .steps-grid p.step-number{grid-column:1;grid-row:1/3;font-size:30px;margin:0}
  .deck-portrait .steps-grid h3{font-size:28px}
  .deck-portrait .steps-grid p{grid-column:2;font-size:24px;line-height:1.4;margin-top:10px}
  .deck-portrait .contact-block{grid-template-columns:1fr;gap:20px;margin-top:32px;padding-top:24px}
  .deck-portrait .contact-title h3{font-size:36px}
  .deck-portrait .contact-title .eyebrow{font-size:14px}
  .deck-portrait .contact-link{gap:5px}
  .deck-portrait .contact-link span{font-size:18px}
  .deck-portrait .contact-link strong{font-size:26px}

  /* Shallow windows / landscape phones: use width, reduce spacing before text. */
  .deck-compact .slide{padding:18px 24px}
  .deck-compact .slide h2{font-size:28px;line-height:1.12}
  .deck-compact .section-heading{gap:4px;margin-bottom:12px}
  .deck-compact .eyebrow{font-size:10px;letter-spacing:1.5px}
  .deck-compact #cover{padding:26px 34px 52px}
  .deck-compact #cover h1{font-size:52px;max-width:900px;margin:12px 0 16px}
  .deck-compact #cover>.eyebrow{font-size:12px}
  .deck-compact .hero-description{font-size:19px;line-height:1.4;max-width:880px}
  .deck-compact .hero-actions{margin-top:18px}
  .deck-compact .hero-actions .button{font-size:14px;min-height:38px;padding:8px 18px}
  .deck-compact .hero-bottom{left:34px;right:34px;bottom:14px;font-size:10px}
  .deck-compact .hero-orbit{width:400px;height:400px;opacity:.25}
  .deck-compact .essence-grid{gap:8px}
  .deck-compact .essence-grid .card{padding:10px 14px;border-radius:10px}
  .deck-compact .essence-grid .card-index{display:none}
  .deck-compact .essence-grid .card h3{font-size:19px}
  .deck-compact .essence-grid .card p{font-size:16px;line-height:1.25;margin-top:5px}
  .deck-compact .essence-grid .core-card{padding:10px 14px}
  .deck-compact .essence-grid .core-card>p:first-child{font-size:24px}
  .deck-compact .essence-grid .core-card>p:last-child{font-size:16px}
  .deck-compact .value-grid{gap:10px}
  .deck-compact .value-grid .card{padding:12px 16px;min-height:0;border-radius:10px}
  .deck-compact .value-grid h3{font-size:20px}
  .deck-compact .value-grid .card p{font-size:16px;line-height:1.3;margin-top:8px}
  .deck-compact th,.deck-compact td{font-size:15px;line-height:1.25;padding:8px 12px}
  .deck-compact thead th{font-size:15px;padding:9px 12px}
  .deck-compact tbody th{font-size:15px;line-height:1.25}
  .deck-compact .section-note{font-size:17px;line-height:1.3;margin-top:14px;max-width:none}
  .deck-compact .trust-grid{gap:14px}
  .deck-compact .trust-grid .card{padding:16px}
  .deck-compact .trust-grid svg{width:26px;height:26px;margin-bottom:12px}
  .deck-compact .trust-grid h3{font-size:20px}
  .deck-compact .trust-grid p{font-size:16px;line-height:1.3;margin-top:10px}
  .deck-compact .steps-grid{gap:24px}
  .deck-compact .steps-grid .card{padding-top:12px}
  .deck-compact .steps-grid p.step-number{font-size:24px;margin:0 0 8px}
  .deck-compact .steps-grid h3{font-size:20px}
  .deck-compact .steps-grid p{font-size:17px;line-height:1.35;margin-top:8px}
  .deck-compact #start{padding-bottom:18px}
  .deck-compact .contact-block{gap:24px;margin-top:24px;padding-top:16px}
  .deck-compact .contact-title h3{font-size:30px;margin-top:6px}
  .deck-compact .contact-title .eyebrow{font-size:9px}
  .deck-compact .contact-link{gap:6px}
  .deck-compact .contact-link span{font-size:12px}
  .deck-compact .contact-link strong{font-size:19px}
  @media(max-height:500px){
    .deck-mode .site-header{height:52px}
    .deck-mode .site-header nav{top:52px;max-height:calc(100dvh - 52px)}
  }
}