*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f8f9fd;color:#242637;font:18px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#5549b8;text-underline-offset:4px}a:hover{color:#39307e}a:focus-visible{outline:3px solid #897fe2;outline-offset:5px;border-radius:3px}.shell{max-width:1200px;margin:auto;padding:0 40px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee1ec}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:650;letter-spacing:-1px;text-decoration:none;color:inherit}.header nav{display:flex;gap:32px}.header nav a,.footer a{color:inherit;text-decoration:none;font-size:15px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding:100px 0 92px;align-items:center}.eyebrow,.number{font-size:11px;letter-spacing:2px;font-weight:700;color:#6258c7}h1{font-size:60px;line-height:1.08;letter-spacing:-2.8px;font-weight:650;margin:24px 0}h2{font-size:26px;line-height:1.3;letter-spacing:-.7px;font-weight:620}.lead{font-size:20px;color:#62677a;max-width:620px;line-height:1.65}.button{display:inline-flex;align-items:center;gap:34px;background:#6258c7;color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-size:16px;font-weight:600;margin-top:14px}.button:hover{background:#5147b1;color:white}.small{font-size:13px;color:#62677a}.scene{position:relative;height:420px}.loose{position:absolute;border:1px solid #dee1ec;background:white;padding:11px 18px;border-radius:10px;box-shadow:0 4px 8px #24263705;font-size:13px;color:#73778d;width:260px}.loose i{display:inline-block;width:10px;height:10px;border-radius:3px;background:#b9b1ec;margin-right:12px}.one{top:0;left:5px;transform:rotate(-8deg)}.two{top:40px;left:135px;transform:rotate(9deg)}.three{top:76px;left:38px;transform:rotate(-3deg)}.space{position:absolute;bottom:0;left:30px;right:0;background:#efedf9;border:1px solid #d9d4ed;border-radius:18px;padding:27px;box-shadow:0 22px 40px #2426370b}.space-label{font-size:9px;color:#665e95;letter-spacing:1.3px;font-weight:600}.space h2{margin:12px 0 20px;color:#342d66}.space h2 span{margin-right:6px}.saved{display:flex;gap:14px;background:#fff;border-radius:9px;padding:13px;margin:9px 0;font-size:14px;color:#343048}.saved b{color:#8b81c8;font-size:11px;padding-top:3px}.saved small{display:block;color:#818095;font-size:11px}.space-bottom{display:block;font-size:11px;color:#71698f;margin-top:18px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dee1ec;gap:45px;padding:48px 0}.workflow p{font-size:16px;color:#62677a}.workflow h2{margin:20px 0 16px}.quiet-note{border-top:1px solid #dee1ec;padding:35px 0 40px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.quiet-note p{margin:0;font-size:15px;color:#62677a}.footer{border-top:1px solid #dee1ec;padding:30px 0 40px;display:flex;justify-content:space-between;gap:24px;color:#62677a;font-size:13px}.footer div{display:flex;gap:24px}.footer a{font-size:13px}.page-heading{padding:60px 0 40px}.page-heading h1{font-size:52px}.page-heading .lead{margin:0}.reading{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;padding-bottom:80px}.reading aside{align-self:start;position:sticky;top:24px;display:grid;gap:10px;padding-top:10px;font-size:13px;line-height:1.5}.reading aside span{font-size:10px;color:#62677a;letter-spacing:1.5px;margin-bottom:9px}.reading aside a{color:#62677a;text-decoration:none}.reading aside a:hover{color:#5549b8}.reading article{max-width:750px}.reading section{border-top:1px solid #dee1ec;padding:8px 0 24px}.reading h2{margin-top:25px}.reading p,.reading li{font-size:16px;line-height:1.8}.reading li{padding-left:5px;margin:9px 0}.reading ul,.reading ol{padding-left:22px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:900px){.hero{gap:20px}.hero h1{font-size:48px}.scene{transform:scale(.9);transform-origin:center right}.reading{grid-template-columns:180px minmax(0,1fr);gap:30px}}@media(max-width:680px){.shell{padding:0 24px}.header{height:86px}.brand{font-size:23px}.header nav{gap:20px}.hero{display:block;padding:44px 0 36px}.hero h1{font-size:48px}.lead{font-size:18px}.scene{height:360px;transform:none;margin-top:40px}.loose{max-width:70%}.two{left:auto;right:0}.space{left:8px;padding:22px}.workflow{grid-template-columns:1fr;gap:22px;padding:30px 0}.workflow article+article{border-top:1px solid #dee1ec;padding-top:24px}.workflow h2 br{display:none}.quiet-note{grid-template-columns:1fr;gap:12px}.footer{display:block}.footer div{margin-top:16px}.reading{display:block}.reading aside{position:static;border-top:1px solid #dee1ec;padding:22px 0 30px;gap:12px}.page-heading{padding:36px 0}.page-heading h1{font-size:42px;letter-spacing:-1.6px}.reading h2{font-size:23px}}@media(prefers-color-scheme:dark){body{background:#171821;color:#eeedf5}.header,.footer,.workflow,.quiet-note,.reading section,.reading aside,.workflow article+article{border-color:#373847}a{color:#b5acf5}a:hover{color:#d3ccff}.brand{color:inherit}.lead,.small,.workflow p,.quiet-note p,.footer,.reading aside a,.reading aside span{color:#b0b1c2}.eyebrow,.number{color:#b5acf5}.space{background:#29263d;border-color:#51486a;box-shadow:none}.space h2{color:#eeebff}.space-label,.space-bottom{color:#b7aecf}.saved,.loose{background:#20212e;color:#e0ddec;border-color:#414252}.saved small{color:#b0abc3}.skip{background:#20212e}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(prefers-color-scheme:dark){.brand img{background:#eeecfa;border-radius:9px;padding:3px}}