*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf7f2;color:#181818;font-family:ui-rounded,"Arial Rounded MT Bold",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:#bd392a}header{max-width:1050px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#171717;font-weight:900;font-size:24px;letter-spacing:-1px}.brand img{width:44px;height:44px;border-radius:12px}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font-size:14px;font-weight:700;text-decoration:none;color:#4b4643}nav a:hover{text-decoration:underline}main{max-width:1050px;margin:auto;padding:0 24px}.hero{text-align:center;padding:65px 10px 56px}.hero img{width:142px;filter:drop-shadow(0 12px 22px #0002)}h1{font-size:clamp(44px,8vw,76px);line-height:1.06;letter-spacing:-2.5px;margin:22px 0 4px;font-weight:900}h2{font-size:clamp(28px,4vw,40px);line-height:1.15;letter-spacing:-1px;margin:0 0 16px}.tagline{font-size:clamp(19px,3vw,25px);color:#777;margin:8px 0 26px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#b74735;font-size:12px;font-weight:900}.lead{max-width:680px;margin:0 auto;color:#57524e;font-size:17px}.pill{display:inline-block;background:#fff;padding:10px 18px;border:1px solid #eee5db;border-radius:100px;color:#8b4a2f;font-size:13px;font-weight:800;margin-top:26px}.modes{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:20px 0}.mode{padding:30px;border-radius:30px;color:#fff;box-shadow:0 12px 25px #0000000a}.mode.red{background:#ca392d}.mode.orange{background:#eb8928}.mode .emoji{font-size:38px}.mode h3{font-size:27px;line-height:1.2;margin:10px 0 3px}.mode p{margin:0;color:#fffdf9;font-size:16px}.info{background:white;border-radius:30px;padding:36px;margin:22px 0 54px;box-shadow:0 10px 30px #00000008}.info p{max-width:760px;color:#5b5651}.cta{display:inline-block;background:#ca392d;color:white;text-decoration:none;font-weight:800;padding:12px 20px;border-radius:14px}.page{max-width:800px;margin:45px auto 80px}.page h1{font-size:clamp(38px,6vw,58px);margin-bottom:14px}.page h2{font-size:24px;margin-top:34px}.page p,.page li{color:#4d4946}.page ul{padding-left:22px}.notice{background:#fff;border:1px solid #e9e1d7;padding:18px 22px;border-radius:18px;margin:22px 0}.muted{color:#777;font-size:14px}footer{border-top:1px solid #e7dfd6;padding:25px 24px 35px;color:#7c756e;font-size:13px}footer .inner{max-width:1050px;margin:auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}footer a{color:#756b64;margin-left:16px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}.hero{padding-top:42px}.modes{grid-template-columns:1fr}.info{padding:25px}.mode{padding:26px}footer a{margin-left:0;margin-right:14px}}
/* Splash-inspired landing page: app launch screen colors and hierarchy */
body.landing{background:#faf7f2}.landing .splash-header{position:absolute;top:0;left:0;right:0;z-index:2;max-width:none;padding:25px clamp(20px,5vw,76px)}.splash-brand{color:#fff;text-decoration:none;font-size:21px;font-weight:900;letter-spacing:-.7px}.landing .splash-header nav a{color:#fff;opacity:.9}.landing .splash-header nav a:hover{opacity:1}.landing-main{max-width:none;padding:0}.splash{min-height:100svh;background:#bb3529;color:white;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:125px 24px 105px}.splash-center{transform:translateY(-2vh)}.splash-logo{width:clamp(132px,17vw,210px);height:auto;filter:drop-shadow(0 12px 18px #641e1950)}.splash h1{color:#fff;font-size:clamp(62px,9vw,104px);margin:22px 0 22px;letter-spacing:-3px;line-height:1.06}.splash-tagline{font-size:clamp(19px,3vw,30px);font-weight:650;color:#ffded6;margin:0}.launch-label{display:inline-block;margin:48px 0 0;padding:11px 20px;border:1px solid #ffffff75;border-radius:999px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em}.discover{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#fff;text-decoration:none;font-size:13px;font-weight:700;opacity:.85;white-space:nowrap}.discover span{margin-left:8px}.about{padding:110px 24px 100px}.about-inner{max-width:1000px;margin:auto}.section-kicker{text-transform:uppercase;color:#b63a2b;letter-spacing:2px;font-weight:900;font-size:12px}.about h2{font-size:clamp(36px,5vw,62px);max-width:750px;line-height:1.08;letter-spacing:-2px;margin:16px 0 25px}.about-intro{font-size:clamp(18px,2.5vw,23px);max-width:780px;color:#68605b;line-height:1.55}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}.steps article{background:#fff;border-radius:25px;padding:30px;box-shadow:0 8px 24px #00000007}.step-number{color:#e88629;font-weight:900;font-size:14px}.steps h3{font-size:24px;margin:16px 0 8px;line-height:1.15}.steps p{color:#655e59;margin:0}.about-foot{color:#7a716c;font-size:14px;margin-top:30px}.bottom-banner{background:#e98729;color:#fff;text-align:center;padding:75px 24px 85px}.bottom-banner h2{font-size:clamp(32px,5vw,52px);margin:0 0 10px}.bottom-banner p{font-size:19px;color:#fff9}.bottom-banner a{display:inline-block;margin-top:17px;background:white;color:#a94716;padding:13px 22px;border-radius:999px;font-weight:900;text-decoration:none}.bottom-banner a span{margin-left:8px}@media(max-width:650px){.landing .splash-header{flex-direction:row;align-items:center;padding:19px 18px}.splash-brand{font-size:17px}.landing .splash-header nav{gap:12px}.landing .splash-header nav a{font-size:12px}.splash{padding-top:100px}.splash h1{letter-spacing:-2px}.launch-label{margin-top:35px}.about{padding:75px 20px}.steps{grid-template-columns:1fr;margin-top:35px}.steps article{padding:25px}}