:root{--ink:#2b2543;--violet:#7044c1;--pink:#d99ed2;--line:#e4dfed;--muted:#79728a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fcfbfe;color:var(--ink);font:16px/1.55 'Trebuchet MS','Segoe UI',sans-serif;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #aa6fdd;outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;max-width:1260px;padding:28px 46px;margin:auto}.brand{font-size:33px;font-weight:bold;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.symbol{font-size:25px;display:inline-block;transform:rotate(-12deg);color:var(--violet)}.brand-dot{color:var(--violet);margin-left:-8px}nav{display:flex;gap:28px;align-items:center;font-size:13px}nav button{background:var(--ink);color:white;border:0;border-radius:8px;padding:12px 18px}main{max-width:1260px;padding:0 46px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:65px;padding:40px 0 55px}.note{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.note span,.purple-dot{width:7px;height:7px;border-radius:50%;background:var(--violet);display:inline-block}h1{font-size:64px;letter-spacing:-2.7px;line-height:1.08;font-weight:600;margin:22px 0}h1>span{color:var(--violet)}.lead{color:var(--muted);font-size:16px}.hero-link{display:inline-flex;align-items:center;gap:28px;color:var(--violet);font-weight:600;border-bottom:1px solid #cab5e7;padding:15px 0 8px}.hero-link span{font-size:23px}.visual{background:#f0e9f8;min-height:345px;border-radius:8px 65px 8px 8px;padding:26px;position:relative}.visual-top{display:flex;justify-content:space-between;font-size:13px;font-weight:bold;padding-bottom:25px}.visual-top>span:last-child{font-size:25px;line-height:1}.lanes{display:flex;gap:13px}.lane{width:33%;display:flex;flex-direction:column;gap:13px}.lane>span{font-size:11px;color:var(--muted);margin-bottom:7px}.lane i{height:26px;border-radius:5px;border:1px solid #e0d5ed;background:#f7f3fb}.lane b{display:flex;align-items:center;min-height:66px;font-weight:500;font-size:12px;padding:12px;background:#8662be;color:white;border-radius:6px}.lane:nth-child(2) b{background:#d4b2d6;color:#583c68;min-height:92px}.lane:nth-child(3) b{background:#c5bae1;color:#4e3c76;min-height:52px}.visual-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:28px;font-size:11px;color:#78628f}.visual-bottom>span:last-child{font-size:28px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-title p{font-size:12px;color:var(--muted);margin-bottom:7px}h2{font-size:29px;letter-spacing:-.8px;margin:0}.tz{font-size:11px;color:var(--muted)}.planner{scroll-margin-top:20px}.planner-grid{display:grid;grid-template-columns:340px 1fr;gap:46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0 31px}.calendar{border-right:1px solid var(--line);padding-right:30px}.calendar-heading{display:flex;align-items:center;justify-content:space-between}.calendar h3{font-size:16px;font-weight:600;margin:0}.calendar-heading button{border:0;background:transparent;color:var(--muted);font-size:24px;width:27px}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.weekdays{font-size:10px;color:var(--muted);margin:20px 0 8px}.days button{border:0;background:transparent;font-size:12px;height:32px;border-radius:5px;color:var(--ink)}.days button:hover{background:#eee8f7}.days button[aria-pressed=true]{background:var(--violet);color:white}.days button.today:not([aria-pressed=true]){box-shadow:inset 0 0 0 1px var(--violet)}.date-summary{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:20px}.calendar-note{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:0}label{font-size:12px;color:#5f566e;display:block}input,select,textarea{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:11px 12px;background:white;color:var(--ink);margin-top:6px;font-size:14px}textarea{resize:vertical;min-height:74px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:17px 0}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px}.form-bottom p{font-size:10px;color:var(--muted)}.create{background:var(--violet);color:white;border:0;border-radius:7px;padding:13px 17px;font-size:12px;white-space:nowrap}.create span{margin-left:14px}#result{font-size:12px;color:var(--violet);margin:8px 0 0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:35px 0 40px}.principles h3{font-size:15px;margin:7px 0}.principles p{font-size:12px;color:var(--muted);margin:0;max-width:32ch}.small-icon{font-size:24px;color:var(--violet)}footer{display:flex;gap:28px;max-width:1168px;margin:auto;padding:20px 0 27px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}footer button{border:0;background:transparent;color:inherit;font-size:inherit}footer>span:last-child{margin-left:auto}dialog{border:0;border-radius:14px;max-width:460px;width:calc(100% - 32px);padding:36px;color:var(--ink)}dialog::backdrop{background:#30224066;backdrop-filter:blur(4px)}dialog p{font-size:14px;color:var(--muted)}.close{border:0;background:none;font-size:24px;position:absolute;top:10px;right:15px}.done{background:var(--violet);color:white;border:0;padding:10px 20px;border-radius:7px}@media(max-width:760px){header{padding:22px}.brand{font-size:27px}nav a{display:none}nav button{font-size:11px;padding:10px}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:30px;padding:25px 0 35px}h1{font-size:55px}.visual{min-height:300px}.lead{font-size:14px}.section-title{display:block}.tz{display:block;margin-top:12px}.planner-grid{grid-template-columns:1fr;gap:25px}.calendar{border-right:0;border-bottom:1px solid var(--line);padding:0 0 24px}.days button{height:37px}.form-bottom{display:block}.form-bottom p{font-size:11px}.create{width:100%;margin-top:5px}.principles{grid-template-columns:1fr;gap:23px}.principles article{display:grid;grid-template-columns:30px 1fr;column-gap:10px}.principles article p{grid-column:2;max-width:42ch}.principles h3{margin-top:3px}.small-icon{grid-row:span 2}footer{margin:0 22px;gap:17px;flex-wrap:wrap}footer>span:last-child{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}