@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--cream:#fef6f0;--white:#fff;--purple:#44406b;--gray:#5f6368;--lavender:#e4d9f7;--mint:#d3f4e3;--blue:#cce3f2;--pink:#fddede;--yellow:#fff7c2;--border:#c5cbd8;--serif:'Lora',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--purple);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:6px}button{cursor:pointer}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5}.brand{font-weight:700;font-size:25px;letter-spacing:-1.2px;display:flex;align-items:center;gap:10px}.brand-dot{margin-left:-9px}/* Display only the supplied monitor icon; its original lettering remains outside the mask. */
.brand-icon{display:inline-block;width:38px;height:38px;flex:0 0 38px;background:currentColor;-webkit-mask-image:url('../images/worksmartly-logo-source.png');mask-image:url('../images/worksmartly-logo-source.png');-webkit-mask-size:352.3077% 352.3077%;mask-size:352.3077% 352.3077%;-webkit-mask-position:10.9756% 49.5427%;mask-position:10.9756% 49.5427%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.site-header nav{display:flex;gap:34px;font-size:13px}.site-header nav a,.footer-links a{transition:opacity .2s}.site-header nav a:hover,.footer-links a:hover{opacity:.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:38px;border-radius:100px;background:var(--purple);color:var(--white);font-size:14px;font-weight:500;padding:19px 27px;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-4px);box-shadow:0 10px 22px #44406b22}.button span{font-size:20px;line-height:1}.button-small{padding:13px 19px;font-size:12px;gap:20px}.hero{min-height:760px;height:calc(100svh - 108px);max-height:1000px;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding-top:76px}.hero-content{position:relative;z-index:2;text-align:center;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:650;letter-spacing:2px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--purple)}h1,h2,h3,p{margin:0}h1{font-family:var(--serif);font-size:clamp(64px,7.5vw,108px);line-height:1.12;font-weight:400;letter-spacing:-5px;margin:28px 0 25px;position:relative}.hero-italic{font-style:italic}.headline-star{width:45px;fill:var(--purple);position:absolute;margin:18px 0 0 22px;transform:rotate(14deg)}.hero-description{font-size:15px;line-height:1.9;color:var(--gray);margin-bottom:30px}.hero-caption{font-size:10px;color:var(--gray);margin-top:15px}.hero-glow{position:absolute;width:560px;height:560px;top:300px;left:50%;margin:-280px 0 0 -280px;background:radial-gradient(circle,rgba(151,110,215,.42) 0%,rgba(180,144,229,.25) 32%,rgba(228,217,247,.12) 52%,transparent 72%);filter:blur(30px);opacity:.4;transition:opacity .45s ease;pointer-events:none}.hero.has-cursor-glow .hero-glow{opacity:0}.orbit{position:absolute;border:1px solid #44406b0d;width:1300px;height:650px;border-radius:50%;top:38px;left:calc(50% - 650px);transform:rotate(-17deg);pointer-events:none}.orbit-two{transform:rotate(21deg);width:1500px;left:calc(50% - 750px);top:120px}.floating-note{position:absolute;z-index:3;display:flex;flex-direction:column;box-shadow:0 12px 28px #44406b0b;font-family:var(--serif);font-size:16px;line-height:1.5;transition:transform .4s}.note-left{left:6%;top:220px;background:var(--yellow);width:155px;height:185px;padding:20px;transform:rotate(-11deg)}.note-right{right:6%;top:325px;width:145px;height:160px;background:var(--mint);padding:18px;transform:rotate(10deg)}.note-left:hover{transform:rotate(-3deg) translateY(-10px)}.note-right:hover{transform:rotate(2deg) translateY(-10px)}.note-symbol{font-size:25px;margin-bottom:7px}.note-pin{position:absolute;width:49px;height:20px;background:#e4d9f7b0;top:-9px;left:52px;transform:rotate(5deg)}.note-line{height:1px;background:#44406b35;margin-top:14px;width:95%}.note-line.short{width:65%;margin-top:8px}.note-doodle{align-self:flex-end;font-size:36px;line-height:.8}.scroll-cue{position:absolute;bottom:65px;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:10px;letter-spacing:2px;z-index:4}.scroll-line{height:30px;width:1px;background:#44406b40}.hero-bottom{position:absolute;bottom:22px;left:56px;right:56px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:var(--gray)}
.journal-section{height:600svh;position:relative;background:#e4d9f752;border-top:1px solid #44406b0d}.journal-sticky{height:100svh;min-height:660px;position:sticky;top:0;display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;padding:28px 0}.journal-heading{text-align:center;margin-bottom:28px}.journal-heading h2{font-family:var(--serif);font-weight:400;font-size:35px;letter-spacing:-1px;margin:12px 0}.journal-heading p{color:var(--gray);font-size:12px}.book-stage{width:min(770px,70vw);position:relative;margin:10px auto 25px;perspective:2000px}.book{aspect-ratio:1.68;position:relative;transform:rotate(-2deg);filter:drop-shadow(0 24px 24px #44406b24)}.book-base{position:absolute;inset:-7px -8px -10px;background:var(--purple);border-radius:5px 12px 12px 5px;box-shadow:0 5px 0 #c5cbd8,0 8px 0 #fef6f0,0 10px 0 #c5cbd8}.book-pages{position:absolute;inset:0;perspective:1800px}.spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;border-radius:3px 8px 8px 3px;overflow:hidden;background:var(--cream);visibility:hidden}.spread.active{visibility:visible}.paper{padding:35px 32px 24px;position:relative;background:#fffdfa;overflow:hidden;display:flex;flex-direction:column}.paper:first-child{background:linear-gradient(90deg,#fffdfa 88%,#ede8e2 100%);border-right:1px solid #44406b25}.paper:last-child{background:linear-gradient(90deg,#ede8e2 0%,#fffdfa 8%)}.paper-top{font-size:8px;letter-spacing:1.7px;display:flex;justify-content:space-between;margin-bottom:30px;color:var(--gray)}.paper h3{font-family:var(--serif);font-weight:400;font-size:clamp(18px,2.6vw,35px);line-height:1.35;margin-bottom:18px}.paper p{font-size:11px;line-height:2;color:var(--gray)}.paper .handwritten{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.6;margin:20px 0 12px;color:var(--purple)}.paper-rule{height:1px;background:#44406b17;margin-top:13px;width:100%}.paper-number{margin-top:auto;padding-top:18px;font-size:9px;color:var(--gray)}.paper-tag{font-size:8px;letter-spacing:1.4px;display:inline-block;align-self:flex-start;padding:7px 10px;background:var(--lavender);border-radius:20px;margin-top:18px}.photo-frame{padding:10px 10px 22px;background:white;box-shadow:0 4px 12px #44406b18;transform:rotate(5deg);width:93%;margin:7px auto 13px;position:relative}.photo-frame:before{content:'';position:absolute;width:58px;height:19px;background:#fff7c2b8;top:-8px;left:40%;transform:rotate(-8deg);z-index:1}.photo-frame img{width:100%;height:clamp(105px,15vw,195px);object-fit:cover;display:block}.photo-frame figcaption{font-family:var(--serif);font-style:italic;font-size:11px;text-align:center;margin-top:12px}.paper-sticker{font-size:45px;align-self:flex-end;color:var(--purple);margin:0 5px}.book-annotation{position:absolute;font-family:var(--serif);font-style:italic;font-size:16px;line-height:1.5;color:#44406ba6;z-index:2}.annotation-left{left:-150px;top:90px;transform:rotate(-12deg)}.annotation-left span{display:block;text-align:right;font-size:35px}.annotation-right{right:-142px;bottom:55px;transform:rotate(10deg)}.annotation-right span{display:block;font-size:40px;margin-top:10px}.journal-controls{display:flex;align-items:center;gap:20px}.page-arrow{background:none;border:1px solid #44406b30;border-radius:50%;color:var(--purple);height:31px;width:31px;transition:background .2s}.page-arrow:hover{background:var(--white)}.page-arrow:disabled{opacity:.3;cursor:default}.page-dots{display:flex;gap:12px}.page-dot{border:0;background:transparent;width:18px;height:28px;padding:6px;position:relative}.page-dot:after{content:'';width:6px;height:6px;border-radius:50%;background:#44406b30;position:absolute;left:6px;top:11px;transition:transform .2s,background .2s}.page-dot[aria-current=true]:after{background:var(--purple);transform:scale(1.4)}.journal-caption{width:min(770px,80vw);display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:8px;letter-spacing:1.5px}.journal-caption a{letter-spacing:0;font-size:10px}.flip-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;z-index:10;pointer-events:none}.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#fffdfa}.flip-front .paper,.flip-back .paper{height:100%}.flip-back{transform:rotateY(180deg)}.journal-timer{background:var(--blue);border-radius:50%;width:170px;height:170px;max-width:100%;align-self:center;display:flex;align-items:center;justify-content:center;flex-direction:column;border:8px solid #fff;margin:15px 0;box-shadow:0 0 0 1px var(--blue)}.journal-timer strong{font-family:var(--serif);font-size:36px;font-weight:400}.journal-timer small{font-size:7px;letter-spacing:2px;margin-top:7px}.activity-bars{display:flex;height:125px;gap:11px;align-items:flex-end;margin-top:35px;padding:0 10px}.activity-bars i{background:var(--mint);flex:1;border-radius:20px 20px 3px 3px;height:var(--bar)}.activity-bars i:nth-child(2n){background:#a8d7bf}.book-quote{font-family:var(--serif);font-size:30px;font-style:italic;line-height:1.5;margin:auto 0;text-align:center}.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.memory-grid span{display:grid;place-items:center;aspect-ratio:1;background:var(--pink);font-size:30px;border-radius:3px}.memory-grid span:nth-child(2){background:var(--mint)}.memory-grid span:nth-child(3){background:var(--blue)}.memory-grid span:nth-child(4){background:var(--yellow)}
.why-section{padding-top:120px;padding-bottom:110px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:50px}h2{font-family:var(--serif);font-size:46px;line-height:1.25;font-weight:400;letter-spacing:-1.6px}.section-intro h2{margin-top:18px}.section-intro>p{max-width:300px;font-size:13px;line-height:1.9;color:var(--gray);padding-bottom:7px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{border-radius:8px;padding:28px;transition:transform .35s,box-shadow .35s}.feature-card:hover{transform:translateY(-9px);box-shadow:0 18px 32px #44406b0f}.feature-diary{background:var(--lavender)}.feature-study{background:var(--blue)}.feature-fitness{background:var(--mint)}.feature-number{font-size:9px;font-weight:600;letter-spacing:1.5px}.feature-card h3{font-family:var(--serif);font-size:23px;font-weight:400;margin-bottom:13px;letter-spacing:-.5px}.feature-card p{font-size:12px;line-height:1.9;color:var(--gray)}.feature-art{height:185px;position:relative;display:flex;align-items:center;justify-content:center}.mini-journal>div{background:var(--cream);width:115px;height:130px;transform:rotate(-10deg);padding:20px;border-radius:2px;box-shadow:5px 5px 0 #44406b20;transition:transform .4s}.mini-journal span{font-family:var(--serif);font-style:italic;font-size:12px}.mini-journal i{display:block;height:1px;background:#44406b40;margin-top:12px}.mini-journal b{font-weight:400;display:block;text-align:right;margin-top:10px}.mini-journal .art-star{position:absolute;right:35px;top:30px;font-size:45px}.feature-card:hover .mini-journal>div{transform:rotate(-2deg)}.mini-timer>div{width:133px;height:133px;border:1px solid #44406b50;box-shadow:inset 0 0 0 6px #cce3f2,inset 0 0 0 7px #44406b20;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#ffffff45}.mini-timer span{font-family:var(--serif);font-size:31px}.mini-timer small{font-size:5px;letter-spacing:1.2px;margin-top:9px}.mini-timer .timer-spark{position:absolute;font-size:42px;right:35px;top:14px}.growth-stem{position:absolute;width:2px;height:105px;background:var(--purple);bottom:25px}.mini-growth i{position:absolute;width:40px;height:24px;border:1px solid var(--purple);background:#ffffff35;border-radius:0 100% 0 100%;top:67px;left:calc(50% - 40px);transform:rotate(15deg)}.mini-growth i:nth-of-type(2){left:50%;top:48px;transform:scaleX(-1) rotate(15deg)}.mini-growth i:nth-of-type(3){top:107px}.mini-growth i:nth-of-type(4){left:50%;top:90px;transform:scaleX(-1) rotate(15deg)}.growth-ground{width:80px;height:12px;border-top:1px solid var(--purple);border-radius:50%;position:absolute;bottom:14px}.closing{padding:75px 20px 85px;border-top:1px solid #44406b25;text-align:center;position:relative}.closing h2{margin:20px 0 30px;font-size:55px}.closing-star{position:absolute;left:10%;top:110px;font-size:75px;font-weight:400;transform:rotate(10deg);color:#b6a4d5}.closing-flower{position:absolute;right:9%;bottom:85px;font-size:95px;color:#aacdbb}.site-footer{background:var(--purple);color:var(--cream);padding:55px 0 25px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:35px}.footer-top p{font-size:12px;line-height:1.9;color:#fef6f0b3}.footer-links{display:flex;flex-direction:column;gap:12px;font-size:11px}.footer-wordmark{font-size:clamp(60px,13.8vw,200px);font-weight:500;letter-spacing:-.065em;line-height:1.4;margin:35px 0 10px;color:var(--lavender);white-space:nowrap}.footer-wordmark span{font-size:.65em;display:inline-block;vertical-align:middle;margin-left:15px;color:var(--mint)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid #fef6f030;font-size:9px;color:#fef6f0a0}.footer-bottom>span:nth-child(2){letter-spacing:1.8px}

/* Pricing stays a placeholder until plans and prices are approved. */
.pricing-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-bottom:100px}
.pricing-section h2{margin-top:18px}
.pricing-preview{background:var(--lavender);padding:36px;border-radius:12px}
.pricing-label{font-size:9px;letter-spacing:1.5px}
.pricing-preview h3{font-family:var(--serif);font-size:28px;font-weight:400;margin:18px 0}
.pricing-preview p{font-size:14px;line-height:1.9;color:var(--gray)}
.pricing-link{display:inline-flex;align-items:center;gap:30px;min-height:44px;margin-top:18px;font-size:14px;font-weight:600}

/* Fade the light before the hero boundary, instead of cutting off its blur. */
.cursor-glow-layer{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 140px,#000 calc(100% - 140px),transparent),linear-gradient(to right,transparent,#000 80px,#000 calc(100% - 80px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 140px,#000 calc(100% - 140px),transparent),linear-gradient(to right,transparent,#000 80px,#000 calc(100% - 80px),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.cursor-glow{position:absolute;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(151,110,215,.32),rgba(180,144,229,.2) 32%,rgba(228,217,247,.1) 52%,transparent 72%);filter:blur(30px);opacity:0;transition:opacity .8s ease;will-change:transform}
.has-cursor-glow .cursor-glow{opacity:.55}
.has-cursor-glow.is-tracking-cursor .cursor-glow{opacity:1}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-glow{display:none}.has-cursor-glow .hero-glow{opacity:.4}}