*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 40 60% 98%;--foreground: 217.2 32.6% 17.5%;--card: 40 100% 99%;--card-foreground: 217.2 32.6% 17.5%;--popover: 40 100% 99%;--popover-foreground: 217.2 32.6% 17.5%;--primary: 174.7 83.9% 31.6%;--primary-foreground: 0 0% 100%;--secondary: 39 38% 90%;--secondary-foreground: 217.2 32.6% 17.5%;--muted: 39 30% 92%;--muted-foreground: 217.2 32.6% 17.5%;--accent: 174.7 83.9% 31.6%;--accent-foreground: 0 0% 100%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--border: 36 18% 84%;--input: 36 18% 84%;--ring: 174.7 83.9% 31.6%;--radius: .75rem;--font-display: "Fredoka", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--pattern: hsl(var(--primary));--shadow: 0 24px 60px hsl(var(--foreground) / .09);--heading-weight: 500}*{box-sizing:border-box;border-color:hsl(var(--border))}html{scroll-behavior:smooth}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body);font-size:16px;line-height:1.65;margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.035em;line-height:1.05}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.mb-10{margin-bottom:2.5rem}.block{display:block}.flex{display:flex}.table{display:table}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.gap-3{gap:.75rem}.font-display{font-family:var(--font-display)}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.025em}.text-foreground{color:hsl(var(--foreground))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:4px}.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;padding:.7rem 1rem;border-radius:999px;background:hsl(var(--foreground));color:hsl(var(--background));transform:translateY(-180%);transition:transform .2s ease}.skip-link:focus{transform:none}.utility{position:fixed;z-index:30;top:18px;right:22px;display:flex;align-items:center;gap:.65rem}.prototype{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid hsl(var(--border));background:hsl(var(--card) / .92);color:hsl(var(--foreground));border-radius:999px;padding:.72rem 1rem;font-weight:700;box-shadow:0 8px 25px hsl(var(--foreground) / .08);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.prototype:after{content:" ↗"}.page-shell{display:grid;grid-template-columns:minmax(320px,35vw) minmax(0,1fr);align-items:start}.parent-rail{position:sticky;top:0;min-height:100vh;padding:32px clamp(28px,4vw,66px) 30px;display:flex;flex-direction:column;border-right:1px solid hsl(var(--border));background:radial-gradient(circle at 14% 88%,hsl(var(--primary) / .08),transparent 22%),hsl(var(--background))}.brand-mark{width:148px;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;margin-bottom:clamp(3rem,10vh,7rem)}.promise{max-width:8.6ch;margin-bottom:1.25rem;font-size:clamp(2.65rem,4.25vw,4.9rem);font-weight:600}.rail-intro{max-width:35rem;margin-bottom:1.8rem;font-size:1rem;font-weight:500}.early-card{max-width:500px;padding:20px;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));box-shadow:0 14px 35px hsl(var(--foreground) / .06)}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.65rem;font-size:.76rem;font-weight:800;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:99px;background:hsl(var(--primary))}.early-card h2{margin-bottom:.4rem;font-size:1.35rem}.early-card p{margin-bottom:1rem;font-size:.88rem}.waitlist-form{display:grid;gap:.6rem}.form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.waitlist-form input{min-width:0;width:100%;border:1px solid hsl(var(--input));border-radius:16px;background:hsl(var(--background));color:hsl(var(--foreground));padding:.86rem .95rem}.waitlist-form input::-moz-placeholder{color:hsl(var(--foreground) / .62)}.waitlist-form input::placeholder{color:hsl(var(--foreground) / .62)}.primary-button{border:0;border-radius:16px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.86rem 1rem;font-weight:800;cursor:pointer;box-shadow:0 8px 18px hsl(var(--primary) / .22);transition:opacity .2s ease,transform .1s ease}.primary-button:hover{opacity:.94}.form-status{min-height:1.4em;margin:0!important;font-weight:700}.reading-cue{margin-top:auto;padding-top:2rem;display:grid;gap:.55rem}.cue{display:flex;align-items:center;gap:.65rem;border:0;padding:0;background:transparent;color:hsl(var(--foreground));font-size:.76rem;font-weight:700;text-align:left;opacity:.48;cursor:pointer;transition:opacity .2s ease}.cue-dot{width:8px;height:8px;border:1px solid hsl(var(--foreground));border-radius:99px;transition:all .2s ease}.cue.active{opacity:1}.cue.active .cue-dot{border-color:hsl(var(--primary));background:hsl(var(--primary));box-shadow:0 0 0 5px hsl(var(--primary) / .12)}.play-shelf{min-width:0;overflow:hidden;padding:100px clamp(22px,4vw,68px) 70px}.scene{position:relative;max-width:1050px;margin-inline:auto;scroll-margin-top:60px}.opening-scene{min-height:980px}.problem{max-width:830px;margin:0 0 3.5rem;font-size:clamp(2.25rem,5vw,5.6rem);font-weight:500}.turn-line{max-width:580px;margin:0 0 1rem auto;font-family:var(--font-display);font-size:clamp(1.35rem,2vw,2rem);font-weight:600;text-align:right}.play-tray{position:relative;display:grid;grid-template-columns:minmax(235px,.8fr) minmax(290px,1.2fr);gap:clamp(18px,3vw,38px);min-height:520px;padding:clamp(24px,4vw,48px);border:1px solid hsl(var(--border));border-radius:56px 56px 30px;background:hsl(var(--secondary));box-shadow:var(--shadow)}.tray-copy{position:relative;z-index:3;align-self:start}.tray-copy h2{margin:.2rem 0 1rem;font-size:clamp(2rem,4vw,4rem)}.tray-copy p{max-width:31rem}.illustrative{display:inline-block;margin-top:.6rem;padding:.3rem .6rem;border:1px solid hsl(var(--border));border-radius:99px;background:hsl(var(--card) / .65);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.build-zone{display:grid;grid-template-rows:minmax(310px,1fr) auto;gap:1rem;min-width:0}.build-stage{position:relative;overflow:hidden;border:1px dashed hsl(var(--foreground) / .28);border-radius:36px;background:hsl(var(--background) / .75)}.build-stage:after{content:"";position:absolute;left:10%;right:10%;bottom:20px;height:18px;border-radius:50%;background:hsl(var(--foreground) / .09);filter:blur(8px)}.kaaba-form{position:absolute;z-index:2;left:50%;bottom:42px;width:min(65%,260px);aspect-ratio:1 / .82;transform:translate(-50%)}.assembled-piece{position:absolute;border:2px solid hsl(var(--foreground));background:hsl(var(--foreground));opacity:.08;transition:opacity .25s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.assembled-piece.placed{opacity:1;transform:translate(0) scale(1)!important}.piece-a{top:26%;right:0;bottom:0;left:0;border-radius:8px 8px 18px 18px;transform:translate(-90px,90px) rotate(-9deg)}.piece-b{left:0;right:0;top:38%;height:14%;background:hsl(var(--secondary));transform:translate(110px,-70px) rotate(8deg)}.piece-c{left:16%;top:0;width:68%;height:30%;border-radius:8px 8px 2px 2px;transform:translate(20px,-100px) rotate(5deg)}.piece-d{right:14%;bottom:8%;width:20%;height:33%;border-color:hsl(var(--secondary));background:hsl(var(--secondary));border-radius:8px 8px 0 0;transform:translate(100px,30px) rotate(8deg)}.loose-pieces{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.loose-piece{min-width:58px;min-height:52px;border:2px solid hsl(var(--foreground));border-radius:12px;background:hsl(var(--card));cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .2s ease}.loose-piece:nth-child(2){min-width:84px;border-radius:20px 8px}.loose-piece:nth-child(3){min-width:68px;transform:rotate(4deg)}.loose-piece:nth-child(4){min-width:48px;border-radius:8px 20px 8px 8px}.loose-piece:hover{transform:translateY(-4px) rotate(0)}.loose-piece.used{background:hsl(var(--primary));border-color:hsl(var(--primary));opacity:.36;transform:scale(.86)}.demo-controls{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.25rem;border-top:1px solid hsl(var(--foreground) / .15)}.demo-instruction,.build-status{margin:0;font-size:.88rem;font-weight:700}.reset-button{border:1px solid hsl(var(--foreground));border-radius:999px;background:transparent;padding:.55rem .8rem;font-weight:800;cursor:pointer}.complete-note{grid-column:1 / -1;margin:0;padding:.75rem 1rem;border-left:4px solid hsl(var(--primary));background:hsl(var(--card));border-radius:0 16px 16px 0;font-weight:700}.mat-scene{margin-top:-80px;padding-top:180px}.mat-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:2rem;margin-bottom:2rem}.mat-intro h2{margin-bottom:0;font-size:clamp(2.3rem,5vw,5.1rem)}.mat-intro p{margin:0;font-size:1.05rem}.mat-workspace{display:grid;grid-template-columns:minmax(250px,.64fr) minmax(380px,1.36fr);gap:1.5rem;align-items:stretch}.mat-copy{padding:clamp(24px,4vw,44px);border:1px solid hsl(var(--border));border-radius:42px 20px 42px 42px;background:hsl(var(--card))}.mat-copy h3{font-size:clamp(2rem,3vw,3.2rem)}.swatch-label{margin:1.6rem 0 .75rem;font-size:.82rem;font-weight:800}.swatches{display:flex;flex-wrap:wrap;gap:.55rem}.swatch{border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--background));padding:.58rem .75rem;font-size:.78rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center}.swatch-indicator{display:inline-block;width:12px;height:12px;margin-right:.4rem;border:1px solid hsl(var(--foreground) / .35);border-radius:99px}.swatch.active{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .12)}.mat-note{margin:1.5rem 0 0;font-family:var(--font-display);font-size:1.2rem;font-weight:600}.mat-visual{min-height:600px;display:grid;place-items:center;overflow:hidden;padding:30px;border:1px solid hsl(var(--border));border-radius:20px 56px 56px;background:hsl(var(--muted));box-shadow:var(--shadow)}.prayer-mat{width:min(100%,430px);filter:drop-shadow(0 25px 24px hsl(var(--foreground) / .13))}.pattern-fill{transition:fill .3s ease}.pattern-stroke{transition:stroke .3s ease}.play-path{max-width:1050px;margin:150px auto;padding:clamp(38px,6vw,76px);border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border))}.path-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2.3rem}.path-steps:before{content:"";position:absolute;top:17px;left:5%;right:5%;border-top:2px dashed hsl(var(--primary) / .5)}.path-word{position:relative;text-align:center}.path-word:before{content:"";display:block;width:34px;height:34px;margin:0 auto 1rem;border:8px solid hsl(var(--background));border-radius:99px;background:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary))}.path-word strong{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.7rem)}.play-path>p{max-width:770px;margin:auto;font-family:var(--font-display);font-size:clamp(1.65rem,3.2vw,3.2rem);font-weight:500;line-height:1.18;text-align:center}.collection-scene{padding-bottom:60px}.collection-head{max-width:780px;margin-bottom:3rem}.collection-head h2{font-size:clamp(2.5rem,5vw,5.4rem)}.collection-head p{font-size:1.05rem}.collection-shelf{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-bottom:40px}.collection-shelf:after{content:"";position:absolute;left:-4%;right:-4%;bottom:13px;height:27px;border:1px solid hsl(var(--border));border-radius:99px;background:hsl(var(--secondary));box-shadow:0 18px 20px hsl(var(--foreground) / .1)}.shelf-item{position:relative;z-index:2;min-height:270px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border:1px solid hsl(var(--border));border-radius:36px 36px 18px 18px;background:hsl(var(--card))}.shelf-item h3{margin-bottom:.5rem;font-size:1.7rem}.shelf-item p{margin-bottom:0}.mini-blocks,.mini-mat{margin:0 auto auto}.mini-blocks{width:108px;height:90px;border-radius:7px;background:hsl(var(--foreground));box-shadow:inset 0 24px hsl(var(--secondary))}.mini-mat{width:86px;height:108px;border:5px solid hsl(var(--primary));border-radius:42px 42px 10px 10px;background:hsl(var(--background))}.shipping-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;margin-top:3rem;padding:clamp(26px,4vw,44px);border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--secondary))}.shipping-note h3{margin:0;font-size:1.8rem}.shipping-note p{margin:0}.return-note{margin-top:5rem;padding:2rem 0 0;border-top:1px solid hsl(var(--border));text-align:center}.return-note h3{margin-bottom:.5rem;font-size:2rem}.return-note p{margin-bottom:1rem}.return-link{display:inline-block;border-radius:999px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.8rem 1.05rem;font-weight:800;text-decoration:none;transition:opacity .2s ease}.return-link:hover{opacity:.94}footer{padding-top:3rem;padding-bottom:40px;text-align:center;font-size:.8rem;font-weight:700}@media(max-width:1050px){.page-shell{grid-template-columns:38vw minmax(0,1fr)}.form-row,.play-tray,.mat-workspace{grid-template-columns:1fr}.play-tray{min-height:0}.build-stage{min-height:380px}.mat-visual{min-height:510px}.shipping-note{grid-template-columns:1fr;gap:.75rem}}@media(max-width:760px){.utility{position:absolute;top:20px;right:18px}.prototype{padding:.58rem .76rem;font-size:.78rem}.page-shell{display:block}.parent-rail{position:relative;min-height:auto;padding:24px 20px 54px;border-right:0;border-bottom:1px solid hsl(var(--border))}.brand-mark{width:120px;margin:0 0 4.5rem}.promise{max-width:10ch;font-size:clamp(2.75rem,13vw,4.4rem)}.early-card{max-width:none}.reading-cue{display:none}.play-shelf{padding:58px 16px 48px}.opening-scene{min-height:auto}.problem{margin-bottom:2.5rem;font-size:clamp(2.2rem,11vw,3.8rem)}.turn-line{text-align:left}.play-tray{padding:20px;border-radius:36px 36px 20px}.tray-copy h2{font-size:2.5rem}.build-stage{min-height:330px}.demo-controls{align-items:flex-start;flex-wrap:wrap}.mat-scene{margin-top:0;padding-top:110px}.mat-intro{grid-template-columns:1fr;gap:1rem}.mat-workspace{grid-template-columns:1fr}.mat-visual{min-height:460px;padding:20px;order:-1}.play-path{margin:100px 0;padding-inline:10px}.path-steps{gap:.5rem}.path-word strong{font-size:1rem}.collection-shelf{grid-template-columns:1fr}.shelf-item{min-height:230px}}@media(max-width:430px){.form-row{grid-template-columns:1fr}.play-tray{padding:16px}.build-stage{min-height:290px}.mat-copy{padding:24px}.path-word strong{font-size:.84rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,currentColor 22%,transparent) transparent}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent;border-radius:3px}::-webkit-scrollbar-thumb{background:color-mix(in oklab,currentColor 22%,transparent);border-radius:3px;min-height:5px}@media(min-width:768px){.md\:mb-16{margin-bottom:4rem}}