@font-face{font-family:Lora;src:url(assets/lora.ttf) format('truetype');font-display:swap}@font-face{font-family:Nunito;font-weight:200 1000;src:url(assets/nunito.ttf) format('truetype');font-display:swap}
:root{--paper:#d3c7ac;--panel:#bbc9d1;--surface:#d4dcdf;--primary:#71472f;--primary-top:#8b6349;--primary-bottom:#60402b;--secondary-top:#315d79;--secondary-bottom:#193c58;--primary-ink:#fff8ec;--secondary:#244d69;--secondary-ink:#fff8ec;--bar:#193c58;--bar-ink:#fff8ec;--bar-accent:#e5c992;--tint:#b4c4d0;--ink:#193c58;--muted:#514b3b;--accent:#71472f;--accent-ink:#fff6e6;--line:#998471;--wash:211,199,172;--shadow:0 12px 30px #4b33291a,0 3px 8px #4b33290a;color-scheme:light;scroll-behavior:smooth}html[data-theme=dark]{--paper:#102739;--panel:#18364b;--surface:#1d3c50;--primary:#dcb251;--primary-top:#e5c16a;--primary-bottom:#ad7b2f;--secondary-top:#e5c16a;--secondary-bottom:#ad7b2f;--primary-ink:#142c40;--secondary:#edc88c;--secondary-ink:#142c40;--bar:#193c58;--bar-ink:#f0e4cc;--bar-accent:#f4d17f;--tint:#18364b;--ink:#f0e4cc;--muted:#c0c6bb;--accent:#edc88c;--accent-ink:#142c40;--line:#637c8e;--wash:16,39,57;--shadow:0 12px 30px #0003,0 3px 8px #0002;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Nunito,system-ui,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Lora,Georgia,serif;line-height:1.14;font-weight:500}h1{font-size:clamp(50px,5.8vw,84px);letter-spacing:-3px}h2{font-size:clamp(32px,3.7vw,49px);letter-spacing:-1.3px}h3{font-size:25px}p{max-width:62ch}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button,a,input,summary{outline-offset:5px}:focus-visible{outline:3px solid var(--accent);box-shadow:0 0 0 6px rgba(var(--wash),.8)}.skip{position:fixed;top:-70px;left:12px;padding:12px;background:var(--panel);z-index:30}.skip:focus{top:8px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon,.feature-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.feature-icon{width:35px;height:35px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:900;color:var(--accent);margin-bottom:18px}.brand{display:inline-flex;align-items:center;gap:10px;font:600 24px Lora,Georgia,serif;letter-spacing:-.8px;white-space:nowrap}.brand img{border-radius:12px}.brand-accent{color:var(--accent)}

.hero{max-width:none;margin:auto;min-height:clamp(640px,78vh,790px);position:relative;overflow:hidden;display:flex;align-items:center;padding:58px clamp(24px,2.1vw,40px);isolation:isolate}.hero-art,.hero-shade,.demo-scene,.demo-veil,.android-art{position:absolute;inset:0;z-index:-2}.hero-art{background:url(assets/fantasy-day.webp) center/cover no-repeat}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(var(--wash),.97) 0%,rgba(var(--wash),.87) 26%,rgba(var(--wash),.35) 49%,rgba(var(--wash),0) 75%),linear-gradient(0deg,var(--paper) 0%,transparent 18%,transparent 88%,var(--paper) 100%)}html[data-theme=dark] .hero-art{background-image:url(assets/fantasy-night.webp)}.hero-content{max-width:540px;position:relative}h1 em{font-weight:400;color:var(--accent)}.hero-copy{max-width:430px;margin-top:25px;font-size:20px;line-height:1.6}.hero-copy.secondary{font-size:16px;max-width:410px;color:var(--muted);margin-top:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin-top:24px}.hero-note .icon{width:18px}.hero-excerpt{position:absolute;right:clamp(24px,3vw,60px);bottom:90px;width:325px;padding:26px 28px;background:var(--surface);border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(10px);box-shadow:var(--shadow);transform:rotate(-2deg)}.sample-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:900;color:var(--muted)}.hero-excerpt p{font:20px/1.75 Lora,Georgia,serif;margin:15px 0 18px}mark{color:var(--accent);background:transparent;border-bottom:2px solid var(--accent);padding:0 2px}.excerpt-footer{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.principles{background:var(--bar);color:var(--bar-ink);border-bottom:1px solid #99847145;display:flex;justify-content:center;gap:45px;padding:22px 24px;flex-wrap:wrap;font-size:13px;font-weight:800}.principles span{display:flex;align-items:center;gap:10px}.principles .icon{color:var(--bar-accent)}
.section{max-width:1180px;margin:0 auto;padding:88px 25px}.section-intro p:not(.eyebrow){margin-top:20px;color:var(--muted);font-size:16px;max-width:34ch}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;grid-auto-rows:1fr}.steps article{position:relative;padding:24px 18px;border:1px solid #99847165;border-radius:18px;background:var(--panel);box-shadow:var(--shadow);height:100%}.steps .feature-icon{color:var(--secondary);width:26px;height:26px;margin-bottom:14px}.steps h3{font-size:22px;min-height:2.28em}.steps p{color:var(--muted);font-size:14px;line-height:1.75;margin-top:15px}
.demo-section{max-width:none;margin:20px auto 55px;scroll-margin-top:25px}.demo-heading{grid-column:1/-1;max-width:none;margin:0;padding:0}.demo-shell{position:relative;isolation:isolate;overflow:hidden;border-radius:0;min-height:790px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:36px 55px;align-content:center;padding:68px max(30px,calc((100% - 1100px)/2)) 90px;box-shadow:inset 0 1px #99847130,inset 0 -1px #99847130}.demo-scene{background:url(assets/fantasy-day.webp) center/cover no-repeat;transition:opacity .3s}.demo-shell[data-world=nautical] .demo-scene{background-image:url(assets/nautical-day.webp)}.demo-shell[data-world=scifi] .demo-scene{background-image:url(assets/scifi-day.webp)}html[data-theme=dark] .demo-scene{background-image:url(assets/fantasy-night.webp)}html[data-theme=dark] .demo-shell[data-world=nautical] .demo-scene{background-image:url(assets/nautical-night.webp)}html[data-theme=dark] .demo-shell[data-world=scifi] .demo-scene{background-image:url(assets/scifi-night.webp)}.demo-veil{z-index:-1;background:linear-gradient(90deg,rgba(var(--wash),.96),rgba(var(--wash),.87) 38%,rgba(var(--wash),.78) 66%,rgba(var(--wash),.22)),linear-gradient(0deg,rgba(var(--wash),.4),transparent 40%)}.demo-controls{align-self:start;min-width:0}.demo-controls h3{margin:12px 0 22px;font-size:29px}.world-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:27px}label{font-size:13px;font-weight:900;display:block;margin-bottom:8px}.name-row{display:flex;gap:8px}.name-row input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:11px 13px}.name-row .button{padding:12px 15px}.name-row .icon{width:17px}#name-help{font-size:11px;color:var(--muted);margin-top:8px}.demo-status{font-size:12px;min-height:20px;color:var(--muted);margin-top:6px}.reading-sample{align-self:center;background:transparent;border:0;border-left:1px solid var(--line);padding:8px 0 8px 38px;border-radius:0;box-shadow:none;min-width:0}.reading-header{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:850;margin-bottom:25px}.reading-header .icon{color:var(--accent);width:19px}.sample-chapter{margin-left:auto;color:var(--muted);font-size:10px}#sample-passage{font:21px/1.9 Lora,Georgia,serif}.reading-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:14px;font-size:10px;color:var(--muted);flex-wrap:wrap}
.atmosphere{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-top:40px}.world-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;height:370px}.world-card{position:relative;overflow:hidden;border-radius:20px;box-shadow:var(--shadow);background-position:center;background-size:cover;display:flex;align-items:end;padding:15px;isolation:isolate}.world-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102739e8,transparent 60%);z-index:-1}.world-card span{font:16px/1.55 Lora,Georgia,serif;color:#f7eedb}.world-fantasy{background-image:url(assets/library-day.webp);margin-top:33px}.world-scifi{background-image:url(assets/garden-day.webp);margin-bottom:28px}.world-nautical{background-image:url(assets/harbor-day.webp);margin-top:62px}html[data-theme=dark] .world-fantasy{background-image:url(assets/library-night.webp)}html[data-theme=dark] .world-scifi{background-image:url(assets/garden-night.webp)}html[data-theme=dark] .world-nautical{background-image:url(assets/harbor-night.webp)}.atmosphere-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:20px}.feature-list{display:flex;flex-direction:column;gap:13px;margin-top:25px;font-size:13px;font-weight:850}.feature-list span{display:flex;gap:10px;align-items:center}.feature-list .icon{width:18px;color:var(--accent)}.faqs{background:var(--panel);border:1px solid #99847165;border-radius:22px;padding:10px 28px;box-shadow:var(--shadow)}.faqs details{border-bottom:1px solid #99847165;padding:0}.faqs details:last-child{border-bottom:0}.faqs summary{cursor:pointer;list-style:none;position:relative;padding:22px 44px 22px 0;font:500 18px/1.5 Lora,Georgia,serif;min-height:66px}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:"+";position:absolute;right:0;top:20px;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:500 21px/1 Nunito,system-ui,sans-serif;color:var(--accent);background:var(--surface)}.faqs details[open] summary:after{content:"-"}.faqs summary:hover{color:var(--accent)}.faqs details[open] summary{padding-bottom:12px}.faqs p{font-size:14px;color:var(--muted);padding:0 32px 22px 0;line-height:1.85;max-width:65ch}.android-section{position:relative;isolation:isolate;overflow:hidden;min-height:360px;text-align:center;display:flex;align-items:center;justify-content:center;padding:50px 20px 80px}.android-art{background:url(assets/nautical-day.webp) center/cover no-repeat}.android-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--paper),rgba(var(--wash),.78) 25%,rgba(var(--wash),.86) 65%,var(--paper))}html[data-theme=dark] .android-art{background-image:url(assets/nautical-night.webp)}.android-copy img{border-radius:18px;margin-bottom:18px}.android-copy .eyebrow{margin-bottom:14px}.android-copy>p:not(.eyebrow){margin:17px auto;color:var(--muted);font-size:15px}.android-copy .store-cta{margin:9px auto}.android-copy>.release-note{font-size:11px!important;max-width:50ch;margin-top:10px!important}footer{max-width:1180px;margin:auto;display:flex;gap:23px;align-items:center;border-top:1px solid var(--line);padding:27px 25px 35px;font-size:11px;color:var(--muted);flex-wrap:wrap}footer .brand{font-size:19px;color:var(--ink)}footer>span{margin-left:auto}footer>a:last-child{text-decoration:underline}
@media(max-width:1050px){.hero{padding:50px 24px;min-height:660px}.hero-excerpt{width:280px;right:24px;bottom:82px}.hero-content{max-width:480px}.hero-copy{max-width:370px}.hero-shade{background:linear-gradient(90deg,rgba(var(--wash),.98),rgba(var(--wash),.87) 40%,rgba(var(--wash),.2)),linear-gradient(0deg,var(--paper),transparent 15%,transparent 90%,var(--paper))}.section-intro p:not(.eyebrow){max-width:60ch}.steps{gap:35px}.demo-shell{padding:58px 32px 75px;gap:32px}.reading-sample{padding-left:28px}.atmosphere{gap:35px}.world-strip{height:330px}}
@media(max-width:900px){body{font-size:16px}.hero{padding:38px 24px 35px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:start}.hero-content{max-width:100%}h1{font-size:clamp(43px,7.1vw,64px);letter-spacing:-1.9px}.hero-art{background-position:65% center}.hero-shade{background:linear-gradient(180deg,rgba(var(--wash),.95),rgba(var(--wash),.9) 43%,rgba(var(--wash),.15) 77%,var(--paper)),linear-gradient(90deg,rgba(var(--wash),.2),transparent)}html[data-theme=dark] .hero-art{background-position:65% center}.hero-copy{font-size:18px;max-width:36ch;margin-top:20px}.hero-copy.secondary{font-size:14px;max-width:35ch}.hero-actions{margin-top:23px}.hero-excerpt{position:relative;inset:auto;width:min(100%,370px);max-width:100%;justify-self:end;margin:0;padding:20px 23px;transform:rotate(-1deg)}.hero-excerpt p{font-size:18px;margin:12px 0 16px}.hero-note{margin-top:18px}.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:15px}.principles{gap:12px;padding:20px 25px 30px;justify-content:start;font-size:12px}.principles span{width:100%;gap:9px}.principles .icon{width:20px}.section{padding:45px 25px}.steps{grid-template-columns:1fr;gap:24px}.steps article{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;padding:20px}.steps .feature-icon{grid-row:1/3;margin-top:3px;margin-bottom:0;width:30px;height:30px}.steps h3{font-size:23px;min-height:0}.steps p{margin-top:8px;font-size:14px}.demo-section{margin:20px 0 30px}.demo-heading{margin:0;padding:0}.demo-shell{grid-template-columns:minmax(0,1fr);min-height:1000px;padding:48px 24px 70px;gap:32px;border-radius:0}.demo-controls{padding:0}.demo-veil{background:linear-gradient(180deg,rgba(var(--wash),.93),rgba(var(--wash),.88) 36%,rgba(var(--wash),.79) 80%,rgba(var(--wash),.4))}.demo-scene{background-position:center}.demo-controls h3{font-size:26px}.world-picker{margin-bottom:20px}.reading-sample{padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}.reading-header{font-size:10px;gap:6px;margin-bottom:20px}.sample-chapter{font-size:9px}#sample-passage{font-size:17px;line-height:1.9}.reading-footer{font-size:9px}.kindle-banner>div{flex:1;min-width:220px}.faqs{padding:4px 20px;border-radius:18px}.faqs summary{font-size:17px;padding-block:20px}.faqs p{padding-right:8px}.android-section{min-height:480px;padding:45px 25px 65px}.android-art{background-position:center}.android-copy h2{font-size:36px}.android-copy img{width:56px;height:56px}footer{padding:25px 25px 30px;gap:12px}footer .brand{width:100%}footer>p{width:100%}footer>span{margin-left:0}footer>a:last-child{margin-left:auto}}
@media(min-width:721px) and (max-width:900px){.atmosphere{gap:35px}.world-strip{height:330px}}
@media(max-width:720px){.atmosphere{display:flex;flex-direction:column-reverse;gap:30px;padding-top:35px}.world-strip{width:100%;height:300px;gap:10px}.world-card{padding:12px;border-radius:18px}.world-card span{font-size:14px}.world-nautical{margin-top:35px}.world-fantasy{margin-top:15px}.world-scifi{margin-bottom:20px}.atmosphere-copy{width:100%}.atmosphere-copy>p:not(.eyebrow){font-size:15px}}
@media(max-width:380px){.section{padding-inline:24px}.hero-actions{gap:10px}.hero-actions .button{width:100%}.demo-shell{padding-inline:24px}.demo-controls{padding:0}.reading-sample{padding:25px 0 0}.name-row{flex-wrap:wrap}.name-row input{flex-basis:100%}.name-row .button{width:100%}.world-picker button{padding-inline:12px}.kindle-banner>div{min-width:0;flex-basis:100%}.reading-header{flex-wrap:wrap}.sample-chapter{margin-left:0}}

/* Original illustrated cast and book-library examples. */
.cast-gallery{min-width:0}.cast-caption{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:900;color:var(--accent);margin-bottom:18px}.cast-portraits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cast-person{margin:0;min-width:0}.cast-person img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:18px;box-shadow:var(--shadow);border:1px solid #99847165}.cast-person figcaption{padding:15px 3px 0}.cast-person strong{font:500 22px/1.3 Lora,Georgia,serif;display:block}.cast-person span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.cast-person .rename-example{font-size:11px;color:var(--accent);margin-top:8px}.cast-note{font-size:11px;color:var(--muted);margin-top:20px}
.library-section{position:relative;isolation:isolate;overflow:hidden;max-width:none;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.9fr);gap:30px 45px;align-items:center;padding:65px max(25px,calc((100% - 1130px)/2));background:var(--panel);border-top:1px solid #99847145;border-bottom:1px solid #99847145}.library-section:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(var(--wash),.97),rgba(var(--wash),.9)),url(assets/library-day.webp) center/cover no-repeat}html[data-theme=dark] .library-section:before{background:linear-gradient(180deg,rgba(var(--wash),.95),rgba(var(--wash),.85)),url(assets/library-night.webp) center/cover no-repeat}.library-heading{display:block;margin:0}.library-heading p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:17px;max-width:55ch}.library-heading .button{margin-top:25px}.library-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.sample-book{min-width:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.book-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:min(100%,173px);margin-inline:auto;aspect-ratio:2/3;max-height:260px;border-radius:10px;overflow:hidden;padding:23px 18px;color:#fff5db;box-shadow:inset 5px 0 7px #0004,0 9px 22px #0003;background-position:center;background-size:cover;isolation:isolate}.book-cover:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#102739a8,#102739b3 47%,#10273928 72%,#102739c7);border:1px solid #fff3}.book-cover:after{content:'';position:absolute;inset:12px;border:1px solid #f4d17f7a;pointer-events:none}.book-cover .cover-series{font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:900;color:#f4d17f}.book-cover strong{font:500 21px/1.2 Lora,Georgia,serif;display:block;max-width:100%;overflow-wrap:normal;word-break:normal;margin-top:15px;text-shadow:0 2px 4px #000c,0 0 12px #0007}.book-cover .cover-edition{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#f4d17f}.cover-scifi:before{background:linear-gradient(180deg,#071a2b30,#071a2b38 55%,#071a2ba8)}.cover-art{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover}.book-info{padding:20px 0 0}.book-genre{font-size:10px;font-weight:900;letter-spacing:1.3px;color:var(--accent);text-transform:uppercase}.book-info h3{font-size:19px;margin-top:8px;line-height:1.3}.book-info .sample-progress{font-size:11px;color:var(--muted);margin-top:14px}.sample-book progress{display:block;width:100%;height:5px;margin:8px 0 15px;border:0;border-radius:10px;overflow:hidden;background:#99847140;accent-color:var(--secondary)}.sample-book progress::-webkit-progress-bar{background:#99847140}.sample-book progress::-webkit-progress-value{background:var(--secondary);border-radius:10px}.sample-book progress::-moz-progress-bar{background:var(--secondary)}.library-note{grid-column:1/-1;font-size:11px;color:var(--muted);margin-top:25px;text-align:center}
@media(max-width:1050px){.cast-portraits{max-width:700px}.library-shelf{gap:20px}.sample-book{padding:16px}.book-cover{padding:23px 18px}.library-heading{align-items:start}}
@media(max-width:720px){.cast-portraits{gap:12px}.cast-person img{border-radius:18px}.cast-person strong{font-size:19px}.cast-person span{font-size:11px}.cast-person .rename-example{font-size:10px}.cast-caption{font-size:10px;line-height:1.6}.library-section{padding:45px 25px}.library-heading{display:block;margin-bottom:25px}.library-heading .button{margin-top:22px}.library-shelf{grid-template-columns:1fr;gap:18px}.sample-book{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:20px;padding:18px;align-items:center}.book-cover{width:min(100%,173px);max-height:260px;padding:20px 15px}.book-cover strong{font-size:clamp(12px,3.4vw,18px)}.book-info{padding:0}.book-info h3{font-size:21px}.book-cover .cover-series{font-size:8px;letter-spacing:1px}.book-cover .cover-edition{font-size:8px;letter-spacing:1px}.book-cover:after{inset:9px}.library-note{text-align:left}}
@media(max-width:480px){}
@media(max-width:380px){.cast-portraits{gap:9px}.cast-person strong{font-size:17px}.cast-person span{font-size:10px}.sample-book{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:14px;padding:14px}.book-cover{padding:17px 12px}.book-cover strong{font-size:12px}.book-cover .cover-series{font-size:7px}.book-info h3{font-size:18px}.book-genre{font-size:9px}.book-info .sample-progress{font-size:10px}}


/* Connected illustrated compositions and spacious navigation. */
:root{scroll-padding-top:104px}main [id]{scroll-margin-top:0}.header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:24px;padding:16px clamp(24px,2.1vw,40px);background:rgba(var(--wash),.97);backdrop-filter:blur(14px);border-bottom:1px solid #99847150;box-shadow:0 4px 15px #0000000a}.header .brand{margin-right:auto}.header nav{display:flex;align-items:center;gap:10px;border:0;padding:0;background:transparent}.header nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 17px;font-size:15px;font-weight:850;border-radius:12px;white-space:nowrap}.header nav a:hover{color:var(--accent)}.header nav .nav-demo{color:var(--accent)}.header nav .nav-demo .icon{width:19px}.header-actions{display:flex;gap:10px;align-items:center}.menu-button{display:none}.skip{z-index:60}.journey-section{padding-top:60px;padding-bottom:50px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:30px 60px}.journey-section>.section-intro{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:65px;align-items:end}.journey-section>.section-intro .eyebrow{grid-column:1/-1}.journey-section>.section-intro>p:not(.eyebrow){margin:0;max-width:44ch}.journey-section .steps{grid-column:1/-1;gap:24px}.step-vista{height:150px;border-radius:18px;background-position:center;background-size:cover;box-shadow:0 6px 15px #0001;margin-bottom:20px}.vista-book{background-image:url(assets/library-day.webp)}.vista-cast{background-image:url(assets/fantasy-day.webp)}.vista-personal{background-image:url(assets/harbor-day.webp)}html[data-theme=dark] .vista-book{background-image:url(assets/library-night.webp)}html[data-theme=dark] .vista-cast{background-image:url(assets/fantasy-night.webp)}html[data-theme=dark] .vista-personal{background-image:url(assets/harbor-night.webp)}.cast-section{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:50px;align-items:center;padding-top:20px}.cast-intro h3{font-size:34px}.cast-intro>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:18px;max-width:34ch}.cast-intro .button{margin-top:22px}.cast-person:nth-child(2){margin-top:28px}.cast-person:nth-child(3){margin-top:12px}.sample-book:nth-child(2) .book-cover{transform:rotate(-2deg)}.sample-book:nth-child(3) .book-cover{transform:rotate(2deg)}.closing-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:55px;align-items:start;padding-top:50px;padding-bottom:55px}.closing-aside{min-width:0}.closing-art{height:175px;width:70%;margin:25px 0 0 auto;border-radius:18px;box-shadow:var(--shadow);background:url(assets/harbor-day.webp) center/cover no-repeat}html[data-theme=dark] .closing-art{background-image:url(assets/harbor-night.webp)}.kindle-banner{position:relative;max-width:none;margin:-25px 0 0;padding:25px;background:var(--panel);border:1px solid #99847165;border-radius:16px;box-shadow:var(--shadow);display:block}.kindle-banner>.feature-icon{width:28px;height:28px;color:var(--accent);float:right}.kindle-banner .eyebrow{font-size:10px;margin-bottom:10px}.kindle-banner h3{font-size:25px}.kindle-banner p:not(.eyebrow){font-size:13px;line-height:1.75;color:var(--muted);margin-top:13px}.kindle-banner .button{margin-top:18px;font-size:12px;min-height:44px;padding:11px 15px}.kindle-banner .icon{width:18px}.closing-section .faqs{margin-top:8px}.android-copy h2{font-size:clamp(32px,3.7vw,45px)}
@media(max-width:1100px){.header{gap:15px}.header nav a{padding-inline:12px;font-size:14px}.theme-button span{display:none}.library-section{grid-template-columns:1fr;gap:30px}.library-heading{display:flex;align-items:end;gap:35px;justify-content:space-between}.library-heading .button{flex-shrink:0;margin-top:0}.library-shelf{gap:35px}.sample-book{padding:0}}
@media(max-width:980px){.header{gap:15px;padding-block:12px}.header .brand{font-size:22px}.header nav{display:none;position:absolute;top:100%;left:24px;right:24px;flex-direction:column;align-items:stretch;gap:6px;padding:12px;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface);border-radius:18px}.header nav.is-open{display:flex}.header nav a{min-height:48px;justify-content:space-between;padding:12px 16px;font-size:16px}.menu-button{display:flex}.header-actions{gap:8px}.theme-button{width:48px;padding:10px}.header .brand img{width:38px;height:38px}.journey-section{gap:30px}.cast-section{gap:35px}.closing-section{gap:30px}}
@media(max-width:720px){:root{scroll-padding-top:88px}main [id]{scroll-margin-top:0}.journey-section{padding-top:40px;padding-bottom:35px;display:block}.journey-section>.section-intro{display:block}.journey-section>.section-intro>p:not(.eyebrow){margin-top:18px}.journey-section .steps{display:grid;grid-template-columns:1fr;gap:18px;margin-top:28px;grid-auto-rows:1fr}.journey-section .steps article{display:grid;grid-template-columns:100px minmax(0,1fr);gap:0 18px;padding:18px;align-content:center}.step-vista{grid-row:1/4;height:135px;width:100%;margin:0;border-radius:18px}.journey-section .steps .feature-icon{display:none}.journey-section .steps h3{font-size:21px;grid-column:2;min-height:0}.journey-section .steps p{grid-column:2;font-size:13px;margin-top:10px}.cast-section{display:block;padding-top:32px}.cast-intro h3{font-size:30px}.cast-gallery{margin-top:28px}.cast-person:nth-child(2){margin-top:24px}.cast-person:nth-child(3){margin-top:10px}.library-section{display:block;padding:40px 25px}.library-heading{display:block}.library-heading .button{margin-top:22px}.library-shelf{margin-top:30px}.sample-book{padding:0;gap:25px}.library-note{margin-top:20px}.closing-section{display:block;padding-top:35px;padding-bottom:35px}.closing-aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center}.closing-aside>.eyebrow{grid-column:1/-1;margin-bottom:0}.closing-aside h2{font-size:33px}.closing-art{height:170px;width:100%;margin:0;border-radius:18px}.kindle-banner{grid-column:1/-1;margin:-8px 0 16px;padding:22px}.closing-section .faqs{margin-top:10px}.header .brand{font-size:20px}.header .brand img{width:34px;height:34px}.header-actions{gap:7px}.header nav{left:24px;right:24px}.menu-button{padding-inline:10px}.theme-button{width:44px;min-height:44px}.menu-button{min-height:44px}}
@media(max-width:400px){.header{padding-inline:20px;gap:10px}.menu-button span{display:none}.menu-button{width:44px}.journey-section .steps article{grid-template-columns:84px minmax(0,1fr);column-gap:15px;padding:16px}.step-vista{height:125px}.journey-section .steps h3{font-size:19px}.journey-section .steps p{font-size:12px}.closing-aside h2{font-size:30px}}

/* Muted parchment, sage surfaces, and artwork-led cards. */
body{background:radial-gradient(ellipse at 15% 20%,#819caf30,transparent 40%),var(--paper)}
html[data-theme=dark] body{background:var(--paper)}
.hero-excerpt{background:linear-gradient(145deg,var(--surface),var(--panel))}
.journey-section{position:relative;isolation:isolate}
.journey-section:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 80%,#637f9530,transparent 70%);pointer-events:none}
html[data-theme=dark] .journey-section:before{background:radial-gradient(ellipse at 80% 80%,#254c6540,transparent 70%)}
.journey-section .steps article{display:flex;flex-direction:column;justify-content:flex-end;min-height:390px;padding:27px 25px;border:1px solid #223f554a;border-radius:18px;overflow:hidden;isolation:isolate;box-shadow:0 12px 25px #243d5530,0 3px 8px #243d5520;background:#102739;color:#fff0d3}
.step-vista{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;border-radius:0;box-shadow:none;background-position:center;background-size:cover}
.journey-section .steps article:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10273910 10%,#1027394a 37%,#102739ed 70%,#102739 100%)}
.journey-section .steps .feature-icon{display:block;color:#f0d099;flex:none;margin-bottom:14px;width:28px;height:28px}
.journey-section .steps h3{min-height:0;font-size:25px;color:#fff0d3;text-shadow:0 2px 8px #0005}
.journey-section .steps p{font-size:14px;line-height:1.7;margin-top:13px;color:#f1e6cd}
.cast-portraits{align-items:start}
.cast-person{position:relative;overflow:hidden;border-radius:18px;box-shadow:var(--shadow);background:#102739;isolation:isolate}
.cast-person img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:0;border-radius:inherit;box-shadow:none}
.cast-person figcaption{position:absolute;inset:auto 0 0;padding:22px 14px 12px;color:#fff0d3;background:linear-gradient(180deg,transparent,#10273960 40%,#102739ce);text-shadow:0 1px 4px #000c}
.cast-person strong{font-size:21px;line-height:1.2;color:#fff0d3}
.cast-person span{color:#f1e6cd;font-size:11px;line-height:1.25;margin-top:3px}
.cast-person .rename-example{color:#f0d099;font-size:10px;line-height:1.25;margin-top:4px}
.library-section:before{background:linear-gradient(90deg,rgba(var(--wash),.96),rgba(var(--wash),.80) 45%,rgba(var(--wash),.74)),url(assets/library-day.webp) center/cover no-repeat}
.faqs{background:linear-gradient(135deg,var(--panel),var(--surface));border-color:#627a9070;box-shadow:0 10px 26px #243d5524,0 3px 8px #243d5510}
.closing-aside>.closing-art{display:none}
.kindle-banner{position:relative;isolation:isolate;overflow:hidden;min-height:365px;display:flex;flex-direction:column;justify-content:flex-end;margin:25px 0 0;padding:28px;border-radius:18px;background:#102739;color:#fff0d3;border:1px solid #223f554a;box-shadow:var(--shadow)}
.kindle-banner:before{content:'';position:absolute;inset:0;z-index:-2;background:url(assets/harbor-day.webp) center/cover no-repeat}
.kindle-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10273910,#102739df 45%,#102739 100%)}
html[data-theme=dark] .kindle-banner:before{background-image:url(assets/harbor-night.webp)}
html[data-theme=dark] .journey-section .steps article,html[data-theme=dark] .cast-person,html[data-theme=dark] .kindle-banner{background:#102739}
html[data-theme=dark] .journey-section .steps article:after{background:linear-gradient(180deg,#10273910 10%,#1027394a 37%,#102739ed 70%,#102739 100%)}
html[data-theme=dark] .cast-person figcaption{background:linear-gradient(180deg,transparent,#10273960 40%,#102739ce)}
html[data-theme=dark] .kindle-banner:after{background:linear-gradient(180deg,#10273910,#102739df 45%,#102739 100%)}
.kindle-banner>.feature-icon{position:absolute;right:26px;top:25px;color:#f0d099}
.kindle-banner .eyebrow{color:#f0d099}
.kindle-banner h3{color:#fff0d3;font-size:28px}
.kindle-banner p:not(.eyebrow){color:#f1e6cd}
.kindle-banner .button{align-self:flex-start}
@media(max-width:900px){.journey-section .steps article{min-height:350px}.journey-section .steps h3{font-size:24px}}
@media(max-width:720px){.journey-section .steps article{display:flex;min-height:330px;padding:25px;gap:0;grid-template-columns:none}.step-vista{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0}.journey-section .steps .feature-icon{display:block}.journey-section .steps h3{font-size:25px}.journey-section .steps p{font-size:14px;margin-top:12px}.cast-portraits{gap:12px}.cast-person figcaption{padding:20px 10px 10px}.cast-person strong{font-size:18px}.cast-person span{font-size:10px;line-height:1.3;margin-top:3px}.cast-person .rename-example{font-size:9px;margin-top:4px}.closing-aside{display:block}.kindle-banner{min-height:345px;margin:24px 0 24px;padding:25px}.closing-aside h2{font-size:33px}}
@media(max-width:480px){.cast-portraits{grid-template-columns:1fr;gap:18px}.cast-person{width:100%;max-width:340px;margin-inline:auto}.cast-person:nth-child(2),.cast-person:nth-child(3){margin-top:0}.cast-person figcaption{padding:30px 22px 17px}.cast-person strong{font-size:25px}.cast-person span{font-size:13px;line-height:1.5}.cast-person .rename-example{font-size:12px;margin-top:7px}}

/* Style C mirrors Android StudioComponents.glassFinish in both website themes. */
:root{
  --glass:#102535;--glass-primary:#102535;--glass-ink:#f6efdf;--glass-muted:#c0d0db;--glass-gold:#f2cb82;
  --glass-top:32.73,52.26,67.14;--glass-mid:16,37,53;--glass-bottom:14.08,32.56,46.64;
  --glass-depth:0 3px 6px #0003,0 1px 2px #0002;--glass-primary-depth:0 5px 10px #0003,0 2px 3px #0002;
}
.button,.theme-button,.menu-button,.world-picker button,.reset-button,.book-demo-link{
  --glass-alpha-top:.79;--glass-alpha-mid:.84;--glass-alpha-bottom:.89;
  font-family:Nunito,system-ui,sans-serif;font-size:15px;font-weight:600;line-height:20px;
  letter-spacing:.1px;text-align:center;display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;gap:7px;padding:13px 20px;border-radius:16px;
  background-color:transparent;
  background-image:linear-gradient(135deg,rgba(var(--glass-top),var(--glass-alpha-top)),rgba(var(--glass-mid),var(--glass-alpha-mid)) 50%,rgba(var(--glass-bottom),var(--glass-alpha-bottom)));
  color:var(--glass-ink);border:1px solid rgba(192,208,219,.56);
  box-shadow:var(--glass-depth);text-decoration:none;backdrop-filter:none;-webkit-backdrop-filter:none;
  transition:box-shadow .12s,border-color .12s;transform:none;filter:none;
}
.button.primary,.world-picker button[aria-pressed=true]{
  --glass-alpha-top:.83;--glass-alpha-mid:.88;--glass-alpha-bottom:.93;
  color:var(--glass-gold);border-color:rgba(242,203,130,.88);box-shadow:var(--glass-primary-depth);
}
.button .icon,.theme-button .icon,.menu-button .icon,.book-demo-link .icon{width:18px;height:18px}
.button.primary .icon,.theme-button .icon,.menu-button .icon{color:var(--glass-gold)}
.button>span{display:block}.button,.book-demo-link{max-width:100%;white-space:normal}
.header nav a{
  font-family:Nunito,system-ui,sans-serif;font-weight:800;line-height:1.25;letter-spacing:.1px;
  min-height:48px;font-size:15px;padding:12px 16px;background:transparent;color:var(--ink);
  border:0;box-shadow:none;border-radius:8px;text-underline-offset:6px;
}
.header nav a:hover{color:var(--accent);background:transparent;text-decoration:underline;filter:none;transform:none}
.header nav .nav-demo{background:transparent;color:var(--accent);border:0;box-shadow:none}
.header nav a:active{color:var(--accent);transform:none;box-shadow:none}
.theme-button,.menu-button{padding:13px 14px}.menu-button{display:none}
.world-picker{gap:10px}.world-picker button{flex:1;min-width:95px;padding:13px 16px}
.reset-button{padding:13px 16px;margin-top:12px;text-decoration:none}
.book-demo-link{padding:13px 15px;width:100%;text-decoration:none}.book-demo-link:hover{text-decoration:none}
@media(hover:hover){
  .button:hover:not(:disabled):not([aria-disabled=true]),.theme-button:hover:not(:disabled),.menu-button:hover:not(:disabled),.world-picker button:hover:not(:disabled),.reset-button:hover:not(:disabled),.book-demo-link:hover:not([aria-disabled=true]){
    border-color:rgba(242,203,130,.88);transform:none;filter:none;
  }
}
.button:active:not(:disabled):not([aria-disabled=true]),.theme-button:active:not(:disabled),.menu-button:active:not(:disabled),.world-picker button:active:not(:disabled),.reset-button:active:not(:disabled),.book-demo-link:active:not([aria-disabled=true]){
  --glass-top:47.44,63.07,72.15;--glass-mid:31.82,48.62,58.39;--glass-bottom:28.00,42.79,51.38;
  --glass-alpha-top:.84;--glass-alpha-mid:.89;--glass-alpha-bottom:.94;
  transform:none;box-shadow:0 1px 2px #0003;
}
.button.primary:active:not(:disabled):not([aria-disabled=true]),.world-picker button[aria-pressed=true]:active:not(:disabled){
  --glass-alpha-top:.86;--glass-alpha-mid:.91;--glass-alpha-bottom:.96;
}
.button:focus-visible,.theme-button:focus-visible,.menu-button:focus-visible,.world-picker button:focus-visible,.reset-button:focus-visible,.book-demo-link:focus-visible{
  border-color:rgba(242,203,130,.88);outline:2px solid rgba(242,203,130,.88);outline-offset:-2px;
}
.button:disabled,.button[aria-disabled=true],.theme-button:disabled,.menu-button:disabled,.world-picker button:disabled,.reset-button:disabled,.book-demo-link[aria-disabled=true]{
  --glass-top:25.56,45.72,61.08;--glass-mid:16,37,53;--glass-bottom:14.08,32.56,46.64;
  --glass-alpha-top:.78;--glass-alpha-mid:.83;--glass-alpha-bottom:.88;
  color:rgba(192,208,219,.6);border-color:rgba(192,208,219,.26);opacity:1;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0003;
}
.button.primary:disabled,.button.primary[aria-disabled=true],.world-picker button[aria-pressed=true]:disabled{border-color:rgba(242,203,130,.26)}
.button:disabled .icon,.button[aria-disabled=true] .icon,.theme-button:disabled .icon,.menu-button:disabled .icon{color:inherit}
.name-row .button{font-size:15px;min-width:88px;padding:13px 20px;flex-shrink:0}
.skip{background:var(--glass-primary);color:var(--glass-ink)}
@media(prefers-reduced-transparency:reduce){
  .button,.theme-button,.menu-button,.world-picker button,.reset-button,.book-demo-link{
    background-color:var(--glass);background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;
  }
}

/* The closing questions and Kindle illustration form one aligned spread. */
.closing-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);align-items:start;gap:28px 36px}
.closing-heading{grid-column:1/-1}.closing-heading h2{font-size:clamp(32px,3.7vw,45px)}
.closing-aside{display:block;align-self:start;min-width:0}
.kindle-banner{flex:none;align-self:start;min-height:435px;width:100%;margin:0;padding:30px}
.closing-section .faqs{margin:0;min-height:435px;display:flex;flex-direction:column;border-radius:18px;padding:6px 27px;background:linear-gradient(145deg,#244d69,#193c58);border-color:#193c58;box-shadow:0 12px 25px #243d5530,0 3px 8px #243d5520;color:#fff0d3}
.faqs details{flex:1;border-color:#f0d0994d}.faqs details[open]{flex:initial}
.faqs summary{display:flex;align-items:center;min-height:78px;padding:21px 44px 21px 0;color:#fff0d3;font-family:Nunito,system-ui,sans-serif;font-size:18px;font-weight:800;line-height:1.4}
.faqs summary:after{top:50%;transform:translateY(-50%);background:var(--glass-primary);border-color:var(--glass-gold);color:var(--glass-gold)}
.faqs summary:hover{color:#f0d099}.faqs summary:focus-visible{outline-color:#f0d099}
.faqs p{color:#f1e6cd}.faqs details[open] summary{padding-bottom:21px}
html[data-theme=dark] .closing-section .faqs{background:linear-gradient(145deg,#1b3b52,#102739);border-color:#466379}
html[data-theme=dark] .faqs summary:after{background:var(--glass-primary);border-color:var(--glass-gold);color:var(--glass-gold)}
.kindle-banner .kindle-button{align-self:stretch;min-height:52px;margin-top:24px;padding:13px 18px;font-size:16px;background:#f09a21;color:#17140e;border-color:#ffd294;box-shadow:inset 0 1px #fff3,0 8px 18px #0003}
.kindle-logo{display:block;position:absolute;top:20px;right:20px;width:130px;height:auto;background:#ff9900;border-radius:4px;box-shadow:0 5px 15px #0002}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.kindle-banner .kindle-button{background:rgba(245,157,35,.94)}}
@media(hover:hover){.kindle-banner .kindle-button:hover:not(:disabled):not([aria-disabled=true]){background:#ffac3a;border-color:#ffe0aa;filter:none;transform:translateY(-1px)}}
@media(prefers-reduced-transparency:reduce){.kindle-banner .kindle-button{background:#f09a21;backdrop-filter:none;-webkit-backdrop-filter:none}}
.kindle-button:focus-visible{outline-color:#ff9900;box-shadow:0 0 0 5px #17140e}
@media(max-width:1100px){.header nav a{font-size:14px;padding-inline:11px}.theme-button span{display:none}}
@media(max-width:980px){.header nav a{font-size:16px;justify-content:center;padding:13px 16px}.menu-button{display:inline-flex}.theme-button{width:48px;padding:10px}.closing-section{gap:24px}.kindle-banner{padding:25px}}
@media(max-width:720px){.closing-section{display:grid;grid-template-columns:1fr;gap:24px}.closing-heading{grid-column:1}.closing-aside{display:block;align-self:start}.kindle-banner{min-height:365px;margin:0}.closing-section .faqs{min-height:0;padding-inline:22px}.faqs summary{min-height:76px;font-size:17px}.theme-button,.menu-button{min-height:48px}.library-heading .button{width:100%}.book-demo-link{padding-inline:10px}.world-picker button{min-width:90px}}
@media(max-width:400px){.header nav a{font-size:16px}.menu-button{width:48px;padding:10px}.kindle-banner{padding:24px}.kindle-banner .kindle-button{gap:9px;padding-inline:12px;font-size:15px}.kindle-logo{width:115px;top:18px;right:18px}.world-picker button{padding-inline:11px}.reset-button{min-height:48px}}

/* Give the portraits the full row before the desktop split crowds their captions. */
@media(min-width:721px) and (max-width:980px){.cast-section{grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.cast-gallery{width:100%}.cast-intro>p:not(.eyebrow){max-width:55ch}}

@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,.theme-button:hover,.menu-button:hover,.world-picker button:hover,.reset-button:hover,.book-demo-link:hover{transform:none}}
