:root{--background:#fff;--surface:#fff;--surface-soft:#f8faf9;--panel:#f5efe5;--ink:#181713;--muted:#66625a;--soft:#8d8678;--line:#ece5da;--accent:#f7941e;--accent-dark:#d9780f;--accent-soft:#fff0d8;--slate:#263238;--slate-soft:#34444b;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--radius-xl:42px;--radius-pill:999px;--shadow:0 24px 80px #2632381f;--shadow-soft:0 12px 40px #26323814;--gutter:clamp(20px, 5vw, 72px);--maxw:1180px;--sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:"Lora", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance}button,summary{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin:0 auto}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:var(--reveal-delay,0s);transform:translateY(18px)}.js [data-reveal][data-visible]{opacity:1;transform:none}.nav{z-index:20;padding:14px var(--gutter) 0;background:linear-gradient(#fffffff0,#fff0);position:sticky;top:0}.nav-inner{max-width:var(--maxw);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc7;border:1px solid #26323817;align-items:center;gap:26px;height:58px;margin:0 auto;padding:0 10px 0 18px;display:flex;box-shadow:0 8px 28px #2632380f}.brand{letter-spacing:-.03em;align-items:center;gap:9px;font-weight:800;display:inline-flex}.brand-mark{border-radius:8px;display:block}.nav-links{align-items:center;gap:24px;margin-inline:auto;display:flex}.nav-links a{color:var(--muted);font-size:14px;font-weight:600}.nav-links a:hover{color:var(--ink)}.nav-cta .btn{border-radius:var(--radius-pill);justify-content:center;align-items:center;min-height:42px;padding:0 20px;font-size:14px;font-weight:800;display:inline-flex}.btn-primary{background:var(--slate);color:#fff}.nav-toggle,.nav-drawer{display:none}.hero{min-height:185vh;padding:clamp(54px, 8vw, 96px) var(--gutter) clamp(72px, 10vw, 128px);justify-items:center;gap:0;display:grid;overflow:hidden}.hero-inner{text-align:center;z-index:2;align-self:start;max-width:980px;position:sticky;top:clamp(84px,10vh,118px)}.hero-kicker,.eyebrow,.section-heading p{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.hero h1{margin-top:18px;font-size:clamp(42px,7vw,86px);font-weight:850;line-height:.94}.hero-subtitle{max-width:560px;color:var(--muted);margin:20px auto 0;font-size:clamp(16px,1.55vw,20px);line-height:1.45}.store-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.store-button{border:1px solid var(--line);background:#fff;border-radius:17px;align-items:center;gap:12px;min-width:168px;min-height:58px;padding:10px 16px;display:inline-flex;box-shadow:0 8px 20px #2632380f}.store-button-dark{background:var(--slate);color:#fff}.store-icon{text-align:center;width:24px;font-size:20px}.store-button span:last-child{text-align:left;flex-direction:column;line-height:1.1;display:flex}.store-button small{color:currentColor;opacity:.62;font-size:11px}.store-button strong{font-size:15px}.hero-preview{width:min(100%,1060px)}.hero-book-fan{--fan-progress:0;pointer-events:none;perspective:900px;place-items:center;width:min(100%,1040px);height:clamp(230px,33vw,390px);margin-top:clamp(280px,34vh,360px);display:grid;position:sticky;top:clamp(350px,47vh,430px)}.fan-book{--offset:0;--distance:0;width:clamp(128px,16vw,208px);transform:translateX(calc(var(--offset) * var(--fan-progress) * clamp(50px, 10vw, 136px))) translateY(calc((var(--offset) * var(--offset) * var(--fan-progress) * 5px) - (var(--fan-progress) * 18px))) translate(calc(var(--offset) * 2px), calc(var(--distance) * 2px)) rotate(calc(var(--offset) * var(--fan-progress) * 8deg)) scale(calc(1 - (var(--distance) * .012 * var(--fan-progress))));opacity:calc(var(--fan-progress) * 4 - (var(--distance) - 1));z-index:calc(10 - var(--distance));transition:transform 80ms linear,opacity 80ms linear;position:absolute}.fan-book-lead{opacity:1;z-index:20}.fan-cover,.mini-cover{aspect-ratio:3/4.2;background:linear-gradient(145deg, var(--accent), var(--slate));border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 44px #26323829}.fan-cover{transform-origin:bottom;border:1px solid #ffffff80}.fan-cover:after{content:"";mix-blend-mode:screen;opacity:.65;background:linear-gradient(90deg,#ffffff38,#0000 34%,#00000014);position:absolute;inset:0}.fan-cover img,.mini-cover img{object-fit:cover;width:100%;height:100%;display:block}.fan-cover>span,.mini-cover>span{color:#fff;height:100%;font-family:var(--serif);align-items:flex-end;padding:14px;font-size:15px;font-weight:800;line-height:1.1;display:flex}.mini-cover small{border-radius:var(--radius-pill);color:#fff;background:#181713b8;padding:5px 9px;font-size:10px;font-weight:900;position:absolute;bottom:10px;left:10px}@keyframes float-card{0%,to{translate:0}50%{translate:0 -10px}}.phone-scene{min-height:610px;box-shadow:var(--shadow);background:linear-gradient(135deg,#f7941e21,#0000 38%),linear-gradient(#fff,#f8f4ef);border:1px solid #26323814;border-radius:52px;place-items:center;display:grid;position:relative;overflow:hidden}.phone-shell{border:10px solid var(--slate);background:#fff;border-radius:44px;width:min(330px,72vw);min-height:560px;padding:16px;box-shadow:0 32px 80px #26323847}.phone-status{color:var(--slate);justify-content:space-between;padding:4px 8px 16px;font-size:12px;font-weight:800;display:flex}.phone-hero{background:var(--slate);color:#fff;border-radius:28px;min-height:148px;padding:20px}.phone-hero p{color:#ffffffb8;font-size:12px;font-weight:700}.phone-hero h2{margin-top:10px;font-size:26px;line-height:1}.phone-progress{border-radius:var(--radius-pill);background:#ffffff40;height:6px;margin-top:22px;overflow:hidden}.phone-progress span{background:var(--accent);width:64%;height:100%;display:block}.phone-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px;display:grid}.phone-book{background:var(--panel);border-radius:22px;min-height:158px;position:relative;overflow:hidden}.phone-book img{object-fit:cover;width:100%;height:100%;display:block}.phone-book>span{color:#fff;height:100%;font-family:var(--serif);background:linear-gradient(145deg, var(--accent), var(--slate));align-items:flex-end;padding:14px;font-weight:700;display:flex}.phone-book small{border-radius:var(--radius-pill);color:#fff;background:#181713b8;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;bottom:8px;left:8px}.phone-card{width:220px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #26323814;border-radius:24px;padding:18px;position:absolute}.phone-card span{color:var(--accent-dark);margin-bottom:7px;font-size:12px;font-weight:800;display:block}.phone-card strong{letter-spacing:-.04em;font-size:20px;line-height:1.1}.phone-card-left{top:18%;left:9%}.phone-card-right{bottom:18%;right:8%}.library-band,.showcase-section,.feature-section,.genre-section,.immersive-section,.loved-section,.author-section,.pricing-section,.faq-section,.download-section{padding:clamp(72px, 10vw, 140px) var(--gutter)}.section-heading{max-width:var(--maxw);text-align:center;margin:0 auto clamp(28px,4vw,52px)}.section-heading h2{max-width:780px;margin:12px auto 0;font-size:clamp(36px,5vw,72px);line-height:.96}.library-band{background:#fff;overflow:hidden}.showcase-section{background:var(--surface-soft);overflow:hidden}.premium-shelf{max-width:var(--maxw);grid-template-columns:52px 1fr 52px;align-items:center;gap:18px;margin:0 auto;display:grid}.shelf-arrow{border:1px solid var(--line);border-radius:var(--radius-pill);width:52px;height:52px;color:var(--slate);box-shadow:var(--shadow-soft);background:#fff;font-size:32px}.shelf-stage{grid-template-columns:repeat(5,1fr);align-items:end;gap:clamp(12px,2vw,24px);display:grid}.shelf-book{text-align:center}.shelf-book:nth-child(2),.shelf-book:nth-child(4){transform:translateY(34px)}.shelf-book:nth-child(3){transform:translateY(-22px)}.shelf-book h3{margin-top:16px;font-size:20px;line-height:1.05}.shelf-book p{color:var(--muted);margin-top:5px;font-size:14px}.rail{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.rail-track{width:max-content;animation:54s linear infinite rail-scroll;display:flex}.rail:hover .rail-track{animation-play-state:paused}@keyframes rail-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.rail-half{gap:24px;padding-right:24px;display:flex}.rail-item{flex:none;width:clamp(154px,16vw,224px)}.rail-cover{aspect-ratio:3/4.35;background:var(--tint,var(--panel));border-radius:22px;overflow:hidden;box-shadow:0 18px 42px #26323824}.rail-art,.rail-fallback{width:100%;height:100%}.rail-art{object-fit:cover;display:block}.rail-fallback{color:#fff;font-family:var(--serif);background:linear-gradient(145deg, var(--accent), var(--slate));align-items:flex-end;padding:18px;font-size:18px;font-weight:700;display:flex}.rail-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-top:14px;font-weight:800;overflow:hidden}.rail-author{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:14px;overflow:hidden}.feature-section{background:#fff}.feature-layout{max-width:var(--maxw);grid-template-columns:.95fr 1.05fr;align-items:start;gap:clamp(32px,6vw,86px);margin:0 auto;display:grid}.feature-copy h2{margin-top:12px;font-size:clamp(40px,5vw,76px);line-height:.95}.feature-copy>p:last-child,.download-panel p{color:var(--muted);margin-top:20px;font-size:18px;line-height:1.55}.feature-cards{gap:14px;display:grid}.soft-card,.author-step,.price-card,.faq-item{background:#fff;border:1px solid #26323814;border-radius:24px;box-shadow:0 10px 32px #2632380d}.soft-card{padding:28px}.card-number{color:var(--accent-dark);font-size:13px;font-weight:900}.soft-card h3{margin-top:22px;font-size:28px;line-height:1.02}.soft-card p{color:var(--muted);margin-top:12px;line-height:1.55}.genre-section{background:var(--surface-soft);grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid;overflow:hidden}.genre-copy{justify-self:end;max-width:520px}.genre-copy h2{margin-top:12px;font-size:clamp(42px,6vw,88px);line-height:.92}.genre-pills{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.genre-pills span{border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--muted);background:#fff;padding:11px 15px;font-size:14px;font-weight:850}.genre-pills .active{background:var(--slate);color:#fff}.genre-stack{min-height:520px;position:relative}.genre-cover{width:clamp(118px,16vw,220px);animation:cover-drift 7s var(--ease) infinite;position:absolute}.genre-cover-1{top:18%;left:2%;rotate:-10deg}.genre-cover-2{animation-delay:-1.2s;top:3%;left:24%;rotate:6deg}.genre-cover-3{animation-delay:-2.1s;top:20%;left:47%;rotate:-3deg}.genre-cover-4{animation-delay:-3s;top:50%;left:17%;rotate:8deg}.genre-cover-5{animation-delay:-3.7s;top:54%;left:54%;rotate:-8deg}.genre-cover-6{animation-delay:-4.4s;top:14%;left:72%;rotate:10deg}@keyframes cover-drift{0%,to{translate:0}50%{translate:8px -14px}}.immersive-section{background:#fff}.immersive-panel{max-width:var(--maxw);background:radial-gradient(circle at 86% 14%, #f7941e3d, transparent 20rem), var(--slate);color:#fff;min-height:560px;box-shadow:var(--shadow);border-radius:48px;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;margin:0 auto;padding:clamp(24px,5vw,64px);display:grid;position:relative;overflow:hidden}.reader-window,.top-picks,.voice-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff24;box-shadow:0 20px 60px #0000001f}.reader-window{border-radius:36px;padding:clamp(26px,5vw,56px)}.reader-tabs{gap:10px;margin-bottom:54px;display:flex}.reader-tabs span{border-radius:var(--radius-pill);color:#ffffffb8;background:#ffffff1a;padding:9px 13px;font-size:13px;font-weight:850}.reader-tabs .active{color:var(--slate);background:#fff}.reader-window h3{max-width:640px;font-size:clamp(38px,5vw,78px);line-height:.92}.reader-window p{color:#ffffffb8;max-width:520px;margin-top:20px;font-size:18px;line-height:1.55}.reader-progress{border-radius:var(--radius-pill);background:#ffffff2e;height:8px;margin-top:36px;overflow:hidden}.reader-progress span{background:var(--accent);width:58%;height:100%;display:block}.top-picks{border-radius:30px;padding:22px}.top-picks .eyebrow{color:#ffffffb8;margin-bottom:16px;display:block}.pick-row{grid-template-columns:64px 1fr;align-items:center;gap:14px;padding:12px 0;display:grid}.pick-row+.pick-row{border-top:1px solid #ffffff1f}.pick-row .mini-cover{border-radius:12px;width:64px}.pick-row strong{line-height:1.1;display:block}.pick-row p{color:#ffffff9e;margin-top:4px;font-size:13px}.voice-card{max-width:280px;animation:float-card 6s var(--ease) infinite;border-radius:28px;padding:22px;position:absolute;bottom:clamp(18px,5vw,60px);right:clamp(18px,6vw,86px)}.voice-card span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.voice-card strong{letter-spacing:-.04em;font-size:22px;line-height:1.12;display:block}.author-section{background:var(--slate);color:#fff}.author-section .section-heading h2,.author-section .section-heading p{color:#fff}.author-section .section-heading p{opacity:.72}.author-steps{gap:14px;max-width:920px;margin:0 auto;display:grid}.author-step{background:#ffffff14;border-color:#ffffff1f;grid-template-columns:54px 1fr;align-items:center;padding:20px;display:grid}.author-step span{border-radius:var(--radius-pill);background:var(--accent);width:38px;height:38px;color:var(--ink);place-items:center;font-weight:900;display:grid}.author-step p{letter-spacing:-.04em;font-size:clamp(20px,2.4vw,30px);font-weight:800}.loved-section{background:var(--surface-soft)}.love-grid{max-width:var(--maxw);column-count:3;column-gap:14px;margin:0 auto}.love-card{break-inside:avoid;box-shadow:var(--shadow-soft);background:#fff;border:1px solid #26323814;border-radius:24px;margin-bottom:14px;padding:24px}.love-card:nth-child(2n){padding-block:36px}.love-card p{color:var(--ink);letter-spacing:-.035em;font-size:20px;font-weight:800;line-height:1.25}.love-card span{color:var(--muted);margin-top:18px;font-size:13px;font-weight:850;display:block}.pricing-section{background:#fff}.pricing-grid{max-width:var(--maxw);grid-template-columns:repeat(4,1fr);gap:14px;margin:0 auto;display:grid}.price-card{padding:24px;position:relative}.price-card.featured{background:var(--accent-soft);border-color:#f7941e59}.popular{border-radius:var(--radius-pill);background:var(--slate);color:#fff;padding:5px 12px;font-size:11px;font-weight:900;position:absolute;top:-11px;left:22px}.price-card h3{font-size:20px}.price-card strong{letter-spacing:-.05em;margin-top:22px;font-size:clamp(34px,4vw,48px);line-height:1;display:block}.price-card p{min-height:44px;color:var(--muted);margin-top:9px}.price-card a{color:var(--slate);margin-top:18px;font-weight:900;display:inline-flex}.faq-section{background:var(--surface-soft)}.faq-list{gap:10px;max-width:880px;margin:0 auto;display:grid}.faq-item{padding:0 22px}.faq-item summary{cursor:pointer;letter-spacing:-.035em;justify-content:space-between;align-items:center;gap:20px;min-height:70px;font-size:20px;font-weight:850;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{flex:none;width:18px;height:18px;position:relative}.faq-item summary span:before,.faq-item summary span:after{content:"";background:var(--slate);border-radius:2px;height:2px;position:absolute;inset:50% 0 auto}.faq-item summary span:after{rotate:90deg}.faq-item[open] summary span:after{transform:scaleX(0)}.faq-item p{color:var(--muted);padding-bottom:22px;line-height:1.6}.download-section{background:#fff}.download-panel{max-width:var(--maxw);background:radial-gradient(circle at 85% 20%, #f7941e38, transparent 18rem), var(--slate);color:#fff;box-shadow:var(--shadow);border-radius:42px;justify-content:space-between;align-items:center;gap:28px;margin:0 auto;padding:clamp(28px,5vw,58px);display:flex}.download-panel h2{max-width:560px;margin-top:12px;font-size:clamp(38px,5vw,72px);line-height:.95}.download-panel p{color:#ffffffb8;max-width:520px}.download-panel .store-button{box-shadow:none}.footer{padding:28px var(--gutter) 42px;color:var(--muted);background:#fff;justify-content:space-between;align-items:center;gap:18px;display:flex}@media (max-width:980px){.nav-links,.nav-cta{display:none}.nav-toggle{background:0 0;border:0;place-items:center;width:42px;height:42px;margin-left:auto;display:grid}.burger,.burger:before,.burger:after{background:var(--slate);border-radius:2px;width:20px;height:2px;display:block}.burger{position:relative}.burger:before,.burger:after{content:"";position:absolute;left:0}.burger:before{top:-6px}.burger:after{top:6px}.nav-drawer{max-width:var(--maxw);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:26px;margin:8px auto 0;padding:18px;display:block}.nav-drawer[hidden]{display:none}.nav-drawer nav{gap:14px;display:grid}.drawer-cta{margin-top:18px}.drawer-cta .btn{width:100%}.feature-layout,.genre-section,.immersive-panel,.pricing-grid,.premium-shelf{grid-template-columns:1fr}.shelf-arrow{display:none}.shelf-stage{grid-template-columns:repeat(3,minmax(0,1fr))}.shelf-book:nth-child(n){transform:none}.genre-copy{justify-self:start}.genre-stack{min-height:420px}.genre-cover-6{display:none}.immersive-panel{min-height:auto}.voice-card{max-width:none;position:static}.love-grid{column-count:2}.phone-card{display:none}.download-panel{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.hero{min-height:165vh;padding-top:42px}.hero-inner{top:74px}.hero h1{font-size:clamp(38px,12vw,58px)}.hero-book-fan{height:230px;margin-top:260px;top:360px}.fan-book{width:104px;transform:translateX(calc(var(--offset) * var(--fan-progress) * 52px)) translateY(calc((var(--offset) * var(--offset) * var(--fan-progress) * 4px) - (var(--fan-progress) * 10px))) translate(calc(var(--offset) * 1.5px), calc(var(--distance) * 1.5px)) rotate(calc(var(--offset) * var(--fan-progress) * 7deg)) scale(calc(1 - (var(--distance) * .01 * var(--fan-progress))))}.phone-scene{border-radius:34px;min-height:520px}.phone-shell{min-height:496px}.phone-grid{gap:9px}.phone-book{min-height:136px}.store-button{justify-content:center;width:100%}.store-row{width:100%}.section-heading h2,.feature-copy h2,.genre-copy h2,.reader-window h3,.download-panel h2{font-size:clamp(36px,12vw,56px)}.shelf-stage{scroll-snap-type:x mandatory;padding:8px 2px 18px;display:flex;overflow-x:auto}.shelf-book{scroll-snap-align:center;flex:none;width:150px}.genre-stack{min-height:360px}.genre-cover{width:128px}.genre-cover-1{top:12%;left:0}.genre-cover-2{top:0;left:26%}.genre-cover-3{top:15%;left:56%}.genre-cover-4{top:48%;left:12%}.genre-cover-5{top:52%;left:52%}.immersive-panel{border-radius:34px}.reader-tabs{margin-bottom:34px;overflow-x:auto}.love-grid{column-count:1}.footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{opacity:1;transition:none;transform:none}.rail-track{animation:none}.fan-book{opacity:1;transform:translateX(calc(var(--offset) * 52px)) translateY(calc(var(--offset) * var(--offset) * 4px - 10px)) rotate(calc(var(--offset) * 7deg));transition:none}.genre-cover,.voice-card{animation:none}}