.ao-scroll-demo,.ao-scroll-demo * { box-sizing:border-box; }
.ao-scroll-demo { background:#0B0C0E; color:#fff; border-block:1px solid #303030; position:relative; z-index:1; scroll-margin-top:181px; }
.ao-scroll-demo__inner { max-width:1290px; margin:0 auto; padding:24px 30px; }
.ao-scroll-demo summary { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:center; cursor:pointer; list-style:none; }
.ao-scroll-demo__summary-text { margin:0; }
.ao-scroll-demo summary::-webkit-details-marker { display:none; }
.ao-scroll-demo summary:focus-visible { outline:2px solid #00ABD7; outline-offset:8px; }
.ao-scroll-demo__summary-text { display:grid; gap:8px; }
.ao-scroll-demo__eyebrow { font:12px/1 Inter,sans-serif; letter-spacing:.12em; color:#00ABD7; }
.ao-scroll-demo__title { font:700 36px/1.2 Manrope,sans-serif; }
.ao-scroll-demo__label { font:14px/1 Inter,sans-serif; color:#fff; }
.ao-scroll-demo__actions { display:flex; align-items:center; gap:16px; }
.ao-scroll-demo__label--open,.ao-scroll-demo__details[open] .ao-scroll-demo__label--closed { display:none; }
.ao-scroll-demo__details[open] .ao-scroll-demo__label--open { display:inline; }
.ao-scroll-demo__plus { width:18px; height:18px; position:relative; flex:0 0 18px; }
.ao-scroll-demo__plus:before,.ao-scroll-demo__plus:after { content:''; position:absolute; background:#00ABD7; inset:8px 0 auto; height:2px; }
.ao-scroll-demo__plus:after { inset:0 auto 0 8px; width:2px; height:auto; }
.ao-scroll-demo__details[open] .ao-scroll-demo__plus:after { display:none; }
.ao-scroll-demo__content { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr); gap:40px; padding:24px 0 16px; }
.ao-scroll-demo__text { font:17px/1.65 Inter,sans-serif; color:#D8D8D8; }
.ao-scroll-demo__text p { margin:0 0 16px; }
.ao-scroll-demo__text a { color:#00ABD7; text-decoration:underline; }
.ao-scroll-demo__media { min-width:0; width:100%; max-width:720px; }
.ao-scroll-demo__media .ao-uhr { margin:0; }
.ao-scroll-demo__hint { font:14px/1.5 Inter,sans-serif; color:#D8D8D8; }
.ao-scroll-demo__hint--reduced { display:none; }
@media (prefers-reduced-motion: reduce) { .ao-scroll-demo__hint--normal { display:none; } .ao-scroll-demo__hint--reduced { display:block; } .ao-scroll-demo summary { transition:none; } }
@media (max-width:767px) { .ao-scroll-demo__inner { padding:20px; } .ao-scroll-demo__title { font-size:26px; } .ao-scroll-demo__content { grid-template-columns:1fr; gap:20px; } .ao-scroll-demo summary { gap:10px; } .ao-scroll-demo__label { white-space:nowrap; } }
@media (max-width:600px) { .ao-scroll-demo__label { display:none !important; } }

@media (max-width:1023px) { .ao-scroll-demo { scroll-margin-top:111px; } }