/* The published artifact wraps the page in its own reset. These few rules reproduce it
   so this folder renders identically on its own. */
:root { color-scheme: light dark; padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); }
body { margin: 0; font: 14px system-ui, sans-serif; background: #faf9f7; }
img { max-width: 100%; }
[hidden] { display: none !important; }

  :root{
    --ink:#263241; --ink-2:#5A636E; --ground:#F7F8FA; --surface:#FFFFFF; --surface-2:#FCFCFD;
    --line:#E5E7EB; --orange:#F6921E; --orange-deep:#E07D0E; --orange-tint:rgba(246,146,30,.10);
    --blue:#0E63B3; --grid:rgba(14,99,179,.09); --navy:#263241; --navy-deep:#1B2530; --on-navy:#F7F8FA; --on-navy-2:#B8C0CA;
    --ok:#30B44B; --warn:#E8B73E; --bad:#C8423A;
    --shadow:0 1px 2px rgba(38,50,65,.04),0 4px 16px rgba(38,50,65,.06);
    --head:"Inter Tight",Inter,"Segoe UI",Arial,sans-serif; --body:Inter,"Segoe UI",Arial,sans-serif; --mono:"JetBrains Mono",Consolas,"Courier New",monospace;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --ink:#F1F3F5; --ink-2:#B4BCC6; --ground:#1B2530; --surface:#263241; --surface-2:#2C3949;
      --line:rgba(255,255,255,.12); --orange-tint:rgba(246,146,30,.16); --blue:#6FB0F0; --grid:rgba(111,176,240,.14);
      --navy:#141C25; --navy-deep:#0F161E; --shadow:0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.35);
    }
  }
  :root[data-theme="dark"]{
    --ink:#F1F3F5; --ink-2:#B4BCC6; --ground:#1B2530; --surface:#263241; --surface-2:#2C3949;
    --line:rgba(255,255,255,.12); --orange-tint:rgba(246,146,30,.16); --blue:#6FB0F0; --grid:rgba(111,176,240,.14);
    --navy:#141C25; --navy-deep:#0F161E; --shadow:0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.35);
  }
  *{box-sizing:border-box}
  body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
  h1,h2,h3,h4{font-family:var(--head);font-weight:700;line-height:1.15;margin:0;text-wrap:balance;letter-spacing:-.01em}
  h1{font-size:clamp(2rem,5vw,3.25rem)}
  h2{font-size:clamp(1.5rem,3.2vw,2.125rem)}
  h3{font-size:1.25rem;font-weight:600}
  h4{font-size:1.0625rem;font-weight:600}
  p{margin:0}
  a{color:var(--blue);text-decoration:none}
  a:hover{text-decoration:underline}
  a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
  img{max-width:100%;height:auto;display:block}
  .wrap{max-width:1080px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
  .eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-deep);font-weight:500}
  .measure{max-width:64ch}
  .lead{font-size:1.125rem;color:var(--ink-2)}
  .hl{background:linear-gradient(transparent 62%,var(--orange) 62%,var(--orange) 88%,transparent 88%)}
  .tickrule{position:relative;height:1px;background:var(--line);margin:0}
  .tickrule::before{content:"";position:absolute;left:0;top:-4px;width:1px;height:9px;background:var(--orange)}
  .tickrule::after{content:"";position:absolute;right:0;top:-4px;width:1px;height:9px;background:var(--orange)}
  section{padding-block:clamp(48px,7vw,88px)}
  .sec-head{display:grid;gap:12px;margin-bottom:clamp(28px,4vw,44px)}
  .grid{display:grid;gap:20px}
  .g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
  .g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
  .spec{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:6px;padding:20px 22px;display:grid;gap:8px;align-content:start}
  .spec p{color:var(--ink-2);font-size:.9375rem}
  .card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px;display:grid;gap:12px;align-content:start}
  .navyblock{background:var(--navy);color:var(--on-navy);border-radius:10px;padding:clamp(24px,4vw,40px)}
  .navyblock .eyebrow{color:var(--orange)}
  .navyblock p{color:var(--on-navy-2)}
  .navyblock h2,.navyblock h3,.navyblock strong{color:var(--on-navy)}
  .btn{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#263241;font-weight:600;padding:12px 20px;border-radius:6px;font-size:.9375rem}
  .btn:hover{background:var(--orange-deep);text-decoration:none}
  .btn.ghost{background:transparent;color:var(--blue);border:1px solid var(--line)}
  .btn.ghost:hover{background:var(--surface-2)}
  .nums{font-variant-numeric:tabular-nums}

  /* nav */
  .topnav{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--surface);border-bottom:1px solid var(--line)}
  .topnav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px}
  .topnav nav{display:flex;gap:6px 22px;flex-wrap:wrap;justify-content:flex-end;font-size:.8125rem;font-weight:500;letter-spacing:.01em}
  .topnav nav a{color:var(--ink-2);padding:4px 0;border-bottom:2px solid transparent;white-space:nowrap}
  .topnav nav a:hover{color:var(--ink);text-decoration:none;border-bottom-color:var(--orange)}
  .logo{display:inline-flex;align-items:center;height:28px}
  .logo svg{height:28px;width:auto}

  /* cover */
  .cover{position:relative;overflow:hidden;background:var(--surface);border-bottom:1px solid var(--line)}
  .cover .wrap{position:relative;padding-block:clamp(48px,8vw,96px);display:grid;gap:28px}
  .cover .logo svg{height:44px}
  .facts{display:flex;flex-wrap:wrap;gap:10px 28px;font-family:var(--mono);font-size:.8125rem;color:var(--ink-2)}
  .facts span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--orange);margin-right:10px;vertical-align:middle}
  .contents{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px;font-size:.9375rem;padding:0;margin:0;list-style:none;counter-reset:c}
  @media (max-width:560px){.contents{grid-template-columns:1fr}}
  .contents li{counter-increment:c;padding:8px 0;border-bottom:1px solid var(--line)}
  .contents li::before{content:counter(c,decimal-leading-zero);font-family:var(--mono);color:var(--orange-deep);margin-right:12px;font-size:.8125rem}
  .contents a{color:var(--ink)}
  .note{background:var(--orange-tint);border-left:3px solid var(--orange);border-radius:4px;padding:12px 16px;font-size:.9375rem}

  /* problem */
  .five{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
  .five div{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:16px;font-size:.9375rem}
  .five div strong{display:block;font-family:var(--head);font-weight:600;margin-bottom:4px}
  .arrow{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:flex-start}
  .arrow > *{flex:1 1 280px}

  /* steps */
  .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;counter-reset:s}
  .step{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}
  .step::before{content:counter(s,decimal-leading-zero);font-family:var(--mono);color:var(--orange-deep);font-size:.875rem;padding-top:4px}
  .step h3{margin-bottom:6px}
  .step p{color:var(--ink-2);font-size:.9375rem}
  .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
  .tags span{font-family:var(--mono);font-size:.6875rem;letter-spacing:.04em;border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:var(--ink-2)}

  /* screens */
  .shot{display:grid;gap:14px;margin:0}
  .shot img{border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);background:#F7F8FA}
  .shot figcaption{display:grid;gap:6px;max-width:70ch}
  .shot figcaption p{color:var(--ink-2);font-size:.9375rem}
  .tour{display:grid;gap:clamp(32px,5vw,56px)}
  .phones{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
  .phones figure{margin:0;display:grid;gap:10px}
  .phones img{border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);width:100%;max-width:260px;justify-self:center}
  .phones figcaption{font-size:.875rem;color:var(--ink-2);text-align:center}
  .phones figcaption strong{display:block;color:var(--ink);font-family:var(--head);font-weight:600}

  /* segments */
  .seg{display:grid;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px;border-top:3px solid var(--orange)}
  .seg .who{color:var(--ink-2);font-size:.9375rem}
  .seg .story{border-left:2px solid var(--line);padding-left:14px;font-size:.9375rem}
  .seg .story em{font-style:normal;color:var(--ink-2)}
  .seg dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:.875rem}
  .seg dt{font-family:var(--mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-deep);padding-top:3px}
  .seg dd{margin:0;color:var(--ink-2)}
  .personas{display:flex;flex-wrap:wrap;gap:10px}
  .personas span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.875rem}

  /* fit */
  .tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
  table{border-collapse:collapse;width:100%;min-width:720px;font-size:.9rem}
  th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
  thead th{font-family:var(--mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-weight:500;background:var(--surface-2)}
  tbody tr:last-child td{border-bottom:0}
  td.c{text-align:center;font-family:var(--mono);font-size:1rem}
  td.c.core{color:var(--orange-deep)}
  td.c.use{color:var(--blue)}
  td.c.na{color:var(--ink-2);opacity:.5}
  .legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.8125rem;color:var(--ink-2);margin-top:10px;font-family:var(--mono)}
  .legend b{font-weight:500}
  .legend .core{color:var(--orange-deep)} .legend .use{color:var(--blue)}
  .yesno{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
  .yesno ul{margin:0;padding-left:0;list-style:none;display:grid;gap:10px;font-size:.9375rem}
  .yesno li{position:relative;padding-left:26px}
  .fits li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
  .nots li::before{content:"–";position:absolute;left:0;color:var(--ink-2);font-weight:700}
  .bigq{font-family:var(--head);font-size:clamp(1.25rem,2.6vw,1.625rem);font-weight:600;line-height:1.3;padding:20px 24px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:6px;max-width:60ch}

  /* reports */
  .reports{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
  .reports div{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:16px 18px;display:grid;gap:4px}
  .reports .eyebrow{font-size:.6875rem}
  .reports p{font-size:.875rem;color:var(--ink-2)}

  /* timeline */
  .timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;position:relative;margin-top:8px}
  .timeline::before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--line)}
  .ms{position:relative;padding:22px 20px 0 0;display:grid;gap:4px}
  .ms::before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:var(--surface);border:3px solid var(--line)}
  .ms.now::before{border-color:var(--orange);background:var(--orange)}
  .ms .when{font-family:var(--mono);font-size:.75rem;color:var(--ink-2)}
  .ms strong{font-family:var(--head);font-weight:600}
  .ms p{font-size:.875rem;color:var(--ink-2)}

  /* next */
  .actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
  footer{border-top:1px solid var(--line);padding-block:32px;font-size:.8125rem;color:var(--ink-2)}
  footer .wrap{display:grid;gap:8px}

  /* pull quote, chain, annotations */
  /* cover hero */
  .hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:24px;align-items:end;margin-top:8px}
  .laptop{background:var(--navy-deep);border-radius:14px;padding:10px 10px 0;box-shadow:var(--shadow)}
  .laptop img{border-radius:6px 6px 0 0;display:block;width:100%}
  .laptop .base{height:10px;margin:0 -10px;border-radius:0 0 14px 14px;background:var(--navy-deep)}
  .hero .phone{background:var(--navy-deep);border-radius:26px;padding:8px;box-shadow:var(--shadow)}
  .hero .phone img{border-radius:19px;display:block;width:100%;height:auto;object-fit:cover;object-position:top;max-height:360px}
  @media (max-width:700px){.hero{grid-template-columns:1fr}.hero .phone{max-width:220px;justify-self:center}}

  /* six into one diagram */
  .diagram{margin:0 0 28px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}
  .diagram svg{width:100%;height:auto;display:block}
  .diagram .box{fill:var(--ground);stroke:var(--line);stroke-width:1}
  .diagram .target{fill:var(--orange-tint);stroke:var(--orange);stroke-width:2}
  .diagram text{font-family:var(--body);font-size:17px;fill:var(--ink)}
  .diagram .tlabel{font-family:var(--head);font-weight:600;font-size:20px}
  .diagram line{stroke:var(--blue);stroke-width:1.5;opacity:.45}
  .diagram-v{display:none}
  @media (max-width:640px){.diagram-h{display:none}.diagram-v{display:block}}

  /* story beats */
  .part{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);border-top:1px solid var(--line);padding-top:12px;margin:0 0 20px}
  .beats{display:grid;gap:clamp(28px,4vw,44px)}
  .beat{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:start}
  .beat .stamp{display:grid;gap:6px;position:sticky;top:76px}
  .beat .stamp .t{font-family:var(--head);font-weight:700;font-size:1.125rem;font-variant-numeric:tabular-nums}
  .beat .stamp .marker{font-family:var(--mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-deep)}
  .beat > *:not(.stamp){grid-column:2}
  .beat > .shot + .shot{margin-top:16px}
  .beat .side{max-width:440px}
  .beat .twoup{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
  .shot.compact img{max-height:520px;width:auto;max-width:100%}
  .shot h4{font-size:1rem}
  .payoff{font-family:var(--head);font-weight:700;font-size:clamp(1.375rem,3vw,2rem);line-height:1.25;text-wrap:balance;max-width:24ch;margin:clamp(28px,4vw,40px) 0;padding-left:20px;border-left:4px solid var(--orange)}
  @media (max-width:640px){
    .beat{grid-template-columns:1fr;gap:12px}
    .beat > *:not(.stamp){grid-column:1}
    .beat .stamp{position:static;display:flex;gap:12px;align-items:baseline}
  }

  /* segment screens */
  .seg figure{margin:0;display:grid;gap:10px}
  .seg figure img{border:1px solid var(--line);border-radius:6px;width:100%;cursor:zoom-in}
  .seg figcaption{order:-1;font-size:.875rem;color:var(--ink-2)}

  .pull{margin:0;padding:24px 28px;border-left:4px solid var(--orange);background:var(--surface);border-radius:6px;display:grid;gap:10px}
  .pull .big{font-family:var(--head);font-size:clamp(1.25rem,2.6vw,1.75rem);font-weight:600;line-height:1.3;text-wrap:balance;max-width:34ch}
  .pull .sub{font-size:.9375rem;color:var(--ink-2);max-width:70ch}
  .voices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:10px}
  .voices div{background:var(--ground);border:1px solid var(--line);border-radius:6px;padding:14px 16px;font-size:.9375rem;line-height:1.45}
  .voices .who{display:block;font-family:var(--mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-deep);margin-bottom:6px}
  .pull .small{font-size:.75rem;color:var(--ink-2)}
  .shot figcaption{order:-1}
  .phones figure img{cursor:zoom-in}
  .phones figure img:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
  .phone-dialog{border:0;padding:0;background:transparent;max-width:none;max-height:none}
  .phone-dialog::backdrop{background:rgba(27,37,48,.75)}
  .phone-frame{width:min(392px,92vw);height:min(780px,86vh);background:#1B2530;border-radius:44px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.45);margin:0 auto}
  .phone-screen{height:100%;border-radius:32px;overflow-y:auto;background:#F7F8FA;scrollbar-width:thin}
  .phone-screen img{width:100%;height:auto;display:block}
  .zoom-frame{width:min(92vw,1400px);max-height:88vh;overflow:auto;background:var(--surface);border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.45);margin:0 auto}
  .zoom-frame img{width:100%;height:auto;display:block;border-radius:10px}
  .shot img{cursor:zoom-in}
  .shot img:focus-visible,.seg figure img:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
  .phone-close{display:block;margin:14px auto 0;font:inherit;font-size:.875rem;font-weight:500;color:#F7F8FA;background:transparent;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:8px 18px;cursor:pointer}
  .chain{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .chain span{font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:6px 10px}
  .chain span+span::before{content:"›";color:var(--orange);margin-right:8px}
  .twoup{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:start}
  .annot{list-style:none;margin:0;padding:0;display:grid;gap:14px;font-size:.9375rem}
  .annot li{display:grid;grid-template-columns:auto 1fr;gap:12px;color:var(--ink-2)}
  .annot .t{font-family:var(--mono);font-size:.75rem;color:var(--orange-deep);padding-top:4px}
  .annot strong{display:block;color:var(--ink);font-family:var(--head);font-weight:600;margin-bottom:2px}
  table.entries{min-width:640px}
  table.entries td:first-child{font-weight:600;white-space:nowrap}

  /* calculator */
  .calc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}
  .calc-in{display:grid;gap:18px}
  .calc-in .group{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px 18px 18px;margin:0;display:grid;gap:12px;min-width:0}
  .calc-in label{display:grid;gap:4px;font-size:.875rem;font-weight:500}
  .calc-in input[type=number]{font:inherit;font-family:var(--mono);font-size:1rem;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--ink);width:100%;max-width:220px;font-variant-numeric:tabular-nums}
  .calc-in small{font-weight:400;color:var(--ink-2);font-size:.75rem;line-height:1.4}
  .presets{display:flex;flex-wrap:wrap;gap:8px 14px}
  .presets button{font:inherit;font-size:.8125rem;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink);cursor:pointer}
  .presets button:hover{border-color:var(--orange)}
  .presets label{display:flex;align-items:center;gap:8px;font-weight:400;font-size:.875rem}
  .presets input[type=radio]{accent-color:var(--orange-deep);width:16px;height:16px;margin:0}
  .q{font-family:var(--head);font-weight:600;font-size:1rem}
  table.results td.rate,table.results th.rate{font-family:var(--mono);font-size:.8125rem;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
  table.build td{font-size:.875rem;padding:9px 14px}
  table.build td.r{font-family:var(--mono);font-weight:400;font-size:.875rem;color:var(--ink-2)}
  table.build tr.total td{font-weight:600;color:var(--ink);border-top:2px solid var(--line)}
  .sources{font-size:.8125rem;color:var(--ink-2)}
  .sources summary{cursor:pointer;font-family:var(--head);font-weight:600;color:var(--ink);font-size:.9375rem}
  .sources ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px}
  .sources strong{color:var(--ink);font-weight:600}
  .calc-out{display:grid;gap:14px;position:sticky;top:72px}
  .setvals{font-size:.75rem;color:var(--ink-2);line-height:1.45;margin:0}
  table.results{min-width:0}
  table.results th.r,table.results td.r{text-align:right}
  table.results td{font-size:1rem}
  table.results td.r{font-family:var(--head);font-weight:600;font-size:1.25rem}
  table.results tr.on td{background:var(--orange-tint)}
  table.results tr.on td:first-child{box-shadow:inset 3px 0 0 var(--orange)}
  .fine{margin:0;padding-left:18px;font-size:.8125rem;color:var(--ink-2);display:grid;gap:6px}

  @media (max-width:820px){
    .calc{grid-template-columns:1fr}
    .calc-out{position:static}
    .twoup{grid-template-columns:1fr}
  }
  @media (max-width:640px){
    .topnav nav{display:none}
    .seg dl{grid-template-columns:1fr}
  }
  @media (prefers-reduced-motion:no-preference){
    html{scroll-behavior:smooth}
  }
  @media print{
    :root{--ground:#fff;--surface:#fff}
    .topnav{display:none}
    section{padding-block:28px;break-inside:auto}
    #product,#who,#fit,#status{break-before:page}
    .shot img{box-shadow:none;max-height:520px;width:auto;max-width:100%}
    .phones img{max-height:420px;width:auto}
    a[href^="http"]::after{content:" (" attr(href) ")";font-size:.75em;color:#5A636E}
    .btn{border:1px solid #263241}
    figure,.card,.spec,.seg,.ms,.pull,.calc-out,.beat,.diagram,.voices{break-inside:avoid}
    #story,#who,#value{break-before:page}
    .beat{grid-template-columns:80px minmax(0,1fr)}
    .beat > *:not(.stamp){grid-column:2}
    .beat .stamp{position:static}
    .diagram-v{display:none!important}
    .diagram-h{display:block!important}
    .part{break-after:avoid}
    .payoff{break-inside:avoid}
    .hero{grid-template-columns:3fr 1fr}
    .hero .phone img{max-height:260px}
    .calc{display:block}
    .calc-out{position:static;margin-top:16px}
    .calc-in input[type=number]{border:1px solid #9AA3AD}
    .presets button{display:none}
    .phone-dialog{display:none!important}
  }
  @page{size:A4;margin:12mm}