/* N24 isolated Android section. Shared header, form, FAQ and footer retain their styles. */
.n24-android { color: var(--commercial-text, #373642); font-family: Montserrat, sans-serif; font-size: 17px; line-height: 1.65; scroll-margin-top: 30px; }
.n24-android h2,.n24-android h3,.n24-android h4 { color: var(--commercial-ink, #272631); font-weight: 700; line-height: 1.2; margin: 0; text-wrap: balance; }
.n24-android h2 { font-size: clamp(30px, 3.4vw, 46px); letter-spacing: -.035em; }
.n24-android h3 { font-size: clamp(25px, 2.5vw, 34px); letter-spacing: -.025em; }
.n24-android h4 { font-size: 19px; }
.n24-android p { margin: 16px 0 0; }
.n24-android .n24-kicker { color: #5843bd; margin: 0 0 16px; font-size: 12px; line-height: 1.5; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.n24-intro { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 46px; align-items: center; padding: 38px 0 50px; }
.n24-android .n24-lead { font-size: 20px; color: #3d367f; line-height: 1.5; }
.n24-android .n24-proof-line { padding-left: 18px; border-left: 3px solid #9581ed; font-size: 14px; line-height: 1.65; }
.n24-proof-line a,.n24-text-link,.n24-source-note a { color: #5843bd; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.n24-intro .commercial-button { margin-top: 24px; }
.n24-visual { margin: 0; }
.n24-visual img { display: block; width: 100%; height: auto; border-radius: 30px; }
.n24-visual figcaption { margin-top: 12px; color: #666370; font-size: 14px; line-height: 1.5; }
.n24-block { padding: 48px 0; border-top: 1px solid rgba(88,67,189,.18); }
.n24-devices,.n24-delivery { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 70px; }
.n24-device-list { margin: 0; }
.n24-device-list > div { padding: 20px 0; border-bottom: 1px solid rgba(88,67,189,.18); }
.n24-device-list > div:first-child { padding-top: 0; }
.n24-device-list dt { color: #3d367f; font-size: 19px; font-weight: 700; line-height: 1.3; }
.n24-device-list dd { margin: 10px 0 0; }
.n24-scenario__heading { max-width: 870px; }
.n24-flow { margin: 28px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.n24-flow > li { padding-top: 20px; border-top: 3px solid #9581ed; }
.n24-flow > li > span { display: block; margin-bottom: 14px; color: #5843bd; font-size: 14px; font-weight: 700; }
.n24-exception { margin-top: 28px; padding: 24px 28px; border-radius: 22px; background: #f7f5ff; }
.n24-evidence { padding: 38px 36px; border: 1px solid rgba(88,67,189,.18); border-radius: 30px; background: linear-gradient(120deg,#f7f5ff,#fff); }
.n24-evidence p { max-width: 1020px; }
.n24-text-link { display: inline-block; margin-top: 18px; }
.n24-delivery { border-top: 0; }
.n24-handover { padding: 28px; border-radius: 22px; background: #f7f5ff; }
.n24-handover ul,.n24-checklist { margin: 18px 0 0; padding-left: 22px; }
.n24-handover li,.n24-checklist li { padding-left: 6px; margin: 10px 0; }
.n24-handover > p { font-size: 14px; color: #666370; }
.n24-acceptance { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 0 70px; }
.n24-checklist { margin-top: 0; }
.n24-android .n24-source-note { grid-column: 1/-1; font-size: 14px; color: #666370; margin-top: 24px; }
.n24-questions { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 40px; }
.n24-request { padding: 34px 36px; background: #efebff; border-radius: 30px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 40px; margin: 6px 0 56px; }
.n24-request .commercial-button { max-width: 310px; }
.n24-android a:focus-visible { outline: 3px solid #4e35bd; outline-offset: 4px; }
/* The following rules apply only to the separate demonstration wrapper. */
.n24-demo-shell { max-width: 1320px; margin: 0 auto; padding: 0 15px; }
.n24-demo-heading { padding: 16px 0 12px; }
.n24-demo-heading h1 { margin: 0; font-size: clamp(27px,3vw,40px); color: #272631; line-height: 1.25; letter-spacing: -.025em; }
.n24-demo-heading > p { max-width: 740px; margin: 12px 0 0; font-size: 17px; line-height: 1.6; }
@media(max-width: 1000px) { .n24-intro { grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: 28px; } .n24-devices,.n24-delivery,.n24-acceptance { gap: 0 36px; } .n24-request { grid-template-columns: minmax(0,1fr); gap: 24px; } }
@media(max-width: 767px) { .n24-android { font-size: 16px; } .n24-intro { grid-template-columns: minmax(0,1fr); gap: 28px; padding: 30px 0 38px; } .n24-android .n24-lead { font-size: 18px; } .n24-devices,.n24-delivery,.n24-acceptance,.n24-questions { grid-template-columns: minmax(0,1fr); gap: 26px; } .n24-flow { grid-template-columns: minmax(0,1fr); gap: 24px; } .n24-block { padding: 36px 0; } .n24-evidence,.n24-request { padding: 26px 20px; } .n24-handover,.n24-exception { padding: 22px 20px; } .n24-source-note { grid-column: auto; } }
@media(max-width: 374px) { .n24-evidence,.n24-request,.n24-handover,.n24-exception { padding: 22px 16px; } .n24-intro .commercial-button,.n24-request .commercial-button { width: 100%; min-width: 0; } }