@font-face{font-family:Nunito;src:url('/website-assets/fonts/nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
@font-face{font-family:'Baloo 2';src:url('/website-assets/fonts/baloo2.ttf') format('truetype');font-weight:400 800;font-display:swap}
@font-face{font-family:'Noto Sans Gurmukhi';src:url('/website-assets/fonts/notosansgurmukhi.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--canopy:#087f5b;--leaf:#12b074;--gold:#ffc93c;--ink:#25263a;--paper:#f4f5fa;--secondary:#626477;--soft:#e6f8f0;--line:#dddfe9;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--white);color:var(--ink);font:400 17px/1.65 Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--canopy);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #126b91;outline-offset:6px;border-radius:4px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Baloo 2',Nunito,sans-serif;font-weight:700;line-height:1.12}h2{font-size:clamp(30px,3.3vw,44px)}p{max-width:64ch}li+li{margin-top:9px}[lang=pa]{font-family:'Noto Sans Gurmukhi',sans-serif;letter-spacing:0}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:16px;z-index:10;background:white;padding:12px 20px}.skip-link:focus{top:10px}
.site-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-family:'Baloo 2',sans-serif;font-weight:800;font-size:31px;line-height:1}.wordmark img{width:48px;height:48px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:32px;font-size:15px;font-weight:800}.site-header nav>a:not(.button){color:var(--ink);text-decoration:none;padding-block:12px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--canopy);color:white;border:2px solid transparent;border-radius:12px;padding:13px 23px;text-decoration:none;font-weight:800;font-size:17px;min-height:48px;line-height:1.4}.button:hover{background:#066b4d}.button-small{font-size:15px;min-height:44px;padding:10px 20px}
.hero{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:20px;padding-block:64px 86px}.hero h1{font-size:clamp(43px,5vw,65px);letter-spacing:-1.5px;line-height:1.08}.hero-sub{font-size:23px;font-weight:800;margin-top:24px}.hero-description{font-size:18px;color:var(--secondary);max-width:440px;margin-top:12px}.download-row{display:flex;align-items:center;gap:32px;margin-top:30px}.store-link{display:block;flex-shrink:0;border-radius:10px}.store-link img{width:180px;height:60px;object-fit:contain}.android-status{display:flex;gap:10px;align-items:center;line-height:1.35;color:var(--secondary);font-size:14px}.android-status strong{color:var(--ink);font-size:16px;font-weight:800}.status-dot{width:9px;height:9px;background:var(--gold);border:1px solid #bd8c00;border-radius:50%}.download-note{color:var(--secondary);font-size:13px;margin-top:14px}.hero-art{position:relative;min-height:480px}.mascot-disc{position:absolute;width:380px;height:380px;border-radius:50%;background:var(--soft);top:48px;left:50%;transform:translateX(-50%)}.hero-bol{position:absolute;width:365px;top:83px;left:50%;transform:translateX(-50%)}.greeting{position:absolute;z-index:1;padding:13px 25px 12px;border-radius:22px 22px 22px 5px;background:white;box-shadow:0 7px 0 #25263a0d;font:700 31px/1.25 'Baloo 2',sans-serif;white-space:nowrap}.greeting small{display:block;font:700 12px/1.5 Nunito,sans-serif;margin-top:2px}.greeting-punjabi{top:5px;left:40px;background:var(--gold);font-size:26px;padding-block:18px 13px;transform:rotate(-5deg)}.greeting-punjabi small{margin-top:5px}.greeting-english{top:113px;right:-4px;transform:rotate(6deg);color:var(--canopy)}.greeting-french{bottom:42px;left:7px;background:var(--canopy);color:white;transform:rotate(-5deg);border-radius:22px 22px 5px 22px}.bol-intro{position:absolute;bottom:0;right:8px;font-size:13px;color:var(--secondary)}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;border-top:1px solid var(--line);padding-block:48px 70px}.benefits h2{font-size:25px;margin-top:14px;line-height:1.25}.benefits p{font-size:16px;color:var(--secondary);margin-top:9px}.benefit-symbol{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--soft);border-radius:12px;color:var(--canopy);font-family:'Noto Sans Gurmukhi',sans-serif;font-size:28px;font-weight:700}.benefit-symbol svg{width:30px;height:30px}.sound-symbol{gap:3px}.sound-symbol i{width:3px;height:12px;background:currentColor;border-radius:4px}.sound-symbol i:nth-child(2),.sound-symbol i:nth-child(4){height:21px}.sound-symbol i:nth-child(3){height:28px}
.inside-section{background:var(--paper);padding-block:76px}.inside{display:grid;grid-template-columns:1fr 1.08fr;gap:80px;align-items:center}.inside-copy>p{color:var(--secondary);margin-top:22px}.feature-list{padding:0;list-style:none;margin:25px 0;font-size:16px;font-weight:700}.feature-list li{padding-left:27px;position:relative}.feature-list li:before{content:'✓';position:absolute;left:0;color:var(--canopy);font-weight:900}.text-link{font-weight:800;font-size:16px;display:inline-block;padding-block:8px}.app-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.app-screens figure:nth-child(2){padding-top:40px}.app-screens img{width:100%;border-radius:14px;box-shadow:0 12px 24px #25263a10}.app-screens figcaption{font-size:13px;line-height:1.5;font-weight:800;text-align:center;margin-top:12px}
.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-block:88px}.faq-intro p{color:var(--secondary);margin-top:20px;font-size:16px}.questions details{border-bottom:1px solid var(--line)}.questions summary{list-style:none;cursor:pointer;padding:21px 38px 21px 0;position:relative;font-size:18px;font-weight:800;line-height:1.45}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:4px;top:18px;color:var(--canopy);font-size:25px;font-weight:500}.questions details[open] summary:after{content:'−'}.questions details p{font-size:16px;color:var(--secondary);padding:0 25px 22px 0}.questions details p a{font-weight:800}
.closing{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--canopy);border-radius:24px;padding:38px 44px;color:white}.closing h2{font-size:34px}.closing p{font-size:16px;margin-top:9px}.button-light{background:white;color:var(--canopy);flex-shrink:0}.button-light:hover{background:var(--soft)}.site-footer{padding-block:48px 22px}.footer-main{display:flex;align-items:center;gap:24px;font-size:14px}.footer-main .wordmark{font-size:26px}.footer-main .wordmark img{width:40px;height:40px}.footer-main>p{color:var(--secondary)}.footer-main>a:last-child{margin-left:auto;font-weight:800;padding-block:12px}.footer-links{display:flex;gap:26px;flex-wrap:wrap;margin-top:20px}.footer-links a{font-size:14px;color:var(--secondary);padding-block:10px}.footer-legal{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:20px;margin-top:16px;color:var(--secondary);font-size:11px}.footer-legal p:last-child{text-align:right}
@media(min-width:1400px){.hero{padding-block:80px 100px}}
@media(max-width:1000px){.hero{gap:0}.hero h1{font-size:51px}.hero-art{transform:scale(.88);transform-origin:center right}.inside{gap:40px}.faq{gap:44px}.closing{padding:32px}.closing h2{font-size:29px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.site-header{min-height:80px;gap:16px}.wordmark{font-size:28px}.wordmark img{width:40px;height:40px}.site-header nav{gap:16px}.nav-about{display:none}.hero{grid-template-columns:1fr;padding-block:34px 48px;gap:24px}.hero-copy{max-width:580px}.hero h1{font-size:clamp(42px,7.8vw,56px);letter-spacing:-.8px}.hero-sub{font-size:20px;margin-top:20px}.hero-description{font-size:17px}.download-row{gap:24px;margin-top:24px}.hero-art{min-height:430px;width:min(460px,100%);margin:auto;transform:none}.hero-bol{width:325px;top:77px}.mascot-disc{width:330px;height:330px;top:47px}.greeting-punjabi{left:18px;font-size:23px;top:0}.greeting-english{right:0;top:102px}.greeting-french{left:0;bottom:28px}.bol-intro{right:0;bottom:0}.benefits{grid-template-columns:1fr;gap:32px;padding-block:32px 48px}.benefits article{display:grid;grid-template-columns:44px 1fr;column-gap:18px}.benefit-symbol{grid-row:1/3}.benefits h2{margin:0;font-size:25px}.benefits p{grid-column:2;margin-top:7px}.inside-section{padding-block:48px}.inside{grid-template-columns:1fr;gap:28px}.inside-copy{max-width:560px}.inside-copy>p{margin-top:16px}.app-screens{max-width:510px;gap:20px;margin-inline:auto}.app-screens figure:nth-child(2){padding-top:24px}.faq{grid-template-columns:1fr;gap:24px;padding-block:52px}.faq-intro h2 br{display:none}.faq-intro p{margin-top:12px}.closing{display:block;padding:28px 24px;border-radius:20px}.closing h2{font-size:31px}.closing .button{margin-top:22px}.footer-main{flex-wrap:wrap;gap:12px 20px}.footer-main>p{flex-basis:100%;order:3}.footer-main>a:last-child{font-size:13px}.footer-links{gap:8px 22px;margin-top:14px}.footer-legal{display:block}.footer-legal p:last-child{text-align:left;margin-top:8px}.site-footer{padding-top:36px}}
@media(max-width:390px){.wrap{width:calc(100% - 32px)}.site-header nav>a:not(.button){display:none}.hero h1{font-size:40px}.hero-sub{font-size:19px}.download-row{gap:18px}.store-link img{width:160px;height:auto;min-height:53px}.android-status strong{font-size:14px}.hero-art{min-height:400px}.hero-bol{width:300px;top:82px}.mascot-disc{width:290px;height:290px;top:70px}.greeting{font-size:27px;padding-inline:20px}.greeting-punjabi{font-size:21px;left:8px}.greeting-english{top:98px}.greeting-french{bottom:30px}.bol-intro{font-size:11px}.app-screens{gap:12px}.app-screens figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:390px){.site-header .wordmark{font-size:24px;gap:6px}.site-header .wordmark img{width:36px;height:36px}.site-header .button-small{padding-inline:14px;white-space:nowrap}}
