@font-face{font-family:Quicksand;src:url('./fonts/quicksand.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
*{box-sizing:border-box}
:root{color-scheme:light;background:#fff9ee;color:#30251f;font-family:Quicksand,system-ui,sans-serif;font-synthesis:none}
html,body{margin:0;min-height:100%;width:100%}
body{-webkit-font-smoothing:antialiased;font-weight:500}
::selection{background:#ffe1a0}
.page{min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;padding:22px 38px max(27px,env(safe-area-inset-bottom))}
main{flex:1}
chhotu-pebble{display:block;width:160px;height:152px;margin:0 0 28px -32px}
.copy{max-width:660px}
h1,p{font:500 22px/1.5 Quicksand,system-ui,sans-serif;letter-spacing:0;margin:0 0 30px}
strong{font-weight:700}
.app-example{cursor:pointer;text-decoration:none;background:#ffe7b0;border-radius:.14em;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.app-example:hover,.app-example[aria-expanded="true"]{background:#ffdc8b}
.app-example:focus-visible{outline:2px solid #ba9156;outline-offset:3px;border-radius:2px}
@media(max-width:600px),(hover:none),(pointer:coarse){.app-example::after{content:'\00a0';padding-right:6px;background:url('./icons/tap-arrow.svg') no-repeat right center/6px 6px;font-size:6px;line-height:1;vertical-align:super}.app-example:active{background:#ffdc8b}}
.app-icons{position:fixed;z-index:20;display:flex;flex-wrap:wrap;gap:9px;width:max-content;max-width:calc(100vw - 16px);padding:5px}
.app-icons[hidden]{display:none}
.app-icons img{width:42px;height:42px;border-radius:11px;object-fit:contain;background:#fff;box-shadow:0 3px 10px #30251f24;animation:icon-arrive .16s ease-out both;animation-delay:calc(var(--i)*.025s)}
@keyframes icon-arrive{from{opacity:0;transform:translateY(6px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.app-icons{gap:7px}.app-icons img{width:36px;height:36px;border-radius:9px}}
@media(prefers-reduced-motion:reduce){.app-icons img{animation:none}}
.copy p:last-of-type{margin-bottom:30px}
.backing{display:inline-flex;align-items:center;gap:9px;font-size:11px;line-height:1.4;color:#746a5e}
.yc-mark{display:grid;place-items:center;width:20px;height:20px;background:#f26622;color:#fff;font:400 16px/1 Arial,sans-serif}
footer{font-size:11px;line-height:1.5;color:#82786d;margin-top:28px}
@media(min-width:1500px){.page{padding:30px 48px 32px}chhotu-pebble{width:180px;height:175px;margin-bottom:38px}.copy{max-width:710px}h1,p{font-size:24px;margin-bottom:34px}}
@media(max-width:600px){.page{padding:12px 25px max(20px,env(safe-area-inset-bottom))}chhotu-pebble{width:145px;height:144px;margin:0 0 25px -29px}h1,p{font-size:18px;line-height:1.55;letter-spacing:0;margin-bottom:25px}.copy p:last-of-type{margin-bottom:26px}.backing{font-size:10px}.yc-mark{width:18px;height:18px;font-size:14px}footer{font-size:9px;margin-top:22px}}
@media(max-width:600px) and (max-height:720px){.page{padding:8px 22px max(16px,env(safe-area-inset-bottom))}chhotu-pebble{width:125px;height:116px;margin:0 0 15px -24px}h1,p{font-size:16px;line-height:1.5;margin-bottom:20px}.copy p:last-of-type{margin-bottom:20px}footer{font-size:8px;margin-top:15px}}
@media(max-width:600px) and (max-height:610px){chhotu-pebble{width:105px;height:90px;margin-bottom:12px;margin-left:-20px}h1,p{font-size:15px;line-height:1.45;margin-bottom:17px}.copy p:last-of-type{margin-bottom:18px}}
@media(max-height:500px) and (min-width:601px){.page{padding:20px 30px 18px}main{position:relative;padding-left:130px;display:flex;align-items:center}chhotu-pebble{position:absolute;top:0;left:-24px;width:140px;height:140px;margin:0}.copy{max-width:660px}h1,p{font-size:17px;line-height:1.45;margin-bottom:18px}.copy p:last-of-type{margin-bottom:18px}.backing{font-size:10px}footer{font-size:9px;margin-top:18px}}
@media(min-width:601px) and (max-height:1000px){chhotu-pebble{width:140px;height:120px;margin-bottom:20px}h1,p{font-size:19px;line-height:1.45;margin-bottom:20px}.copy p:last-of-type{margin-bottom:22px}}
@media(max-width:600px){.page{--phone-margin:28px;height:auto;min-height:100svh;min-height:100dvh;padding:max(var(--phone-margin),env(safe-area-inset-top)) max(var(--phone-margin),env(safe-area-inset-right)) max(var(--phone-margin),env(safe-area-inset-bottom)) max(var(--phone-margin),env(safe-area-inset-left))}chhotu-pebble{width:120px;height:108px;margin-bottom:18px;margin-left:-24px}h1,p{font-size:16px;line-height:1.7;margin-bottom:18px}.copy p:last-of-type{margin-bottom:20px}}
@media(max-width:600px) and (max-height:720px){.page{--phone-margin:22px}chhotu-pebble{width:105px;height:84px;margin-bottom:12px;margin-left:-20px}h1,p{font-size:14px;line-height:1.6;margin-bottom:14px}.copy p:last-of-type{margin-bottom:16px}}
@media(max-width:600px) and (max-height:610px){.page{--phone-margin:20px}chhotu-pebble{width:90px;height:70px;margin-bottom:9px;margin-left:-17px}h1,p{font-size:13px;line-height:1.55;margin-bottom:11px}.copy p:last-of-type{margin-bottom:13px}footer{margin-top:12px}}
@media(max-height:500px) and (min-width:601px){h1,p{font-size:15px;line-height:1.35;margin-bottom:13px}.copy p:last-of-type{margin-bottom:14px}}