:root{--paper:#f7f4ea;--ink:#18221d;--muted:#58645d;--green:#397a55;--deep:#204b37;--mint:#b9eec9;--yellow:#f5d968;--peach:#f5b792;--line:#cdd8cf;--max:1160px;color-scheme:light;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);line-height:1.6}
a{color:inherit}
.skip{position:fixed;top:-6rem;left:1rem;background:var(--deep);color:white;padding:.8rem 1rem;z-index:30}
.skip:focus{top:1rem}
.nav{max-width:var(--max);margin:auto;height:82px;padding:0 1.4rem;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:850;line-height:1.1}
.brand img{border-radius:23%}
.brand small{display:block;font-size:.62rem;color:var(--muted);font-weight:650;margin-top:.22rem;letter-spacing:.04em}
.nav nav{display:flex;gap:1.5rem;align-items:center}
.nav nav a{text-decoration:none;font-size:.88rem;font-weight:700}
.pill{border:1px solid var(--deep);border-radius:99px;padding:.55rem 1rem}
.hero{max-width:var(--max);margin:auto;min-height:760px;padding:5rem 1.4rem 7rem;display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}
.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;color:var(--green);font-weight:850}
.hero h1,.section h2{font-size:clamp(3.3rem,7vw,6.8rem);line-height:.93;letter-spacing:-.065em;margin:.7rem 0 1.6rem}
.hero h1 span{color:var(--green)}
.lede{font-size:1.16rem;color:var(--muted);max-width:38rem}
.actions{display:flex;align-items:center;gap:1.35rem;margin-top:2rem}
.button{display:inline-flex;background:var(--deep);color:white;border-radius:99px;padding:.85rem 1.2rem;text-decoration:none;font-weight:800;box-shadow:0 5px 0 #153326;transition:transform .2s}
.button:hover{transform:translateY(-2px)}
.soft-link{font-weight:750;text-underline-offset:.25em}
.meta{font-size:.82rem;color:var(--muted);margin-top:1.25rem}
.hero-art{position:relative;min-height:650px;isolation:isolate}
.hero-art::before{content:"";position:absolute;inset:6% -5% 0;background:var(--mint);border:2px solid var(--deep);border-radius:48% 48% 18% 18%;transform:rotate(3deg);z-index:-1}
.phone{position:absolute;width:min(76%,390px);height:auto;right:7%;top:2%;border:8px solid #1d2c23;border-radius:42px;box-shadow:0 24px 55px #17382333}
.ronnie{position:absolute;width:42%;height:auto;left:-3%;bottom:-2%;filter:drop-shadow(0 12px 0 #1738231f)}
.hp{position:absolute;z-index:4;left:-6%;top:8%;background:#fff;border:2px solid var(--deep);border-radius:18px;padding:1rem;width:150px;box-shadow:7px 7px 0 var(--yellow)}
.hp span,.hp small{display:block;font-size:.68rem;font-weight:850;color:var(--muted)}
.hp strong{font-size:2.7rem;line-height:1}
.hp>div{height:10px;background:#e4e9e5;border:1px solid var(--deep);margin:.5rem 0}
.hp i{display:block;height:100%;background:var(--green)}
.note{background:var(--deep);color:white;padding:1.15rem 1.4rem;display:flex;justify-content:center;gap:1rem;text-align:center}
.note span{color:#c9ded0}
.section{max-width:var(--max);margin:auto;padding:8rem 1.4rem}
.section-title{max-width:820px}
.section h2{font-size:clamp(2.7rem,6vw,5.5rem)}
.section-title>p:last-child{color:var(--muted);font-size:1.1rem;max-width:620px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem}
.steps article{padding:2rem;border:1.5px solid var(--deep);border-radius:22px;background:#fff}
.steps span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--yellow);font-weight:900;font-size:.75rem}
.steps h3{font-size:1.35rem;margin:3rem 0 .5rem}
.steps p{color:var(--muted)}
.gallery{border-top:1px solid var(--line)}
.screens{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem;margin-top:3.5rem}
.screens figure{margin:0}
.screens img{display:block;width:100%;height:auto;border:5px solid #1c2b22;border-radius:27px;box-shadow:0 15px 32px #294a3424}
.screens figure:nth-child(even){transform:translateY(2.5rem)}
.screens figcaption{text-align:center;font-size:.8rem;font-weight:800;margin-top:.7rem}
.anywhere{display:grid;grid-template-columns:1.2fr .8fr;gap:6rem;align-items:center}
.anywhere p{color:var(--muted);max-width:590px}
.pixel-card{border:2px solid var(--deep);border-radius:30px;padding:3rem;background:var(--yellow);box-shadow:12px 12px 0 var(--peach)}
.pixel-card span{display:block;font-weight:950;font-size:3.5rem;color:var(--green)}
.pixel-card strong{font-size:1.45rem}
.medical{max-width:calc(var(--max) - 2.8rem);margin:0 auto;padding:1.4rem 1.6rem;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;align-items:center;gap:2rem}
.medical strong{min-width:280px}
.medical p{color:var(--muted);margin:0}
.support{display:flex;align-items:end;justify-content:space-between;gap:2rem}
.support>div{max-width:740px}
.support h2{font-size:clamp(2.7rem,6vw,5.5rem)}
.support p{color:var(--muted)}
footer{max-width:var(--max);margin:auto;padding:2rem 1.4rem 3rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.25rem 2rem;color:var(--muted);font-size:.82rem}.more-apps{grid-column:1/-1;margin:0}.content-hero{min-height:auto;padding-bottom:4rem}.prose{max-width:860px}.prose h2{font-size:clamp(2rem,5vw,4rem);margin-top:4rem}.prose h3{font-size:1.35rem;margin-top:2rem}.prose p,.prose li{color:var(--muted)}.prose img{display:block;max-width:390px;width:100%;height:auto;border:5px solid #b99845;border-radius:18px;box-shadow:0 15px 32px #0008;margin:2.5rem auto}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq summary{cursor:pointer;font-weight:800}.disclaimer{padding:1.3rem;border:1px solid #6c8f65;background:#101f29;border-radius:8px}
footer>div{display:flex;gap:1rem}
footer a{text-underline-offset:.25em}
@media(max-width:800px){.nav nav>a:not(.pill){display:none}
.hero{grid-template-columns:1fr;padding-top:4rem}
.hero-art{min-height:600px}
.hero-art::before{inset:6% 0 0}
.hp{left:0}
.steps{grid-template-columns:1fr}
.screens{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3rem}
.screens figure,.screens figure:nth-child(even){min-width:70%;transform:none;scroll-snap-align:center}
.anywhere{grid-template-columns:1fr;gap:2rem}
.medical,.support{align-items:flex-start;flex-direction:column}
.medical strong{min-width:0}
footer{grid-template-columns:1fr}
footer>div{flex-wrap:wrap}
}
@media(max-width:460px){.hero-art{min-height:520px}
.phone{width:78%;right:0}
.ronnie{width:46%}
.hp{top:3%;width:128px}
.note{align-items:center;flex-direction:column;gap:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important}
}
:root{--paper:#071826;--ink:#f3e8bd;--muted:#a8b9b4;--green:#59d65f;--deep:#102b2c;--mint:#183f38;--yellow:#f3cf52;--peach:#f07863;--line:#31534a;color-scheme:dark}
body{background:radial-gradient(circle at 75% 10%,rgba(26,82,68,.55),transparent 34rem),linear-gradient(rgba(4,17,28,.92),rgba(4,17,28,.97)),var(--paper)}.nav{border-bottom:1px solid var(--line)}.brand small{color:var(--muted)}.kicker,.hp span,.hp small,.steps span,.screens figcaption{font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;letter-spacing:.08em}.hero h1,.section h2{letter-spacing:-.045em}.hero h1 span{color:var(--green)}.lede,.meta,.section-title>p:last-child,.steps p,.anywhere p,.medical p,.support p,footer{color:var(--muted)}
.hero-art::before{background:linear-gradient(145deg,#153b35,#071826);border-color:#6c8f65;border-radius:18px;box-shadow:10px 10px 0 #020c13}.phone{border-color:#b99845;border-radius:24px;box-shadow:0 24px 55px #0009}.hp{background:#111d25;border:2px solid #d4b24f;border-radius:7px;box-shadow:7px 7px 0 #050b10;color:var(--ink)}
.hp>div{height:14px;border:2px solid #050b10;background:repeating-linear-gradient(90deg,#263632 0 13px,#07101a 13px 16px)}.hp i{background:repeating-linear-gradient(90deg,var(--green) 0 13px,#1c692a 13px 16px)}.note{background:#111d25;border-block:1px solid #d4b24f}.note span{color:#f0d77b}.steps article{background:#101f29;border-color:#6c8f65;border-radius:8px;box-shadow:6px 6px 0 #020c13}.steps span{background:var(--yellow);color:#21180a;border-radius:3px}.steps article:nth-child(2) span{background:var(--green)}.steps article:nth-child(3) span{background:var(--peach)}
.screens img{border-color:#b99845;border-radius:18px;box-shadow:0 15px 32px #0008}.pixel-card{background:#13252c;border-color:#d4b24f;border-radius:8px;box-shadow:10px 10px 0 #552a27}.pixel-card span{color:var(--green);font-family:ui-monospace,"SFMono-Regular",Menlo,monospace}.pixel-card strong{color:var(--ink)}.medical{background:#101f29;border-color:#6c8f65;border-radius:8px}.button{background:#153f31;color:#f8eab9;border:2px solid #d4b24f;border-radius:6px;box-shadow:4px 4px 0 #020c13}.pill{border-color:#d4b24f;border-radius:6px}footer{border-color:var(--line)}

.showcase{margin-top:3.5rem}.showcase-label{display:flex;align-items:baseline;gap:.75rem;margin:0 0 1rem}.showcase-label span{font-size:1.2rem;font-weight:900}.showcase-label small{color:var(--muted);font:700 .7rem ui-monospace,"SFMono-Regular",Menlo,monospace;text-transform:uppercase;letter-spacing:.1em}
.carousel{width:100vw;margin-left:calc(50% - 50vw);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y pinch-zoom;padding:1rem max(1.4rem,calc((100vw - var(--max))/2 + 1.4rem)) 2.5rem}.carousel::-webkit-scrollbar{display:none}.carousel:active{cursor:grabbing}.carousel:focus-visible{outline:2px solid var(--yellow);outline-offset:-5px}.carousel-track{display:flex;width:max-content;gap:1.3rem}.carousel figure{flex:none;width:clamp(190px,23vw,300px);margin:0}.carousel img{display:block;width:100%;height:auto;border:5px solid #b99845;border-radius:18px;box-shadow:0 15px 32px #0008;-webkit-user-drag:none;user-select:none}
@media(max-width:800px){.carousel{padding-inline:1.4rem}.carousel figure{width:68vw}}