*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fafbf5;color:#123e33;font:16px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}header,footer,main{max-width:1392px;margin:auto}header,footer{display:flex;align-items:center;justify-content:space-between;padding:24px 5%}header{border-bottom:1px solid #dce5dc}a{color:inherit;text-underline-offset:4px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:720;font-size:23px;letter-spacing:-1px;text-decoration:none}.brand img{width:36px;border-radius:10px}nav,footer span{display:flex;gap:28px}nav a,footer a{text-decoration:none}a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:.97fr 1fr;align-items:center;gap:4%;padding:32px 4% 48px 6%}.pitch{padding:36px 0}.label{display:flex;align-items:center;gap:10px;color:#336854;font-size:14px;font-weight:650}.label i{width:9px;height:9px;background:#16936c;border-radius:50%;box-shadow:0 0 0 4px #d8ecdf}h1,h2,h3{line-height:1.02;letter-spacing:-.055em;margin:0}h1{font-size:clamp(62px,6.8vw,105px);margin:26px 0}em{font-family:Georgia,serif;font-weight:400;color:#187652}.pitch p,.lead{font-size:clamp(18px,1.65vw,23px);color:#455f54;max-width:420px}.btn{display:inline-flex;gap:28px;align-items:center;background:#0d6147;color:white;padding:14px 23px;border-radius:50px;text-decoration:none;font-weight:600;margin-top:12px}.visual{isolation:isolate;position:relative;overflow:hidden;border-radius:30px;background:radial-gradient(ellipse at 65% 90%,#adcea5,#598e70 53%,#245b4a);height:clamp(510px,44vw,640px);display:grid;place-items:center}.rings{position:absolute;z-index:-1;width:90%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff55;transform:rotate(-30deg) scaleX(1.35);box-shadow:0 0 0 36px #ffffff0a,0 0 0 37px #ffffff44,0 0 0 80px #ffffff0a,0 0 0 81px #ffffff33}.device{height:79%;margin-bottom:35px;border:3px solid #aebbb0;outline:1px solid #466053;background:#14291f;padding:4px;border-radius:32px;box-shadow:15px 26px 34px #173e3b55}.device img{height:100%;display:block;border-radius:25px}.switch{position:absolute;bottom:17px;display:flex;padding:4px;background:#123e33e8;border-radius:28px}.switch button{border:0;background:transparent;color:white;padding:10px 18px;border-radius:23px;font:600 14px inherit;font-family:inherit;cursor:pointer}.switch [aria-pressed=true]{background:#fffce9;color:#143e33}.features{padding:50px 6% 70px;border-top:1px solid #dce5dc}.intro{margin:0 0 30px}.intro h2{font-size:clamp(42px,4.4vw,66px);margin-top:20px}.family{background:linear-gradient(90deg,#083c30 22%,transparent 80%),url(assets/family.png) right 46%/54% auto no-repeat,#083c30;color:white;min-height:350px;display:flex;align-items:center;padding:5%;border-radius:22px}.family div{max-width:44%}h3{font-size:clamp(30px,3vw,48px)}article p{max-width:450px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.pair article{background:#e7efe4;padding:32px;border-radius:20px}.pair article+article{background:#f4ecd8}.symbol{font-size:32px;margin-bottom:18px}.reading{max-width:820px;padding:56px 32px 95px;margin:auto;min-height:72vh}.reading h1{font-size:clamp(46px,6vw,76px)}.lead{max-width:none;margin-bottom:36px}.reading h2{font-size:27px;margin:35px 0 12px}.reading p{max-width:68ch}.reading details{border-top:1px solid #c4d4c9;padding:19px 0}.reading summary{cursor:pointer;font-weight:650}.back{font-size:14px}footer{border-top:1px solid #dce5dc;font-size:14px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d39d31;outline-offset:3px}@media(max-width:720px){header{padding:16px 5%}.brand{font-size:20px}.brand img{width:30px}nav,footer span{gap:14px;font-size:14px}.hero{grid-template-columns:1fr;padding:0 5% 26px;gap:0}.pitch{padding:35px 2% 28px}.pitch h1{font-size:clamp(60px,13vw,85px);margin:18px 0}.visual{height:470px}.features{padding:38px 5%}.pair{grid-template-columns:1fr}.family{align-items:flex-end;min-height:470px;background:linear-gradient(0deg,#073a30 22%,transparent 74%),url(assets/family.png) center 46%/cover}.family div{max-width:100%;padding:16px}.reading{padding:30px 6% 60px}footer{align-items:flex-start;gap:20px;flex-wrap:wrap}.btn{margin-top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.walk{margin:72px 0 44px}.walk-heading h2,.helpbar h2{font-size:clamp(32px,4vw,56px)}.walk-heading p,.helpbar p{color:#486355}.walk-grid{display:grid;grid-template-columns:1fr .9fr;gap:7%;align-items:center;margin-top:28px}.walk-options details{border-top:1px solid #becfc3;padding:20px 0}.walk-options details:last-child{border-bottom:1px solid #becfc3}.walk-options summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:clamp(19px,2vw,26px);font-weight:620;letter-spacing:-.04em;list-style:none}.walk-options summary::-webkit-details-marker{display:none}.walk-options summary:after{content:'+';font-weight:400;color:#367554}.walk-options details[open] summary:after{content:'−'}.walk-options p{color:#455f54;max-width:48ch;margin:14px 0 3px}.walk-shot{margin:0;padding:28px 16px 18px;background:linear-gradient(145deg,#e3eee0,#c6ddc6);border-radius:20px;text-align:center}.walk-shot img{display:block;width:auto;height:340px;max-width:100%;margin:auto;border-radius:17px;box-shadow:0 10px 22px #123e3320}.walk-shot figcaption{font-size:14px;margin-top:16px}.helpbar{margin:0 6% 60px;padding:30px 0;border-top:1px solid #cedace;display:flex;justify-content:space-between;align-items:center;gap:20px}.helpbar .btn{white-space:nowrap}.helpbar h2{font-size:clamp(30px,3vw,40px)}@media(max-width:720px){.walk{margin:42px 0 26px}.walk-grid{grid-template-columns:1fr;gap:18px}.walk-shot img{height:305px}.helpbar{display:block}.walk-options details{padding:16px 0}}
:root {
  color-scheme: dark;
  --ink: #0d1915;
  --paper: #f4f3ea;
  --secondary: #c0ccc4;
  --mint: #abe7c3;
  --rule: #34463e;
}
body { background: var(--ink); color: var(--paper); }
header, footer, .features, .helpbar, .walk-options details,
.walk-options details:last-child, .reading details { border-color: var(--rule); }
header nav, footer span { color: #d1ddd4; }
.label, em, .back, .symbol, .reading p a, .pair article a,
.walk-options summary:after { color: var(--mint); }
.label i { background: #99dfb4; box-shadow: 0 0 0 4px #223a2e; }
.pitch p, .lead, .reading p, .walk-options p, .walk-heading p,
.helpbar p, .pair p, .walk-shot figcaption { color: var(--secondary); }
.btn { color: #102a1e; background: var(--mint); }
.btn:hover { background: #c4f2d6; }
.visual {
  background: radial-gradient(ellipse 48% 60% at 50% 47%, #548568 0%, #355f48 34%, #1a3427 66%, var(--ink) 100%);
  border: 1px solid #384d40;
}
.rings { border-color: #b2dbc03d; box-shadow: 0 0 0 36px #b7dfba05, 0 0 0 37px #b7dfba25, 0 0 0 80px #b7dfba04, 0 0 0 81px #b7dfba1d; }
.device { border-color: #839389; box-shadow: 9px 18px 32px #070d0a70; }
.switch { background: #0d1b15; border: 1px solid #677e6e; }
.switch [aria-pressed=true] { background: #c4e8d0; color: #12291b; }
.walk-options details[open] summary { color: var(--mint); }
.walk-shot { background: radial-gradient(ellipse at 50% 48%, #314d3c, #1b2a23 80%); border: 1px solid var(--rule); }
.pair article { background: #192d24; border: 1px solid #304b3a; }
.pair article+article { background: #192d24; border-color: #304b3a; }
.pair article+article .symbol { color: var(--mint); }
.family a { color: #e8d5a8; }
.family { box-shadow: inset 0 0 0 1px #c2e2ca24; }
.reading details[open] summary { color: var(--mint); }
::selection { color: #11281b; background: #b3dfbd; }

footer{flex-wrap:wrap;row-gap:14px}footer small{flex:0 0 100%;color:var(--secondary)}.contact{border:1px solid var(--rule);border-radius:14px;padding:18px 22px}.contact a{overflow-wrap:anywhere}