@font-face{font-family:Sant Lipi;src:url('fonts/SantLipi-VF.ttf') format('truetype');font-display:swap}
:root{--paper:#f9f7f2;--ink:#242c53;--accent:#2e52ab;--muted:#6f7282;--line:#dedfdc;--wash:#edf0f8;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #5378dc;outline-offset:6px}::selection{background:#dce3fa}.skip{position:absolute;left:20px;top:-100px;padding:10px 20px;background:white;z-index:20}.skip:focus{top:15px}.site-header{max-width:1320px;margin:auto;padding:30px 48px;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:12px;font-size:19px;font-weight:650;letter-spacing:-.7px}.site-header nav,.site-footer nav{display:flex;gap:30px;font-size:13px}.site-header nav a,.site-footer nav a{transition:color .2s}.site-header nav a:hover,.site-footer nav a:hover{color:var(--accent)}.book-mark{display:inline-flex;gap:2px;align-items:center;width:32px;height:32px;perspective:80px}.book-mark i{display:block;width:14px;height:23px;background:var(--accent);border-radius:2px 6px 1px 2px;transform:skewY(10deg)}.book-mark i+i{transform:skewY(-10deg);border-radius:6px 2px 2px 1px}
.hero{text-align:center;padding:54px 20px 76px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:650;color:var(--accent);margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(48px,6.4vw,86px);letter-spacing:-4px;line-height:1.05;margin-bottom:25px}em{font-weight:400;color:var(--accent)}.hero-intro{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:0}.stage{width:min(830px,94vw);height:390px;position:relative;margin:44px auto 0;perspective:1500px;touch-action:pan-y;cursor:grab;isolation:isolate}.stage:active{cursor:grabbing}.duo{width:760px;height:338px;position:absolute;left:50%;top:10px;margin-left:-380px;transform:rotateX(9deg) rotateZ(-2deg);transform-style:preserve-3d}.device-half{width:50%;height:100%;position:absolute;top:0;padding:8px;background:linear-gradient(125deg,#89909c,#272b34 15%,#666c78 50%,#1d2026 80%,#737a86);border:1px solid #92959e;border-radius:33px;box-shadow:0 1px 0 #e7e8ed inset,0 3px 0 #3b414d,0 6px 0 #858994;transform-style:preserve-3d}.left-half{left:0;transform-origin:right center;z-index:2;border-radius:33px 9px 9px 33px;transform:rotateY(var(--fold,0deg))}.right-half{right:0;border-radius:9px 33px 33px 9px}.screen{height:100%;background:#fff;border:3px solid #13161c;border-radius:26px;position:relative;overflow:hidden;backface-visibility:hidden;text-align:left;color:#252834;display:flex;flex-direction:column}.left-screen{border-radius:26px 4px 4px 26px}.right-screen{border-radius:4px 26px 26px 4px}.reader-top{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 0;font-size:11px;font-weight:600;height:42px;flex-shrink:0}.back-icon{font-size:24px;color:var(--accent);font-weight:400}.mini-dot{width:5px;height:5px;border-radius:50%;background:#c8cdda}.demo-panel{padding:37px 23px 15px;flex:1;min-height:0}.demo-panel[hidden]{display:none}.gurmukhi{font:20px/1.65 'Sant Lipi',sans-serif;margin-bottom:17px}.roman{font-size:12px;font-weight:600;line-height:1.55;margin-bottom:8px}.meaning{font-size:12px;line-height:1.6;margin-bottom:0;color:#555a66}.reader-bottom{height:40px;flex-shrink:0;padding:0 18px 11px;display:flex;justify-content:space-between;align-items:center;font-size:22px;color:var(--accent)}.page-counter{font-size:9px;color:#979ba4}.quiet-label{font-size:6px;letter-spacing:1.2px;color:#a3a8b3}.home-indicator{height:3px;width:70px;background:#c3c6cf;border-radius:10px;margin-right:38px}.hinge{position:absolute;width:8px;left:calc(50% - 4px);height:98%;top:1%;background:linear-gradient(90deg,#1a1d24,#9298a4 42%,#31353e);transform:translateZ(2px);border-radius:3px;pointer-events:none}.device-back{position:absolute;inset:-1px;background:linear-gradient(135deg,#3c5daa,#17284e);border:1px solid #8192b6;border-radius:9px 33px 33px 9px;backface-visibility:hidden;transform:rotateY(180deg) translateZ(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 35px #ffffff13}.cover-book{width:70px;height:70px;gap:4px;justify-content:center}.cover-book i{width:28px;height:45px;background:#e9efff}.cover-wordmark{font:20px var(--serif);color:#dfe7fe;margin-top:12px}.camera{position:absolute;left:22px;top:22px;display:flex;gap:9px}.camera i{width:22px;height:22px;border:4px solid #536789;background:#111a2c;border-radius:50%;box-shadow:0 0 0 1px #8e9ebc}.device-shadow{position:absolute;width:78%;height:60px;left:11%;bottom:26px;border-radius:50%;background:#202a5840;filter:blur(26px);transform:rotate(-2deg);z-index:-1}.hero-controls{display:flex;justify-content:center;gap:24px;align-items:center;margin:0 auto 23px;color:var(--muted);font-size:11px}.hero-controls button{background:none;border:0;padding:7px 0;color:inherit}.hero-controls button span{font-size:16px;margin-right:4px}.fold-control{display:flex;gap:9px;align-items:center}.fold-control input{width:68px;height:3px;accent-color:var(--accent);cursor:ew-resize}.mode-switch{display:inline-flex;padding:5px;border:1px solid #dfe2ec;background:#f0f1f5;border-radius:30px;gap:3px}.mode-switch button{border:0;background:transparent;border-radius:22px;padding:10px 21px;font-size:12px;color:var(--muted);transition:background .25s,color .25s,box-shadow .25s,transform .25s}.mode-switch button[aria-pressed=true]{background:white;color:var(--accent);box-shadow:0 2px 6px #27366412}.mode-switch button:active{transform:scale(.95)}.demo-caption{font-size:10px;color:#85899a;margin:13px 0 34px}.availability{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:9px}.status-dot{height:5px;width:5px;background:var(--accent);border-radius:50%}.availability-divider{margin:0 7px;color:#b5b7c0}
.centered-panel{text-align:center;padding-top:18px}.centered-panel h3{font-size:29px;line-height:1.15;margin:7px 0 10px;letter-spacing:-.8px;color:var(--ink)}.demo-label{font-size:8px;letter-spacing:1.6px;color:var(--accent);margin-bottom:13px}.line-icon{font-size:38px;line-height:1.3;color:var(--accent)}.streak-number{font-family:var(--serif);font-size:82px;line-height:1;color:var(--accent);position:relative;display:inline-block;margin-top:12px}.spark{position:absolute;right:-26px;top:4px;font:28px var(--serif);color:#a3b4e0}.reminder-panel{padding-top:29px}.reminder-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #edeef3}.reminder-row strong{font-size:13px;font-weight:500;color:var(--accent);display:block}.reminder-row span{font-size:10px;color:#8e93a1;display:block}.toggle{width:33px;height:20px;padding:3px;border:0;background:var(--accent);border-radius:20px;flex-shrink:0;transition:background .2s}.toggle span{height:14px;width:14px;background:white;border-radius:50%;transform:translateX(13px);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.toggle[aria-checked=false]{background:#c6cad4}.toggle[aria-checked=false] span{transform:translateX(0)}.demo-footnote{font-size:9px;color:#9499a5;margin-top:18px;text-align:center}.calendar-panel{padding:18px 35px}.calendar-panel>strong{font-size:12px;display:block;text-align:center;margin-bottom:15px}.calendar-week,.calendar{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:5px;font-size:9px}.calendar-week{color:#aaaeb8;margin-bottom:6px}.calendar span{width:22px;height:22px;display:grid;place-items:center;justify-self:center}.calendar .recorded{background:var(--accent);border-radius:50%;color:white}.calendar .today{box-shadow:0 0 0 2px #d5def6}.calendar-panel .demo-footnote{margin-top:10px}
.section-wrap{max-width:1120px;margin:auto;padding:100px 48px}.story{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;border-top:1px solid var(--line)}h2{font-size:clamp(36px,4.2vw,55px);line-height:1.13;letter-spacing:-2px;margin-bottom:27px}.story-copy{padding-top:40px}.story-copy p,.ritual-cards p{font-size:15px;line-height:1.85;color:var(--muted);max-width:39ch}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:12px;color:var(--accent);padding:8px 0;border-bottom:1px solid #c8d0e3;transition:gap .25s}.text-link:hover{gap:25px}.ritual{border-radius:6px;background:var(--wash);padding:65px 64px 68px}.ritual-heading{text-align:center}.ritual-cards{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin:56px auto 0;max-width:770px}.card-number{font-size:10px;letter-spacing:.6px;color:var(--accent)}.ritual-cards h3{font-size:34px;letter-spacing:-1px;line-height:1.15;margin:20px 0}.banis{text-align:center;padding-top:120px}.bani-list{max-width:820px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin:38px auto 26px;font-family:var(--serif);font-size:22px;color:#4e577d}.bani-list span{padding:7px 0;border-bottom:1px solid #e3e3e5}.small-note{font-size:12px;color:var(--muted)}.quiet-promise{text-align:center;border-top:1px solid var(--line);padding-top:75px;padding-bottom:85px}.quiet-promise .book-mark{margin-bottom:22px}.quiet-promise p{color:var(--muted);font-size:14px}.site-footer{max-width:1320px;margin:auto;border-top:1px solid var(--line);padding:30px 48px 38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-footer .brand{font-size:15px}.site-footer>span{color:var(--muted);font-size:11px}.site-footer nav{font-size:11px;gap:24px}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.motion .reveal.visible{opacity:1;transform:none}
.document{max-width:1120px;margin:65px auto 100px;padding:0 48px}.document-heading{max-width:850px;border-bottom:1px solid var(--line);padding-bottom:44px;margin-bottom:50px}.document h1{font-size:clamp(44px,6vw,76px);letter-spacing:-3px;margin-bottom:24px}.document .lede{font-size:18px;line-height:1.7;max-width:52ch;color:var(--muted);margin-bottom:0}.document-body{max-width:680px;margin-left:auto}.document-body h2{font-size:29px;letter-spacing:-.9px;margin:42px 0 16px}.document-body p{font-size:15px;color:var(--muted);line-height:1.85}.document-body a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.document-body code{font-size:11px;overflow-wrap:anywhere}.document-date{font-size:11px;color:var(--muted);margin-top:22px}.contact-card{background:var(--wash);padding:30px 32px;border-radius:8px;margin-bottom:44px}.contact-card h2{margin-top:0}.contact-card a{font-size:18px;text-decoration:none;overflow-wrap:anywhere}.contact-card p{margin-bottom:6px}.document-body details{border-top:1px solid var(--line);padding:20px 0}.document-body details:last-of-type{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:15px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary::after{content:'+';color:var(--accent);font-size:20px;line-height:1}details[open] summary::after{content:'−'}details p{padding-top:16px;margin-bottom:0}.privacy-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.privacy-summary span{background:var(--wash);color:var(--accent);font-size:11px;padding:7px 13px;border-radius:20px}
@media(min-width:1600px){.hero{padding-top:75px}.stage{margin-top:58px}}
@media(max-width:850px){.site-header{padding:25px 28px}.hero{padding-top:37px}h1{letter-spacing:-2.6px}.stage{height:310px;margin-top:36px}.duo{transform:scale(.8) rotateX(9deg) rotateZ(-2deg);transform-origin:center top}.device-shadow{bottom:25px}.section-wrap{padding:70px 30px}.story{gap:35px}.ritual{margin:0 20px}.ritual-cards{gap:40px}.site-footer{padding:27px 28px}.site-footer>span{display:none}.document{margin-top:45px;padding:0 28px}}
@media(max-width:600px){.site-header{padding:23px 22px}.brand{font-size:17px}.site-header nav{font-size:12px;gap:21px}.book-mark{width:26px}.book-mark i{width:11px;height:21px}.hero{padding:40px 12px 55px}h1{font-size:48px;letter-spacing:-2.7px}.eyebrow{font-size:9px;letter-spacing:2px}.hero-intro{font-size:14px}.stage{height:205px;width:100%;margin-top:34px}.duo{transform:scale(var(--mobile-scale,.46)) rotateX(7deg) rotateZ(-2deg);transform-origin:center top;top:5px}.device-shadow{height:25px;bottom:26px;filter:blur(15px)}.hero-controls{font-size:10px;margin-bottom:21px;gap:22px}.mode-switch button{padding:9px 15px;font-size:11px}.demo-caption{font-size:9px;margin-bottom:28px}.availability{font-size:9px;gap:6px}.availability-divider{margin:0 3px;color:#b5b7c0}.section-wrap{padding:62px 25px}.story{display:block;margin:0 20px;padding-left:5px;padding-right:5px}.story-copy{padding-top:0}.story-copy p{max-width:none}h2{font-size:37px;letter-spacing:-1.8px}.ritual{padding:45px 25px}.ritual-cards{grid-template-columns:1fr;gap:35px;margin-top:35px}.ritual-cards article+article{border-top:1px solid #d6ddec;padding-top:30px}.ritual-cards h3{font-size:31px}.ritual-cards p{max-width:none}.bani-list{font-size:19px;gap:8px 21px}.quiet-promise{margin:0 20px}.site-footer{padding:27px 22px;flex-wrap:wrap;gap:18px}.site-footer nav{gap:21px}.document{margin:40px auto 70px;padding:0 25px}.document h1{font-size:49px;letter-spacing:-2.5px}.document-heading{padding-bottom:30px;margin-bottom:30px}.document .lede{font-size:16px}.contact-card{padding:25px}.document-body h2{font-size:27px}}
@media(min-width:900px) and (max-height:800px){.site-header{padding-top:20px;padding-bottom:20px}.hero{padding-top:18px}.hero .eyebrow{margin-bottom:16px}.hero h1{font-size:62px;margin-bottom:16px}.hero-intro{font-size:14px}.stage{height:280px;margin-top:22px}.duo{transform:scale(.78) rotateX(9deg) rotateZ(-2deg);transform-origin:center top}.device-shadow{height:35px;bottom:10px}.hero-controls{margin-bottom:14px}}
/* Duo hardware uses Apple's reference geometry; HTML remains a readable fallback. */
.model-pending .duo{visibility:hidden}
.hero{padding-top:26px}.hero h1{font-size:clamp(48px,5.3vw,70px)}
.stage{width:min(840px,94vw);height:540px;margin-top:10px;cursor:default;touch-action:auto}
.stage:active{cursor:default}#duo-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}.model-ready #duo-canvas{opacity:1}.model-ready .duo{display:none}
.duo{width:720px;height:515px;margin-left:-360px;transform:none}.device-half{padding:7px;border-radius:36px;background:#333943;border-color:#69717e}.left-half{padding-right:0;border-right:0;border-radius:36px 0 0 36px;transform:none}.right-half{padding-left:0;border-left:0;border-radius:0 36px 36px 0}.screen{border:2px solid #0b0c0e}.left-screen{border-radius:29px 0 0 29px;border-right:0}.right-screen{border-radius:0 29px 29px 0;border-left:0}.hinge,.device-back{display:none}.read-panel{padding-top:105px}.device-shadow{width:65%;left:17.5%;bottom:20px;height:32px;opacity:.65}.mode-switch{margin-top:8px}.demo-caption{margin-bottom:25px}
@media(min-width:900px) and (max-height:800px){.hero{padding-top:12px}.hero h1{font-size:54px}.hero-intro{font-size:13px}.stage{height:400px;width:620px;margin-top:5px}.duo{transform:scale(.7);transform-origin:center top}}
@media(max-width:850px){.stage{height:470px}.duo{transform:scale(.8);transform-origin:center top}}
@media(max-width:600px){.hero{padding-top:30px}.hero h1{font-size:47px}.stage{height:74vw;max-height:430px;width:100%;margin-top:20px}.duo{transform:scale(var(--mobile-scale,.46));transform-origin:center top}.read-panel{padding-top:105px}.device-shadow{bottom:6px;height:20px}.mode-switch{margin-top:16px}.hero .eyebrow{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}}
.duo-poster{position:absolute;inset:0;display:block;pointer-events:none}.duo-poster img{display:block;width:100%;height:100%;object-fit:contain}.stage:has(.duo-poster) .duo{display:none}.model-ready .duo-poster{visibility:hidden}
.duo-control{position:absolute;z-index:4;transform:translate(-50%,-50%);width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;padding:0}.duo-control[hidden]{display:none}.duo-control:disabled{cursor:default}.duo-control:focus-visible{outline:2px solid #2e52ab;outline-offset:2px;background:#2e52ab12}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#duo-canvas{touch-action:pan-y}
.model-ready #duo-canvas{pointer-events:auto}
.landing .feature>h2{margin:0 0 20px;line-height:1.25;min-height:2.5em;display:flex;align-items:flex-end}
/* A single unfolding hero, followed by three always-visible feature stories. */
.landing .hero{padding:32px 20px 0}.landing .hero h1{font-size:clamp(38px,4.5vw,64px);letter-spacing:-2.5px;margin:0 0 18px}.landing .hero-intro{font-size:17px;line-height:1.5;margin:0}.landing .hero .eyebrow{margin-bottom:18px}.download{display:flex;align-items:center;justify-content:center;gap:18px;margin:24px auto 0}.download img{display:block;width:150px;height:50px}.download>span{font-size:13px;color:var(--muted)}.landing .stage{height:440px;width:min(760px,100%);margin:0 auto}.landing .features{max-width:1180px;margin:8px auto 70px;padding:0 36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.feature{min-width:0}.feature-art{height:190px;display:flex;justify-content:center;align-items:center;background:#edf0f8;border:1px solid #e3e7f0;border-radius:22px;margin-bottom:25px;overflow:hidden}.feature-number{font-size:12px;color:#6676a2;letter-spacing:2px}.feature h2{font-family:inherit;font-size:22px;font-weight:600;letter-spacing:-.6px;line-height:1.2;margin:10px 0 12px}.feature>p{font-size:16px;line-height:1.6;color:#666c7e;margin:0;max-width:320px}.meaning-art{flex-direction:column;gap:14px;background:linear-gradient(145deg,#f0f2fb,#e6eaf7)}.meaning-art>span:first-child{font-family:SantLipi,serif;font-size:29px;color:#283c79}.meaning-art>span:nth-child(2){font-size:13px;color:#535f7e}.language-pills{display:flex;gap:6px}.language-pills i{font-style:normal;font-size:10px;background:#ffffffa8;border-radius:20px;padding:5px 9px;color:#4f6191}.reminder-art{background:linear-gradient(145deg,#e6eaf6,#f4f1f8)}.notification{display:flex;align-items:center;gap:10px;background:#ffffffd9;box-shadow:0 12px 30px #26396915;border:1px solid white;border-radius:18px;padding:18px 13px;width:88%}.notification>.book-mark{flex-shrink:0;width:29px;height:29px}.notification>div{flex:1;min-width:0}.notification small{display:flex;justify-content:space-between;color:#737b91;font-size:9px;letter-spacing:.7px}.notification small span{letter-spacing:0}.notification strong{display:block;font-size:12px;margin:7px 0 3px;letter-spacing:-.2px}.notification>div>span{font-size:11px;color:#687188}.practice-art{flex-direction:column;gap:17px;background:linear-gradient(145deg,#e9edf9,#f2f3fa)}.practice-art>div:first-child{display:flex;gap:10px;align-items:baseline}.practice-art strong{font-family:Georgia,serif;font-size:68px;font-weight:400;line-height:1;color:#2e52ab}.practice-art span{font-size:14px;color:#667394}.streak-dots{display:flex;gap:5px}.streak-dots i{display:grid;place-items:center;background:#2e52ab;color:white;border-radius:50%;width:21px;height:21px;font-size:11px;font-style:normal}.streak-dots i:last-child{box-shadow:0 0 0 3px #d3dcf1}.landing .site-footer{border-top:1px solid #e3e4e8}
@media(max-width:850px){.landing .features{gap:20px;padding:0 24px}.feature h2{font-size:19px}.feature-art{height:170px}.notification{padding:14px 9px;gap:6px}.notification>.book-mark{display:none}.streak-dots{gap:3px}.streak-dots i{width:17px;height:17px}.landing .stage{height:430px}}
@media(max-width:600px){.landing .hero{padding:30px 16px 0}.landing .hero h1{font-size:39px;letter-spacing:-1.8px;max-width:340px;margin-left:auto;margin-right:auto}.landing .hero-intro{font-size:14px}.download{margin-top:22px;gap:14px}.landing .stage{height:74vw;max-height:390px;margin-top:12px}.landing .features{grid-template-columns:1fr;gap:36px;margin:14px auto 46px;padding:0 26px;max-width:420px}.feature-art{height:180px;margin-bottom:18px}.feature h2{font-size:24px}.feature>p{max-width:none}.notification>.book-mark{display:flex}.notification{width:85%;padding:18px 14px;gap:12px}.notification strong{font-size:14px}.streak-dots{gap:6px}.streak-dots i{width:23px;height:23px}.landing .site-footer>span{display:none}}