/* Keep the hero and the platform-specific process in one compact composition. */
  #install-app.install-hybrid {
    display:grid;
    grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);
    gap:.75rem 2rem;
    padding-block:1.25rem 1rem;
    align-items:center;
  }
  #install-app.install-hybrid .install-intro { max-width:none; text-align:left; margin:0; }
  #install-app.install-hybrid .install-platform-badges { justify-content:flex-start; margin-bottom:.65rem; }
  #install-app.install-hybrid h1 { margin:0 0 .75rem; max-width:27ch; font-size:clamp(2rem,3.25vw,3.2rem); line-height:1.1; letter-spacing:-.025em; color:#291640; }
  #install-app.install-hybrid .install-intro > p { max-width:59ch; margin:.75rem 0; font-size:1.1rem; line-height:1.45; }
  #install-app.install-hybrid .install-benefits { display:grid; gap:.5rem; padding:0; list-style:none; margin:1rem 0; font-size:1.0625rem; line-height:1.45; }
  #install-app.install-hybrid .install-benefits li { position:relative; padding-left:1.5rem; }
  #install-app.install-hybrid .install-benefits li::before { content:"✦"; position:absolute; left:0; color:#b37b20; }
  #install-app.install-hybrid .install-action-group { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
  #install-app.install-hybrid .install-primary { margin:0; min-height:54px; padding:.8rem 1.15rem; background:linear-gradient(105deg,#e8a52a,#f3c35d); border:1px solid #bf871e; box-shadow:0 5px 14px #c38a2533; }
  #install-app.install-hybrid .install-desktop-qr { display:flex; align-items:center; gap:.65rem; max-width:225px; padding-left:1rem; border-left:1px solid #cbb58b; }
  #install-app.install-hybrid .install-desktop-qr img { flex:none; width:76px; height:76px; }
  #install-app.install-hybrid .install-desktop-qr p { margin:0; font-size:.95rem; line-height:1.35; }
  #install-app.install-hybrid .install-desktop-qr strong { display:block; }
  #install-app.install-hybrid .install-product-preview { position:relative; display:flex; align-items:center; justify-content:center; min-width:0; margin:0; padding:0 65px 0 0; }
  #install-app.install-hybrid .install-product-phone { width:225px; max-width:calc(100% - 10px); flex:none; }
  #install-app.install-hybrid .install-home-icon { position:absolute; right:0; top:34%; width:124px; margin:0; padding:.85rem .65rem; border:1px solid #e4cea4; border-radius:1.2rem; background:#fffaf2; box-shadow:0 8px 26px #ba8a4036; text-align:center; }
  #install-app.install-hybrid .install-home-icon img { display:block; width:62px; height:62px; margin:0 auto .4rem; }
  #install-app.install-hybrid .install-home-icon strong, #install-app.install-hybrid .install-home-icon span { display:block; }
  #install-app.install-hybrid .install-home-icon span { margin-top:.3rem; font-size:.85rem; line-height:1.3; }
  #install-app.install-hybrid .install-device-picker {
    position:relative;
    display:grid;
    grid-template-columns:90px 90px minmax(0,1fr);
    align-items:center;
    gap:0 .5rem;
    grid-column:1/-1;
    padding:.85rem 1rem .65rem;
    margin:0;
    border:1px solid #cfb889;
    border-radius:1rem;
    background:#fffaf2;
  }
  #install-app.install-hybrid .install-device-picker > legend { position:absolute; left:1rem; top:.7rem; width:185px; margin:0; font-size:.85rem; line-height:1.2; text-align:left; }
  #install-app.install-hybrid .install-device-picker > label { min-width:0; min-height:38px; padding:.35rem; margin:1.15rem 0 0; font-size:.9rem; gap:.3rem; }
  #install-app.install-hybrid .install-device-picker > label img { width:19px; height:19px; }
  #install-app.install-hybrid .install-compact-guide ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; margin:0; padding:0; list-style:none; }
  #install-app.install-hybrid .install-compact-guide li { display:flex; align-items:center; gap:.45rem; min-height:68px; padding:.6rem; border:1px solid #dfcfae; border-radius:.65rem; font-size:.95rem; line-height:1.35; text-align:left; }
  #install-app.install-hybrid .install-compact-guide li > span { display:grid; place-items:center; width:24px; height:24px; flex:none; border:1px solid #bd9755; border-radius:50%; color:#86601f; }
  #install-app.install-hybrid .install-detailed-guide { grid-column:1/-1; min-width:0; }
  #install-app.install-hybrid .install-detailed-guide > summary { padding:.65rem 0 0; margin:0; min-height:0; text-align:right; font-size:.9rem; line-height:1.4; }
  #install-app.install-hybrid .install-steps { margin-top:1rem; padding-top:1rem; border-top:1px solid #e3d4b9; }
  #install-app.install-hybrid .install-guide-note { grid-column:1/-1; max-width:none; margin:0; padding:0; font-size:.85rem; line-height:1.4; text-align:left; }
  #install-app.install-hybrid .install-extra-help { grid-column:1/-1; width:100%; max-width:none; margin:0; border-top:0; }
  #install-app.install-hybrid .install-extra-help > summary { min-height:32px; padding:0; font-size:.95rem; }
  #install-app.install-hybrid .install-reminder { grid-column:1/-1; margin:.5rem 0 0; }
  @media(max-width:1050px) {
    #install-app.install-hybrid { grid-template-columns:minmax(0,1.4fr) minmax(240px,.85fr); column-gap:1.25rem; }
    #install-app.install-hybrid .install-product-phone { width:210px; }
    #install-app.install-hybrid .install-product-preview { padding-right:40px; }
    #install-app.install-hybrid .install-home-icon { width:105px; }
    #install-app.install-hybrid .install-desktop-qr { display:none; }
    #install-app.install-hybrid .install-device-picker { grid-template-columns:90px 90px minmax(0,1fr); }
    #install-app.install-hybrid .install-compact-guide ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  @media(max-width:680px) {
    #install-app.install-hybrid { display:flex; flex-direction:column; align-items:stretch; gap:1rem; padding-block:1rem; }
    #install-app.install-hybrid .install-intro { order:1; width:100%; }
    #install-app.install-hybrid h1 { max-width:none; font-size:clamp(1.85rem,7.4vw,2.5rem); }
    #install-app.install-hybrid .install-intro > p { font-size:1.0625rem; line-height:1.45; }
    #install-app.install-hybrid .install-primary { width:100%; justify-content:center; font-size:1.0625rem; }
    #install-app.install-hybrid .install-device-picker { order:2; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; padding:.85rem; }
    #install-app.install-hybrid .install-device-picker > legend { position:static; width:100%; margin:0; padding:0 .25rem; text-align:center; }
    #install-app.install-hybrid .install-device-picker > label { margin:0; min-height:44px; font-size:1rem; }
    #install-app.install-hybrid .install-compact-guide { grid-column:1/-1; }
    #install-app.install-hybrid .install-compact-guide li { min-height:62px; padding:.5rem; }
    #install-app.install-hybrid .install-detailed-guide > summary { padding-top:.35rem; text-align:left; }
    #install-app.install-hybrid .install-product-preview { order:3; width:100%; padding:0 50px 0 0; }
    #install-app.install-hybrid .install-product-phone { width:220px; max-width:calc(100% - 40px); }
    #install-app.install-hybrid .install-home-icon { width:112px; }
    #install-app.install-hybrid .install-guide-note, #install-app.install-hybrid .install-extra-help, #install-app.install-hybrid .install-reminder { order:4; }
  }

  #install-app.install-hybrid { grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr); column-gap:2rem; }
  #install-app.install-hybrid .install-product-preview { padding:0 65px 0 25px; }
  #install-app.install-hybrid .install-product-phone { width:230px; max-width:100%; }
  #install-app.install-hybrid .install-showcase-phone .install-phone-screen { background:radial-gradient(ellipse at 50% 46%,#5f4291 0,#2d1e57 44%,#201238 85%); display:flex; flex-direction:column; }
  #install-app.install-hybrid .install-showcase-phone .install-phone-status { color:#fff7e7; background:transparent; height:28px; flex:none; }
  #install-app.install-hybrid .install-showcase-content { position:relative; flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:0; padding:16px 10px 42px; color:#fff3d8; text-align:center; }
  #install-app.install-hybrid .install-showcase-title { margin:0 0 5px; font:400 23px/1.15 var(--font-heading); }
  #install-app.install-hybrid .install-showcase-subtitle { margin:0 0 35px; font-size:12px; line-height:1.4; color:#e9c68c; }
  #install-app.install-hybrid .install-showcase-cards { position:relative; width:184px; height:180px; margin:0; z-index:1; }
  #install-app.install-hybrid .install-showcase-cards img { position:absolute; width:104px; height:155px; left:40px; top:15px; object-fit:cover; border:1px solid #e0b86c; border-radius:5px; box-shadow:0 6px 14px #110b29aa; }
  #install-app.install-hybrid .install-showcase-cards img:first-child { transform:translate(-34px,9px) rotate(-15deg); }
  #install-app.install-hybrid .install-showcase-cards img:last-child { transform:translate(34px,9px) rotate(15deg); }
  #install-app.install-hybrid .install-showcase-cards img:nth-child(2) { z-index:2; }
  #install-app.install-hybrid .install-card-halo { position:absolute; width:190px; height:180px; top:40%; border-radius:50%; background:radial-gradient(ellipse,#e5b25c66,transparent 66%); }
  #install-app.install-hybrid .install-card-halo::before { content:""; position:absolute; left:25px; top:-18px; width:3px; height:3px; border-radius:50%; background:#ffe3a2; box-shadow:24px -19px 2px #ffe3a2,69px -33px 3px #ffe3a2,111px -12px 3px #ffe3a2,138px 9px 2px #ffe3a2,90px -5px 3px #ffe3a2,47px 4px 3px #ffe3a2; }
  #install-app.install-hybrid .install-showcase-modes { display:flex; justify-content:center; gap:15px; font-size:10px; }
  #install-app.install-hybrid .install-showcase-navigation { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); flex:none; gap:1px; padding:6px 3px 9px; background:#fff4e5; color:#30225f; }
  #install-app.install-hybrid .install-showcase-navigation > span { display:flex; flex-direction:column; align-items:center; gap:1px; font-size:9px; }
  #install-app.install-hybrid .install-showcase-navigation img { width:27px; height:27px; }
  #install-app.install-hybrid .install-floating-note { position:absolute; z-index:4; display:flex; gap:.5rem; align-items:center; padding:.75rem; border:1px solid #efe4ce; border-radius:.9rem; background:linear-gradient(120deg,#fffaf2f5,#e7dfedee); box-shadow:0 7px 20px #8f64252b; color:#2b1b43; text-align:left; text-decoration:none; }
  #install-app.install-hybrid .install-floating-note strong { display:block; font-size:.83rem; line-height:1.35; }
  #install-app.install-hybrid .install-floating-note div > span { display:block; margin-top:.2rem; font-size:.78rem; line-height:1.35; }
  #install-app.install-hybrid .install-daily-note { left:-57px; top:57px; width:180px; }
  #install-app.install-hybrid .install-daily-note svg { width:21px; height:21px; flex:none; align-self:flex-start; color:#39235b; }
  #install-app.install-hybrid .install-dima-note { left:8px; bottom:68px; width:218px; padding:.45rem .65rem; }
  #install-app.install-hybrid .install-dima-note > img { width:32px; height:32px; flex:none; border-radius:10px; object-fit:cover; }
  #install-app.install-hybrid .install-dima-note strong { font-size:.8rem; line-height:1.2; }
  #install-app.install-hybrid .install-dima-note div > span { font-size:.75rem; line-height:1.2; }
  #install-app.install-hybrid .install-dima-note:hover { border-color:#b78d4f; }
  #install-app.install-hybrid .install-dima-note:focus-visible { outline:3px solid #482e9e; outline-offset:3px; }
  #install-app.install-hybrid .install-home-icon { right:0; top:34%; width:120px; background:linear-gradient(135deg,#fffaf2,#fff4dc); border-color:#e3c899; }
  #install-app.install-hybrid .install-home-icon > img { padding:8px; width:66px; height:66px; border-radius:19px; background:radial-gradient(circle,#fff8e7 40%,#efd4a1 43%,#fff4da 52%,#e2bc78 55%,#fff6df 66%); box-shadow:0 0 20px #dcb46b40; }
  #install-app.install-hybrid .install-device-picker { grid-template-columns:175px minmax(0,1fr); gap:.6rem 1rem; padding:1rem; }
  #install-app.install-hybrid .install-device-picker > legend { top:1rem; left:1rem; width:175px; font-size:1rem; font-weight:600; }
  #install-app.install-hybrid .install-device-picker > label { grid-column:1; margin:0; min-height:44px; gap:.5rem; justify-content:flex-start; padding:.5rem .7rem; font-size:1rem; border-radius:.6rem; background:white; }
  #install-app.install-hybrid .install-device-picker > label[for="install-device-iphone"] { grid-row:1; margin-top:1.55rem; }
  #install-app.install-hybrid .install-device-picker > label[for="install-device-android"] { grid-row:2; }
  #install-app.install-hybrid .install-device-picker > input:checked + label { color:#fffaf2; background:#432b78; border-color:#432b78; box-shadow:none; }
  #install-app.install-hybrid .install-device-picker > input:checked + label img { filter:brightness(0) invert(1); }
  #install-app.install-hybrid .install-compact-guide { grid-column:2; grid-row:1/3; min-width:0; }
  #install-app.install-hybrid .install-compact-guide ol { gap:.65rem; }
  #install-app.install-hybrid .install-compact-guide li { min-height:110px; align-items:flex-start; flex-direction:column; justify-content:center; gap:.65rem; padding:.8rem; background:#fff; border:1px solid #dfd2bd; border-radius:.75rem; box-shadow:0 2px 0 #cfbd9b; }
  #install-app.install-hybrid .install-compact-guide .install-step-symbol { display:grid; place-items:center; width:35px; height:35px; border:0; border-radius:8px; background:#fcf0d9; color:#36204e; }
  #install-app.install-hybrid .install-step-symbol svg { display:block; width:29px; height:29px; }
  #install-app.install-hybrid .install-compact-guide strong { display:block; font-size:1rem; line-height:1.4; }
  #install-app.install-hybrid .install-step-index { color:#966825; }
  #install-app.install-hybrid .install-detailed-guide > summary { padding-top:.1rem; text-align:right; font-size:.95rem; }
  @media(max-width:1050px) {
    #install-app.install-hybrid { grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr); column-gap:1rem; }
    #install-app.install-hybrid .install-product-preview { padding-right:45px; padding-left:20px; }
    #install-app.install-hybrid .install-product-phone { width:215px; }
    #install-app.install-hybrid .install-daily-note { width:160px; left:0; top:10px; }
    #install-app.install-hybrid .install-daily-note div > span { display:none; }
    #install-app.install-hybrid .install-dima-note { width:193px; left:0; }
    #install-app.install-hybrid .install-home-icon { width:102px; }
    #install-app.install-hybrid .install-showcase-cards { transform:scale(.9); margin-inline:-9px; }
    #install-app.install-hybrid .install-device-picker { grid-template-columns:155px minmax(0,1fr); }
    #install-app.install-hybrid .install-device-picker > legend { width:155px; font-size:.9rem; }
    #install-app.install-hybrid .install-compact-guide li { min-height:105px; flex-direction:row; align-items:center; justify-content:flex-start; }
  }
  @media(max-width:680px) {
    #install-app.install-hybrid { display:flex; }
    #install-app.install-hybrid .install-product-preview { padding:0 45px 0 20px; margin:.25rem 0; }
    #install-app.install-hybrid .install-product-phone { width:220px; max-width:100%; }
    #install-app.install-hybrid .install-daily-note { left:0; top:-18px; width:155px; }
    #install-app.install-hybrid .install-dima-note { left:0; width:197px; }
    #install-app.install-hybrid .install-device-picker { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
    #install-app.install-hybrid .install-device-picker > legend { position:static; width:100%; font-size:1.05rem; }
    #install-app.install-hybrid .install-device-picker > label[for] { grid-row:auto; grid-column:auto; justify-content:center; margin:0; padding:.65rem .4rem; }
    #install-app.install-hybrid .install-compact-guide { grid-row:auto; grid-column:1/-1; }
    #install-app.install-hybrid .install-compact-guide li { flex-direction:column; align-items:flex-start; justify-content:flex-start; min-height:130px; padding:.75rem; }
    #install-app.install-hybrid .install-compact-guide strong { font-size:1rem; overflow-wrap:anywhere; }
    #install-app.install-hybrid .install-detailed-guide > summary { text-align:left; padding-top:.3rem; }
  }

  #install-app.install-hybrid .install-device-picker { grid-template-columns:90px 90px minmax(0,1fr); gap:.5rem .6rem; padding:.85rem 1rem; }
  #install-app.install-hybrid .install-device-picker > legend { width:190px; top:.8rem; }
  #install-app.install-hybrid .install-device-picker > label[for] { grid-row:1; min-height:44px; margin:1.4rem 0 0; padding:.45rem; justify-content:center; gap:.35rem; font-size:.95rem; }
  #install-app.install-hybrid .install-device-picker > label[for="install-device-iphone"] { grid-column:1; }
  #install-app.install-hybrid .install-device-picker > label[for="install-device-android"] { grid-column:2; }
  #install-app.install-hybrid .install-compact-guide { grid-column:3; grid-row:1; }
  #install-app.install-hybrid .install-compact-guide li { min-height:66px; padding:.5rem .65rem; flex-direction:row; align-items:center; justify-content:flex-start; gap:.6rem; background:transparent; border:0; border-left:1px solid #deceb1; border-radius:0; box-shadow:none; }
  #install-app.install-hybrid .install-compact-guide .install-step-symbol { flex:none; width:30px; height:30px; background:#f8ebd1; }
  #install-app.install-hybrid .install-step-symbol svg { width:25px; height:25px; }
  #install-app.install-hybrid .install-compact-guide strong { font-size:1rem; line-height:1.35; }
  #install-app.install-hybrid .install-detailed-guide > summary { display:flex; align-items:center; justify-content:flex-end; gap:.5rem; min-height:36px; padding:.35rem 0 0; text-decoration:none; font-size:1rem; }
  #install-app.install-hybrid .install-detailed-guide > summary::after { content:"+"; display:grid; place-items:center; width:24px; height:24px; border:1px solid #cbb58a; border-radius:50%; font-size:1.2rem; }
  #install-app.install-hybrid .install-detailed-guide[open] > summary::after { content:"−"; }
  #install-app.install-hybrid .install-help-copy { margin:1rem 0 0; padding:1rem; border-top:1px solid #dfd0b4; font-size:1.0625rem; line-height:1.6; }
  @media(max-width:1050px) {
    #install-app.install-hybrid .install-compact-guide ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #install-app.install-hybrid .install-showcase-modes { visibility:hidden; }
  }
  @media(max-width:680px) {
    #install-app.install-hybrid .install-device-picker { grid-template-columns:repeat(2,minmax(0,1fr)); padding:.85rem; }
    #install-app.install-hybrid .install-device-picker > legend { width:100%; }
    #install-app.install-hybrid .install-device-picker > label[for] { grid-column:auto; grid-row:auto; margin:0; }
    #install-app.install-hybrid .install-compact-guide { grid-column:1/-1; grid-row:auto; }
    #install-app.install-hybrid .install-compact-guide li { padding:.6rem .3rem; min-height:72px; gap:.45rem; }
    #install-app.install-hybrid .install-compact-guide strong { font-size:.95rem; }
    #install-app.install-hybrid .install-compact-guide .install-step-symbol { width:25px; height:25px; }
    #install-app.install-hybrid .install-step-symbol svg { width:22px; height:22px; }
    #install-app.install-hybrid .install-detailed-guide > summary { justify-content:space-between; }
  }
  @media(min-width:1101px) {
    #install-app.install-hybrid .install-device-picker { grid-template-columns:90px 90px minmax(0,1fr) 150px; }
    #install-app.install-hybrid .install-detailed-guide { grid-column:4; grid-row:1; align-self:center; }
    #install-app.install-hybrid .install-detailed-guide > summary { min-height:44px; padding:0 0 0 .65rem; border-left:1px solid #deceb1; justify-content:space-between; text-align:left; }
    #install-app.install-hybrid .install-detailed-guide > summary::after { flex:none; }
    #install-app.install-hybrid .install-detailed-guide[open] { grid-column:1/-1; grid-row:2; }
    #install-app.install-hybrid .install-detailed-guide[open] > summary { position:absolute; top:.85rem; right:1rem; width:150px; min-height:66px; }
  }

body:has([data-app-installation-page]) .application-installation-page{padding-bottom:1rem}