/* Responsive design preview only. */
html{scrollbar-gutter:stable}
.hero-dipnot{font-style:normal;font-weight:700;color:#f0b172;text-shadow:0 0 40px #ff9b4420}
.unified-site .site-header{height:72px}
.unified-site .header-inner{position:relative;justify-content:space-between;gap:28px}
.unified-site .page-navigation{position:absolute;left:50%;transform:translateX(-50%)}
.unified-site .brand{width:128px}
.unified-site .page-navigation a,.guide-trigger{font-size:11px;padding:8px 12px}
.guide-trigger{display:flex;align-items:center;gap:7px;border:0;background:transparent;border-radius:24px;color:#e5c7a6;white-space:nowrap}
.guide-trigger:hover{background:#e3b78b17;color:#fff3e1}
.guide-trigger svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
.unified-site .hero{width:calc(100% - 80px);max-width:1180px;min-height:0;padding:28px 0 30px;grid-template-columns:1.13fr 1fr;gap:38px;align-items:start}
.unified-site .hero h1{font-size:clamp(40px,3.9vw,55px);line-height:1.04;margin:15px 0 17px}
.unified-site .hero .eyebrow{font-size:9px}
.unified-site .hero-description{font-size:13px;line-height:1.75;max-width:520px}
.journey-mini{margin-top:20px;gap:9px}
.journey-card{min-height:74px;padding:11px 12px;gap:9px}
.journey-card strong{font-size:11px;margin-bottom:4px}
.journey-card small{font-size:10px;line-height:1.55}
.unified-site .hero-actions{margin-top:17px}
.store-button{min-height:48px;padding:9px 14px}
.hero-trust{font-size:9px;line-height:1.6;margin-top:13px;gap:7px 14px;max-width:520px}
.visual-column{min-width:0;position:relative;padding-top:0}
.unified-site .hero .hero-visual{min-height:565px;width:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;isolation:isolate;transform:none;perspective:none}
.unified-site .hero .device{width:252px;z-index:2;animation:phone-hover 8s ease-in-out infinite}
.unified-site .hero .visual-circle{width:410px;height:410px;top:66px;left:calc(50% - 205px);z-index:0}
.unified-site .hero .circle-ring{width:470px;height:470px;top:36px;left:calc(50% - 235px);z-index:0}
.unified-site .hero .floating-book{top:36px;right:-3px;padding:11px 12px;z-index:4}
.unified-site .hero .floating-book strong{font-size:10px}
.unified-site .hero .floating-note{bottom:54px;left:0;padding:18px 20px 14px;z-index:4}
.unified-site .hero .floating-note p{font-size:23px}
.unified-site .hero .visual-caption{bottom:8px;right:10px}
.unified-site .hero .screen-selector{margin-top:8px;padding-top:13px;gap:12px;justify-content:space-between;width:100%;border-color:#e3b78b32}
.unified-site .hero .screen-selector button{font-size:9px;white-space:nowrap}
.unified-site .hero .screen-selector button.selected:after{top:-14px}
.kinetic-book{z-index:1;opacity:1;visibility:visible;will-change:transform;filter:drop-shadow(10px 12px 9px #0004)}
.book-front{backface-visibility:visible}
.kb-one{right:8px;bottom:112px;width:70px;height:96px;animation:book-copper-hover 10s ease-in-out infinite}
.kb-two{left:18px;top:21px;width:65px;height:89px;animation:book-green-hover 12s ease-in-out infinite}
@keyframes phone-hover{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-6px) rotate(.7deg)}}
@keyframes book-copper-hover{0%,100%{transform:translateY(0) rotate(13deg)}50%{transform:translateY(-14px) rotate(5deg)}}
@keyframes book-green-hover{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(12px) rotate(-17deg)}}
.reading-details{margin-top:42px;padding-top:37px;border-top:1px solid #e3b78b25;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.reading-details h3{font:400 33px/1.1 var(--serif);letter-spacing:-.025em;margin:15px 0 18px}
.reading-details>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#c7ae95;max-width:475px}
.reading-details button{border:0;border-bottom:1px solid #c18d5d55;padding:0 0 8px;margin-top:22px;font-size:11px;background:none;color:#e9b27b;display:flex;align-items:center;gap:22px}
.unified-site .preview-dock{position:static;width:max-content;max-width:calc(100% - 32px);margin:0 auto 18px;transform:none;padding:9px 15px;font-size:9px}
.guide-open{overflow:hidden}
.guide-dialog{width:min(1000px,calc(100% - 48px));max-height:calc(100svh - 48px);padding:0;border:1px solid #b38a5a55;border-radius:22px;background:linear-gradient(145deg,#34261d,#231a14);color:#fff1de;box-shadow:0 30px 100px #0008;overflow:auto}
.guide-dialog::backdrop{background:#160e08a6;backdrop-filter:blur(9px)}
.guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 30px 21px;border-bottom:1px solid #e3b78b24}
.guide-heading .eyebrow{font-size:8px;color:#e9b27b}
.guide-heading h2{font-size:34px;margin-top:12px}
.guide-heading>div>p:last-child{font-size:11px;color:#bca186;margin-top:9px}
.guide-close{border:1px solid #e3b78b33;border-radius:50%;width:35px;height:35px;flex:none;background:#fff3;color:#ffe5c6;font-size:23px;line-height:1}
.guide-body{display:grid;grid-template-columns:170px 1fr}
.guide-tabs{padding:21px 12px;border-right:1px solid #e3b78b24;display:flex;flex-direction:column;gap:6px}
.guide-tabs button{padding:12px 10px;display:flex;align-items:center;gap:9px;color:#bba087;border:1px solid transparent;background:none;text-align:left;border-radius:10px;font-size:12px}
.guide-tabs button>span{font-size:8px;color:#d29e6c}.guide-tabs button i{margin-left:auto;font-style:normal;font-size:15px;opacity:0}
.guide-tabs button[aria-selected="true"]{background:#e3b78b13;border-color:#e3b78b24;color:#ffe1b9}.guide-tabs button[aria-selected="true"] i{opacity:1}
.guide-tabs button:hover{background:#e3b78b0b}
#guide-panel{display:grid;grid-template-columns:1fr 175px;gap:27px;padding:27px 29px;min-height:430px;outline:none}
.guide-copy .eyebrow{font-size:7px;letter-spacing:.12em;color:#e9b27b}
.guide-copy h3{font:400 31px/1.08 var(--serif);letter-spacing:-.02em;margin:13px 0}
#guide-description{font-size:13px;line-height:1.75;color:#c8ad91}
#guide-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:17px}
#guide-steps li{display:flex;gap:11px}
#guide-steps li>span{width:23px;height:23px;border:1px solid #e3b78b33;background:#e3b78b0a;color:#e9b27b;display:grid;place-items:center;border-radius:50%;font-size:9px;flex:none;margin-top:2px}
#guide-steps h4{font-size:13px;font-weight:600;margin:0 0 5px;color:#fce6cc}
#guide-steps p{font-size:12px;line-height:1.75;color:#baa087;margin:0}
.guide-tip{display:flex;gap:10px;padding:12px 13px;border-radius:9px;background:#e3b78b09;border:1px solid #e3b78b14;margin-top:20px;font-size:10px;line-height:1.7;color:#cdb396}.guide-tip>span{color:#e9b27b}
.guide-visual{align-self:center;text-align:center;padding-top:7px}
.guide-phone{padding:5px;border:1px solid #b6947055;border-radius:26px;background:#1b1510;box-shadow:0 15px 30px #0004;transform:rotate(2deg)}
.guide-phone img{width:100%;aspect-ratio:473/976;object-fit:cover;border-radius:21px}
.guide-visual>span{display:block;font-size:8px;color:#a88c71;margin-top:15px;line-height:1.7}
.guide-goal{position:relative;padding:24px 17px 18px;background:linear-gradient(145deg,#e8cfac,#fff1d9);color:#44301f;border-radius:14px;box-shadow:0 10px 30px #0003;text-align:left}
.guide-goal>p{font-size:7px;letter-spacing:.06em;color:#8e6b47;line-height:1.7}.goal-year{display:block;font:400 30px var(--serif);margin:17px 0 15px}.guide-goal>strong{font:500 46px var(--serif);display:block}.guide-goal>strong small{font:400 10px var(--font);color:#94704c}.goal-progress{height:5px;background:#bf9b6c3b;border-radius:5px;overflow:hidden;margin:14px 0}.goal-progress span{display:block;width:33.3%;height:100%;background:#47725d}.guide-goal>small{font-size:7px;color:#927154;display:block;margin-top:17px}.goal-books{display:flex;align-items:flex-end;gap:5px;height:71px;margin-top:13px;border-bottom:3px solid #a67f51}.goal-books span{height:51px;width:24px;border-radius:2px 3px 0 0;background:#315546;border-left:3px solid #0002}.goal-books span:nth-child(2){height:61px;background:#b97b43}.goal-books span:nth-child(3){height:43px;background:#8e3f39}.goal-books span:nth-child(4){height:57px;background:#d5b27c;transform:rotate(8deg);transform-origin:bottom}
.guide-phone[hidden],.guide-goal[hidden]{display:none}
.guide-footer{padding:16px 29px 18px;border-top:1px solid #e3b78b24;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a88c71;font-size:9px}
#guide-next{display:flex;align-items:center;gap:16px;border:0;padding:10px 15px;background:#ddb17a;color:#352216;border-radius:8px;font-size:10px}
@media(min-width:761px) and (max-height:820px){.unified-site .hero{padding-top:23px;padding-bottom:23px;gap:34px}.unified-site .hero h1{font-size:44px;margin-top:13px;margin-bottom:14px}.unified-site .hero-description{font-size:12px;line-height:1.7}.journey-mini{margin-top:15px}.journey-card{min-height:67px;padding:10px 11px}.journey-card small{font-size:9px;line-height:1.5}.unified-site .hero-actions{margin-top:14px}.hero-trust{font-size:8px;max-width:500px}.unified-site .hero .hero-visual{min-height:515px}.unified-site .hero .device{width:229px}.unified-site .hero .floating-note{bottom:42px;padding:15px 18px 12px}.unified-site .hero .floating-note p{font-size:21px}.unified-site .hero .visual-circle{width:365px;height:365px;left:calc(50% - 182.5px);top:63px}.unified-site .hero .circle-ring{width:420px;height:420px;left:calc(50% - 210px);top:36px}.unified-site .hero .floating-book{top:26px}.kb-one{bottom:100px}.guide-heading{padding:20px 26px 16px}.guide-heading h2{font-size:30px}#guide-panel{min-height:0;padding:21px 24px}.guide-copy h3{font-size:28px}#guide-steps{gap:13px;margin-top:17px}}
@media(min-width:761px) and (max-width:1050px){.unified-site .header-inner{gap:18px}.unified-site .page-navigation a,.guide-trigger{padding-inline:9px;font-size:10px}.unified-site .header-actions{gap:10px}.unified-site .hero{width:calc(100% - 56px);gap:24px}.unified-site .hero h1{font-size:40px}.unified-site .hero .device{width:220px}.unified-site .hero .floating-book{right:0}.unified-site .hero .screen-selector button{font-size:8px}.unified-site .hero .screen-selector button>span{display:none}.kb-two{left:0;width:50px;height:71px}.kb-one{right:0;width:52px;height:74px}}
@media(max-width:760px){.unified-site .site-header{height:111px}.unified-site .header-inner{grid-template-rows:61px 42px;gap:0 10px}.unified-site .brand{width:107px}.unified-site .header-actions{gap:10px}.unified-site .header-login{display:block;font-size:10px;padding:0}.unified-site .header-join{font-size:10px;padding-inline:10px;min-height:34px}.unified-site .header-join>span{display:none}.unified-site .page-navigation{position:relative;left:auto;transform:none;justify-self:center;width:max-content;max-width:100%;grid-column:1/-1;grid-row:2}.unified-site .page-navigation a,.guide-trigger{font-size:10px;padding:8px 11px;gap:5px}.guide-trigger svg{width:12px;height:12px}.unified-site .hero{display:flex;flex-direction:column;gap:0;padding:26px 0 32px;width:calc(100% - 40px)}.hero-copy{display:contents}.hero-copy>.eyebrow{order:0}.hero-copy>h1{order:1}.hero-copy>.hero-description{order:2}.visual-column{order:3;width:min(100%,420px);margin:23px auto 0}.journey-mini{order:4;width:100%;margin-top:27px}.hero-copy>.hero-actions{order:5;justify-content:center;width:100%;margin-top:18px}.hero-trust{order:6;justify-content:center;text-align:center;margin:15px auto 0;font-size:9px}.unified-site .hero h1{font-size:clamp(35px,7.6vw,49px);margin:15px 0 18px}.unified-site .hero-description{font-size:12px;line-height:1.8;max-width:510px}.unified-site .hero .hero-visual{min-height:482px;padding-top:7px}.unified-site .hero .device{width:215px}.unified-site .hero .visual-circle{width:300px;height:300px;left:calc(50% - 150px);top:65px}.unified-site .hero .circle-ring{width:338px;height:338px;left:calc(50% - 169px);top:46px}.unified-site .hero .floating-book{top:22px;right:0;padding:9px;gap:7px}.unified-site .hero .floating-book img{width:29px;height:29px}.unified-site .hero .floating-book strong{font-size:8px}.unified-site .hero .floating-book span{font-size:7px}.unified-site .hero .floating-note{bottom:20px;left:0;padding:13px 15px 10px}.unified-site .hero .floating-note p{font-size:19px}.unified-site .hero .note-label{font-size:7px}.unified-site .hero .note-signature{font-size:7px;margin-top:10px;padding-top:8px}.unified-site .hero .visual-caption{display:none}.kb-two{left:0;top:12px;width:46px;height:65px}.kb-one{right:0;bottom:83px;width:48px;height:68px}.unified-site .hero .screen-selector{margin-top:5px;gap:7px}.unified-site .hero .screen-selector button{font-size:8px}.journey-card{min-height:99px;padding:12px 11px}.journey-card strong{font-size:11px}.journey-card small{font-size:10px;line-height:1.6}.reading-details{grid-template-columns:1fr;gap:34px;margin-top:32px;padding-top:29px}.reading-details h3{font-size:30px}.reading-details>div>p:not(.eyebrow){font-size:12px}.guide-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:17px}.guide-heading{padding:21px 19px 18px}.guide-heading h2{font-size:27px}.guide-heading>div>p:last-child{font-size:10px;line-height:1.6}.guide-heading .eyebrow{font-size:7px}.guide-body{display:block}.guide-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid #e3b78b24;padding:12px;gap:5px}.guide-tabs button{font-size:11px;padding:10px 8px;gap:6px}.guide-tabs button i{display:none}#guide-panel{grid-template-columns:1fr;padding:23px 20px;min-height:0}.guide-copy h3{font-size:30px}.guide-copy .eyebrow{font-size:7px;line-height:1.6}#guide-description{font-size:12px}#guide-steps h4{font-size:13px}#guide-steps p{font-size:12px;line-height:1.75}.guide-tip{font-size:11px}.guide-visual{display:none}.guide-footer{padding:15px 20px;position:sticky;bottom:0;background:#291e17}.guide-footer>span{max-width:145px;font-size:8px;line-height:1.6}#guide-next{font-size:9px;gap:10px;padding:10px 12px}}
@media(max-width:360px){.unified-site .brand{width:88px}.unified-site .header-actions{gap:7px}.unified-site .header-join{font-size:9px;padding-inline:9px}.unified-site .header-login{font-size:9px}.unified-site .page-navigation a,.guide-trigger{font-size:9px;padding:8px}.unified-site .hero h1{font-size:32px}.unified-site .hero .hero-visual{min-height:455px}.unified-site .hero .device{width:201px}.unified-site .hero .screen-selector button{font-size:7px}}
@media(prefers-reduced-motion:reduce){.unified-site .hero .device,.kinetic-book{animation:none!important;transform:none}.kinetic-book{opacity:1;visibility:visible}}
@media(max-width:760px){.unified-site .header-inner{grid-template-columns:minmax(0,1fr) auto}.unified-site .header-actions{width:max-content}.unified-site .header-actions>button{white-space:nowrap;flex-shrink:0}.guide-heading{position:sticky;top:0;background:#30231b;z-index:3}}