/* Sunny comic-diary illustration system. Keep readable text and real product examples in HTML. */
:root{--bg:#fcfbf5;--ink:#66544f;--muted:#66544f;--accent:#66544f;--line:#d9e1e6;--warm-paper:#fcfbf5;--warm-ink:#66544f;--warm-blue:#66544f}
body,.site-home{background:#fcfbf5;color:#66544f}.topbar,.site-home .topbar{background:#fcfbf5f2;border-bottom-color:#dfe6ea;box-shadow:0 4px 25px #66544f06}.brand,.topbar nav,.topbar nav a[aria-current],.page-heading h1{color:#66544f}.brand small{color:#66544f}.nav-download,.site-home .nav-download{background:#66544f;color:#fff;border-color:#66544f}.nav-download:hover,.site-home .nav-download:hover{color:#fff;background:#66544f}.button.primary,.site-home .hero-actions .primary,.home-invitation .button.primary,.closing .button.primary{background:#66544f;color:#fff;border-color:#66544f;box-shadow:0 6px 18px #66544f10}.button.primary:hover,.site-home .hero-actions .primary:hover{color:#fff;background:#66544f}.button.dark{background:#66544f}.eyebrow,.chapter-label{color:#66544f}.muted,.lead,.page-heading .lead{color:#66544f}.button.ghost,.site-home .hero-actions .ghost{background:#fbe7d6;border-color:#f4dcca;color:#795c44}.button.ghost:hover,.site-home .hero-actions .ghost:hover{color:#674d38;background:#f7ddc6}.site-home a:focus-visible,.site-home button:focus-visible,.site-home summary:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline-color:#66544f}
.site-home{--guide-blue:#66544f;--guide-line:#d9e1e7;--guide-muted:#66544f;--site-ink:#66544f;--site-muted:#66544f;--site-blue:#66544f;--site-paper:#fcfbf5}.site-home .site-hero{background:radial-gradient(ellipse at 83% 45%,#e2edf4 0,transparent 53%),#fcfbf5}.site-home .site-hero-copy{color:#66544f}.site-home .site-hero h1{color:#66544f}.site-home .hero-kicker{color:#66544f}.hero-kicker i{background:#66544f;box-shadow:0 0 0 4px #66544f14}.site-home #siteHeroSubtitle{color:#66544f}.site-home .site-hero-copy>.hero-explanation{color:#66544f}.hero-meta{color:#66544f}.hero-meta span+span{border-left-color:#cfd9e0}
.site-home .site-hero-media{inset:70px 5.8% 100px 48.5%;transform:none;border:0;border-radius:36px;background:#d4e6f2;box-shadow:0 10px 35px #66544f0b}.site-home .site-hero-media>img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}.site-home .site-hero-media:after{display:none}.floating-caption{background:#fffdf4f5;color:#66544f;border-color:#fffef7;box-shadow:0 10px 25px #66544f10}.floating-caption p{color:#66544f}.floating-caption strong{color:#66544f}.caption-label,.caption-tag{color:#66544f}.caption-label i{background:#829fb3}.caption-wave{color:#66544f}.caption-listen{top:40px;right:2%;width:220px}.caption-speak{bottom:34px;right:18.5%;width:217px;background:#fff5eaf7}.caption-motion{bottom:25px;color:#66544f;border-color:#c7d5de}.site-home .site-motion{background:#e8eff4;color:#66544f;border-color:#c7d5de}
.chapter-nav{color:#66544f;border-color:#d8e2e8}.chapter-nav a:hover{color:#66544f}.chapter-nav>span{color:#66544f}.chapter-heading h2,.home-invitation h2,.guide-step h3,.sound-finder h3,.help-note h3{color:#66544f}.chapter-heading>p,.possibility p,.home-faq details>p{color:#66544f}.possibility{border-top-color:#cad6de}.possibility-number{color:#66544f}.possibility-number small{color:#66544f}.possibility h3{color:#66544f}.mini-dialog{background:#dfebf3;border-radius:13px}.possibility:nth-child(2) .mini-dialog{background:#faecd9}.possibility:nth-child(3) .mini-dialog{background:#f0eaf3}.mini-dialog span{color:#66544f}.mini-dialog b{color:#66544f}.possibility:nth-child(2) .mini-dialog b{color:#66544f}.possibility:nth-child(3) .mini-dialog b{color:#66544f}.possibility-link,.chapter-more,.step-body a,.finder-link,.home-faq details>a,.help-note a,.invitation-secondary{color:#66544f}.example-note{color:#66544f}.home-guide{background:#e7eff4}.guide-step,.guide-step:first-child{border-color:#cfdae2}.guide-step summary>span{color:#66544f}.guide-step summary small,.step-body{color:#66544f}.step-body .step-check{color:#66544f;border-color:#abc1d0}.sound-finder{background:#fffef8;border-color:#fff;box-shadow:0 8px 20px #66544f08}.sound-options button{color:#66544f;border-color:#d6e0e7}.sound-options button[aria-pressed=true]{background:#66544f;color:#fff;border-color:#66544f}.sound-route{background:#e9f1f6;border-color:#d6e2ea}.sound-route>span{color:#66544f}.sound-route>strong{color:#66544f}.sound-route .route-line{color:#66544f}.sound-finder>.sound-hint{color:#66544f}.finder-link{border-color:#dfe7ec}.home-faq,.home-faq details{border-color:#d6dfe5}.home-faq summary{color:#66544f}.home-faq summary>span{color:#66544f}.help-note{background:#f8f0dc;border-radius:20px}.help-note p,.help-note li{color:#66544f}.home-invitation{border-color:#dae2e8}.home-invitation p{color:#66544f}.invitation-word{color:#66544f}.site-home footer,footer{background:#eef4f8;border-color:#d8e2e8}.footer-brand p,.footer-grid p,.footer-grid>div:not(.footer-brand)>a{color:#66544f}.footer-grid h2{color:#66544f}.footer-bottom{color:#66544f;border-color:#dce4e9}
/* Product demonstration: the actual interactive text remains above a quiet illustration. */
.communication-section,.site-home .site-demo{background:#fbfaf2;color:#66544f}.site-home .site-demo{border:1px solid #e1eaf0;box-shadow:none}.desk-shade,.site-home .site-demo>.desk-shade{display:none}.desk-backdrop img,.site-home .site-demo>.desk-backdrop img{transform:none;object-position:center;opacity:.72}.communication-heading .eyebrow{color:#66544f}.communication-heading h2,.site-home .site-demo .communication-heading h2{color:#66544f;text-shadow:none}.communication-heading h2 span{color:#66544f}.target-languages button{background:#fffdf4;color:#66544f;border-color:#d3dfe7;backdrop-filter:none}.target-languages button[aria-pressed=true],.target-languages button[aria-pressed=true]:hover{background:#66544f;color:#fff;border-color:#66544f;box-shadow:none}.target-languages button:hover{background:#e4eef4}.speech-console{background:#fffef8f5;border-color:#dce6ed;box-shadow:0 10px 30px #66544f12;backdrop-filter:none;color:#66544f}.console-top{color:#66544f}.console-top>span:last-child{color:#66544f}.console-label{color:#66544f}.recognized-text,.foreign-result{color:#66544f}.voice-spectrum i{background:#91adbf}.translation-result{border-color:#d9e3ea}.translation-wait i{background:#9ab4c6}.native-quick-preview{border-color:#dfe7ed;box-shadow:none;background:#e9eff3}.copy-translation{background:#e9f1f6;color:#66544f;border-color:#ccdce7}.copy-translation:hover{background:#dbe8f0}.speech-console[data-copy=true] .copy-translation{background:#d6e4ed;border-color:#9bb5c6;box-shadow:none}.game-view{background:#eaf3f9;border-color:#d1e1eb;transform:none;box-shadow:0 10px 30px #66544f14}.game-landscape{background:url('/assets/comic-sky-20261030/conversation.png') center/cover}.game-landscape:after{display:none}.game-topline{color:#66544f}.game-chat{background:#fffef6f2;border-color:#d3e0e9;backdrop-filter:none}.chat-message{color:#66544f}.chat-message>span{color:#66544f}.chat-message.my-message{color:#66544f}.chat-message.my-message>span{color:#66544f}.chat-form{border-color:#dbe4ea}.chat-form input{background:#edf4f8;border-color:#d6e1e9;color:#66544f}.chat-form input::placeholder{color:#66544f}.chat-form input:focus{border-color:#96b2c5;box-shadow:0 0 0 2px #aec4d325}.chat-form button,.chat-form button:hover{background:#f6dfc5;border-color:#efd6b8;color:#66544f}.keyboard-demo{color:#66544f}.keyboard-demo kbd{background:#eef5fa;color:#66544f;border-color:#d0dee8;box-shadow:none}.keyboard-demo kbd.active{background:#cadeeb;color:#66544f;border-color:#9cbcd1;box-shadow:none}.communication-timeline{color:#66544f}.communication-timeline>.active{color:#66544f}.communication-timeline>span:after{background:#a2bbcc}.communication-footer .fine{color:#66544f}.demo-pointer{fill:#fff9eb;stroke:#7993a5;filter:none}.send-particle{background:#98bbd3;box-shadow:none}
.native-listening-section{background:#e6eef4}.native-listening-section .listening-heading h2{color:#66544f}.listening-stage{background:#fffdf5;border-color:#d3e1ea;backdrop-filter:none}.listening-voice p{color:#66544f}.listening-stage>.fine{color:#66544f}.light-section{background:#e6eef4}.help-intro h2,.guide-list article h3,.product-story h3{color:#66544f}.product-shot{background:#fffdf7;border-color:#d7e1e8;box-shadow:0 10px 30px #66544f0a}.download-card,.announcement-item{background:#fffef8;border-color:#d8e2e9;box-shadow:0 10px 25px #66544f08}.download-card h2,.download-aside h2,.closing h2{color:#66544f}.closing-glow{background:radial-gradient(ellipse,#d5e4ee,transparent 65%)}.faq-list details{border-color:#d6e0e7}.faq-list summary{color:#66544f}.faq-search input{background:#fffdf5;border-color:#cfdce5;color:#66544f}.text-link,.guide-entry{color:#66544f}.text-link:hover,.guide-entry:hover{color:#66544f}.release-status{background:#e5eef4;color:#66544f}.retry{color:#66544f;border-color:#cfdde6;background:#edf4f8}
@media(max-width:1000px){.site-home .site-hero-media{inset:85px 3% 110px 52%;border-radius:28px}.caption-listen{right:1.5%;top:50px;width:196px}.caption-speak{right:10%;bottom:50px;width:202px}}
@media(max-width:760px){.site-home .site-hero{min-height:1020px}.site-home .site-hero-media{inset:505px 6% 125px;border-radius:28px;background:#d4e6f2}.caption-listen{top:482px;right:3%;width:185px;padding:12px 15px}.caption-speak{bottom:40px;right:10%;width:195px;padding:12px 15px}.floating-caption p{font-size:12px;margin-top:8px}.floating-caption strong{font-size:15px}.caption-label{font-size:9px}.caption-wave{font-size:10px;margin-top:6px}.caption-tag{margin-top:7px}.caption-motion{bottom:13px}.site-home .site-motion{bottom:13px}.topbar nav{background:#fcfbf5}.communication-section,.site-home .site-demo{background:#fbfaf2}.desk-backdrop img{object-position:center}.sound-finder{border-radius:20px}.site-home .site-demo .communication-heading{color:#66544f}.menu-button{color:#66544f}}
@media(max-width:380px){.site-home .site-hero{min-height:1030px}.site-home .site-hero-media{top:525px;bottom:130px}.caption-listen{top:505px;width:174px}.caption-speak{width:190px;right:6%}}
@media(prefers-reduced-motion:reduce){.site-hero-media>img,.desk-backdrop img{animation:none;transform:none}}

/* Keep supporting copy readable against pale paper. */
.help-note p,.help-note li,.home-faq details>p,.guide-step summary small,.step-body,.sound-finder>p,.site-home .hero-meta{color:#66544f}.button.ghost,.site-home .hero-actions .ghost{color:#76553b}.game-chat .chat-message,.game-chat .chat-message>span,.game-chat .chat-message.my-message,.game-chat .chat-message.my-message>span{color:#66544f}.chat-form input::placeholder{color:#66544f}
.topbar,.site-home .topbar,.floating-caption{backdrop-filter:none}.floating-caption{background:#fffdf4}.caption-speak{background:#fff5ea}.site-home .site-hero-media>img,.desk-backdrop img{will-change:auto}

/* Sky blue carries the page; sakura pink and apricot add warmth. */
:root{--bg:#fffdf9;--ink:#66514c;--muted:#746765;--accent:#3e739b;--warm-paper:#fffdf9;--warm-ink:#66514c}
body,.site-home{background:#fffdf9;color:#66514c}.site-home{--site-paper:#fffdf9;--site-ink:#66514c;--site-blue:#3e739b;--guide-blue:#3e739b}
.topbar,.site-home .topbar{background:#fffdf9f5;border-color:#ecdfd8}.brand,.topbar nav,.topbar nav a[aria-current]{color:#6e5952}.brand small{color:#83716b}
.site-home .site-hero{background:radial-gradient(ellipse at 83% 45%,#e8f6ff 0,transparent 57%),#fffdf9}.site-home .site-hero-copy,.site-home .site-hero h1{color:#66514c}.site-home #siteHeroSubtitle{color:#80706a}.site-home .site-hero-copy>.hero-explanation,.site-home .hero-kicker,.hero-meta{color:#746765}
.site-home .site-hero-media{background:#dff3ff;border:2px solid #dfbda2;border-radius:24px;box-shadow:5px 7px 0 #fbe2cd;transform:rotate(-.8deg)}
.floating-caption{border:1.5px solid #e5cbb4;border-radius:14px;background:#fffdf8;box-shadow:3px 4px 0 #f8e6d5;color:#735a50}.caption-speak{background:#fff0f2;border-color:#e6c0c8;box-shadow:3px 4px 0 #f9e2e7}.floating-caption strong{color:#735a50}.floating-caption p,.caption-label,.caption-tag{color:#7a655e}.caption-label i{background:#de9ba8}.caption-wave{color:#6698b6}.caption-motion{color:#756861;border-color:#e3cfc1}
.nav-download,.site-home .nav-download,.button.primary,.site-home .hero-actions .primary,.home-invitation .button.primary,.closing .button.primary,.button.dark{background:#3f7398;color:#fff;border-color:#3f7398;box-shadow:none}.nav-download:hover,.site-home .nav-download:hover,.button.primary:hover,.site-home .hero-actions .primary:hover{background:#356689;color:#fff}
.button.ghost,.site-home .hero-actions .ghost{background:#ffe9d5;border:1.5px solid #e9c5a7;color:#785640}.button.ghost:hover,.site-home .hero-actions .ghost:hover{background:#ffdfc2;color:#785640}
.chapter-heading h2,.home-invitation h2,.guide-step h3,.sound-finder h3,.help-note h3,.possibility h3,.page-heading h1{color:#705650}.chapter-label,.eyebrow{color:#7a6862}.chapter-nav{border-color:#e8d9d2;color:#786860}.chapter-nav>span{color:#85736d}
.possibility{border-color:#d8c9c1}.mini-dialog{background:#e9f5fd}.possibility:nth-child(2) .mini-dialog{background:#fff0f3}.possibility:nth-child(3) .mini-dialog{background:#fff0dc}.mini-dialog b{color:#51758e}.possibility:nth-child(2) .mini-dialog b{color:#956374}.possibility:nth-child(3) .mini-dialog b{color:#8e6748}.mini-dialog span,.possibility-number,.possibility-number small{color:#746765}
.possibility-link,.chapter-more,.step-body a,.finder-link,.home-faq details>a,.help-note a,.invitation-secondary,.text-link,.guide-entry{color:#3e739b}.chapter-heading>p,.possibility p,.home-faq details>p,.help-note p,.help-note li,.guide-step summary small,.step-body,.sound-finder>p,.sound-finder>.sound-hint{color:#746765}
.home-guide,.light-section{background:#f1f8fd}.guide-step,.guide-step:first-child,.home-faq,.home-faq details{border-color:#d6e3ed}.step-body .step-check{color:#526f87;border-color:#a8c5d9}.sound-finder{background:#fffdf9;border:1.5px solid #d5e4ed;box-shadow:4px 5px 0 #e4f0f8}.sound-route{background:#edf7fe;border-color:#d6e7f2}.sound-route>strong{color:#4c708a}.sound-route>span,.sound-route .route-line{color:#687386}.sound-options button{color:#677080;border-color:#d3e1eb}.sound-options button[aria-pressed=true]{background:#3f7398;color:#fff;border-color:#3f7398}.help-note{background:#fff0e2;border:1px solid #f0d5bd}.home-faq summary{color:#705b55}.home-faq summary>span{color:#8a7066}.home-invitation{border-color:#e8d8cf}.home-invitation p{color:#7a6862}.invitation-word{color:#e8f1f7}
.communication-section,.site-home .site-demo{background:#edf8ff;border-color:#d4e8f5}.desk-backdrop img{opacity:.5}.communication-heading h2,.site-home .site-demo .communication-heading h2{color:#71594e}.communication-heading h2 span{color:#9b6775}.communication-heading .eyebrow{color:#6a6469}
.target-languages button{color:#6a6470;border:1.5px solid #d6c5bf;background:#fffdf8}.target-languages button[aria-pressed=true],.target-languages button[aria-pressed=true]:hover{background:#3f7398;color:#fff;border-color:#3f7398}.target-languages button:hover{background:#fff0f3}
.speech-console{background:#fffdf9;border:1.5px solid #e2cdbb;box-shadow:4px 6px 0 #e6eff5}.console-top,.console-top>span:last-child,.console-label{color:#7a6862}.recognized-text{color:#786157}.foreign-result{color:#73564b}.voice-spectrum i{background:#88b3cc}.translation-result{border-color:#eadbd1}.copy-translation{background:#eef7fc;border-color:#c8dfed;color:#47718e}.game-view{border:1.5px solid #dfc6b4;background:#edf8ff;box-shadow:4px 6px 0 #e5eff5}.game-topline{color:#667080}.game-chat{background:#fffdf9f5;border:1px solid #e6d5c8}.game-chat .chat-message,.game-chat .chat-message>span{color:#6c655f}.game-chat .chat-message.my-message,.game-chat .chat-message.my-message>span{color:#8a5c6c}.chat-form{border-color:#e5d7ce}.chat-form input{color:#74625b;background:#fcf8f3;border-color:#d9cbc0}.chat-form input::placeholder{color:#82736b}.chat-form button,.chat-form button:hover{background:#ffe4c9;border-color:#e9c5a7;color:#79573e}.keyboard-demo,.keyboard-demo kbd{color:#6e6a72}.keyboard-demo kbd{background:#fffaf2;border-color:#d8c8b8}.keyboard-demo kbd.active{background:#ffe4c9;color:#79573e}.communication-timeline{color:#6f737d}.communication-timeline>.active{color:#3f7398}.communication-timeline>span:after{background:#8fbbd7}.communication-footer .fine{color:#6e6d73}
.native-listening-section{background:#eff8fe}.native-listening-section .listening-heading h2,.help-intro h2,.guide-list article h3,.product-story h3{color:#705b55}.listening-stage,.download-card,.announcement-item{background:#fffdf9;border-color:#e0cfc1}.listening-voice p,.listening-stage>.fine{color:#73675f}.download-card h2,.download-aside h2,.closing h2{color:#735b52}.closing-glow{background:radial-gradient(ellipse,#ffe5d0,transparent 65%)}
.site-home footer,footer{background:#fff6ef;border-color:#ecddd2}.footer-brand p,.footer-grid p,.footer-grid>div:not(.footer-brand)>a,.footer-bottom{color:#7b6b61}.footer-grid h2{color:#735c50}.footer-bottom{border-color:#edddd0}.release-status{background:#e9f5fd;color:#4e748d}
@media(max-width:760px){.topbar nav{background:#fffdf9}.menu-button{color:#6f7486}.site-home .site-hero-media{background:#dff3ff;border-radius:22px}.communication-section,.site-home .site-demo{background:#edf8ff}}

/* Every page inhabits a complete illustrated scene, including the gutters. */
body,.site-home{background:#dcefff url('/assets/comic-sky-20261030/clouds.png') center top/100% auto repeat-y}
.topbar,.site-home .topbar{background:#e8f5fff0;border-bottom:1px solid #becfdd;backdrop-filter:none}.topbar .brand{color:#63514b}
.site-home main{background:transparent}.site-home .site-hero{max-width:none;width:100%;background:#daedfb;min-height:700px;isolation:isolate}.site-home .site-hero-media{inset:0!important;border:0;border-radius:0;background:none;box-shadow:none;transform:none;z-index:0;overflow:hidden}.site-home .hero-world-picture{position:absolute;inset:0;display:block;width:100%;height:100%}.site-home .hero-world-picture>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:none}.site-home .site-hero-media:after{display:none}.site-home .site-hero-copy{position:relative;z-index:2;padding:80px 0 100px}.site-home .site-hero-copy>*{max-width:45%}.site-home .site-hero-copy .hero-actions{max-width:48%}.site-home .site-hero h1{font-size:clamp(58px,5.5vw,86px);color:#654b43;text-shadow:0 1px #fff8}.site-home .hero-explanation,.site-home #siteHeroSubtitle,.site-home .hero-kicker,.site-home .hero-meta{color:#68554c}.site-home .floating-caption{z-index:3;pointer-events:auto}.site-home .caption-listen{top:24px;right:2%;width:210px;padding:13px 17px}.site-home .caption-speak{bottom:28px;right:38%;width:210px;padding:13px 17px}.site-home .caption-motion{bottom:20px;right:3%;color:#614b43}
.site-home .chapter-nav.wrap{width:100%;max-width:none;padding:23px max(6%,calc((100vw - 1120px)/2));background:#e5f3ffe8;border-color:#bcd4e4}
.site-home .home-chapter.wrap,.site-home .home-invitation.wrap,.site-home .site-featured.wrap{width:100%;max-width:none;padding-left:max(6%,calc((100vw - 1120px)/2));padding-right:max(6%,calc((100vw - 1120px)/2))}
.site-home #possibilities{background:#bee9ff url('/assets/comic-sky-20261030/courtyard.png') center/cover no-repeat}.site-home #possibilities .chapter-heading>p{background:#f9f6f0dd;padding:13px 18px;border-radius:14px}.site-home .possibility{background:#fffaf0e8;border:1px solid #e0cbb8;border-radius:18px;padding:24px;box-shadow:3px 5px 0 #dabda52b}.site-home .possibility-number{margin-bottom:10px}.site-home .mini-dialog{background:#e5f3fd}.site-home .possibility:nth-child(2) .mini-dialog{background:#ffeaf0}.site-home .possibility:nth-child(3) .mini-dialog{background:#ffecd5}.site-home .example-note{display:inline-block;background:#fff8edee;border-radius:8px;padding:7px 10px;color:#716159}
.site-home .site-demo{width:100%;margin:0;border:0;border-radius:0;background:#d9f0ff;min-height:900px}.site-home .site-demo>.desk-backdrop{background:#d9f0ff}.desk-backdrop img,.site-home .site-demo>.desk-backdrop img{opacity:1}.site-home .site-demo .communication-heading{padding-top:75px}.communication-heading h2,.site-home .site-demo .communication-heading h2{color:#604b43;text-shadow:0 1px #fff5}.communication-heading h2 span{color:#875666}.communication-heading .eyebrow{color:#64544e}.speech-console,.game-chat{background:#fffaf2f5}.game-view{background:#cfeefe}.communication-footer .fine,.communication-timeline{color:#625653}.keyboard-demo,.keyboard-demo kbd{color:#605651}
.site-home .home-guide{margin-top:0;background:#f8dcc1 url('/assets/comic-sky-20261030/veranda.png') center/cover no-repeat;padding-top:100px;padding-bottom:100px}.site-home .home-guide .chapter-heading>p{background:#fff7eadd;padding:13px 18px;border-radius:14px}.site-home .guide-steps{padding:8px 25px;border:1px solid #dfbd9c;border-radius:18px;background:#fffaf0eb;box-shadow:3px 5px 0 #e0ba9233}.site-home .guide-step,.site-home .guide-step:first-child{border-color:#dbcab9}.site-home .guide-step:first-child{border-top:0}.site-home .guide-step:last-child{border-bottom:0}.site-home .sound-finder{background:#fffaf2f2;border-color:#dbc0a5;box-shadow:4px 5px 0 #e0ba9233}.site-home .sound-route{background:#e8f5fc}
.site-home .home-help{background:#d8f0ff url('/assets/comic-sky-20261030/clouds.png') center/cover no-repeat}.site-home .home-faq{background:#fffaf3eb;border:1px solid #ddc7b3;border-radius:18px;padding:0 24px}.site-home .home-faq details{border-color:#ddccbc}.site-home .home-faq details:last-child{border-bottom:0}.site-home .help-note{background:#fff0ddf2}.site-home .home-invitation{background:#bee8ff url('/assets/comic-sky-20261030/courtyard.png') center 68%/cover no-repeat;border:0;min-height:420px}.site-home .home-invitation>p,.site-home .home-invitation>.chapter-label{color:#66544a}.invitation-word{display:none}.site-home .site-featured{background:#eaf6ff url('/assets/comic-sky-20261030/clouds.png') center/cover no-repeat}.site-card h3,.site-card p{background:#fff8ebeb;padding:5px 10px;margin:0}.site-card h3{padding-top:15px}.site-card p{padding-bottom:15px;border-radius:0 0 12px 12px}
/* Product, help, download and announcements use the same illustrated environment. */
.page-heading.wrap{width:100%;max-width:none;padding-left:max(6%,calc((100vw - 1120px)/2));padding-right:max(6%,calc((100vw - 1120px)/2));background:#d6f0ff url('/assets/comic-sky-20261030/courtyard.png') center/cover no-repeat;padding-bottom:65px}.page-heading .lead{color:#6f5c51;display:inline-block;background:#fff9eeeb;padding:12px 18px;border-radius:12px}.anchor-nav a{background:#fff8edf2;border-color:#d6c4b5;color:#6c574c}
.native-listening-section{background:#f8dcc1 url('/assets/comic-sky-20261030/veranda.png') center/cover no-repeat}.listening-heading{background:#fff8ece6;border-radius:15px;padding:23px}.listening-stage{background:#fffaf2ee}.light-section{background:#f8dcc1 url('/assets/comic-sky-20261030/veranda.png') center/cover no-repeat}.help-intro{background:#fff8eee8;border:1px solid #e0c3a5;border-radius:16px;padding:25px}.guide-list{background:#fffaf1eb;border:1px solid #e0c3a5;border-radius:16px;padding:0 25px}.guide-list article{border-color:#dfcbb6}
#scenes.section.wrap,.faq-section.wrap,.download-layout.wrap,.news-layout.wrap,.download-notes.wrap,.closing.wrap{width:100%;max-width:none;padding-left:max(6%,calc((100vw - 1120px)/2));padding-right:max(6%,calc((100vw - 1120px)/2))}
#scenes{background:#bee8ff url('/assets/comic-sky-20261030/courtyard.png') center top/100% auto repeat-y}.product-story>div{background:#fff8eeeb;border:1px solid #deccb8;border-radius:16px;padding:25px}.product-shot{background:#fffaf3}.faq-section{background:#d8f0ff url('/assets/comic-sky-20261030/clouds.png') center/cover no-repeat}.faq-list{background:#fffaf0ed;border:1px solid #dec9b4;border-radius:15px;padding:0 25px}.faq-list details{border-color:#e0cdbb}.faq-search{background:#fff8eddd;padding:10px 15px;border-radius:12px}.faq-search input{background:#fffdf8}
.download-layout{background:#f7d8b8 url('/assets/comic-sky-20261030/veranda.png') center/cover no-repeat;padding-top:65px;padding-bottom:65px}.download-card{background:#fffaf2f5;border:1.5px solid #d7baa0}.download-aside{background:#fff6e8ed;border:1px solid #dfc5a8;border-radius:18px;padding:30px}.download-notes{background:#d5edff url('/assets/comic-sky-20261030/clouds.png') center/cover no-repeat}.news-layout{background:#f8dcc1 url('/assets/comic-sky-20261030/veranda.png') center/cover no-repeat;padding-top:55px;padding-bottom:55px}.news-layout>aside{background:#fff7ebec;padding:25px;border-radius:16px}.announcement-item{background:#fffaf1f0;border:1px solid #e0c6ac;border-radius:15px;padding:25px}.closing{background:#d8f0ff url('/assets/comic-sky-20261030/clouds.png') center/cover no-repeat}.closing-glow{display:none}
.site-home footer,footer{background:#cce9fc url('/assets/comic-sky-20261030/clouds.png') center bottom/cover no-repeat;border-color:#c3d8e6}.footer-grid{background:#fff7ecce;border-radius:0}.footer-bottom{background:#fff4e5dc;color:#735f51}.footer-brand p,.footer-grid p,.footer-grid>div:not(.footer-brand)>a{color:#6c5b51}.footer-grid h2{color:#715748}
@media(max-width:1000px) and (min-width:761px){.site-home .site-hero-copy>*{max-width:47%}.site-home .site-hero h1{font-size:64px}.site-home .caption-listen{top:18px;width:185px}.site-home .caption-speak{right:35%;bottom:22px;width:190px}.site-home .hero-world-picture>img{object-position:56% center}}
@media(max-width:760px){
 body,.site-home{background-size:auto 100vh}.site-home .site-hero{min-height:1040px;background:#d9f0ff url('/assets/comic-sky-20261030/conversation.png') center top/auto 700px no-repeat}.site-home .site-hero-copy{padding:45px 0 0}.site-home .site-hero-copy>*,.site-home .site-hero-copy .hero-actions{max-width:100%}.site-home .site-hero h1{font-size:58px}.site-home .site-hero-media{inset:0!important;background:transparent;overflow:hidden}.site-home .hero-world-picture{inset:auto 0 20px;height:auto;width:100%;aspect-ratio:4/3}.site-home .hero-world-picture>img{position:relative;inset:auto;width:100%;height:auto;object-fit:contain}.site-home .caption-listen{top:515px;right:4%;width:185px;padding:11px 14px}.site-home .caption-speak{bottom:8px;right:8%;width:195px;padding:11px 14px}.site-home .caption-motion{bottom:12px;left:6%;right:auto;font-size:9px}.site-home .site-motion{left:6%;bottom:45px}.site-home .hero-meta{font-size:9px}.site-home .chapter-nav.wrap{padding:18px 6%;gap:20px}.site-home .home-chapter.wrap,.site-home .home-invitation.wrap,.site-home .site-featured.wrap{padding-left:6%;padding-right:6%}.site-home .home-chapter{padding-top:60px;padding-bottom:60px}.site-home #possibilities{background-position:left center}.site-home .possibility{padding:20px;display:flex;gap:0}.site-home .mini-dialog{width:100%;min-height:95px;margin-top:12px}.site-home .possibility h3{margin-top:18px}.site-home .possibility p{font-size:13px}.site-home .possibility-link{font-size:11px}.site-home .home-guide{padding:60px 0;background-position:32% center}.site-home .guide-steps{padding:4px 18px}.site-home .step-body{padding-left:0;padding-right:0}.site-home .site-demo{margin:0;border-radius:0;min-height:1100px}.site-home .site-demo .communication-heading{padding-top:60px}.site-home .home-faq{padding:0 18px}.site-home .home-invitation{min-height:380px}.page-heading.wrap,#scenes.section.wrap,.faq-section.wrap,.download-layout.wrap,.news-layout.wrap,.download-notes.wrap,.closing.wrap{padding-left:6%;padding-right:6%}.page-heading.wrap{background-position:35% center}.download-layout,.news-layout{background-position:25% center}.download-aside{padding:24px}.product-story>div{padding:22px}.guide-list{padding:0 20px}.help-intro{padding:23px}.faq-list{padding:0 18px}.footer-grid{padding-left:6%;padding-right:6%}
}
@media(max-width:380px){.site-home .site-hero{min-height:1030px}.site-home .site-hero h1{font-size:52px}.site-home .hero-world-picture{bottom:75px}.site-home .caption-listen{top:535px;width:172px}.site-home .caption-speak{bottom:15px;width:185px}.site-home .caption-motion{font-size:8px}.site-home .hero-meta{font-size:8px}}
.chapter-label,.hero-kicker,.console-label,.communication-heading .eyebrow,.caption-label,.caption-tag{color:#65524a}@media(max-width:760px){.site-home .home-guide,.light-section,.download-layout,.news-layout{background-position:left center}}
.page-heading h1{display:table;background:#fff5e5eb;border:1px solid #ecd6be;border-radius:16px;padding:18px 24px}.page-heading h1 .muted,.section-heading .muted{color:#705650}.page-heading>.eyebrow{display:table;background:#fff6e8e8;padding:6px 10px;border-radius:8px;color:#68534a}@media(max-width:760px){.page-heading h1{padding:16px 18px;font-size:40px}.page-heading>.eyebrow{font-size:9px}}