:root{--ink:#183d32;--muted:#53665c;--paper:#f6f3eb;--gold:#d5b568;--line:#dcded0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b4842d;outline-offset:5px}img{max-width:100%;object-fit:contain}.wrap{max-width:1240px;padding-left:48px;padding-right:48px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;height:110px;gap:32px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-family:Georgia,serif;font-size:18px;letter-spacing:2px}.header nav{display:flex;gap:32px;font-size:14px}.header nav a{text-decoration:none}.header nav a:hover,.footer a:hover{text-decoration:underline}.language{background:transparent;border:1px solid #c5cfbe;border-radius:30px;padding:11px 17px;cursor:pointer;font-size:12px;letter-spacing:1px}.language span{margin-left:9px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:650px;padding-top:40px;padding-bottom:80px;gap:30px}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:2px;text-transform:uppercase;font-weight:bold;margin:0 0 25px}h1,h2,h3,blockquote{font-family:Georgia,'Times New Roman',serif;font-weight:normal}h1{font-size:clamp(62px,6.8vw,92px);line-height:1.02;letter-spacing:-4px;margin:0 0 28px}em{font-weight:normal;color:#697c4e}p{line-height:1.75}.lede{max-width:455px;font-size:17px;color:var(--muted);margin:0 0 30px}.button{display:inline-block;background:var(--ink);color:#fffaf0;padding:17px 25px;border-radius:5px;text-decoration:none;font-size:14px}.button:hover{background:#2f5947}.launch{font-size:12px;color:var(--muted);margin-top:17px}.hero-art{height:530px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#e7e8d3 0,transparent 65%)}.keyhole{width:255px;height:340px;z-index:1;filter:drop-shadow(0 12px 25px #a9956526)}.orbit{position:absolute;border:1px solid #c8d2bb;border-radius:50%;width:425px;height:425px}.orbit-two{width:330px;height:330px;border-style:dashed;opacity:.65}.patch{position:absolute;z-index:2;filter:drop-shadow(0 10px 14px #23392b24)}.patch-earth{right:0;top:65px;transform:rotate(12deg)}.patch-leaf{left:0;top:220px;transform:rotate(-14deg)}.patch-compass{right:42px;bottom:10px;transform:rotate(14deg)}.art-label{position:absolute;font-size:8px;letter-spacing:2.5px;z-index:2;color:#6c795f}.top{top:17px}.bottom{bottom:0;left:20px;font-size:7px}.star{position:absolute;color:#a9904c;font-size:32px}.star-one{left:65px;top:83px}.star-two{right:14px;bottom:180px}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts-inner{display:flex;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px;font-size:12px;color:var(--muted)}.facts span:before{content:'✧';color:#ad8d43;margin-right:16px}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:42px}h2{font-size:clamp(35px,4vw,52px);line-height:1.12;letter-spacing:-1.6px;margin:0 0 22px}.section-heading>p{max-width:325px;font-size:14px;color:var(--muted);margin-bottom:22px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.topic{padding:27px 29px 30px;min-height:355px;border:1px solid #d2d9c7;border-radius:8px}.topic img{display:block;margin:0 auto 20px;width:145px;height:145px}.topic .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:13px}.topic h3{font-size:26px;line-height:1.15;letter-spacing:-.5px;margin:0 0 13px}.topic>p:last-child{font-size:13px;color:var(--muted);margin:0}.earth{background:#e9efed}.nature{background:#ecefdf}.world{background:#efe9dd}.category-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.category-list span{font-size:10px;border:1px solid #d4d9cc;padding:9px 12px;border-radius:25px;color:var(--muted)}.how-section{background:#eaeede;border-top:1px solid #dce2cf;border-bottom:1px solid #dce2cf}.how-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;padding-top:90px;padding-bottom:90px}.how-layout>div>p:not(.eyebrow){font-size:14px;max-width:460px;color:var(--muted)}.steps{list-style:none;counter-reset:steps;padding:0;margin:30px 0 0}.steps li{position:relative;counter-increment:steps;padding-left:49px;padding-bottom:20px}.steps li:before{content:'0' counter(steps);position:absolute;left:0;top:3px;font-size:11px;color:#7b855e}.steps h3{font-size:22px;margin:0 0 6px}.steps p{font-size:13px;margin:0;color:var(--muted);max-width:400px}.field-note{align-self:center;background:#fbf9f1;border:1px solid #d6d9c9;padding:34px;text-align:center;transform:rotate(3deg);box-shadow:10px 12px 0 #d9dfcc}.note-number{font-size:9px;letter-spacing:2px;display:block;text-align:left;color:#7a866d}.field-note img{margin:35px auto 20px}.field-note blockquote{font-size:30px;line-height:1.4;margin:0 0 24px;letter-spacing:-1px}.field-note p{font-size:12px;color:var(--muted)}.plus-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.small{font-size:11px;color:var(--muted);max-width:420px}.plus-card{padding:36px;background:#173d33;color:#f6f3eb;border-radius:8px}.plus-card img{display:block;margin:0 auto 22px}.plus-card h3{font-size:29px;margin:0 0 25px;text-align:center}.plus-card ul{list-style:none;padding:0;margin:0}.plus-card li{font-size:13px;padding:14px 0;border-top:1px solid #527263}.plus-card li:before{content:'✧';color:var(--gold);margin-right:14px}.closing{text-align:center;border-top:1px solid var(--line);padding-top:55px;padding-bottom:70px}.closing h2{margin-top:22px;font-size:39px}.closing p{color:var(--muted);font-size:14px}.text-link{font-size:13px;text-underline-offset:6px}.footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:25px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.footer div{display:flex;gap:25px}.footer a{text-decoration:none}.skip{position:absolute;left:15px;top:-70px;background:white;padding:12px;z-index:10}.skip:focus{top:15px}@media(max-width:950px){.wrap{padding-left:30px;padding-right:30px}.hero{min-height:580px}.hero-art{transform:scale(.82);margin-left:-25px;margin-right:-25px}.how-layout,.plus-layout{gap:40px}.topic{padding:22px}.brand{font-size:15px}.header nav{gap:20px}h1{font-size:70px}}@media(max-width:700px){.wrap{padding-left:23px;padding-right:23px}.header{height:85px;gap:14px}.brand{font-size:13px;letter-spacing:1.4px;gap:10px}.brand img{width:25px;height:34px}.header nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:30px;gap:0}.hero-copy{max-width:490px}h1{font-size:67px;letter-spacing:-3px}.lede{font-size:16px}.hero-art{height:430px;width:100%;max-width:450px;justify-self:center;transform:scale(.84);margin-top:-10px;margin-bottom:-35px}.orbit{width:360px;height:360px}.orbit-two{width:290px;height:290px}.patch-earth{right:-3px;top:42px;width:120px}.patch-leaf{left:-8px;top:185px;width:105px}.patch-compass{right:12px;bottom:-10px;width:115px}.art-label.bottom{bottom:-17px}.facts-inner{flex-wrap:wrap;justify-content:center;padding-top:18px;padding-bottom:18px;gap:12px 22px;font-size:10px}.facts span:before{margin-right:8px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:420px}.topic-grid{grid-template-columns:1fr}.topic{position:relative;padding:26px 23px 26px 125px;min-height:185px}.topic img{position:absolute;left:14px;top:30px;width:95px;height:120px;margin:0}.topic h3{font-size:25px}.category-list span{font-size:9px}.how-layout,.plus-layout{grid-template-columns:1fr;gap:38px}.how-layout{padding-top:65px;padding-bottom:65px}.field-note{max-width:420px;width:calc(100% - 18px);margin:0 auto;padding:28px;transform:rotate(2deg)}.field-note blockquote{font-size:29px}.plus-card{max-width:450px;width:100%;justify-self:center}.closing h2{font-size:31px}.footer{flex-direction:column;align-items:center}.footer div{gap:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.screenshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.screenshots figure{margin:0}.screen-frame{background:#ede9df;padding:12px;border:1px solid #d6d5c7;border-radius:18px;box-shadow:0 14px 28px #183d320d}.screen-frame img{display:block;width:100%;height:auto;border-radius:9px}.path-frame{background:#e6ece1}.screenshots figcaption{padding:24px 4px 10px}.screenshots figcaption .eyebrow{display:block;color:#8d763e;margin-bottom:11px}.screenshots h3{font-size:25px;line-height:1.2;margin:0 0 10px}.screenshots p{font-size:13px;color:var(--muted);margin:0}#inside{border-bottom:1px solid var(--line)}@media(max-width:700px){.screenshots{grid-template-columns:1fr;gap:32px;max-width:380px;margin:auto}.screenshots h3{font-size:27px}.screenshots figcaption{padding:20px 4px 5px}#inside>.small{margin-top:25px}}
.category-list>span{display:inline-flex;align-items:center;gap:9px;font-size:13px;line-height:1.4;padding:8px 14px 8px 8px;color:var(--ink);max-width:100%}.category-list>span img{width:30px;height:30px;flex:none}.category-list>span .chip-label{border:0;padding:0;font-size:inherit;border-radius:0;color:inherit;overflow-wrap:anywhere}@media(max-width:700px){.category-list>span{font-size:12px;gap:8px;padding:7px 11px 7px 7px}.category-list>span img{width:27px;height:27px}}
.brand-block{flex-shrink:0}.brand{color:#b68b48;gap:10px;letter-spacing:1.5px}.brand-icon{display:block;width:27px;height:36px;background:#b68b48;mask:url('assets/brand-mark-solid.png') center/contain no-repeat;-webkit-mask:url('assets/brand-mark-solid.png') center/contain no-repeat;flex:none}.brand-tagline{color:#b68b48;font-size:9px;line-height:1.5;letter-spacing:1.3px;margin:10px 0 0;font-weight:normal}.header{height:120px}.hero{padding-top:25px}@media(max-width:700px){.header{height:108px;gap:12px}.brand{font-size:16px;letter-spacing:1px}.brand-tagline{font-size:7px;letter-spacing:1px;margin-top:8px}.brand-icon{width:22px;height:30px}.hero{padding-top:30px}}@media(max-width:360px){.brand-tagline{max-width:230px;font-size:6.5px;letter-spacing:.8px}}
