.aol-hero{padding:48px 0}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:44px;align-items:center}
.aol-hero h1{font-size:clamp(3.2rem,5.4vw,5.7rem);line-height:.91;letter-spacing:-.058em;margin:12px 0 20px}.lead{font-size:1.15rem;line-height:1.65;color:#d8dde7}
.wtf{margin:20px 0;padding:15px 17px;border-left:3px solid var(--cyan);background:rgba(86,215,255,.055);border-radius:0 12px 12px 0;font-weight:850}
.aolbox,.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px}.aolbox{min-height:390px;box-shadow:var(--shadow)}
.aol-logo{font-size:4rem;font-weight:950;letter-spacing:-.08em;color:#fff}.aol-logo span{color:var(--cyan)}.login{display:grid;gap:10px;margin-top:25px}.fakeinput{background:#0d131c;border:1px solid var(--line);border-radius:10px;padding:13px;color:#9da8b8}
.status{min-height:68px;margin-top:18px;padding:15px;background:#0b1018;border-radius:12px;font-family:monospace;color:#bfeeff}
.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.fact{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:17px}.fact strong{display:block;color:var(--gold);font-size:1.16rem}.fact small{color:var(--muted)}
.mail-demo{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.mailbox{background:#e5e5e5;color:#111;border:5px ridge #c7c7c7;min-height:320px}.mailbar{background:#144e9b;color:#fff;padding:8px 10px;font-weight:900}.mailrow{padding:12px;border-bottom:1px solid #aaa;cursor:pointer}.mailrow:hover{background:#fff}.mailread{background:#fff;color:#111;padding:20px;min-height:320px;border:5px ridge #c7c7c7}
.cdwall{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cd{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#111 0 7%,#d9e4ea 8% 34%,#87c9e5 35% 38%,#e8d99b 39% 70%,#c9c9c9 71%);display:grid;place-items:center;color:#123;font-weight:950;box-shadow:0 10px 25px #0006;transform:rotate(var(--r))}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare>div{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}
.chatroom{background:#ececec;color:#111;border:5px ridge #bbb}.chathead{background:#144e9b;color:#fff;padding:8px 10px;font-weight:900}.chatlog{height:210px;overflow:auto;padding:13px;font-family:monospace}.chatline{margin:7px 0}.chatcontrols{display:flex;gap:8px;padding:10px;border-top:1px solid #999}.chatcontrols input{flex:1;padding:10px}.chatcontrols button{padding:10px 14px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px 18px;margin:9px 0}.faq summary{font-weight:900;cursor:pointer}.sources{color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.sources a{color:#a9e8ff}
.next-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.next-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:19px;text-decoration:none}.next-card strong{display:block}.next-card small{color:var(--muted)}
@media(max-width:820px){.hero-grid,.mail-demo,.compare{grid-template-columns:1fr}.fact-strip{grid-template-columns:1fr 1fr}.cdwall{grid-template-columns:repeat(3,1fr)}.next-cards{grid-template-columns:1fr}.aol-hero h1{font-size:clamp(3rem,13vw,4.6rem)}}

.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.choice{padding:14px;border:1px solid var(--line);border-radius:12px;background:#202631;color:#fff;font-weight:900;cursor:pointer}
.choice.good{outline:2px solid var(--green)}
.choice.bad{outline:2px solid #ff6969}
.quiz-result{min-height:44px;margin-top:14px;font-weight:850}
.adbox{border:1px solid rgba(255,190,70,.42);border-radius:25px;padding:28px;background:linear-gradient(135deg,rgba(255,138,36,.13),rgba(49,204,255,.08),var(--panel));box-shadow:var(--shadow)}
.adlabel{display:inline-block;font-size:.68rem;letter-spacing:.14em;font-weight:900;border:1px solid #717784;border-radius:99px;padding:5px 9px;color:#b8bec9;margin-bottom:14px}
@media(max-width:820px){.quiz-options{grid-template-columns:1fr}}