.hero{min-height:650px;padding-top:89px;padding-bottom:75px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:40px;position:relative}.hero-copy{position:relative;z-index:1;padding-bottom:24px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#c4c9d7;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#8eebeb;box-shadow:0 0 12px #77eded}.hero h1,.intro h2,.closing h2{font:700 clamp(45px,5.4vw,68px)/1.06 var(--font-display);letter-spacing:-.065em}.hero h1{margin:25px 0 20px}.hero h1 span{background:linear-gradient(100deg,#9af0eb,#aaa1ff 74%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{max-width:440px;color:#a2a9ba;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.text-link,.underlined-link{font-size:13px;font-weight:600}.text-link span{color:var(--cyan);margin-left:6px}.hero-note{display:flex;align-items:center;gap:9px;margin-top:53px;color:#858da1;font-size:12px}.note-icon{color:#b7a8ff}.hero-visual{position:relative;min-width:0;padding:36px 8px}.visual-glow{position:absolute;inset:10% 0;background:radial-gradient(ellipse,rgba(126,131,255,.19),rgba(54,181,210,.08) 40%,transparent 70%);filter:blur(20px)}.app-window{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:#111522;box-shadow:0 34px 90px rgba(0,0,0,.43),0 0 60px rgba(132,119,255,.09);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.app-topbar{height:48px;display:flex;align-items:center;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#596176}.window-dots i:first-child{background:#f17b82}.window-dots i:nth-child(2){background:#e7bf70}.window-dots i:nth-child(3){background:#75c994}.app-wordmark{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;color:#e9eafa;font:700 12px var(--font-display)}.app-wordmark img{width:17px;height:17px;border-radius:5px}.topbar-date{margin-left:auto;font-size:7px;letter-spacing:.12em;color:#788095}.app-body{display:flex;min-height:375px}.app-sidebar{width:53px;border-right:1px solid rgba(255,255,255,.06);display:flex;align-items:center;flex-direction:column;padding:13px 0;gap:14px}.sidebar-mark img{width:23px;border-radius:7px}.side-item{width:29px;height:29px;display:grid;place-items:center;color:#697187;font-size:14px;border-radius:8px}.side-item.active{color:#a9a1ff;background:rgba(160,147,255,.13)}.side-bottom{margin-top:auto;color:#697187;font-size:12px}.app-content{flex:1;padding:24px 27px 19px}.greeting{display:flex;justify-content:space-between;align-items:center}.muted-label,.card-kicker{font-size:7px;letter-spacing:.13em;color:#848ca2;font-weight:700}.greeting h2{font:600 15px var(--font-display);margin:6px 0 2px;letter-spacing:-.03em}.greeting p{font-size:9px;color:#858ca0;margin:0}.avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:10px;color:#c4baff;background:linear-gradient(135deg,#3c4665,#765c92)}.focus-card{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:17px 19px;border:1px solid rgba(185,174,255,.18);border-radius:11px;background:linear-gradient(115deg,rgba(118,111,211,.16),rgba(85,162,182,.08))}.focus-info{display:flex;flex-direction:column;gap:5px}.card-kicker{color:#b9afff}.focus-info strong{font:600 11px var(--font-display);color:#ecebfa}.focus-caption{font-size:8px;color:#9097aa}.focus-orb{width:42px;height:42px;border:1px solid rgba(190,187,255,.4);border-radius:50%;display:grid;place-items:center;color:#d0ccff;background:radial-gradient(circle at 35% 30%,#b7e8f5,#9a8bec 53%,#414b7f);box-shadow:0 0 22px rgba(145,132,255,.24)}.task-heading{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.task-heading h3{font:600 11px var(--font-display);margin:0}.task-heading>span{font-size:8px;color:#81889c}.task-row{height:35px;border-bottom:1px solid rgba(255,255,255,.055);display:flex;align-items:center;gap:10px}.task-check{width:13px;height:13px;border:1px solid #656e83;border-radius:4px;color:#10151e;font-size:8px;display:grid;place-items:center}.task-check.checked{border:0;background:#97e8de}.task-name{font-size:9px;color:#c4c9d7}.task-name.done{color:#7c8498;text-decoration:line-through}.task-time{margin-left:auto;color:#81889b;font-size:8px}.progress-line{height:3px;margin-top:17px;border-radius:3px;background:#272c3d}.progress-line span{display:block;width:36%;height:100%;border-radius:3px;background:linear-gradient(90deg,#77e7df,#a89aff)}.progress-caption{display:flex;justify-content:space-between;margin-top:5px;font-size:7px;color:#82899d}.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(22,27,44,.9);box-shadow:0 12px 32px rgba(0,0,0,.27);backdrop-filter:blur(14px)}.float-chip b,.float-chip small{display:block}.float-chip b{font-size:10px;font-weight:600}.float-chip small{font-size:8px;color:#9399aa;margin-top:2px}.chip-top{top:4px;right:-18px}.chip-bottom{bottom:13px;left:-25px}.chip-spark{color:#d2c7ff;font-size:18px}.chip-check{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(123,227,213,.14);color:#8be5d8;font-size:12px}.intro{padding-top:97px;padding-bottom:45px;border-top:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:.12em;color:#8e95a7}.section-label span{height:1px;width:32px;background:#7168bd}.intro-content{display:grid;grid-template-columns:1fr .55fr;gap:80px;align-items:end;margin-top:18px}.intro h2{font-size:clamp(37px,4vw,50px);margin:0}.intro h2 span{color:#8983ce}.intro-content>div{padding-bottom:8px}.intro-content p{font-size:14px;color:#979eb0;line-height:1.8;margin:0 0 20px}.underlined-link{border-bottom:1px solid rgba(255,255,255,.24);padding-bottom:6px}.underlined-link span{color:var(--cyan);margin-left:12px}.features{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;padding-top:38px;padding-bottom:105px}.feature-card{min-height:260px;padding:23px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));position:relative;overflow:hidden}.feature-large{background:radial-gradient(ellipse at 5% 0,rgba(111,185,204,.1),transparent 62%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.feature-icon{width:35px;height:35px;display:grid;place-items:center;color:#b9b1ff;border:1px solid rgba(174,165,255,.2);border-radius:10px;background:rgba(151,139,255,.08);font-size:18px;margin-bottom:20px}.icon-glow{color:#9bf1eb}.feature-number{font-size:8px;letter-spacing:.12em;color:#82899e}.feature-card h3{font:600 17px var(--font-display);letter-spacing:-.03em;margin:11px 0 7px}.feature-card p{max-width:260px;color:#9299ab;font-size:11px;line-height:1.7;margin:0}.mini-focus{position:absolute;left:23px;right:23px;bottom:17px;padding:9px 11px;border-radius:7px;background:rgba(255,255,255,.045);font-size:9px;color:#b8bdcd}.mini-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#8ce9df}.mini-arrow{float:right;color:#a9a0ff}.rhythm-bars{position:absolute;bottom:19px;left:24px;display:flex;align-items:end;gap:5px;height:33px}.rhythm-bars i{width:8px;border-radius:4px;background:linear-gradient(#a99eff,#66658e);opacity:.75}.rhythm-bars i:nth-child(3n+1){height:38%}.rhythm-bars i:nth-child(3n+2){height:68%}.rhythm-bars i:nth-child(3n){height:100%;opacity:.4}.completion{position:absolute;left:23px;right:23px;bottom:18px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:8px;color:#939aad}.completion b{color:#d4d0ff;font-weight:600}.completion-track{grid-column:1/3;height:4px;border-radius:5px;background:#2a2e3c}.completion-track i{display:block;width:68%;height:100%;border-radius:5px;background:linear-gradient(90deg,#7ce5d9,#aaa0ff)}.closing{padding-bottom:100px}.closing-card{min-height:320px;position:relative;overflow:hidden;padding:56px 65px;border:1px solid rgba(176,166,255,.16);border-radius:18px;background:radial-gradient(ellipse at 90% 50%,rgba(119,119,222,.18),transparent 45%),linear-gradient(115deg,#111827,#121326)}.closing h2{position:relative;font-size:clamp(38px,4.2vw,52px);margin:17px 0 10px}.closing-card>p{position:relative;color:#9da4b5;font-size:13px;margin:0 0 22px}.closing-card>.button{position:relative}.closing-orb{position:absolute;width:290px;height:290px;right:100px;top:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(137,236,233,.6),rgba(133,117,222,.45) 36%,rgba(133,117,222,.08) 68%,transparent 70%);filter:blur(8px);opacity:.5}.closing-mark{position:absolute;right:90px;top:5px;font:800 250px/.95 var(--font-display);letter-spacing:-.12em;color:rgba(255,255,255,.035)}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:5px;padding-top:69px}.hero-copy{max-width:600px}.hero-visual{width:min(650px,100%);margin:auto}.intro-content{gap:40px}.features{grid-template-columns:1fr 1fr}.feature-large{grid-column:1/3}.closing-orb{right:-5px}.closing-mark{right:10px}}@media(max-width:600px){.hero{padding-top:52px;min-height:auto;padding-bottom:56px}.hero h1{font-size:clamp(43px,12vw,59px)}.hero-lead{font-size:14px}.hero-note{margin-top:32px}.hero-visual{padding:28px 0;margin-top:10px}.app-window{transform:none}.app-topbar{height:41px;padding:0 12px}.app-body{min-height:315px}.app-sidebar{width:40px}.app-content{padding:18px 13px 13px}.greeting h2{font-size:12px}.focus-card{padding:13px;margin-top:15px}.focus-info strong{font-size:9px}.focus-orb{width:34px;height:34px}.task-heading{margin-top:15px}.float-chip{padding:8px 10px}.chip-top{right:-5px;top:4px}.chip-bottom{left:-7px;bottom:3px}.intro{padding-top:65px}.intro-content{grid-template-columns:1fr;gap:14px}.intro h2{font-size:39px}.features{grid-template-columns:1fr;padding-bottom:70px}.feature-large{grid-column:auto}.feature-card{min-height:235px}.closing{padding-bottom:65px}.closing-card{padding:39px 25px;min-height:320px}.closing h2{font-size:39px}.closing-orb{width:220px;height:220px;right:-90px;top:35px;opacity:.34}.closing-mark{right:-40px;top:65px;font-size:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.mascot{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;padding-bottom:100px}.mascot h2{font:700 clamp(36px,4vw,50px)/1.08 var(--font-display);letter-spacing:-.06em;margin:20px 0 15px}.mascot h2 span{color:#aaa1ff}.mascot-copy p{max-width:410px;color:#9da4b5;font-size:14px;line-height:1.8}.mascot-art{position:relative;min-height:330px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:radial-gradient(ellipse at 50% 58%,rgba(99,184,219,.12),transparent 60%),linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.006))}.mascot-art img{z-index:1;width:min(370px,90%);height:auto;filter:drop-shadow(0 18px 35px rgba(111,130,255,.18))}.mascot-halo{position:absolute;width:240px;height:180px;border-radius:50%;background:rgba(115,139,255,.18);filter:blur(65px)}.mascot-caption{position:absolute;right:19px;bottom:15px;font-size:8px;letter-spacing:.14em;color:#7d8599}@media(max-width:700px){.mascot{grid-template-columns:1fr;gap:20px;padding-bottom:70px}.mascot-art{min-height:260px}.mascot-art img{width:min(300px,90%)}}