:root{--ink:#102e37;--navy:#0a252e;--teal:#13505a;--paper:#f6f5ef;--gold:#e6bc69;--line:#d9dfd9;--muted:#5a6e70;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Noto Sans",Arial,"Noto Sans CJK SC","Microsoft YaHei",sans-serif;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #bd7e1d;outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.04em}h2{font-size:clamp(28px,3vw,42px);margin-bottom:0}h3{font-size:25px}.preview-bar{background:#e8e9df;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 5%;font-size:11px;letter-spacing:.05em}.status-dot{display:inline-block;width:6px;height:6px;background:#947027;border-radius:100%;flex-shrink:0}.edition{margin-left:auto;font-size:10px;letter-spacing:.15em}header{background:rgba(246,245,239,.96);display:flex;align-items:center;justify-content:space-between;padding:22px max(5%,calc((100vw - 1240px)/2));gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand img{width:54px;height:54px;border-radius:50%}.brand strong{font-size:23px;letter-spacing:-.035em;display:block;line-height:1.2}.brand small{font-size:8px;letter-spacing:.19em}nav{display:flex;gap:30px;font-size:13px;font-weight:600}nav a:hover{color:#a57427}.languages{display:flex;border:1px solid #c8d1ca;padding:3px;border-radius:7px;gap:2px}.languages button{background:none;border:0;font-size:11px;padding:6px 9px;border-radius:4px}.languages button[aria-pressed=true]{background:var(--ink);color:white}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:570px;background:var(--navy);color:#f5f3eb;overflow:hidden}.hero-copy{padding:65px 30px 45px max(6vw,calc((100vw - 1240px)/2));z-index:1}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:600;color:#c8b88e;display:flex;align-items:center;gap:8px;text-transform:uppercase;margin-bottom:25px}.eyebrow>span:first-child:empty{width:22px;height:1px;background:var(--gold)}h1{font-size:clamp(40px,4.5vw,64px);font-weight:600;line-height:1.24;margin-bottom:23px}h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{color:#bacacb;max-width:410px;font-size:15px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:30px;padding:13px 23px;border-radius:5px;font-size:13px;font-weight:600}.primary{background:var(--gold);color:#152c32}.primary:hover{background:#f6cf86}.quiet-link{font-size:12px;border-bottom:1px solid #728c8e;padding:8px 0;display:flex;gap:15px}.hero-note{margin-top:43px;display:flex;flex-direction:column;gap:5px}.hero-note span{font-size:8px;letter-spacing:.18em;color:#91a9aa}.hero-note small{font-size:11px;color:#8aa2a4}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;min-height:510px;background:radial-gradient(ellipse at 55% 48%,#235260 0%,transparent 65%)}.robot-frame{width:68%;max-width:365px;aspect-ratio:1;border-radius:45px;overflow:hidden;transform:rotate(-7deg);border:7px solid #34515b;box-shadow:0 28px 60px #00182177}.robot-frame img{width:100%;height:100%;object-fit:contain}.orbit{position:absolute;border:1px solid #47626988;border-radius:50%;width:85%;height:85%;transform:rotate(-25deg);z-index:-1}.orbit-two{width:110%;height:55%;transform:rotate(30deg)}.art-label{position:absolute;bottom:70px;left:8%;display:flex;flex-direction:column;gap:2px;padding:14px 22px;background:#f3e6ca;transform:rotate(3deg);color:var(--ink);box-shadow:0 6px 30px #00181b55;border-radius:6px}.art-label>span{font-size:25px;font-weight:bold;line-height:1.2}.art-label small{font-size:11px}.star{position:absolute;color:var(--gold);font-size:45px}.star-one{top:70px;right:13%}.star-two{bottom:103px;right:13%;font-size:26px;font-weight:200}.corner-note{position:absolute;bottom:28px;right:9%;font-size:8px;letter-spacing:.16em;line-height:1.8;color:#8ca6a8}.principles{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px max(6%,calc((100vw - 1240px)/2));font-size:11px;color:var(--muted);letter-spacing:.04em}.section{max-width:1240px;margin:auto;padding:70px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}.eyebrow.dark{color:#738481;margin-bottom:13px;font-size:9px}.section-heading>p{max-width:330px;font-size:13px;color:var(--muted);margin:0}.feature{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.feature-image{height:360px;background:#e8eeed;padding:20px;display:flex;align-items:center;justify-content:center}.feature-image img{width:100%;height:100%;object-fit:contain;box-shadow:0 8px 25px #001b2712}.feature-body{padding:42px 45px}.meta{display:flex;gap:20px;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#6b7a75;text-transform:uppercase;margin-bottom:18px}.feature-body h3{font-size:32px;margin-bottom:18px}.feature-body>p{font-size:14px}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row span{border:1px solid var(--line);border-radius:4px;padding:4px 8px;font-size:10px}.muted{font-size:11px!important;color:var(--muted);line-height:1.8}.feature-body .muted{margin:20px 0}.text-button{background:transparent;border:0;border-bottom:1px solid #90a5a4;padding:5px 0;font-size:12px;font-weight:600}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.comic-card{min-width:0}.comic-cover{border:0;background:#e7e6dc;border-radius:12px;padding:14px;display:block;width:100%;height:350px;transition:background .2s}.comic-cover:hover{background:#d9dfd5}.comic-cover img{width:100%;height:100%;object-fit:contain}.comic-card .meta{margin:20px 0 10px;font-size:9px;letter-spacing:.06em}.comic-card h3{font-size:21px;margin-bottom:12px}.comic-card>p{font-size:12px;color:var(--muted);margin-bottom:14px}.practice{background:var(--teal);color:#f5f4e9;border-radius:var(--radius);padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:10px}.practice h2{margin-bottom:20px}.practice>div>p{font-size:13px;color:#d3dfda;max-width:420px}.practice-steps{display:flex;flex-wrap:wrap;gap:16px;margin-top:27px;font-size:10px;color:#e9d5a6}.prompt-card{background:#f6f3e9;color:var(--ink);border-radius:9px;padding:28px}.prompt-card p{font-size:16px;white-space:pre-line;line-height:1.9;margin-bottom:23px}.copy-button{padding:8px 14px;background:var(--ink);border:0;border-radius:4px;color:white;font-size:11px}.prompt-card small{display:block;font-size:10px;color:#627976;margin-top:17px}.prompt-card #copy-status{font-size:10px;margin-left:10px}.news{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.news h2{font-size:34px}.news-empty{display:flex;gap:23px;border-top:1px solid var(--line);padding-top:24px}.news-empty h3{font-size:17px;margin-bottom:12px}.news-empty p{font-size:12px;color:var(--muted);margin-bottom:0}.empty-icon{font-size:25px;color:#9b7c40}.review-note{max-width:1240px;margin:0 auto 36px;padding:19px 25px;display:flex;align-items:center;gap:12px;background:#eaece4;border-radius:6px}.review-note p{font-size:11px;margin:0;color:#5c6b62}footer{border-top:1px solid var(--line);padding:35px max(6%,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.footer-brand{font-size:21px;font-weight:700;color:var(--ink)}dialog{padding:0;border:0;border-radius:12px;width:min(960px,94vw);max-height:94vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#04181fe8}body:has(dialog[open]){overflow:hidden}.reader-bar{position:sticky;top:0;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:10px 25px;z-index:2;font-size:11px}.reader-bar button{background:none;border:0;color:white;font-size:28px;line-height:1}.reader-content{padding:35px}.reader-content h2{font-size:31px;margin-bottom:18px}.reader-content>p{font-size:14px}.reader-status{color:#81642b;font-size:11px!important}#reader-pages{display:flex;flex-direction:column;gap:22px;margin:25px 0}#reader-pages img{width:100%;height:auto}#reader-pages a{display:block}#reader-pages small{display:block;font-size:11px;margin:7px 0;color:var(--muted)}.source-box{border-top:1px solid var(--line);padding-top:25px;font-size:12px;overflow-wrap:anywhere}.source-box h3{font-size:19px}.source-box a{text-decoration:underline}.source-box li{margin-bottom:8px}@media(min-width:1600px){.hero-copy{padding-left:100px}.hero{border-radius:0 0 18px 18px}}@media(max-width:1370px){.section,.review-note{margin-left:6%;margin-right:6%}}@media(max-width:950px){header{flex-wrap:wrap;gap:18px;padding:18px 6%}nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:12px}.hero{grid-template-columns:1.1fr 1fr;min-height:500px}.hero-copy{padding:45px 20px 35px 6vw}h1{font-size:40px}.hero-art{min-height:450px}.art-label{bottom:75px}.hero-actions{gap:13px;flex-wrap:wrap}.section{padding-top:48px;padding-bottom:48px}.feature-body{padding:28px}.feature-body h3{font-size:27px}.comic-cover{height:290px;padding:10px}.comic-grid{gap:18px}.practice{padding:32px;gap:32px}.section-heading>p{max-width:240px}.news{gap:30px}.news h2{font-size:28px}.hero-note{margin-top:25px}}
@media(max-width:650px){.preview-bar{font-size:10px;justify-content:flex-start}.edition{font-size:8px}.brand img{width:44px;height:44px}.brand strong{font-size:20px}.brand small{font-size:7px}header{gap:18px}.languages button{padding:5px 7px}.hero{display:flex;flex-direction:column}.hero-copy{padding:38px 7% 10px}.hero-copy>p{font-size:14px;max-width:95%}h1{font-size:42px}.eyebrow{margin-bottom:20px}.hero-note{margin-top:27px}.hero-art{min-height:340px;height:340px}.robot-frame{width:230px;border-radius:30px;border-width:5px}.orbit{width:320px;height:290px}.orbit-two{width:410px;height:185px}.star-one{right:13%;top:30px;font-size:33px}.art-label{left:13%;bottom:26px;padding:10px 17px}.art-label>span{font-size:22px}.star-two{bottom:48px;right:15%}.corner-note{right:6%;bottom:15px;font-size:7px}.principles{padding:20px 7%;gap:12px;font-size:9px}.section,.review-note{margin-left:7%;margin-right:7%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:none;margin-top:15px;font-size:12px}h2{font-size:28px}.feature{grid-template-columns:1fr}.feature-image{height:360px;padding:18px}.feature-body{padding:27px}.feature-body h3{font-size:26px}.comic-grid{grid-template-columns:1fr;gap:35px}.comic-cover{height:420px;padding:15px}.comic-card h3{font-size:23px}.comic-card>p{font-size:13px}.practice{display:block;padding:27px}.practice h2{font-size:27px}.prompt-card{margin-top:25px;padding:24px}.practice-steps{font-size:9px;gap:12px}.news{grid-template-columns:1fr;gap:28px}.review-note{padding:17px}.review-note p{font-size:10px}footer{align-items:flex-start;flex-direction:column;gap:12px;padding:28px 7%}.reader-content{padding:21px}.reader-content h2{font-size:25px}.reader-content>p{font-size:12px}.reader-bar{padding:9px 18px}dialog{width:96vw;max-height:96vh}#reader-pages{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.partner{border:1px dashed #b9c4bc;border-radius:10px;padding:25px 30px;display:flex;gap:40px;align-items:center;margin-bottom:35px}.partner>div{flex:0 0 32%}.partner h3{font-size:18px;margin:0}.partner .eyebrow{margin-bottom:8px}.partner>p{font-size:11px;color:var(--muted);margin:0}@media(max-width:650px){.partner{display:block;padding:22px}.partner>p{margin-top:15px}}

/* The lite edition contains one representative comic. */
.comic-grid{grid-template-columns:minmax(0,480px)}.comic-cover{height:420px}@media(max-width:650px){.comic-grid{grid-template-columns:1fr}}

.slogan{text-align:center;font-weight:700;font-size:1.25rem;margin:1.5rem 1rem;letter-spacing:.04em}
@media(min-width:651px){#comics .comic-grid,#lessons .comic-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}
.video-card .comic-cover{position:relative;display:block}.video-card .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.55);color:#fff;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;font-size:22px}.brand-logo{height:28px;width:auto;max-width:110px;object-fit:contain}.video-card .meta{align-items:center}
@media(min-width:651px){#tools .video-grid{grid-template-columns:repeat(3,1fr)}}.brand-logo{height:36px}
@media(min-width:651px){#tools .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:none}}