:root{--paper:#f6f3e9;--ink:#173c31;--muted:#51665a;--green:#28551f;--line:#d7dece;--gold:#b88b44;--white:#fffef8;color-scheme:light;font-family:"Trebuchet MS",Verdana,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;line-height:1.7;background:radial-gradient(ellipse at 95% 5%,#dde7d1 0,transparent 44%),var(--paper)}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{width:min(1140px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-70px;left:20px;z-index:5;background:white;padding:12px}.skip:focus{top:10px}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;line-height:1.3}.brand img{border-radius:12px;width:46px;height:46px}.brand small{display:block;font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}nav{display:flex;align-items:center;gap:27px;font-size:14px}nav a{text-decoration:none}.nav-cta{border:1px solid var(--ink);border-radius:30px;padding:9px 19px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;text-wrap:balance}h1{font-size:clamp(40px,5.8vw,75px);letter-spacing:-.035em;margin:22px 0}h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.02em;margin:16px 0 26px}h3{font-size:27px;margin:14px 0}p{margin:0 0 20px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;color:var(--green)}.hero{display:grid;grid-template-columns:1.17fr 1fr;gap:70px;align-items:center;padding:70px 0 84px}.hero p{font-size:18px;max-width:520px;color:var(--muted)}.hero h1 em{font-weight:400;color:var(--green)}.stores{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 14px}.store{min-height:62px;display:flex;flex-direction:column;justify-content:center;padding:8px 24px;border-radius:12px;text-decoration:none;background:var(--ink);color:white;min-width:170px;line-height:1.35}.store span{font-size:10px;letter-spacing:.08em}.store strong{font-size:19px;font-weight:500}.store.secondary{background:var(--white);color:var(--ink);border:1px solid var(--ink)}.fine{font-size:12px!important;color:var(--muted)}.hero-art{position:relative;min-height:470px;display:grid;place-items:center;background:linear-gradient(160deg,#e1e8d4,#e8d9b8);border-radius:220px 220px 30px 30px;overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;inset:22px;border:1px solid #b6b892;border-radius:inherit}.hero-art:after{inset:39px}.compass{width:290px;height:290px;position:relative;z-index:1}.art-label{position:absolute;bottom:48px;z-index:1;text-align:center;font:italic 24px Georgia,serif;line-height:1.4}.art-label small{font:10px "Trebuchet MS",sans-serif;letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:6px}
.intro-strip{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:14px}.section{padding:72px 0}.section-heading{max-width:650px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.feature{display:block;border-top:2px solid var(--green);padding:24px 6px;text-decoration:none}.feature .num{color:var(--gold);font-size:13px;letter-spacing:.1em}.feature p{font-size:15px;color:var(--muted)}.feature .more{font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:4px}.feature:hover .more{border-color:var(--green)}.extra{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.extra span{font-size:13px;border:1px solid var(--line);padding:8px 15px;border-radius:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step{border-left:1px solid var(--line);padding-left:22px}.step b{font-size:12px;color:var(--gold);letter-spacing:.1em}.step p{font-size:15px;color:var(--muted)}.faq{max-width:790px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);font-size:15px;margin:16px 0 4px}.closing{border-radius:24px;padding:44px 50px;background:var(--ink);color:var(--white);margin-bottom:65px;display:flex;justify-content:space-between;align-items:center;gap:32px}.closing h2{font-size:35px;margin:0 0 12px}.closing p{margin:0;color:#d0dccc}.closing .stores{flex-shrink:0;margin:0}.closing .store{background:#ecdfbb;color:var(--ink)}.closing .secondary{background:transparent;color:white;border-color:#a4b6a7}footer{border-top:1px solid var(--line);padding:25px 0 38px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer div{display:flex;gap:20px}
.reader-shot{max-width:360px;margin:30px auto}.reader-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:16px}.reader-shot figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}
[hidden]{display:none!important}.web-counter{padding:32px;margin:0 0 55px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fffef8,#edf1e4)}.counter-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.counter-heading h2{margin:8px 0 20px;font-size:36px}.counter-badge{font-size:12px;border:1px solid var(--line);padding:7px 12px;border-radius:30px;white-space:nowrap}.web-counter>p{color:var(--muted)}.counter-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin:26px 0}.counter-face{text-align:center}.counter-tap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(210px,25vw,290px);height:clamp(210px,25vw,290px);margin:auto;border:10px solid #e0e7d4;border-radius:50%;background:var(--ink);color:var(--white);box-shadow:0 0 0 1px #becdb8;touch-action:manipulation;user-select:none;cursor:pointer}.counter-tap [data-counter-value]{font-size:clamp(44px,6vw,78px);font-variant-numeric:tabular-nums;line-height:1.15}.counter-tap-label{font-size:11px;letter-spacing:.18em;margin-top:14px;color:#d8e4c9}.counter-tap:active{background:var(--green)}.counter-goal{font-size:14px;margin:20px 0 8px}.counter-face progress{display:block;width:85%;height:10px;margin:auto;accent-color:var(--green)}.web-counter button,.web-counter input{font-family:inherit}.web-counter button:focus-visible,.web-counter input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.web-counter button:disabled{opacity:.55;cursor:default}.counter-settings h3{font-size:25px;margin:0 0 16px}.counter-presets,.counter-actions,.counter-input-row{display:flex;gap:8px;flex-wrap:wrap}.web-counter button:not(.counter-tap){min-height:44px;padding:9px 16px;border:1px solid #a8b69e;border-radius:9px;background:var(--white);color:var(--ink);font-size:14px;cursor:pointer}.counter-presets button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.counter-settings form{margin:22px 0 12px}.counter-settings label{display:block;font-size:14px;margin-bottom:8px}.counter-settings label small{color:var(--muted)}.counter-input-row input{width:135px;min-height:44px;padding:9px 12px;border:1px solid #a8b69e;border-radius:9px;background:var(--white);font-size:17px;color:var(--ink)}.counter-confirm{border:1px solid #b89d6f;border-radius:12px;padding:16px;margin-top:16px}.counter-confirm p{font-size:14px;margin:0 0 12px}.counter-confirm button{margin-right:7px}.counter-status{min-height:1.7em;margin-bottom:8px;font-size:14px;color:var(--green)!important}.counter-share{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.counter-share span{font-size:12px;color:var(--muted)}.counter-link{display:block;margin-top:14px;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px}.counter-app{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.counter-app p{font-size:13px;color:var(--muted);margin:6px 0 0}.counter-app a{flex-shrink:0;text-decoration:none;font-size:14px;background:var(--ink);color:white}.web-counter .fine{margin:12px 0 18px}@media(max-width:620px){.web-counter{padding:23px 18px;margin-bottom:35px}.counter-heading{display:block}.counter-heading h2{font-size:30px;margin-bottom:16px}.counter-badge{display:inline-block;margin-bottom:18px}.counter-layout{grid-template-columns:1fr;gap:30px;margin-top:24px}.counter-tap{width:230px;height:230px}.counter-tap [data-counter-value]{font-size:56px}.counter-app{display:block}.counter-app a{display:inline-block;margin-top:17px}.counter-share{gap:9px}}
.breadcrumb{padding-top:30px;font-size:12px;color:var(--muted)}.article-hero{padding:45px 0;max-width:800px}.article-hero h1{font-size:clamp(37px,5vw,62px)}.lead{font-size:19px;color:var(--muted)}.article-grid{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:65px;margin-bottom:65px}.article-grid article h2{font-size:32px;margin-top:36px}.article-grid article h2:first-child{margin-top:0}.article-grid article li{margin-bottom:12px}.article-grid aside{align-self:start;border:1px solid var(--line);border-radius:20px;background:var(--white);padding:25px;position:sticky;top:25px}.article-grid aside img{width:70px;height:70px;border-radius:16px}.article-grid aside h2{font-size:26px}.article-grid aside .store{width:100%}.callout{border-left:3px solid var(--gold);padding:18px 23px;background:#eee9db;margin:27px 0}.related{display:flex;gap:20px;flex-wrap:wrap;padding:25px 0;border-top:1px solid var(--line);font-size:14px}.download-page{max-width:580px;min-height:70vh;text-align:center;padding:60px 0 80px;margin:auto}.download-page>img{width:90px;height:90px;border-radius:22px}.download-page h1{font-size:44px}.download-page .stores{justify-content:center}.download-page ul{text-align:left;display:inline-block;padding-left:20px;color:var(--muted)}
@media(max-width:620px){.counter-heading{display:flex;gap:10px}.counter-heading .eyebrow,.counter-keyboard{display:none}.counter-heading h2{font-size:26px;margin:0}.counter-badge{font-size:10px;padding:6px 9px;margin:0}.web-counter>p#counter-help{font-size:14px;margin-top:16px}.counter-layout{margin-top:18px}}
@media(prefers-reduced-motion:no-preference){.hero>div{animation:appear .55s ease-out both}.hero-art{animation-delay:.12s!important}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:850px){.hero{gap:35px;padding-top:45px}.hero-art{min-height:400px}.compass{width:240px;height:240px}.article-grid{grid-template-columns:1fr;gap:25px}.article-grid aside{position:static}.article-grid aside .store{width:auto}.closing{display:block;padding:35px}.closing .stores{margin-top:22px}.grid{gap:15px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}header{padding:18px 0;gap:12px}nav{gap:12px}nav .nav-text{display:none}.brand{font-size:14px}.brand img{width:39px;height:39px}.nav-cta{padding:8px 13px;font-size:12px}.hero{grid-template-columns:1fr;gap:30px;padding:40px 0}h1{font-size:47px}.hero p{font-size:16px}.hero-art{min-height:340px;width:min(100%,360px);justify-self:center}.compass{width:230px;height:230px;transform:translateY(-20px)}.art-label{bottom:35px;font-size:22px}.intro-strip{display:block;padding:20px 0}.intro-strip span{display:block;margin:5px 0}.grid,.steps{grid-template-columns:1fr;gap:15px}.feature{padding:20px 4px}.section{padding:44px 0}.step{padding:6px 0 6px 20px}.stores{gap:9px}.store{flex:1;min-width:142px;padding:10px 17px}.store strong{font-size:17px}.closing{padding:28px 22px;margin-bottom:40px}.closing h2{font-size:31px}footer{flex-direction:column;gap:12px}.download-page{padding:40px 0}.download-page h1{font-size:37px}.article-hero{padding:32px 0}.article-grid{margin-bottom:35px}}