:root{--ink:#172b35;--muted:#526570;--teal:#0e7ca3;--deep:#07556e;--line:#dbe5e7;--paper:#f8faf9;--pale:#e6f4f4;--white:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;line-height:1.65}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:var(--deep);text-underline-offset:4px}a:hover{color:#053b4d}a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px;border-radius:4px}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:12px;top:-100px;padding:10px 18px;background:white;z-index:10}.skip:focus{top:8px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:23px;color:var(--ink);text-decoration:none;letter-spacing:-.7px}.brand img{flex-shrink:0}nav{display:flex;align-items:center;gap:30px}nav a{font-size:14px;font-weight:600;text-decoration:none;padding-block:12px}.nav-download{border:1px solid #bbd2d9;border-radius:7px;padding:11px 17px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;padding-block:89px 84px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;margin:0 0 22px;color:var(--deep);display:flex;align-items:center;gap:9px}.dot{height:7px;width:7px;background:var(--teal);border-radius:50%}h1,h2,h3{line-height:1.13;letter-spacing:-1.8px;margin:0;font-weight:720}h1{font-size:clamp(42px,4.5vw,65px);letter-spacing:-3px}h1 span{color:var(--teal)}.intro{color:var(--muted);font-size:18px;line-height:1.75;margin:26px 0;max-width:540px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 21px;background:var(--teal);border-radius:7px;color:white;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5}.button:hover{background:var(--deep);color:white}.text-link{font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;gap:12px;align-items:center}.release-note{font-size:12px;line-height:1.8;max-width:460px;color:var(--muted);margin-top:24px}.diary-art{position:relative;padding:33px 0 46px 22px;isolation:isolate}.art-circle{position:absolute;width:95%;aspect-ratio:1;right:-8px;top:0;border-radius:50%;background:#dbeff0;z-index:-1}.paper{width:90%;position:relative;background:white;border:1px solid #dae6e6;border-radius:9px;box-shadow:0 26px 55px #163f4917;transform:rotate(-4deg);padding:30px}.paper-top{display:flex;align-items:center;gap:12px}.paper-top>span{font-size:12px;line-height:1.5}.paper-top .paper-number{margin-left:auto;font-size:25px;color:#a0b9c0;font-weight:400}.paper-rule{border-top:1px solid var(--line);margin:24px 0}.example-label{font-size:8px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.diary-time{display:flex;align-items:center;gap:10px;margin:21px 0}.diary-time strong{font-size:23px;letter-spacing:-1px}.diary-time>span:last-child{margin-left:auto;background:var(--pale);border-radius:4px;padding:4px 12px;font-size:10px;color:var(--deep)}.time-dot{height:9px;width:9px;border:2px solid var(--teal);border-radius:50%}.paper h2{font-size:18px;letter-spacing:-.4px}.paper>p:not(.example-label){font-size:13px;line-height:1.85;color:var(--muted)}.paper-bottom{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:19px;font-size:9px;color:var(--muted)}.paper-bottom>span:last-child{color:var(--teal);font-size:14px}.art-note{background:var(--ink);color:#fff;border-radius:8px;display:flex;gap:13px;align-items:center;padding:17px 23px;position:relative;margin:-1px -2px 0 auto;width:max-content;max-width:95%;box-shadow:0 12px 25px #163f4918;transform:rotate(3deg);font-size:12px}.note-icon{font-size:36px;line-height:1;color:#7bd6e3}.art-caption{font-size:10px;color:var(--muted);text-align:center;margin:28px 0 0}.principles{background:#edf2f2;border-block:1px solid var(--line)}.principles .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:20px;color:var(--muted);font-size:12px;font-weight:600}.principles span:before{content:'✓';color:var(--teal);margin-right:10px}.section{padding-block:90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}h2{font-size:39px}.section-heading>p{max-width:390px;margin-bottom:0;color:var(--muted);font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:45px}.steps article{border-top:1px solid #c6d9de;padding-top:24px}.step{color:var(--deep);font-size:10px;letter-spacing:1.5px;font-weight:700}.steps h3{font-size:23px;letter-spacing:-.7px;margin:24px 0 15px}.steps p{font-size:14px;color:var(--muted)}.privacy-band{border-radius:12px;background:var(--pale);padding:52px 60px;display:grid;grid-template-columns:150px 1fr;gap:40px;align-items:center}.privacy-symbol{font-size:118px;color:var(--teal);text-align:center;font-family:Georgia,serif;line-height:1}.privacy-band h2{font-size:35px}.privacy-band p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:620px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.faq>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:310px}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{list-style:none;cursor:pointer;font-size:15px;font-weight:650;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--teal);font-size:20px;line-height:1.3}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);margin-bottom:0;padding-right:25px}.closing{text-align:center;background:var(--ink);color:white;padding:55px 20px 60px;border-radius:12px}.closing .eyebrow{justify-content:center;color:#9bdae6}.closing h2{font-size:43px}.closing .button{margin-top:28px}.footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px;padding-block:38px 28px}.footer .brand{font-size:19px}.footer p{font-size:11px;color:var(--muted);margin-right:auto}.footer nav{gap:24px}.footer nav a{font-size:12px}.footer small{width:100%;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.document{max-width:800px;padding-block:65px 50px}.document h1{font-size:55px}.document section{margin-top:35px}.document section h2{font-size:25px;letter-spacing:-.6px}.document section p,.document li{font-size:15px;color:var(--muted)}.document li{margin-block:10px}.updated{font-size:12px;color:var(--muted)}.document .eyebrow{margin-top:22px}
@media(max-width:1000px){.hero{gap:28px;padding-block:65px}.hero-actions{gap:18px}.hero .button{font-size:12px}.paper{padding:23px}.steps{gap:27px}.faq{gap:45px}.privacy-band{grid-template-columns:100px 1fr;gap:30px;padding:38px}.header nav{gap:20px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{min-height:88px;flex-wrap:wrap;gap:8px;padding-block:18px}.header .brand{font-size:21px}.header nav{gap:16px;flex-wrap:wrap}.header nav a{font-size:12px;padding-block:6px}.nav-download{display:none}.hero{grid-template-columns:1fr;padding-block:44px 24px;gap:22px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:19px}h1{font-size:46px;letter-spacing:-2px}.intro{font-size:16px;margin:22px 0}.hero-actions{margin-top:25px;gap:20px}.hero .button{font-size:13px}.release-note{font-size:11px}.diary-art{max-width:410px;width:100%;margin-inline:auto;padding-top:24px}.paper{padding:26px}.art-circle{width:95%;right:0}.principles .wrap{flex-wrap:wrap;justify-content:center;gap:8px 19px;padding-block:16px;font-size:10px}.section{padding-block:52px}.section-heading{display:block}.section-heading>p{margin-top:22px}h2{font-size:32px}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps article{padding-top:18px}.steps h3{margin-top:14px;font-size:23px}.steps p{margin-bottom:0}.privacy-band{grid-template-columns:1fr;padding:28px;gap:18px}.privacy-symbol{text-align:left;font-size:65px}.privacy-band h2{font-size:29px}.faq{grid-template-columns:1fr;gap:20px}.faq>div>p:not(.eyebrow){max-width:none}.closing{padding:38px 24px}.closing h2{font-size:32px}.footer{gap:13px 20px;padding-top:28px}.footer p{width:100%;margin:0}.footer nav{gap:25px}.document{padding-block:42px 25px}.document h1{font-size:42px}.document section h2{font-size:23px}.document .intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
nav a{display:inline-flex;align-items:center;min-height:44px}.brand{min-height:44px}.document p,.document li{overflow-wrap:anywhere}