@font-face{font-family:Nunito;src:url(/fonts/nunito-Medium.woff2)format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-ExtraBold.woff2)format("woff2");font-weight:800 900;font-display:swap}@font-face{font-family:Bricolage;src:url(/fonts/bricolage.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{--paper:#fcf8f0;--surface:#fffdf7;--pine:#20392c;--muted:#49594c;--clay:#a64129;--clay-dark:#883620;--sand:#f0e5d4;--border:#e4d5c1;--white:#fffaf1;--display:Bricolage, Nunito, ui-rounded, system-ui, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);color:var(--pine);background:var(--paper);font-synthesis:none;-webkit-text-size-adjust:100%;font-family:Nunito,ui-rounded,system-ui,sans-serif;line-height:1.48}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--clay-dark);outline-offset:4px}::selection{color:var(--pine);background:#f3cbac}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);text-wrap:balance;font-weight:740}h2{letter-spacing:-.043em;font-size:clamp(2.6rem,6vw,5.65rem);line-height:.99}p{text-wrap:pretty}section[id],article[id]{scroll-margin-top:1.1rem}.content{width:min(100% - 2.5rem,73rem);margin-inline:auto}.skip-link{z-index:10;background:var(--surface);border-radius:.6rem;padding:.6rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{justify-content:space-between;align-items:center;gap:.7rem;width:min(100% - 2.5rem,83.5rem);min-height:4.15rem;margin-inline:auto;display:flex}.site-header nav{align-items:center;gap:clamp(.65rem,2.5vw,2.45rem);display:flex}.nav-link{min-height:2.75rem;color:var(--muted);align-items:center;font-size:.9rem;font-weight:800;display:inline-flex}.nav-method{display:none}.nav-link:hover,.footer-inner nav a:hover{color:var(--clay-dark)}.brand{letter-spacing:-.055em;white-space:nowrap;align-items:center;gap:.5rem;font-size:1.47rem;font-weight:800;line-height:1;display:inline-flex}.brand img{border-radius:.65rem;width:2.2rem;height:2.2rem}@media (max-width:22rem){.site-header{gap:.35rem;width:calc(100% - 1.5rem)}.site-header nav{gap:.5rem}.site-header .brand{gap:.38rem;font-size:1.28rem}.site-header .brand img{width:2rem;height:2rem}.site-header .button-small{white-space:nowrap;padding-inline:.6rem}}.button{text-align:center;min-height:3.1rem;transition:background-color .18s var(--ease-out), transform .15s var(--ease-out);border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:.45rem;padding:.56rem 1.05rem;font-weight:800;line-height:1.22;display:inline-flex}.button svg{flex:none}.button:not(:disabled):active{transform:scale(.97)}.button-small{min-height:2.75rem;padding-inline:.77rem;font-size:.82rem}.button-pine{background:var(--pine);color:var(--white)}.button-clay{background:var(--clay);color:#fff}.button:disabled{color:#655749;cursor:default;background:#ece2d3}@media (hover:hover){.button-pine:hover{background:#3b5940}.button-clay:not(:disabled):hover{background:var(--clay-dark)}}.store-badge{border-radius:8px;flex:none;align-self:start;display:inline-block}.store-badge img{width:auto;height:44px}.store-badge:active{transform:scale(.98)}.get-app{padding-block:clamp(4.4rem,9vw,8.4rem)}.get-heading{margin-bottom:clamp(1.85rem,4vw,3.25rem)}.get-heading p{color:var(--muted);margin-top:1rem;font-size:clamp(1.05rem,2vw,1.25rem)}.get-heading br{display:none}.platforms{gap:1rem;display:grid}.platform{isolation:isolate;border-radius:clamp(1.35rem,3vw,2.5rem);min-width:0;padding:clamp(1.23rem,3.2vw,2.7rem);position:relative;overflow:hidden}.platform-ios{background:#f7d9c2;min-height:16.5rem}.platform-android{background:#e5edd6}.platform-copy{max-width:67%;position:relative}.platform-copy h3{letter-spacing:-.038em;font-size:clamp(1.8rem,4vw,3rem);line-height:1.03}.platform-copy p{color:var(--muted);margin-top:.55rem}.platform-ios .store-badge{margin-top:1.1rem;position:relative}.platform-art{z-index:-1;filter:drop-shadow(0 11px 12px #523a2840);height:auto;transition:transform .42s var(--ease-out);position:absolute}.platform-ios .platform-art{width:clamp(10.7rem,42%,20rem);bottom:.3rem;right:-.1rem;transform:rotate(6deg)}.platform-android .platform-art{width:clamp(6.2rem,29%,11.5rem);top:.28rem;right:.4rem;transform:rotate(-8deg)}@media (hover:hover){.platform-ios:has(.store-badge:hover) .platform-art{transform:translateY(-7px)rotate(-2deg)}.platform-android:has(.button:hover) .platform-art{transform:translateY(-6px)rotate(2deg)}}.platform-android-mark{width:2.6rem;height:auto;margin-bottom:.4rem}.platform-android .platform-copy{min-height:6.85rem}.android-form{margin-top:1.2rem}.android-form fieldset{border:0;gap:.42rem;min-width:0;margin:0;padding:0;display:grid}.android-form label{font-size:.94rem;font-weight:800}.android-form input[type=email]{background:var(--surface);width:100%;min-height:3.2rem;color:var(--pine);border:1px solid #a9b49b;border-radius:.8rem;padding:.5rem .8rem;font-size:1rem}.android-form input[aria-invalid=true]{border-color:var(--clay-dark)}.android-form input::placeholder{color:#615e51}.bot-field{display:none}.beta-choice{cursor:pointer;grid-template-columns:1.2rem minmax(0,1fr);align-items:start;gap:.7rem;margin-block:.65rem .8rem;display:grid}.beta-choice input{width:1.15rem;height:1.15rem;accent-color:var(--pine);cursor:pointer;margin:.23rem 0 0}.beta-details{color:var(--muted);margin-top:.2rem;font-size:.87rem;font-weight:500;line-height:1.42;display:block}.android-form .button{justify-self:start}.android-form-compact{width:min(100%,25rem);margin:0}.android-form-compact .android-form-entry{grid-template-columns:minmax(0,1fr) auto;gap:.45rem;display:grid}.android-form-compact .button{border-radius:.8rem;min-width:6.2rem;min-height:3.2rem;padding-inline:.8rem}.android-form-compact .beta-choice{margin-block:.28rem 0}.android-form-compact .beta-details{margin-top:.08rem;font-size:.83rem}.android-form-compact .privacy-link{margin-top:.12rem}.signup-status{color:var(--clay-dark);align-items:flex-start;gap:.4rem;font-size:.9rem;font-weight:800;display:flex}.signup-status:not(:empty){margin-top:.65rem}.signup-status svg{flex:none}.signup-status[data-success=true]{color:#255837}.privacy-link{color:var(--muted);text-underline-offset:.2em;margin-top:.65rem;padding-block:.35rem;font-size:.83rem;text-decoration:underline;display:inline-block}.site-footer{border-top:1px solid var(--border)}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 2.5rem;padding-block:1.45rem 2rem;display:flex}.footer-inner nav{flex-wrap:wrap;gap:.25rem 1.2rem;display:flex}.footer-inner nav a{min-height:2.3rem;color:var(--muted);align-items:center;font-size:.88rem;font-weight:700;display:inline-flex}.brand-credits{color:var(--muted);flex-basis:100%;font-size:.74rem}.brand-credits a{text-decoration:underline}.text-page{max-width:44rem;min-height:63vh;padding-block:clamp(2rem,8vw,6rem)}.text-page h1{letter-spacing:-.062em;margin-block:.5rem 1.45rem;font-size:clamp(2.4rem,8vw,4.6rem);line-height:1.02}.text-page h2{letter-spacing:-.025em;margin-block:1.7rem .6rem;font-size:1.45rem;line-height:1.13}.text-page p{color:var(--muted);margin-block:.7rem}.text-page p a{color:var(--clay-dark);text-underline-offset:.15em;overflow-wrap:anywhere;text-decoration:underline}@media (min-width:45rem){.site-header{min-height:4.9rem}.site-header nav .nav-link{font-size:1rem}.nav-method{display:inline-flex}.brand{gap:.58rem;font-size:1.66rem}.brand img{width:2.45rem;height:2.45rem}.button-small{padding-inline:1rem;font-size:.9rem}.get-heading{text-align:center}.get-heading br{display:initial}.platforms{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.05rem}.platform-ios .platform-art{width:65%;bottom:1.1rem;right:1%}.platform-ios .platform-copy{max-width:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.showcase{--showcase-path:var(--hero-deep);--showcase-lesson:#f7ceb7;--showcase-review:#f6e7af;--showcase-reader:#d8e9df;position:relative}.showcase-window{display:none}.showcase-anchor{top:calc(var(--chapter) * var(--chapter-distance));position:absolute}.showcase-window,.linear-chapter{--showcase-color:var(--showcase-path);isolation:isolate;border-radius:clamp(1.3rem,3vw,2.65rem);overflow:hidden}[data-scene=lesson]{--showcase-color:var(--showcase-lesson)}[data-scene=review]{--showcase-color:var(--showcase-review)}[data-scene=reader]{--showcase-color:var(--showcase-reader)}.showcase-backdrop{z-index:-1;background-color:var(--showcase-color);transition:background-color .52s var(--ease-out);position:absolute;inset:0}.showcase-device{position:absolute;inset:0}.showcase-shot{z-index:2;opacity:var(--shot-opacity,0);transform:translateY(var(--shot-offset,14px));pointer-events:none;padding:clamp(1.15rem,4vw,2.4rem) clamp(1.12rem,5vw,2rem) 0;position:absolute;inset:0}.showcase-shot[data-current=true]{opacity:var(--shot-opacity,1);transform:translateY(var(--shot-offset,0px))}.showcase-shot[data-current=true]:not([inert]) .showcase-copy{pointer-events:auto}.showcase-copy h1{letter-spacing:-.043em;text-wrap:balance;max-width:17ch;font-size:clamp(2.3rem,8.75vw,4.1rem);line-height:.98}.showcase-copy h2{text-wrap:pretty;max-width:15ch;font-size:clamp(2.35rem,9.3vw,4.1rem)}.showcase-copy p{color:#385141;max-width:36ch;margin-top:clamp(.75rem,2vw,1.4rem);font-size:clamp(.97rem,2.2vw,1.22rem);line-height:1.41}.showcase-down{z-index:3;background:#fffdf12e;border:1px solid #58776177;border-radius:50%;place-items:center;width:2.65rem;height:2.65rem;display:grid;position:absolute;bottom:.9rem;left:1rem}.showcase-down:hover{background:#fffdf180}.showcase-window:not([data-scene=path]) .showcase-down,.showcase-progress{display:none}.showcase-linear{gap:1rem;display:grid}.linear-chapter{background:var(--showcase-color);grid-template-columns:minmax(0,1fr);display:grid}.linear-chapter .showcase-copy{padding:1.55rem 1.25rem 0}.linear-device{min-width:0;height:clamp(24rem,106vw,34rem)}.device-scene{isolation:isolate;width:100%;height:100%;position:relative}.device-canvas,.device-perspective{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.device-canvas{opacity:0}.device-scene[data-rendered=webgl] .device-canvas{opacity:1}.device-perspective{perspective:var(--device-perspective,1000px)}.device-frame{width:var(--device-width,min(58%, 18rem));height:var(--device-height,auto);aspect-ratio:2.08/4.42;border-radius:var(--device-radius,2rem);transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)rotateY(-12deg)}.device-fallback-back,.device-fallback-edge,.device-fallback-bezel{border-radius:inherit;background:#748267;position:absolute;inset:0}.device-fallback-back{transform:translateZ(calc(-1 * var(--display-depth,16px)))}.device-fallback-edge{background:linear-gradient(145deg,#f4f5d7,#8a947f 26%,#465641 54%,#dde8cb 81%,#8e947e);box-shadow:-4px 2px #738369,-8px 4px #58664f,-12px 6px #53624b}.device-fallback-bezel{transform:translateZ(calc(var(--display-depth,16px) - 1px));background:#1b241b;inset:2px;box-shadow:0 0 0 2px #b5bda3}.device-scene[data-rendered=webgl] :is(.device-fallback-back,.device-fallback-edge,.device-fallback-bezel){display:none}.device-screen{width:var(--display-width,calc(100% - 12px));height:var(--display-height,calc(100% - 12px));border-radius:var(--display-radius,1.8rem);backface-visibility:hidden;transform:translate(-50%, -50%) translateZ(var(--display-depth,16px));background:#fcf6e9;position:absolute;top:50%;left:50%;overflow:hidden;container-type:inline-size}.device-island{z-index:4;pointer-events:none;background:#121812;border-radius:50px;width:28%;height:3.65%;position:absolute;top:2%;left:50%;transform:translate(-50%)}.device-island:after{content:"";aspect-ratio:1;background:#283a31;border-radius:50%;width:10%;position:absolute;top:34%;right:11%}.device-home-bar{z-index:4;opacity:.84;pointer-events:none;background:#1b241b;border-radius:50px;width:32%;height:1%;max-height:4px;position:absolute;bottom:1.65%;left:50%;transform:translate(-50%)}.device-shadow{width:var(--device-width,240px);pointer-events:none;background:radial-gradient(#1f36254d 0%,#29382729 38%,#0000 73%);height:2.7rem;position:absolute;top:74%;left:50%;transform:translate(-50%,-50%)}.device-scene[style] .device-shadow{top:50%}.screen-status{justify-content:space-between;align-items:center;font-size:max(8px,4cqw);font-weight:800;display:flex;position:absolute;top:2.3%;left:10%;right:10%}.screen-battery{color:#203c2d;border:1px solid;border-radius:1cqw;width:9cqw;height:3.3cqw;position:relative}.screen-battery:before{content:"";background:currentColor;border-radius:.6cqw;position:absolute;inset:1px}.screen-battery:after{content:"";background:currentColor;width:1px;height:44%;position:absolute;top:28%;right:-2px}.product-screen{height:100%;color:var(--pine);animation:display-enter .27s var(--ease-out) both;background:#fcf6e9;flex-direction:column;gap:4cqw;padding:16cqw 7cqw 9cqw;font-size:5.6cqw;font-weight:700;line-height:1.18;display:flex;position:relative}@keyframes display-enter{0%{opacity:.68}to{opacity:1}}.product-screen[data-screen=lesson]{background:#fff4e5}.product-screen[data-screen=review]{background:#fdf7df}.product-screen[data-screen=reader]{background:#eff7ef}.screen-title{justify-content:space-between;align-items:center;gap:2cqw;min-height:10cqw;display:flex}.screen-title strong{font-family:var(--display);letter-spacing:-.039em;font-size:10.3cqw}.screen-title>svg{width:8cqw;height:8cqw}.xp{background:#fff0cd;border-radius:10cqw;align-items:center;gap:1cqw;padding:2cqw 3cqw;font-weight:800;display:inline-flex}.xp img{object-fit:contain;width:6cqw;height:6cqw}.sourate-card{color:#fff9ed;background:#a94b2e;border:1px solid #a94b2a;border-radius:8cqw;justify-items:start;gap:1.5cqw;min-height:42cqw;padding:6cqw 5cqw;display:grid;position:relative;box-shadow:inset 0 2px #df7c54,0 1.65cqw #8c3b27}.sourate-card strong{font-family:var(--display);letter-spacing:-.041em;font-size:10cqw}.sourate-card span{font-size:4.8cqw}.sourate-star{object-fit:contain;filter:drop-shadow(0 2cqw 1.8cqw #65271650);width:26cqw;height:26cqw;position:absolute;top:-3cqw;right:0;transform:rotate(13deg)}.route{flex:1;align-content:center;gap:4.6cqw;padding:2cqw 0;display:grid;position:relative}.route-trail{width:36cqw;position:absolute;top:50%;left:0;transform:translateY(-50%)}.route-stop{align-items:center;gap:4cqw;height:17cqw;font-size:5.5cqw;font-weight:800;display:flex;position:relative}.route-complete{padding-left:6cqw}.route-current{padding-left:16cqw}.route-locked{color:#535b49;padding-left:8cqw}.route-stop small{color:#a24429;margin-top:1cqw;font-size:4.2cqw;display:block}.route-token{color:#fffaf0;background:#70905d;border-radius:50%;flex:none;place-items:center;width:20cqw;height:17cqw;display:grid;box-shadow:inset 0 1cqw #a1bb8b,0 2.2cqw #49683c}.route-token svg{stroke-width:2.8px;width:8cqw;height:8cqw}.route-current .route-token{background:#c65b39;box-shadow:inset 0 1cqw #e68f65,0 2.2cqw #923b27}.route-locked .route-token{color:#706248;background:#e9dcc3;box-shadow:inset 0 1cqw #f6ebd5,0 2.2cqw #c9b996}.screen-action{color:#fff9ee;background:#254734;border-radius:5cqw;justify-content:space-between;align-items:center;gap:2cqw;min-height:14cqw;margin-top:auto;padding:3cqw 4.5cqw;font-size:5.4cqw;font-weight:800;display:flex;box-shadow:0 1.2cqw #172f21}.screen-action svg{flex:none;width:6cqw;height:6cqw}.mock-progress{background:#eed9be;border-radius:9cqw;height:3cqw}.mock-progress span{border-radius:inherit;background:#be5634;width:56%;height:100%;display:block}.listen-card{text-align:center;background:#f6c8ad;border-radius:8cqw;flex:1;align-content:center;justify-items:center;gap:2cqw;min-height:64cqw;padding:5cqw 2cqw;display:grid}.listen-card strong{font-family:var(--display);letter-spacing:-.045em;font-size:8.7cqw}.listen-card>span,.screen-note{color:#5e5746;text-align:center;font-size:5.1cqw}.wave-disc{color:#fffaf0;background:#b24b30;border-radius:50%;place-items:center;width:25cqw;height:25cqw;margin-bottom:3cqw;display:grid;box-shadow:0 2.3cqw #8a3927,inset 0 1.2cqw #ce714e}.wave-disc svg{width:12cqw;height:12cqw}.screen-phrase{text-align:center;background:#fffcf4;border:1px solid #e8d6bd;border-radius:6cqw;padding:5cqw 3cqw;font-size:6.5cqw;line-height:1.25}.review-deck{flex:1;place-items:center;min-height:83cqw;display:grid;position:relative}.review-deck:before,.review-deck:after{content:"";background:#ebbf64;border-radius:7cqw;position:absolute;inset:12% 7%;transform:rotate(-10deg)}.review-deck:after{background:#dc9e4c;transform:rotate(11deg)}.review-card{z-index:1;text-align:center;background:#fff4c4;border:1px solid #ceb358;border-radius:7cqw;align-content:center;justify-items:center;gap:4cqw;width:85%;min-height:78%;padding:6cqw 3cqw;display:grid;position:relative;box-shadow:0 3cqw #a77637}.review-card img{object-fit:contain;width:18cqw;height:18cqw}.review-card strong{font-family:var(--display);letter-spacing:-.055em;font-size:11cqw;line-height:.91}.review-card span{font-size:5cqw}.reader-cover{background:#cde2d0;border-radius:7cqw;align-content:center;justify-items:center;gap:2cqw;min-height:68cqw;display:grid}.reader-cover img{object-fit:contain;width:26cqw;height:26cqw}.reader-cover strong{font-family:var(--display);letter-spacing:-.05em;font-size:9.5cqw}.reader-cover span{font-size:5cqw}.reader-tabs{text-align:center;background:#dceadc;border-radius:4cqw;grid-template-columns:1fr 1fr;padding:1cqw;display:grid}.reader-tabs span{padding:2cqw 1cqw;font-size:4.8cqw}.reader-tabs span:first-child{background:#fffaf0;border-radius:3.5cqw}.reader-line{background:#fffaf0;border-radius:4cqw;align-items:center;gap:2cqw;min-height:18cqw;padding:3cqw;font-size:5.2cqw;display:flex}.reader-line span{color:#8b3926}@media (min-width:52rem){.showcase{--scene-height:min(54rem, calc(100svh - 5.25rem));--chapter-distance:71svh}.showcase[data-animated=true]{height:calc(var(--scene-height) + 3 * var(--chapter-distance))}.showcase[data-animated=true] .showcase-window{height:var(--scene-height);display:block;position:sticky;top:0}.showcase[data-animated=true] .showcase-linear{display:none}.showcase-shot{align-items:center;padding:0 clamp(3rem,7.7vw,7rem) 3.15rem;display:flex}.showcase-copy{width:min(48%,40rem)}.showcase-copy h1{max-width:14ch;font-size:clamp(3.5rem,5.85vw,6.2rem)}.showcase-copy h2{max-width:13ch;font-size:clamp(3.1rem,5.35vw,5.85rem)}.showcase-copy p{font-size:clamp(1.03rem,1.5vw,1.24rem)}.showcase-shot[data-shot=lesson] .showcase-copy,.showcase-shot[data-shot=reader] .showcase-copy{margin-left:auto}.showcase-down{width:3rem;height:3rem;bottom:1.35rem;left:clamp(2.8rem,7.7vw,7rem)}.showcase-progress{z-index:3;white-space:nowrap;justify-content:center;gap:clamp(.85rem,2vw,2rem);display:flex;position:absolute;bottom:.9rem;left:50%;transform:translate(-50%)}.showcase-progress a{color:#375144;place-items:center;min-height:2.7rem;font-size:.86rem;font-weight:800;display:grid;position:relative}.showcase-progress a:before{content:"";background:#41604c43;border-radius:5px;height:2px;position:absolute;inset:0 0 auto}.showcase-progress a[aria-current]{color:#7f331f}.showcase-progress a[aria-current]:before{background:var(--clay-dark);height:3px}.linear-chapter{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;min-height:32rem;padding-inline:clamp(2.5rem,8vw,8rem)}.linear-chapter .showcase-copy{width:auto;padding:0}.linear-chapter[data-scene=lesson] .linear-device,.linear-chapter[data-scene=reader] .linear-device{grid-area:1/1}.linear-device{height:clamp(32rem,52vw,48rem)}}@media (max-width:51.999rem){.showcase-linear{gap:0}.linear-chapter{border-radius:0;position:relative;overflow:clip}.linear-chapter[data-scene=lesson]{--previous-color:var(--showcase-path)}.linear-chapter[data-scene=review]{--previous-color:var(--showcase-lesson)}.linear-chapter[data-scene=reader]{--previous-color:var(--showcase-review)}.linear-chapter+.linear-chapter:before{background:linear-gradient(var(--previous-color), var(--showcase-color));content:"";pointer-events:none;height:clamp(2rem,7svh,4rem);position:absolute;inset:0 0 auto}.linear-copy{align-content:center;justify-items:start;width:min(100%,46rem);min-height:68dvh;margin-inline:auto;padding:clamp(1.5rem,6svh,3.75rem) clamp(1.25rem,6.2vw,3.6rem);display:grid}.linear-chapter .showcase-copy{padding:0}.linear-chapter .showcase-copy :is(h1,h2){text-wrap:balance;max-width:14ch;font-size:clamp(2.75rem,12.5vw,5.75rem);line-height:.99}.linear-chapter .showcase-copy p{margin-top:1rem;font-size:clamp(1.125rem,5.1vw,1.45rem);line-height:1.42}.linear-device{place-items:center;height:auto;min-height:100dvh;display:grid}.linear-device .device-scene{height:100svh;max-height:62rem}}
:root{--hero-deep:#0f3026;--hero-cream:#fff3dd;--hero-sage:#d2dfce;--hero-gold:#ffc76a;--hero-halo:radial-gradient(ellipse at 71% 47%, #617447 0%, #2b503b 31%, transparent 65%)}.home-masthead{background:var(--hero-deep);color:var(--hero-cream)}.home-masthead .nav-link{color:var(--hero-sage)}.home-masthead .nav-link:hover{color:var(--hero-cream)}.home-masthead .button{background:#ffffff0a;border-color:#b6c8ac70}.home-masthead .button:hover{background:#ffffff1c}.showcase-window,.linear-chapter[data-scene=path]{border-radius:0}.showcase-shot[data-shot=path],.linear-chapter[data-scene=path]{color:var(--hero-cream)}.showcase-shot[data-shot=path] .showcase-copy p,.linear-chapter[data-scene=path] .showcase-copy p{color:var(--hero-sage)}.linear-chapter[data-scene=path]{background-image:var(--hero-halo)}.showcase-backdrop:after{background-image:var(--hero-halo);opacity:0;transition:opacity .52s var(--ease-out);content:"";position:absolute;inset:0}.showcase-window[data-scene=path] .showcase-backdrop:after{opacity:1}.showcase-window[data-scene=path] .showcase-down{color:var(--hero-cream);background:#ffffff13;border-color:#d7e1ca70}.showcase-window[data-scene=path] .showcase-down:hover{background:#ffffff28}.showcase-window[data-scene=path] .showcase-progress a{color:var(--hero-sage)}.showcase-window[data-scene=path] .showcase-progress a:before{background:#d7e1ca60}.showcase-window[data-scene=path] .showcase-progress a[aria-current]{color:var(--hero-cream)}.showcase-window[data-scene=path] .showcase-progress a[aria-current]:before{background:var(--hero-gold)}.home-masthead :focus-visible,.hero-actions :focus-visible,.showcase-window[data-scene=path] :focus-visible{outline-color:var(--hero-gold)}.hero-actions{width:min(100%,26rem);margin-top:clamp(1.25rem,3.1vw,2.25rem)}.platform-switch{border:0;min-width:0;margin:0;padding:0}.platform-switch legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.platform-switch-options{background:linear-gradient(155deg,#ffffff15,#ffffff08);border:1px solid #a8bc9b88;border-radius:1.18rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;padding:.3rem;display:grid;box-shadow:inset 0 1px #fcf7de19,0 5px 18px #061d181f}.platform-switch label{cursor:pointer;display:grid;position:relative}.platform-switch input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.platform-switch label span{min-height:2.75rem;color:var(--hero-cream);transition:background-color .18s var(--ease-out), color .18s var(--ease-out);border-radius:.84rem;justify-content:center;align-items:center;gap:.52rem;font-size:1.03rem;font-weight:800;display:flex}.platform-switch img{width:1.65rem;height:auto}.platform-switch label:hover span{background-color:#ffffff14}.platform-switch input:checked+span{background:var(--hero-cream);color:var(--hero-deep);box-shadow:0 1px 4px #091f1470}.platform-switch input:focus-visible+span{outline:2px solid var(--hero-gold);outline-offset:2px}.platform-picker-panel{margin-top:.64rem}.platform-picker-panel:not([hidden]){animation:platform-enter .22s var(--ease-out) both}@keyframes platform-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.platform-ios-action{background:var(--hero-cream);width:100%;min-height:3.05rem;color:var(--hero-deep);border-radius:.95rem;font-size:clamp(.96rem,4.1vw,1.15rem);box-shadow:inset 0 1px #fffdf9,0 4px #071d1580}.platform-ios-action:hover,.hero-actions .android-form .button:not(:disabled):hover{background:#ffe3b7}.hero-actions .android-form{width:100%}.hero-actions .android-form .button:not(:disabled){background:var(--hero-cream);color:var(--hero-deep)}.hero-actions .android-form input[type=email]{border-color:#b8c9b3}.hero-actions .android-form input[aria-invalid=true]{border-color:#fcb194}.hero-actions .android-form input[type=checkbox]{accent-color:var(--hero-gold)}.hero-actions .beta-details,.hero-actions .privacy-link{color:var(--hero-sage)}.hero-actions .signup-status{color:#ffd4b5}.hero-actions .signup-status[data-success=true]{color:#d6edc2}.hero-review{margin:clamp(1rem,2.5vw,1.75rem) 0 0}.hero-review blockquote{text-wrap:balance;margin:0;font-size:clamp(.98rem,4.4vw,1.2rem);font-weight:800;line-height:1.28}.hero-review figcaption{color:var(--hero-sage);flex-wrap:wrap;align-items:center;gap:.25rem .7rem;margin-top:.4rem;font-size:.83rem;display:flex}.review-stars{color:var(--hero-gold);gap:.16rem;display:inline-flex}@media (min-width:52rem){.linear-chapter[data-scene=path]{grid-template-rows:1fr 1fr;grid-template-areas:"intro device""actions device";column-gap:clamp(1.5rem,5vw,5rem);padding-block:1rem}.linear-chapter[data-scene=path] .linear-copy{grid-area:intro;align-self:end}.linear-chapter[data-scene=path] .linear-device{grid-area:device}.linear-chapter[data-scene=path] .hero-actions{grid-area:actions;align-self:start}}@media (max-width:51.999rem){.home-masthead .site-header{justify-content:center;min-height:3.75rem}.home-masthead .site-header nav{display:none}.home-masthead .brand{gap:.55rem;font-size:1.62rem}.home-masthead .brand img{width:2.25rem;height:2.25rem}.linear-chapter[data-scene=path]{--hero-inset:clamp(1rem, 5.8vw, 2.5rem);--hero-halo:radial-gradient(ellipse at 56% 55%, #62764a 0%, #2c543e 32%, transparent 69%);align-content:start;min-height:calc(100svh - 3.75rem);padding-bottom:clamp(1.1rem,3svh,2rem)}.linear-chapter[data-scene=path] .linear-copy{min-height:0;padding:clamp(.6rem, 2svh, 1.35rem) var(--hero-inset) 0;text-align:center;justify-items:center}.linear-chapter[data-scene=path] h1{max-width:12ch;margin-inline:auto;font-size:clamp(2.15rem,11.2vw,3.85rem)}.linear-chapter[data-scene=path] .showcase-copy p{text-wrap:balance;max-width:34ch;margin:.58rem auto 0;font-size:clamp(.97rem,4vw,1.22rem);line-height:1.33}.linear-chapter[data-scene=path] .linear-device{height:clamp(8.5rem,54svh - 8.15rem,23rem);min-height:0;margin-top:.45rem;display:block;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 91%,#0000);mask-image:linear-gradient(#000 91%,#0000)}.linear-chapter[data-scene=path] .linear-device:before{content:"";border:1px solid #e9dc9d2e;border-radius:50%;position:absolute;inset:16% 16% -26%;transform:rotate(-16deg);box-shadow:0 0 24px #e7c47f28,inset 0 0 24px #e7c47f15}.linear-chapter[data-scene=path] .device-scene{height:calc(100% + clamp(3rem,11svh,6rem));max-height:none}.linear-chapter[data-scene=path] .device-canvas{filter:drop-shadow(-3px -1px 8px #e6c47e65)}.linear-chapter[data-scene=path] .product-screen{gap:2.5cqw;padding-top:14.5cqw}.linear-chapter[data-scene=path] .sourate-card{gap:1cqw;min-height:0;padding-block:3.8cqw}.linear-chapter[data-scene=path] .route{flex:none}.linear-chapter[data-scene=path] .hero-actions{width:min(calc(100% - 2 * var(--hero-inset)), 26rem);margin:-.3rem auto 0;position:relative}.hero-review{text-align:center}.hero-review figcaption{justify-content:center}}
