/* Decorative numbers are absent from markup; ordered instructions retain their semantics. */
ol.steps li{grid-template-columns:minmax(0,1fr);gap:0}
ol.steps li::before{content:none;display:none}
ol.prepare-steps li{grid-template-columns:minmax(0,1fr);gap:0}
ol.prepare-steps li::before{content:none;display:none}
.hero-diagram .stage{grid-template-columns:minmax(0,1fr)}
body.white-theme .step{min-height:190px;display:block;padding:34px}
body.white-theme .step h3{margin:0 0 14px}
body.white-theme .fit-card{padding:32px}

/* Large original-format players, stacked rather than squeezed into two columns. */
#examples .wrap{width:min(1320px,calc(100% - 64px))}
#examples .example-grid{grid-template-columns:minmax(0,1fr);gap:56px}
#examples .media-card{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(220px,.85fr);gap:38px;align-items:center}
#examples .media-card:nth-child(even){grid-template-columns:minmax(220px,.85fr) minmax(0,2.65fr)}
#examples .media-card:nth-child(even) .media-shell{grid-column:2;grid-row:1}
#examples .media-card:nth-child(even) figcaption{grid-column:1;grid-row:1}
#examples .media-shell{aspect-ratio:auto;background:#171313;border-radius:26px;box-shadow:0 20px 56px #24201f12}
#examples .media-shell::after{display:none}
#examples .media-shell video{width:100%;height:auto;object-fit:contain;display:block}
#examples figcaption{padding:0;min-width:0}
#examples .media-card h3{font-size:clamp(1.5rem,2.2vw,2rem);margin:0 0 14px}
#examples .media-card p{font-size:16px;line-height:1.75}
#examples .source{font-size:12px;margin-top:36px;text-align:left}

/* Album photograph gives the privacy section context without a giant empty emblem. */
.white-theme .privacy-card{padding:0;border:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;border-radius:0;overflow:visible}
.privacy-album{margin:0;padding:12px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 22px 55px #24201f0c;min-width:0}
.privacy-album img{width:100%;height:auto;border-radius:17px}
.privacy-album figcaption{display:flex;gap:14px;align-items:center;padding:19px 9px 8px;font-size:16px;font-weight:700;line-height:1.5}
.privacy-album small{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:4px}
.album-symbol{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#fff1e9;color:var(--coral)}
.album-symbol svg{width:25px;height:25px}
.privacy .privacy-copy h2{font-size:clamp(2.2rem,3.45vw,3.15rem);line-height:1.15;margin-bottom:22px;overflow-wrap:anywhere}
.privacy .privacy-copy h2 em{font-family:'Playfair Display',serif;color:var(--coral);font-weight:600}
.privacy .checks{gap:15px;padding-top:7px}

/* White comparison cards: illustrations, then high-contrast product descriptions. */
.white-theme .comparison-card{padding:0;border:0;border-radius:0;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;overflow:visible}
.white-theme .comparison-card::after{display:none}
.comparison-card h2{font-size:clamp(2.2rem,3.45vw,3.15rem);line-height:1.15}
.white-theme .compare-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.white-theme .compare-fact{padding:22px;border:1px solid var(--line);border-radius:24px;background:#fafafa;min-width:0}
.compare-art{height:112px;display:grid;place-items:center;margin-bottom:20px;border-radius:16px;background:#fff1e9;color:#d75a38}
.compare-art svg{width:100%;max-width:220px;height:100%}
.face-art{background:#f1edf4;color:#705c78}
.white-theme .compare-fact strong{font-size:17px;line-height:1.4;margin-bottom:10px;overflow-wrap:anywhere}
.white-theme .compare-fact span{display:block;color:var(--muted);font-size:14px;line-height:1.65}
.white-theme .compare-fact .compare-tag{font-size:11px;font-weight:700;line-height:1.5;color:var(--coral)!important;margin-top:18px}

@media(max-width:1024px){#examples .media-card,#examples .media-card:nth-child(even){grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px}#examples .media-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.white-theme .privacy-card,.white-theme .comparison-card{gap:36px}.white-theme .comparison-card{grid-template-columns:1fr}.white-theme .compare-facts{max-width:760px}.white-theme .compare-fact{padding:28px}}
@media(max-width:768px){#examples .wrap{width:calc(100% - 32px)}#examples .media-card,#examples .media-card:nth-child(even){grid-template-columns:minmax(0,1fr);gap:22px}#examples .media-card:nth-child(even) .media-shell,#examples .media-card:nth-child(even) figcaption{grid-column:auto;grid-row:auto}#examples .example-grid{gap:42px}#examples .media-shell{border-radius:22px}.white-theme .privacy-card{grid-template-columns:1fr;gap:34px}.privacy-album{max-width:600px;margin-inline:auto}.privacy .privacy-copy h2,.comparison-card h2{font-size:clamp(2.1rem,6vw,2.8rem)}.white-theme .step{min-height:0;padding:28px}.white-theme .fit-card{padding:28px}}
@media(max-width:390px){#examples .wrap{width:calc(100% - 28px)}.white-theme .compare-facts{grid-template-columns:minmax(0,1fr)}.white-theme .compare-fact{padding:22px}.compare-art{height:100px}.privacy-album{padding:9px;border-radius:22px}.privacy-album figcaption{padding:16px 5px 7px;font-size:14px}.privacy-album small{font-size:11px}.privacy .privacy-copy h2,.comparison-card h2{font-size:2.1rem}.privacy .check{font-size:14px}#examples .media-shell{border-radius:18px}}
@media(max-width:320px){#examples .wrap{width:calc(100% - 24px)}.privacy .privacy-copy h2,.comparison-card h2{font-size:1.9rem}.privacy-album figcaption{gap:10px}.album-symbol{width:36px;height:36px}}
