.landing{position:relative;overflow:clip;color:var(--kcb-ink);background:linear-gradient(180deg,#fff8ec,#fbedd8 14%,#eae3f4 30%,#6b66a3 40%,#2e2a5e 48%,#211d4e 66%,#17142f 82%,#17142f)}.landing ::selection{background:var(--kcb-amber);color:var(--kcb-ink)}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.sky-moon{position:absolute;right:9vw;top:0;width:clamp(64px,9vw,120px);height:clamp(64px,9vw,120px);will-change:transform}.sky-moon-disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--kcb-amber);-webkit-mask-image:radial-gradient(circle at 24% 20%,transparent 52%,#000 54%);mask-image:radial-gradient(circle at 24% 20%,transparent 52%,#000 54%)}.sky-moon-glow{position:absolute;top:-55%;right:-55%;bottom:-55%;left:-55%;border-radius:50%;background:radial-gradient(circle,#ffb45473,#ffb45400 65%)}.sky-stars{position:absolute;top:-30vh;right:0;bottom:0;left:0;will-change:transform,opacity}.sky-star{position:absolute;background:var(--kcb-cream-text);border-radius:50%;animation:twinkle 5s ease-in-out infinite}.landing-nav{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,5vw,56px)}.landing-nav .nav-logo img{height:clamp(26px,3.4vw,34px);display:block}.landing-nav .nav-actions{display:flex;gap:12px;align-items:center}.landing-nav .btn{padding:10px 22px;font-size:15px}.chapter{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:clamp(72px,12vh,130px) clamp(20px,5vw,48px)}.eyebrow{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:14.5px;letter-spacing:.06em;padding:6px 16px;border-radius:999px;margin-bottom:18px}.eyebrow-light{color:var(--kcb-indigo);background:#2e2a5e14;border:1.5px solid rgba(46,42,94,.18)}.eyebrow-dark{color:var(--kcb-amber);background:#ffb4541a;border:1.5px solid rgba(255,180,84,.35)}.chapter h2{font-size:clamp(30px,4.6vw,44px);font-weight:800;margin:0 0 14px}.chapter .lead{font-size:clamp(16.5px,2vw,19px);max-width:560px}.on-night{color:var(--kcb-cream-text)}.on-night a{color:var(--kcb-periwinkle)}.on-night a.btn-primary{color:var(--kcb-ink)}.hero{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(24px,4vw,56px);padding-top:110px;padding-bottom:60px}.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(42px,6.5vw,76px);line-height:1.08;color:var(--kcb-indigo);margin:0 0 18px}.hero h1 .hl{position:relative;white-space:nowrap}.hero h1 .hl:after{content:"";position:absolute;left:-2%;right:-2%;bottom:6%;height:30%;background:#ffb4548c;border-radius:8px;z-index:-1}.hero .hero-sub{font-size:clamp(17px,2.1vw,20px);max-width:480px;margin:0 0 30px}.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.hero-login-hint{font-size:15px}.hero-art{position:relative}.hero-art:before{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background:radial-gradient(circle,#ffb45447,#ffb45400 68%)}.hero-art img{position:relative;width:100%;animation:floaty 9s ease-in-out infinite;filter:drop-shadow(0 24px 40px rgba(46,42,94,.22))}.hero-cloud{position:absolute;z-index:0;opacity:.9;will-change:transform}.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:2;font-size:14px;color:#3b3663a6;text-align:center;animation:floaty 4s ease-in-out infinite}.book-card{background:#fffdf6;border-radius:var(--radius-card);box-shadow:var(--shadow-soft),0 30px 80px #2e2a5e2e;padding:clamp(28px,4.5vw,52px);max-width:720px;margin:36px auto 0;position:relative}.book-card:before{content:"";position:absolute;left:14px;top:18px;bottom:18px;width:2px;border-left:2px dashed rgba(46,42,94,.15)}.book-name-field{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.book-name-field label{font-weight:700;color:var(--kcb-indigo);font-size:15px}.book-name-field input{font-family:var(--font-body);font-size:17px;font-weight:700;color:var(--kcb-ink);background:var(--kcb-cream);border:2px solid var(--kcb-amber);border-radius:999px;padding:10px 20px;outline:none;width:200px}.book-text{font-family:var(--font-reader);font-size:clamp(18px,2.2vw,21px);line-height:1.85;color:var(--kcb-ink)}.book-text .book-name{font-weight:500;color:var(--kcb-indigo);background:#ffb45459;border-radius:6px;padding:0 5px}.book-caption{margin-top:22px;font-size:13.5px;color:#8b87a8;font-style:italic}.interlude{text-align:center;padding-top:4vh;padding-bottom:4vh}.interlude p{font-family:var(--font-reader);font-style:italic;font-size:clamp(19px,2.6vw,24px);color:var(--kcb-cream-text);text-shadow:0 2px 18px rgba(23,20,47,.55);margin:0}.scene-layered{position:relative;margin-top:8px}.scene-crane{position:relative;z-index:2;display:block;width:min(620px,74%);margin:0 auto;filter:drop-shadow(0 26px 44px rgba(11,9,32,.4));will-change:transform}.scene-hills{position:relative;z-index:1;display:block;width:100%;margin-top:-9%}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.feature-card{background:#f5efe012;border:1px solid rgba(245,239,224,.14);border-radius:20px;padding:22px 22px 24px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.feature-card .fc-icon{height:36px;display:block}.feature-card h3{font-size:18.5px;margin:10px 0 6px;color:var(--kcb-cream-text)}.feature-card p{margin:0;font-size:15px;color:#f5efe0c7}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}.voice-note{margin-top:22px;font-size:14px;color:#f5efe0a8;border-left:3px solid var(--kcb-amber);padding-left:14px;max-width:420px}.voice-art{position:relative}.voice-art img{width:100%;filter:drop-shadow(0 0 46px rgba(255,180,84,.16)) drop-shadow(0 20px 36px rgba(11,9,32,.4))}.wave-chip{position:absolute;left:8%;bottom:-26px;background:var(--kcb-night-1);border:1px solid rgba(245,239,224,.16);border-radius:18px;padding:14px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 16px 40px #0b092080}.wave-bars{display:flex;align-items:center;gap:3px;height:30px}.wave-bars span{width:4px;border-radius:4px;background:var(--kcb-amber);height:30%;animation:wave 2.6s ease-in-out infinite}.wave-chip .wave-label{font-size:13px;color:#f5efe0d9;max-width:190px}@keyframes wave{0%,to{height:24%}50%{height:92%}}.finale{text-align:center;padding-bottom:40px}.finale-art{width:min(400px,74vw);margin:0 auto;filter:drop-shadow(0 0 60px rgba(255,180,84,.22));animation:floaty 10s ease-in-out infinite}.finale h2{margin-top:8px}.finale .lead{margin:0 auto 30px}.finale-free-note{margin-top:14px;font-size:14px;color:#f5efe099}.landing-footer{position:relative;z-index:1;border-top:1px solid rgba(245,239,224,.12);margin-top:clamp(60px,10vh,110px);padding:34px clamp(20px,5vw,56px) 44px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;color:#f5efe0a6;font-size:14px}.landing-footer img{height:26px}.landing-footer nav{display:flex;gap:22px}.landing-footer a{color:#f5efe0cc;text-decoration:none}.landing-footer a:hover{color:var(--kcb-amber)}@media (max-width: 860px){.hero{grid-template-columns:1fr;text-align:center;padding-top:130px}.hero .hero-sub{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.hero-art{max-width:420px;margin:0 auto}.feature-row,.voice-grid{grid-template-columns:1fr}.wave-chip{position:static;margin-top:18px}.landing-nav .btn-ghost-light{display:none}}