/* Readable, low-choice first-visit layer; the Grok palette stays unchanged. */
.simple-onboarding .skip-link:not(:focus){clip-path:inset(50%)}
.simple-onboarding{font-size:17px}.simple-onboarding .site-header nav{gap:16px;font-size:16px}.simple-onboarding .site-header nav>a{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:10px 18px;border:1px solid #3b3b3b;border-radius:8px;background:#1f1f1f}.simple-onboarding .eyebrow{font-size:15px;letter-spacing:0}.simple-onboarding .hero{gap:45px;padding-block:44px}.simple-onboarding .hero-description{font-size:18px;line-height:1.9;color:#b9b9b9}.simple-onboarding .actions{gap:12px}.simple-onboarding .button{min-height:52px;padding:12px 20px;font-size:17px;font-weight:600;line-height:1.6;text-align:center;cursor:pointer}.button-secondary{background:#252525;color:#eee;border-color:#484848!important}.button-secondary:hover{background:#303030}.button:disabled{opacity:.35;cursor:default}.simple-onboarding .hero-art-caption strong{font-size:27px}.simple-onboarding .proof-strip{gap:25px}.simple-onboarding .proof-strip p,.simple-onboarding .proof-strip span{font-size:15px;color:#b5b5b5}.simple-onboarding .section-space{padding-block:38px}.simple-onboarding .section-heading{margin-bottom:26px}.simple-onboarding .section-heading h2{font-size:30px}.section-description{font-size:18px;color:#b5b5b5;line-height:1.9;margin:12px 0 0}
.getting-started{padding-block:48px;border-bottom:1px solid #2a2a2a}.start-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:36px;align-items:start}.comic-reader{min-width:0;border:1px solid #363636;border-radius:12px;background:#161616;overflow:hidden}.comic-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:18px}.comic-top strong{font-weight:600}.comic-top>span{font-size:17px;color:#bbb;background:#242424;padding:2px 12px;border-radius:20px}.comic-image-wrap{touch-action:pan-y}.comic-image-wrap img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.comic-caption{font-size:18px;color:#ddd;line-height:1.8;padding:16px 20px 0;min-height:82px;margin:0}.comic-controls{display:grid;grid-template-columns:1fr 1.65fr;gap:12px;padding:18px 20px 20px}.quick-use{scroll-margin-top:25px;border:1px solid #303030;border-radius:12px;padding:26px;background:#161616}.quick-use h3{font-size:24px;font-weight:600;line-height:1.5;margin-bottom:22px;letter-spacing:-.5px}.howto-steps{list-style:none;padding:0;margin:0}.howto-steps li{display:flex;gap:14px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #303030}.step-number{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;font-size:17px;font-weight:700;color:#fff;background:#1d9bf0;margin-top:2px}.howto-steps h4{font-size:19px;font-weight:600;line-height:1.65;margin:0 0 8px}.howto-steps p{font-size:17px;line-height:1.8;color:#b7b7b7;margin:0}.ui-example{background:#232323;border:1px solid #3c3c3c;padding:10px 13px;font-size:16px;margin-top:12px;border-radius:8px;color:#d0d0d0}.more-help{margin:0 0 22px;border:1px solid #444;border-radius:8px;background:#202020}.more-help summary{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:54px;padding:12px 15px;cursor:pointer;list-style:none;font-size:16px;font-weight:600;line-height:1.8}.more-help summary::-webkit-details-marker{display:none}.more-help summary:after{content:'+';font-size:22px;color:#1d9bf0}.more-help[open] summary:after{content:'−'}.more-help>div{padding:0 15px 5px}.more-help p{font-size:16px;line-height:1.9;color:#bbb;margin:0 0 15px}.start-library{display:flex!important;width:100%}
.simple-onboarding .offering-card h3{font-size:20px}.simple-onboarding .offering-card p{font-size:17px;line-height:1.85;margin-bottom:0;color:#b3b3b3}.simple-onboarding .offering-top{margin-bottom:18px}.simple-onboarding .reading-label{font-size:15px;letter-spacing:0}.simple-onboarding .reading-body h3{font-size:20px;line-height:1.65}.simple-onboarding .reading-body p{font-size:17px;color:#b5b5b5;line-height:1.8}.simple-onboarding .reading-bottom{flex-wrap:wrap;font-size:14px;color:#aaa;gap:12px}.simple-onboarding .reading-action{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;border:1px solid #415269;border-radius:7px;background:#1b2935;color:#71c5ff;font-size:17px;font-weight:600}.simple-onboarding .reading-note{font-size:16px;color:#aaa;line-height:1.9}.simple-onboarding .subscription-box{gap:35px}.simple-onboarding .subscription-box p:not(.eyebrow){font-size:18px;color:#b9b9b9;line-height:1.8}.simple-onboarding .subscription-box aside h3{font-size:22px;margin:0 0 18px}.simple-onboarding .subscription-box aside{padding-left:30px}.simple-onboarding .site-footer>div{font-size:16px}.simple-onboarding .site-footer>div>a{display:inline-flex;align-items:center;min-height:48px;padding:8px 16px;border:1px solid #3b3b3b;border-radius:8px;background:#1f1f1f}
@media(max-width:1000px){.start-layout{gap:22px;grid-template-columns:1fr 1fr}.quick-use{padding:20px}.howto-steps li{gap:10px}.simple-onboarding .hero{gap:25px}.simple-onboarding .actions{align-items:stretch}.simple-onboarding .actions .button{width:100%}}
@media(max-width:850px){.start-layout{grid-template-columns:1fr}.comic-reader{width:min(600px,100%);margin-inline:auto}.quick-use{width:min(600px,100%);margin-inline:auto}.simple-onboarding .section-heading h2{font-size:27px}}
@media(max-width:760px){.simple-onboarding .site-header{gap:12px}.simple-onboarding .brand-banner{height:40px}.simple-onboarding .site-header nav{width:100%;gap:10px;font-size:16px}.simple-onboarding .site-header nav>a{flex:1;padding:9px 12px}.simple-onboarding .hero{padding-block:32px;gap:26px}.simple-onboarding .hero-description{font-size:18px}.simple-onboarding .eyebrow{font-size:14px}.simple-onboarding .hero-art{height:285px}.simple-onboarding .hero-instructor{object-position:center 18%}.simple-onboarding .hero-art-caption strong{font-size:24px}.simple-onboarding .proof-strip{gap:17px}.simple-onboarding .proof-strip p{font-size:16px}.simple-onboarding .proof-strip span{font-size:15px}.getting-started{padding-block:35px}.section-description{font-size:17px;line-height:1.8}.comic-top{padding:14px 16px}.comic-caption{padding:15px 16px 0;min-height:95px;font-size:17px}.comic-controls{padding:16px;gap:10px;grid-template-columns:1fr 1.65fr}.simple-onboarding .comic-controls .button{padding:12px 8px;font-size:17px}.quick-use h3{font-size:23px}.howto-steps h4{font-size:19px}.howto-steps p{font-size:17px}.simple-onboarding .section-space{padding-block:32px}.simple-onboarding .subscription-box p:not(.eyebrow){font-size:17px}.simple-onboarding .subscription-box aside{padding-left:0}.simple-onboarding .site-footer{gap:16px}.simple-onboarding .site-footer>div{width:auto;margin-left:0}.simple-onboarding .site-footer .brand-banner{height:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}