:root{--ink:#203831;--green:#244c3e;--muted:#748078;--bg:#fafaf6;--line:#dce1d7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.nav{height:110px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:1px}.mark{background:var(--green);color:#fff;border-radius:11px;display:grid;place-items:center;width:35px;height:35px;font-family:Georgia,serif;font-size:30px;letter-spacing:-3px;padding-right:4px}.nav nav{display:flex;gap:34px;font-size:13px}.nav nav a:hover,footer a:hover{color:#8b9b51}.button{display:inline-flex;gap:32px;align-items:center;background:var(--green);color:white;padding:20px 25px;border-radius:8px;font-size:14px}.button:hover{background:#38654e}.small{padding:14px 18px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;align-items:center;padding-top:30px;padding-bottom:65px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8caa67}h1{font-size:76px;line-height:1.05;font-weight:500;letter-spacing:-4px;margin:28px 0}h1 em{font-family:Georgia,serif;color:#6c8555;font-weight:400}.intro{font-size:16px;color:#69776e;line-height:1.8;max-width:355px;margin-bottom:28px}.micro{font-size:11px;color:var(--muted);margin-top:17px}.composition{height:540px;position:relative}.orbit{position:absolute;width:460px;height:460px;top:45px;left:20px;border-radius:50%;background:#edf0e6}.paper{position:absolute;border-radius:8px;box-shadow:0 20px 45px #293b2815}.paper-back{background:#e7ebca;width:310px;height:340px;left:5px;top:70px;transform:rotate(-10deg);padding:30px}.paper-back>span{font-size:8px;letter-spacing:2px}.paper-back h3{font:27px Georgia,serif;margin-top:28px}.paper-back p{font-size:12px;line-height:1.7}.lines{height:60px;margin-top:30px;background:repeating-linear-gradient(transparent 0 19px,#b9c09e 20px 21px)}.paper-front{background:#fffef9;width:330px;height:350px;left:130px;top:150px;transform:rotate(7deg);padding:28px}.paper-top{display:flex;justify-content:space-between}.tag{background:#edf0e1;border-radius:5px;padding:6px 10px;font-size:8px;letter-spacing:1px}.paper-front h3{font:32px/1.15 Georgia,serif;letter-spacing:-.8px;margin:25px 0}.paper-front ul{list-style:none;padding:0;font-size:11px;line-height:2.5}.paper-front li:before{content:'✓';margin-right:10px;color:#8b9c70}.paper-bottom{display:flex;justify-content:space-between;border-top:1px solid #e8e9df;padding-top:15px;font-size:7px;letter-spacing:1px}.paper-bottom span:last-child{font-size:19px}.scribble{position:absolute;top:12px;right:65px;transform:rotate(8deg);font:italic 19px/1.3 Georgia;color:#718360}.floating{position:absolute;top:90px;right:0;font-size:65px;color:#8d9e63}.mini-note{position:absolute;bottom:6px;left:10px;transform:rotate(-7deg);padding:22px;background:#f5e9c8;font:italic 18px/1.5 Georgia;box-shadow:0 10px 25px #293b2810}.mini-note span{margin-left:20px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip>div{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px;font-size:12px;color:#647467}.strip i{font-style:normal;color:#8da071}.features{padding-top:95px;padding-bottom:95px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:12px 90px}.section-head .eyebrow{grid-column:1/-1}h2{font-size:40px;line-height:1.15;font-weight:500;letter-spacing:-1.6px;margin:10px 0 20px}.section-head>p:last-child{font-size:14px;line-height:1.8;max-width:360px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:38px}.cards article{border-top:1px solid var(--line);padding:25px 0 0}.icon{display:grid;place-items:center;background:#eef0e5;border-radius:10px;width:43px;height:43px;font-size:24px}.cards h3{font-size:19px;font-weight:500;margin-top:24px}.cards p{font-size:13px;line-height:1.8;color:var(--muted);max-width:280px}.number{display:block;font-size:8px;letter-spacing:1.5px;margin-top:28px;color:#87917f}.workspace{padding-top:30px;padding-bottom:90px}.workspace-head{display:flex;align-items:center;justify-content:space-between}.local-label{font-size:11px;color:var(--muted)}.local-label .dot{margin-right:6px}.notebook{margin-top:20px;display:grid;grid-template-columns:270px 1fr;border:1px solid #dce2d4;border-radius:14px;overflow:hidden;background:#fffefb;min-height:380px;box-shadow:0 14px 40px #2d412508}aside{padding:24px;background:#eff2e9;border-right:1px solid var(--line)}.aside-title{font-size:14px;font-weight:600;display:flex;justify-content:space-between}.aside-title span{font-size:11px;color:#829079}#search{width:100%;background:#ffffff80;border:1px solid #dce2d4;border-radius:6px;padding:10px;font-size:11px;margin-top:20px}.new-note{border:1px dashed #b0bca6;width:100%;background:transparent;padding:12px;border-radius:6px;margin:15px 0;font-size:12px;color:var(--green)}#note-list{max-height:240px;overflow:auto}.note-item{display:block;width:100%;text-align:left;padding:12px;border:0;background:transparent;border-radius:6px;color:var(--ink);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item.active{background:#dfe6d5}.empty-list{font-size:12px;color:var(--muted);line-height:1.7}.editor{padding:25px 30px;display:flex;flex-direction:column;min-width:0}.editor-top,.editor-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8a9483}.text-button{border:0;background:none;font-size:10px;color:#7a8375}.text-button:hover{color:#b24d3f}#title{font-size:25px;border:0;background:none;width:100%;margin:30px 0 18px;color:var(--ink)}#body{resize:vertical;min-height:160px;flex:1;border:0;background:none;line-height:1.8;font-size:14px;color:var(--ink);width:100%}#title::placeholder,#body::placeholder{color:#a6afa0}.editor-bottom{border-top:1px solid #eceee5;padding-top:18px;margin-top:20px}.notice{font-size:10px;color:#8a9483;line-height:1.7;max-width:670px}.contact{padding-top:55px;padding-bottom:60px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding-top:20px}.contact-details p{margin:0 0 5px;font-size:14px}.contact-details a{font-size:20px;border-bottom:1px solid #b7c0ac;padding-bottom:5px}.contact-details span{font-size:11px;color:var(--muted);margin-top:8px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px!important;padding-bottom:30px!important;font-size:10px;color:var(--muted)}footer .logo{font-size:15px;color:var(--ink)}footer .mark{width:27px;height:27px;font-size:24px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.policy{max-width:840px;padding-top:50px;padding-bottom:80px}.policy h1{font-size:48px;letter-spacing:-2px}.policy h2{font-size:23px;letter-spacing:-.5px;margin-top:35px}.policy p,.policy li{font-size:15px;line-height:1.8;color:#617064}.policy a{text-decoration:underline}.back{font-size:13px}.policy .date{font-size:12px}@media(max-width:900px){.wrap{padding-left:25px;padding-right:25px}h1{font-size:60px}.hero{grid-template-columns:1fr 1fr}.composition{transform:scale(.8);transform-origin:left center;width:470px}.nav nav{gap:18px}.section-head{gap:10px 30px}}@media(max-width:700px){.nav{height:85px}.nav nav{display:none}.small{padding:12px;font-size:10px;gap:10px}.logo{font-size:17px}.hero{display:flex;flex-direction:column;align-items:flex-start;padding-top:25px;padding-bottom:20px;overflow:hidden}h1{font-size:60px}.composition{height:470px;transform:scale(.73);transform-origin:left top;margin-top:35px;margin-bottom:-110px}.intro{font-size:15px}.strip>div{gap:15px;flex-wrap:wrap;justify-content:center;font-size:10px}.strip i:last-of-type{display:none}.features{padding-top:55px;padding-bottom:50px}.section-head{display:block}h2{font-size:34px}.cards{grid-template-columns:1fr;gap:28px}.cards p{max-width:100%}.cards article{position:relative;padding-left:60px}.icon{position:absolute;left:0;top:28px}.cards h3{margin-top:7px}.number{margin-top:15px}.workspace-head{align-items:flex-start;gap:10px}.local-label{font-size:9px;margin-top:20px;white-space:nowrap}.workspace h2{font-size:28px}.notebook{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:18px}#note-list{max-height:110px}.editor{padding:22px}.contact{grid-template-columns:1fr;padding-top:35px}.contact-details a{font-size:18px}footer{flex-wrap:wrap;gap:24px}footer>a:last-child{width:100%}.policy h1{font-size:36px;overflow-wrap:anywhere}.workspace{padding-bottom:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}