:root{--bg: #f8faff;--surface: rgba(255, 255, 255, .84);--surface-solid: #ffffff;--text: #10264b;--muted: #60708c;--subtle: #8896ad;--line: rgba(104, 134, 182, .2);--blue: #0f6cbd;--blue-bright: #147efb;--shadow: 0 12px 36px rgba(32, 79, 145, .09), 0 2px 8px rgba(32, 79, 145, .05);color-scheme:light;scroll-behavior:smooth}:root[data-theme=dark]{--bg: #101722;--surface: rgba(28, 39, 55, .86);--surface-solid: #1c2737;--text: #ecf4ff;--muted: #b0bdd1;--subtle: #8493aa;--line: rgba(164, 190, 227, .16);--blue: #65b7ff;--blue-bright: #3b91f7;--shadow: 0 16px 42px rgba(0, 0, 0, .25);color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% 3%,rgba(153,204,255,.18),transparent 24rem),var(--bg);color:var(--text);font-family:Noto Sans SC Variable,Segoe UI Variable,Microsoft YaHei UI,sans-serif;font-size:16px;line-height:1.7;transition:background-color .22s ease,color .22s ease}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.progress{position:fixed;z-index:100;top:0;left:0;right:0;height:3px;background:transparent}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#0f6cbd,#4aa8ff,#7c3aed);box-shadow:0 0 12px #147efb80}.topbar{position:sticky;z-index:90;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 max(28px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 76%,transparent);backdrop-filter:blur(24px) saturate(150%)}.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;font-size:17px;font-weight:720;text-decoration:none;letter-spacing:.02em}.brand-mark{position:relative;display:flex;align-items:flex-end;gap:2px;width:23px;height:23px;padding:3px;border-radius:7px;background:linear-gradient(145deg,#dbeeff,#a9d3ff);box-shadow:inset 0 0 0 1px #0f6cbd1a}.brand-mark i{display:block;width:5px;border-radius:3px;background:linear-gradient(#3da2ff,#1268d4)}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:17px}.topbar nav{display:flex;align-self:stretch;gap:30px;color:var(--muted);font-size:14px}.topbar nav a{position:relative;display:grid;place-items:center;text-decoration:none}.topbar nav a:first-child{color:var(--blue);font-weight:650}.topbar nav a:first-child:after{position:absolute;bottom:0;width:100%;height:2px;border-radius:2px 2px 0 0;background:var(--blue-bright);content:""}.theme-toggle{justify-self:end;display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer;box-shadow:0 2px 7px #1849880d}.theme-toggle svg{width:19px;height:19px}.theme-toggle:hover{color:var(--blue);background:var(--surface-solid)}main{max-width:1280px;margin:0 auto;padding:0 28px}.hero{min-height:570px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;padding:66px 18px 48px;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero h1{max-width:760px;margin:0;font-size:clamp(48px,5.5vw,78px);line-height:1.13;letter-spacing:-.055em;font-weight:760}.hero h1 span{white-space:nowrap}.hero-copy>p{max-width:630px;margin:24px 0 30px;color:var(--muted);font-size:clamp(18px,1.55vw,22px);line-height:1.65}.primary-button{display:inline-flex;align-items:center;gap:18px;padding:11px 19px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:linear-gradient(180deg,#1684ff,#086fd9);color:#fff;box-shadow:0 7px 18px #0f6cbd3b,inset 0 1px #ffffff40;font-size:15px;font-weight:620;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.primary-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f6cbd4d,inset 0 1px #ffffff40}.hero-visual{position:relative;min-height:440px}.hero-visual:before{position:absolute;inset:15% -25% -10% 0;border-radius:50%;background:radial-gradient(circle,rgba(126,184,255,.22),transparent 68%);content:"";filter:blur(10px)}.arch{position:absolute;top:8px;right:12%;width:162px;height:300px;padding:18px;border-radius:84px 84px 16px 16px;background:linear-gradient(90deg,#ffffff75,#a4c8f75c);box-shadow:18px 16px 30px #4a78b71f,inset 8px 0 14px #ffffff80}.arch:before{position:absolute;inset:30px 32px 26px;border-radius:62px 62px 8px 8px;background:linear-gradient(#d9efff 0 48%,#fbf4d7 49% 60%,#accce7 61% 73%,#79a9cc 74%);content:"";box-shadow:inset 0 0 24px #fff9}.land{position:absolute;z-index:1;bottom:34px;left:30px;width:102px;height:32px;border-radius:80% 20% 8px 8px;background:#81a8b9;opacity:.65}.sun{position:absolute;z-index:2;top:104px;right:calc(12% + 63px);width:34px;height:34px;border-radius:50%;background:#fff3c4;box-shadow:0 0 25px #ffeb9ecc}.stairs{position:absolute;z-index:4;right:15%;bottom:10%;width:300px;height:230px;transform:skewY(-1deg)}.stairs i{position:absolute;left:calc(var(--n) * 43px);bottom:calc(var(--n) * 30px);width:calc(260px - var(--n) * 33px);height:36px;border-radius:4px 4px 9px 9px;background:linear-gradient(180deg,#f6fbfffa,#aecffbe6);border:1px solid rgba(255,255,255,.72);box-shadow:0 14px 22px #3f6fb321,inset 0 1px #fff}.hero-visual p{position:absolute;right:0;bottom:25%;margin:0;color:var(--subtle);font-size:13px;line-height:2}.journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:26px;margin:0 0 68px;padding:28px 32px;border:1px solid rgba(136,169,214,.18);border-radius:16px;background:var(--surface);box-shadow:var(--shadow),inset 0 1px #fffc;backdrop-filter:blur(20px)}.stage{display:flex;align-items:center;gap:17px}.stage-icon{flex:0 0 58px;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#eef7ff,#cbe6ff);box-shadow:inset 0 0 0 1px #307fdb14}.stage-icon.single{position:relative}.stage-icon.single:before{position:absolute;top:12px;left:23px;width:12px;height:12px;border-radius:50%;background:#1684ff;box-shadow:0 3px 7px #1684ff4d;content:""}.stage-icon.single:after{position:absolute;left:16px;bottom:10px;width:26px;height:22px;border-radius:13px 13px 7px 7px;background:linear-gradient(#4aa8ff,#2563eb);content:""}.stage-icon.people{display:flex;align-items:flex-end;justify-content:center;gap:2px;padding-bottom:13px;background:linear-gradient(145deg,#f4f0ff,#ddd3ff)}.stage-icon.people i{width:12px;height:23px;border-radius:8px 8px 4px 4px;background:linear-gradient(#a78bfa,#7c3aed)}.stage-icon.people i:nth-child(2){height:30px}.stage-icon.people i:nth-child(3){height:20px}.stage-icon.leaf{position:relative;background:linear-gradient(145deg,#e6fcfb,#bcefee)}.stage-icon.leaf:before,.stage-icon.leaf:after{position:absolute;bottom:17px;width:20px;height:28px;background:linear-gradient(#34d399,#0891b2);content:""}.stage-icon.leaf:before{left:13px;border-radius:17px 3px;transform:rotate(-16deg)}.stage-icon.leaf:after{right:12px;border-radius:3px 17px;transform:rotate(14deg)}.stage strong{font-size:16px}.stage small{margin-left:7px;color:var(--subtle)}.stage p{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.journey-arrow{color:#8ea3bf;font-size:40px;font-weight:260}.habits{position:relative;display:grid;grid-template-columns:170px 1fr;gap:34px}.habit-nav{position:sticky;top:102px;align-self:start;display:flex;flex-direction:column;gap:5px;padding:12px 0}.habit-nav>span{margin:0 0 9px 13px;color:var(--subtle);font-size:12px;font-weight:650;letter-spacing:.12em}.habit-nav a{display:flex;gap:10px;padding:8px 12px;border-radius:8px;color:var(--muted);font-size:13px;text-decoration:none;transition:background .15s ease,color .15s ease}.habit-nav a b{color:var(--subtle);font-size:11px;font-variant-numeric:tabular-nums}.habit-nav a:hover{background:#73aaeb1a;color:var(--text)}.habit-nav a.active{background:#0f6cbd1c;color:var(--blue);font-weight:650}.habit-list{position:relative}.habit-list:before{position:absolute;z-index:-1;top:20px;bottom:80px;left:24px;width:1px;background:linear-gradient(#5ca9ff,#a88af2,#42c9c7,#70cf9c);opacity:.42;content:""}.habit{position:relative;display:grid;grid-template-columns:54px minmax(230px,.72fr) minmax(360px,1.25fr);gap:26px;align-items:center;min-height:286px;padding:35px 34px 35px 0;border-radius:17px}.habit.elevated{background:linear-gradient(105deg,transparent 2%,color-mix(in srgb,var(--surface-solid) 88%,#dcebff) 20%,var(--surface) 100%);border:1px solid rgba(124,159,207,.1);box-shadow:0 8px 24px #2753920b}.habit-index{align-self:stretch;position:relative;display:flex;justify-content:center}.habit-index span{position:sticky;top:91px;display:grid;width:48px;height:48px;place-items:center;border:5px solid var(--bg);border-radius:50%;background:#e1efff;color:#176dc8;box-shadow:0 2px 7px #2667bc1a;font-size:13px;font-weight:700}.tone-violet .habit-index span{background:#eee8ff;color:#7046d3}.tone-cyan .habit-index span{background:#ddf7f7;color:#07818a}.tone-green .habit-index span{background:#def7e7;color:#087b52}.habit-heading{display:flex;align-items:center;gap:22px}.habit-icon{flex:0 0 94px;display:grid;width:94px;height:94px;place-items:center;border:1px solid rgba(82,137,207,.1);border-radius:50%;background:radial-gradient(circle at 36% 28%,#fffffffa,#c9e2ffad);box-shadow:0 12px 28px #3670be1f,inset 0 1px #fff}.habit-icon svg{width:66px;height:66px;filter:drop-shadow(0 5px 5px rgba(48,97,172,.16))}.habit-heading small{color:var(--subtle);font-size:11px;letter-spacing:.11em}.habit-heading h2{margin:1px 0 5px;font-size:clamp(27px,2.4vw,36px);line-height:1.25;letter-spacing:-.035em}.habit-heading p{margin:0;color:var(--muted);font-size:15px}.habit-detail{display:grid;gap:17px;padding-left:25px;border-left:1px solid var(--line)}.habit-detail h3{margin:0 0 4px;font-size:14px;line-height:1.5}.habit-detail p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.habit-detail blockquote{margin:0;padding:9px 13px;border:0;border-radius:8px;background:#4f8bda12;color:var(--text);font-size:13px}.habit-detail blockquote span{margin-right:10px;color:var(--blue);font-size:11px;font-weight:700}.closing{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;min-height:280px;margin:76px 0 54px 204px;padding:28px 54px 28px 30px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.closing-art{position:relative;align-self:stretch;min-height:210px;overflow:hidden;border-radius:13px;background:linear-gradient(#edf7ff 0 42%,#d9eafa 43% 54%,#9fbfd7 55% 65%,#759cb9 66%)}.closing-art:before,.closing-art:after{position:absolute;bottom:35%;width:85%;height:55%;border-radius:70% 70% 0 0;background:#b6cee2;content:"";filter:blur(1px);opacity:.75}.closing-art:before{left:-24%;transform:rotate(6deg)}.closing-art:after{right:-36%;background:#89adc8;transform:rotate(-9deg)}.closing-art span{position:absolute;z-index:2;bottom:25%;left:0;right:0;height:35px;background:linear-gradient(#ffffffa6,#78afd359)}.closing-art i{position:absolute;z-index:2;top:34px;right:21%;width:46px;height:46px;border-radius:50%;background:#fff1c9;box-shadow:0 0 30px #fff0bd}.closing h2{margin:0 0 10px;font-size:clamp(27px,3vw,38px);line-height:1.3;letter-spacing:-.035em}.closing p{margin:0 0 21px;color:var(--muted);font-size:15px}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1280px;margin:0 auto;padding:26px 28px 38px;border-top:1px solid var(--line);color:var(--subtle);font-size:12px}footer>a:first-child{color:var(--text);font-size:14px;font-weight:700;text-decoration:none}.back-top{justify-self:end;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#5c96dc1a;color:var(--blue);text-decoration:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}:focus-visible{outline:3px solid color-mix(in srgb,var(--blue-bright) 45%,transparent);outline-offset:3px}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.primary-button{transition:none}}@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:72px}.hero-visual{min-height:380px;margin-top:-70px;opacity:.8;transform:translate(24%)}.journey{grid-template-columns:1fr}.journey-arrow{display:none}.habits{grid-template-columns:1fr}.habit-nav{display:none}.habit{grid-template-columns:50px minmax(210px,.75fr) 1.25fr}.closing{margin-left:0}}@media(max-width:720px){.topbar{grid-template-columns:1fr auto;height:62px;padding:0 18px}.topbar nav{display:none}.theme-toggle{grid-column:2}.brand{grid-row:1;grid-column:1}.hero{min-height:660px;padding:54px 0 10px}.hero h1{font-size:clamp(42px,13vw,60px)}.hero-last-line{display:block}.hero-copy>p{font-size:17px}.hero-visual{min-height:300px;margin-top:-10px;transform:translate(14%) scale(.82);transform-origin:left top}.journey{margin-top:-35px;padding:22px;gap:21px}.stage{align-items:flex-start}.habits{margin:0 -10px}.habit{grid-template-columns:42px 1fr;gap:14px;min-height:0;padding:42px 10px 42px 0}.habit.elevated{padding-right:18px}.habit-index span{width:40px;height:40px;border-width:4px}.habit-heading{gap:17px}.habit-icon{width:76px;height:76px;flex-basis:76px}.habit-icon svg{width:54px;height:54px}.habit-heading h2{font-size:27px}.habit-detail{grid-column:2;padding:2px 0 0;border-left:0}.habit-list:before{left:20px}.closing{grid-template-columns:1fr;margin:42px 0;padding:18px}.closing-art{min-height:170px}.closing h2{font-size:28px}footer{grid-template-columns:1fr auto}footer>span{display:none}main{padding:0 18px}}