@import url('/tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:18px;line-height:1.6}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b17a23;outline-offset:6px}button{font:inherit;cursor:pointer}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.header{position:absolute;top:0;left:0;right:0;z-index:10;padding:26px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;font:700 29px Georgia;letter-spacing:-1px}.brand img{width:48px;height:48px;object-fit:contain}.header nav{display:flex;align-items:center;gap:32px;font-size:15px}.nav-pill{border:1px solid #53614866;padding:10px 22px;border-radius:30px}.hero{position:relative;min-height:900px;height:100svh;max-height:1150px;isolation:isolate;overflow:hidden;background:#cbd1ab}.forest{position:absolute;inset:-5%;background-image:linear-gradient(90deg,rgba(246,244,221,.6),rgba(246,244,221,.15)),url('/assets/forest-1536.webp');background-position:center;background-size:cover;z-index:-2;will-change:transform}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--color-paper),transparent 18%,transparent 80%,#f7f5eb88);z-index:-1}.hero-inner{max-width:1120px;margin:auto;height:100%;min-height:900px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:115px 24px 90px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:700;display:block;margin-bottom:24px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(58px,6.1vw,86px);letter-spacing:-.055em;margin-bottom:28px}h1 em,h2 em{font-weight:400;color:#527047}h2{font-size:clamp(40px,4.3vw,60px);letter-spacing:-.04em;margin-bottom:24px}h3{font-size:28px}p{color:var(--color-muted)}.hero-copy p{max-width:430px;color:#394a38}.button{display:inline-flex;gap:25px;align-items:center;justify-content:center;background:#2d4c3a;color:#fff;padding:15px 26px;border-radius:32px;font-size:16px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#426444}.platform{font-size:13px;letter-spacing:.06em;margin-top:20px;color:#34472f}.hero-product{position:relative;width:320px;justify-self:center;transform:rotate(5deg)}.screen{display:block;width:100%;height:auto;border-radius:30px;box-shadow:0 25px 65px #142a2d26;border:6px solid #f9f7ed}.hero-product .screen{box-shadow:15px 35px 70px #172b3a38}.flora{position:absolute;width:195px;height:195px;object-fit:contain;bottom:15px;left:-115px;transform:rotate(-5deg);filter:drop-shadow(0 18px 12px #16241726);animation:bob 6s ease-in-out infinite}.note{position:absolute;right:-50px;top:35%;background:#f7f5eb;padding:13px 20px;border-radius:15px;font:italic 18px Georgia;transform:rotate(-10deg);box-shadow:0 8px 25px #21371d12}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:15px}.scroll-cue span{font-size:22px}.section{padding:110px 24px;max-width:1168px;margin:auto}.center{text-align:center}.intro{max-width:600px;margin:0 auto 50px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.rule{padding:32px 26px;background:#eeeedf;border-radius:20px;text-align:left}.rule:nth-child(2){background:#ece8da}.rule:nth-child(3){background:#e7e9db}.rule p{font-size:16px;margin:0}.rule h3{font-size:25px;margin:24px 0 12px}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100px;height:100px;gap:4px;position:relative}.mini-grid i{background:#fff9;border:1px solid #375d3b26;border-radius:4px}.mini-grid.row i:nth-child(-n+4),.mini-grid.column i:nth-child(4n+1),.mini-grid.region i:nth-child(-n+3),.mini-grid.region i:nth-child(5){background:#96b67b}.mini-grid img{position:absolute;top:0;left:0;width:25px;height:25px;object-fit:contain}.breathing{margin:25px auto 0;padding:20px;border-block:1px solid #293d3822;font-size:17px}.text-link{display:inline-block;border-bottom:1px solid;margin-top:15px;font-size:16px}.walkthrough{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.photo-stage{padding:35px;background:#e3e7d5;border-radius:180px 180px 24px 24px;position:relative}.photo-stage .screen{width:260px;margin:auto}.caption{text-align:center;font-size:13px;margin:18px 0 0}.steps{list-style:none;padding:0;margin:35px 0}.steps li{display:grid;grid-template-columns:35px 1fr;gap:15px;margin:23px 0}.steps b{font-family:Georgia;font-size:23px;color:#73935d}.steps strong{font-weight:600;display:block}.steps p{font-size:16px;margin:4px 0}.features-section{background:#233e30;color:#f6f3df;position:relative;overflow:hidden}.features-section p{color:#c6d0be}.features-top{display:flex;gap:80px;align-items:end;margin-bottom:55px}.features-top h2{flex:1;margin:0}.features-top>p{flex:1;max-width:350px;margin:0}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.feature{border-top:1px solid #b6c3ab44;padding-top:25px}.feature .number{font:42px Georgia;color:#d7da99;display:block;margin-bottom:22px}.feature h3{font-size:23px;line-height:1.2}.feature p{font-size:15px}.hint-feature{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-top:90px;border-top:1px solid #b6c3ab44;padding-top:65px}.hint-feature .screen{width:230px;margin:auto}.hint-feature h3{font-size:40px}.pace{max-width:790px;text-align:center}.pace img{width:130px;height:130px;object-fit:contain}.pace p{max-width:610px;margin:0 auto 30px}.badges{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.badges span{border:1px solid #45614133;border-radius:25px;padding:8px 18px;font-size:14px}.faq-section{background:#edeee2}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}details{border-bottom:1px solid #293d3826;padding:22px 0}summary{cursor:pointer;list-style:none;font-weight:500;display:flex;justify-content:space-between;gap:25px}summary:after{content:'+';font-size:24px;font-weight:300}details[open] summary:after{content:'−'}details p{font-size:16px;margin:18px 0 0}.closing{position:relative;text-align:center;background:#c5d1b3 url('/assets/forest-1536.webp') center 65%/cover;padding:100px 24px;isolation:isolate}.closing:before{content:'';position:absolute;inset:0;background:#f7f5ebc9;z-index:-1}.closing h2{max-width:600px;margin:0 auto 30px}.footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px}.footer nav{display:flex;gap:25px}.footer .brand{font-size:23px}.footer .brand img{width:35px;height:35px}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.motion .reveal.visible{opacity:1;transform:none}.subpage .header{position:relative;border-bottom:1px solid #293d381a}.page-top{max-width:900px;margin:auto;padding:80px 24px 30px}.page-top h1{font-size:clamp(48px,6vw,72px)}.prose{max-width:900px;padding:15px 24px 90px;margin:auto}.prose h2{font-size:36px;margin-top:60px}.prose h3{font-size:25px;margin-top:30px}.prose p,.prose li{max-width:68ch}.prose li{margin:10px 0}.diagram{width:100%;max-width:500px;height:auto;display:block;margin:30px auto}.draft{background:#eee3c9;border-left:3px solid #a47f33;padding:20px 24px;border-radius:0 14px 14px 0}.controls{width:100%;border-collapse:collapse;font-size:16px}.controls th,.controls td{text-align:left;padding:15px;border-bottom:1px solid #293d3822}.controls th{background:#e6eadc}.motion-toggle{border:1px solid #293d3833;background:transparent;color:inherit;border-radius:22px;padding:7px 13px;font-size:13px}body.paused *{animation-play-state:paused!important}.reading-progress{position:fixed;top:0;left:0;height:3px;background:#c39c51;z-index:30;transform-origin:left;width:100%;transform:scaleX(0)}@keyframes bob{50%{translate:0 -12px}}@media(min-width:900px){.walkthrough .photo-stage{position:sticky;top:110px}}@media(max-width:800px){.header{padding:20px 24px}.header nav{gap:20px}.header .nav-pill{display:none}.brand{font-size:25px}.hero{height:auto;min-height:0;max-height:none}.hero-inner{grid-template-columns:1fr;gap:45px;text-align:center;padding-top:135px;padding-bottom:105px;min-height:0}.hero-copy p{margin-inline:auto}.hero h1{font-size:64px}.hero-product{width:255px}.flora{width:145px;height:145px;left:-70px}.note{right:-30px;font-size:15px}.hero .forest{background-position:40% center}.rules{grid-template-columns:1fr}.rule{display:grid;grid-template-columns:100px 1fr;column-gap:25px;align-items:center}.rule .mini-grid{grid-row:1/3}.rule h3{margin:0 0 8px}.section{padding-block:75px}.walkthrough,.faq-layout,.hint-feature{grid-template-columns:1fr;gap:45px}.walkthrough .photo-stage{order:2}.features{grid-template-columns:1fr 1fr}.features-top{display:block}.features-top p{margin-top:25px;max-width:100%}.footer{flex-wrap:wrap}.features-top h2{max-width:500px}}@media(max-width:420px){.header{padding:18px 16px}.header nav{gap:16px;font-size:13px}.brand{font-size:22px}.brand img{width:35px;height:35px}.hero h1{font-size:54px}.hero-product{width:240px}.flora{left:-52px;width:125px}.note{right:-20px}.features{gap:24px}.feature h3{font-size:21px}.rule{padding:24px 18px;column-gap:18px}.footer nav{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}.forest{transform:none!important}}

/* Smaller forest artwork for phone-sized screens; preserve the desktop composition. */
@media (max-width: 600px){.forest{background-image:linear-gradient(90deg,rgba(246,244,221,.6),rgba(246,244,221,.15)),url('/assets/forest-800.webp')}.closing{background-image:url('/assets/forest-800.webp')}}
.developer-credit{font-size:14px;margin:10px 0 0;color:var(--color-muted)}