.app-preview{width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-md);overflow:hidden}.app-preview-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:.75rem 1rem}.app-preview-body{position:relative;min-height:208px;padding:1rem;background:linear-gradient(145deg,var(--bg-sunken),var(--bg-elevated))}.app-preview-layer{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.app-layer-menu{display:grid;gap:1rem;min-height:170px;padding:.9rem}.app-layer-order{right:.6rem;bottom:.8rem;left:35%;gap:.6rem;padding:.75rem}.app-layer-chat,.app-layer-order{position:absolute;display:flex;align-items:center}.app-layer-chat{top:3rem;left:-.6rem;gap:.5rem;padding:.65rem .8rem}.app-preview-note{border-top:1px solid var(--border);padding:.6rem 1rem;color:var(--ink-subtle);font-size:.65rem}.app-preview-compact .app-preview-body{min-height:190px}.app-preview-compact .app-layer-menu{min-height:155px}.app-preview-detailed{max-width:760px}.app-preview-detailed .app-preview-bar strong{font-size:.8rem}.app-demo-badge{border-radius:999px;background:var(--success-soft);padding:.3rem .55rem;color:var(--success);font-family:var(--font-mono);font-size:.58rem;font-weight:700}.app-detail-body{display:grid;grid-template-columns:1.2fr .8fr;align-items:stretch;min-height:300px}.app-detail-cart,.app-detail-menu{position:relative;inset:auto!important;display:flex;align-items:stretch;min-height:260px;flex-direction:column;gap:.7rem;padding:1.1rem}.app-detail-menu-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.65rem}.app-detail-menu-head strong{font-size:.9rem}.app-detail-menu-head small{color:var(--ink-subtle);font-size:.62rem}.app-menu-item{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-sm);background:var(--bg-sunken);padding:.7rem .8rem;font-size:.75rem}.app-menu-item small{color:var(--ink-muted);font-family:var(--font-mono);font-size:.62rem}.app-cart-line{justify-content:space-between;font-size:.75rem}.app-cart-line,.app-quantity{display:flex;align-items:center}.app-quantity{gap:.45rem;font-family:var(--font-mono)}.app-quantity svg{width:.7rem;height:.7rem}.app-detail-cart button{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:auto;border-radius:var(--radius-sm);background:var(--telegram-solid);padding:.8rem;color:var(--on-telegram);font-size:.7rem;font-weight:700}@media (max-width:639px){.app-detail-body{grid-template-columns:1fr}.app-detail-menu{min-height:0}.app-detail-cart{min-height:190px}}.tool-strip{position:relative;overflow:hidden}.tool-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,var(--bg-sunken),transparent 15%,transparent 85%,var(--bg-sunken))}.tool-marquee{position:relative;z-index:0}.tool-marquee+.tool-marquee{margin-top:.65rem}.tool-marquee .marquee-viewport{-webkit-mask-image:linear-gradient(90deg,transparent,black 9%,black 91%,transparent);mask-image:linear-gradient(90deg,transparent,black 9%,black 91%,transparent)}.tool-marquee .marquee-track{animation-name:tool-marquee;animation-duration:34s}.tool-marquee-reverse .marquee-track{animation-name:tool-marquee-reverse;animation-duration:39s}@keyframes tool-marquee{to{transform:translateX(-50%)}}@keyframes tool-marquee-reverse{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.tool-chip{display:inline-flex;align-items:center;gap:.8rem;min-width:175px;padding:.5rem 1.25rem;color:var(--ink-muted)}.tool-chip small,.tool-chip strong{display:block}.tool-chip strong{color:var(--ink);font-size:.9rem}.tool-chip small{font-size:.68rem}.tool-mark{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--brand)}.tool-mark svg{width:1.2rem;height:1.2rem;stroke-width:1.6}.tilt-card{height:100%;transform-style:preserve-3d}.demo-prompt{position:relative;z-index:1;gap:.65rem;margin-top:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-sunken);padding:.85rem;color:var(--ink-muted);font-family:var(--font-mono);font-size:.68rem}.demo-prompt,.demo-typing{display:flex;align-items:center}.demo-typing{min-width:0;flex:1;overflow:hidden;white-space:nowrap}.demo-typing-text{display:inline-block;width:21ch;max-width:21ch;overflow:hidden;text-overflow:clip;clip-path:inset(0 0 0 0)}.demo-caret{display:inline-block;width:1px;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--accent)}html[data-motion=full][data-motion-ambient=on] .demo-typing-text{animation:demo-type 6s linear infinite}html[data-motion=full][data-motion-ambient=on] .demo-caret{animation:demo-caret .8s steps(2,jump-none) infinite}@keyframes demo-type{0%,12%{clip-path:inset(0 100% 0 0)}42%,78%{clip-path:inset(0 0 0 0)}92%,to{clip-path:inset(0 100% 0 0)}}@keyframes demo-caret{50%{opacity:0}}.demo-toggle-row{position:relative;z-index:1;display:flex;width:100%;align-items:center;gap:.75rem;margin-top:auto;border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;transition:border-color var(--motion-fast),background-color var(--motion-fast)}.demo-toggle-row:hover{border-color:var(--accent);background:var(--accent-soft)}.demo-toggle{position:relative;width:2.6rem;height:1.5rem;flex:none;border-radius:999px;background:var(--border-strong);transition:transform var(--motion-fast) var(--motion-ease-out),background-color var(--motion-fast)}.demo-toggle span{position:absolute;top:.2rem;left:.2rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--bg-elevated);box-shadow:var(--shadow-sm);transition:transform var(--motion-fast) var(--motion-ease-out)}.demo-toggle.is-on{background:var(--accent)}.demo-toggle.is-on span{transform:translateX(1.1rem)}.demo-toggle-row small,.demo-toggle-row strong{display:block}.demo-toggle-row strong{font-size:.75rem;color:var(--ink)}.demo-toggle-row small{font-size:.65rem;color:var(--ink-muted)}.scroll-fill-text{display:inline-grid;color:var(--ink)}.scroll-fill-text>span{grid-area:1/1;min-width:0}.scroll-fill-base{color:transparent;background:linear-gradient(105deg,var(--brand) 0,var(--brand-hover) 38%,var(--accent) 88%,var(--gold) 100%);background-clip:text;-webkit-background-clip:text;clip-path:inset(0 100% 0 0)}.roadmap-map{position:relative;view-timeline-name:--roadmap}.roadmap-path{position:absolute;z-index:-1;left:0;top:0;width:100%;height:180px;overflow:visible}.roadmap-path-base,.roadmap-path-progress{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.roadmap-path-base{stroke:var(--border-strong)}.roadmap-path-progress{stroke:var(--gold);stroke-dasharray:1;stroke-dashoffset:1}.roadmap-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.roadmap-step{position:relative;padding-top:148px}.roadmap-dot{display:none!important;position:absolute;top:72px;left:12%;display:grid;width:1.5rem;height:1.5rem;place-items:center;border:1px solid var(--border-strong);border-radius:50%;background:var(--bg-sunken)}.roadmap-dot span{width:.5rem;height:.5rem;border-radius:50%;background:var(--border-strong)}.roadmap-card{height:100%;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);padding:1.25rem;box-shadow:var(--shadow-sm);transition:transform var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out),border-color var(--motion-fast) var(--motion-ease-out)}.roadmap-card:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:var(--shadow-md)}.roadmap-card h3{margin-top:1.5rem;font-size:1.05rem;font-weight:700;letter-spacing:-.025em}.roadmap-card p{margin-top:.7rem;color:var(--ink-muted);font-size:.9rem}.roadmap-output{border-radius:999px;background:var(--accent-soft);padding:.25rem .5rem;color:var(--accent);font-size:.6rem;font-weight:700}.girih-transition:before{content:"";position:absolute;z-index:0;top:0;right:0;left:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--border-strong) 20%,var(--border-strong) 80%,transparent)}.mentor-section>div{position:relative}.mentor-avatar{display:grid;flex:none;width:4.5rem;height:4.5rem;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));font-family:var(--font-display),var(--font-sans),system-ui,sans-serif;font-size:1.6rem;font-weight:700;color:var(--on-brand-surface)}@media (min-width:640px){.mentor-avatar{width:6rem;height:6rem;font-size:2rem}}.comparison-section table{border-collapse:separate;border-spacing:0}.comparison-section tbody tr{transition:background-color var(--motion-fast)}.comparison-section tbody tr:hover{background:var(--bg-sunken)}.faq-section .group{transition:background-color var(--motion-fast)}.faq-section .group:hover{background:var(--bg-elevated)}.faq-section .faq-answer{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--motion-base) var(--motion-ease-out)}.faq-section .faq-answer>div{min-height:0;overflow:hidden}.faq-section details:not([open]) .faq-answer{grid-template-rows:0fr}.faq-section details[open] .faq-answer>div>p{animation:faq-copy var(--motion-base) var(--motion-ease-out) both}@keyframes faq-copy{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.roadmap-step:nth-child(2n){padding-top:0;padding-bottom:148px}.roadmap-step:nth-child(2n) .roadmap-card{margin-top:1.5rem}.roadmap-step:nth-child(2n) .roadmap-dot{top:72px}}@supports (animation-timeline:view()){html[data-motion-scroll=on] .roadmap-path-progress{animation:roadmap-draw linear both;animation-timeline:--roadmap;animation-range:cover 0 cover 100%}html[data-motion-scroll=on] .scroll-fill-base{animation:scroll-fill linear both;animation-timeline:view();animation-range:entry 20% cover 45%}html[data-motion-scroll=on] .roadmap-step{view-timeline-name:--step;view-timeline-axis:block}html[data-motion-scroll=on] .roadmap-card{animation:roadmap-card-rise linear both;animation-timeline:--step;animation-range:entry 0 cover 28%}html[data-motion-scroll=on] .roadmap-card:after{animation:roadmap-card-glow linear both;animation-timeline:--step;animation-range:entry 0 cover 28%}}@keyframes roadmap-draw{to{stroke-dashoffset:0}}@keyframes scroll-fill{to{clip-path:inset(0 0 0 0)}}.roadmap-card{position:relative}.roadmap-card:after{content:"";position:absolute;inset:-1px;z-index:-1;border:1px solid var(--gold);border-radius:inherit;opacity:0;pointer-events:none}@keyframes roadmap-card-rise{0%{transform:translateY(18px)}to{transform:translateY(0)}}@keyframes roadmap-card-glow{0%{opacity:0}55%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.demo-typing-text,.scroll-fill-base{clip-path:none}}@media (max-width:1023px){.roadmap-path{display:none}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-step,.roadmap-step:nth-child(2n){padding:0;margin-top:0}.roadmap-step .roadmap-dot{display:none}}@media (max-width:639px){.roadmap-grid{grid-template-columns:1fr}}.loom-strand-muted{opacity:.22}.story-section{position:relative}.story-track{min-height:0}.story-pin{padding:5rem 0}.story-heading{text-align:center}.story-kicker{color:var(--brand);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.story-heading h2{max-width:58rem;margin:.8rem auto 0;font-size:clamp(1.8rem,4vw,3.8rem);font-weight:700;letter-spacing:-.04em}.story-heading>p:last-child{max-width:46rem;margin:1rem auto 0;color:var(--ink-muted)}.story-stage{display:grid;gap:2rem;margin-top:3rem}.story-layer,.story-stage{position:relative}.story-idea{border-left:1px solid var(--border-strong);padding:.5rem 0 .5rem 1.5rem}.story-idea-mark{display:grid;width:3.5rem;height:3.5rem;margin-bottom:2rem;place-items:center;border-radius:50%;background:var(--gold-soft);color:var(--gold)}.story-idea h3{max-width:48rem;margin-top:.75rem;font-size:clamp(1.8rem,5vw,3.7rem);font-weight:700;line-height:1.12;letter-spacing:-.04em;color:var(--ink)}.story-idea>p:last-child{margin-top:1rem;color:var(--ink-muted);font-size:1.05rem}.story-window{overflow:hidden;border:1px solid var(--terminal-border);border-radius:var(--radius-lg);background:var(--terminal-bg);box-shadow:var(--shadow-lg);color:var(--terminal-ink)}.story-window-bar{display:flex;align-items:center;gap:.45rem;border-bottom:1px solid var(--terminal-border);padding:.75rem 1rem}.story-window>div:last-child{padding:clamp(1.25rem,4vw,2rem)}.story-build-line{display:grid;grid-template-columns:1.5rem 1fr;color:var(--terminal-ink)}.story-build-line>span{color:var(--terminal-muted)}.story-build-check{gap:.5rem;border-top:1px solid var(--terminal-border);padding-top:1rem;color:var(--accent)}.story-app,.story-build-check{display:flex;align-items:center}.story-app{flex-direction:column}.story-app .app-preview{max-width:760px}.story-app-caption{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--ink);font-weight:700}.story-app>p{margin-top:.65rem;color:var(--ink-subtle)}.story-rail{justify-content:space-between;width:100%;margin:2rem auto 0;color:var(--ink-subtle);font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.story-rail,.story-step{position:relative;display:flex}.story-step{z-index:1;flex-direction:column;align-items:center;gap:.45rem}.story-step>span{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.story-rail-line{position:absolute;top:.22rem;right:1rem;left:1rem;height:1px;overflow:hidden;background:var(--border)}.story-rail-line>span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}@supports (animation-timeline:view()){@media (min-width:1024px){html[data-motion-scroll=on] .story-track{height:300vh;view-timeline-name:--story;view-timeline-axis:block}html[data-motion-scroll=on] .story-pin{position:sticky;top:0;height:100vh;overflow:hidden;padding:0}html[data-motion-scroll=on] .story-pin>div{display:flex;flex-direction:column;justify-content:flex-start;padding-top:calc(4rem + 3vh);padding-bottom:3vh}html[data-motion-scroll=on] .story-heading{flex:none}html[data-motion-scroll=on] .story-heading h2{margin-top:.5rem;font-size:clamp(1.9rem,min(3.3vw,5.5vh),3.5rem)}html[data-motion-scroll=on] .story-heading>p:last-child{margin-top:.6rem}html[data-motion-scroll=on] .story-stage{display:block;flex:1;width:100%;min-height:0;margin-top:3vh}html[data-motion-scroll=on] .story-layer{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;transform:translateY(0)}html[data-motion-scroll=on] .story-idea{margin:0 auto;width:min(100%,960px);padding:1rem 0 1rem clamp(1rem,3vw,3rem)}html[data-motion-scroll=on] .story-idea-mark{margin-bottom:1.25rem}html[data-motion-scroll=on] .story-idea h3{font-size:clamp(2.4rem,4vw,4.7rem)}html[data-motion-scroll=on] .story-prompt{margin:0 auto;width:min(100%,880px)}html[data-motion-scroll=on] .story-app{margin:0 auto;width:min(100%,800px)}html[data-motion-scroll=on] .story-rail{flex:none;width:100%;margin:2.5vh 0 0}html[data-motion-scroll=on] .story-app .app-detail-body,html[data-motion-scroll=on] .story-app .app-detail-cart,html[data-motion-scroll=on] .story-app .app-detail-menu{min-height:0}html[data-motion-scroll=on] .story-idea{animation:story-idea linear both;animation-timeline:--story;animation-range:contain 0 contain 50%}html[data-motion-scroll=on] .story-prompt{animation:story-prompt linear both;animation-timeline:--story;animation-range:contain 0 contain 50%}.story-build-check,html[data-motion-scroll=on] .story-build-line{animation:story-build linear both;animation-timeline:--story}html[data-motion-scroll=on] .story-build-1{animation-range:contain 11% contain 17%}html[data-motion-scroll=on] .story-build-2{animation-range:contain 15% contain 21.5%}html[data-motion-scroll=on] .story-build-3{animation-range:contain 19% contain 25.5%}html[data-motion-scroll=on] .story-build-check{animation-range:contain 23% contain 30%}html[data-motion-scroll=on] .story-app{animation:story-app linear both;animation-timeline:--story;animation-range:contain 0 contain 50%}html[data-motion-scroll=on] .story-app .app-preview-layer{animation:story-assemble linear both;animation-timeline:--story}html[data-motion-scroll=on] .story-app .app-layer-menu{animation-range:contain 30% contain 38%}html[data-motion-scroll=on] .story-app .app-layer-order{animation-range:contain 34% contain 43%}html[data-motion-scroll=on] .story-app .app-layer-chat{animation-range:contain 38% contain 47%}html[data-motion-scroll=on] .story-rail-line>span{animation:story-rail-fill linear both;animation-timeline:--story;animation-range:contain 0 contain 50%}html[data-motion-scroll=on] .story-step-idea{animation:story-step-idea linear both;animation-timeline:--story;animation-range:contain 0 contain 50%}html[data-motion-scroll=on] .story-step-prompt{animation:story-step-prompt-state linear both;animation-timeline:--story;animation-range:contain 0 contain 50%}html[data-motion-scroll=on] .story-step-app{animation:story-step-app-state linear both;animation-timeline:--story;animation-range:contain 0 contain 50%}html[data-motion-scroll=on] .story-step-idea>span{animation:story-step-idea linear both}html[data-motion-scroll=on] .story-step-prompt>span{animation:story-step-prompt-state linear both}html[data-motion-scroll=on] .story-step-app>span{animation:story-step-app-state linear both}html[data-motion-scroll=on] .story-step>span{animation-timeline:--story;animation-range:contain 0 contain 50%}}}@keyframes story-idea{0%,18%{opacity:1;transform:translateX(0)}24%,to{opacity:0;transform:translateX(-3%)}}@keyframes story-prompt{0%,22%{opacity:0;transform:translateY(3%) scale(.985)}25%,55%{opacity:1;transform:translateY(0) scale(1)}66%,to{opacity:0;transform:translateY(-3%) scale(.99)}}@keyframes story-build{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes story-app{0%,58%{opacity:0;transform:translateY(4%) scale(.97)}70%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes story-assemble{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes story-rail-fill{to{transform:scaleX(1)}}@keyframes story-step-idea{0%,to{color:var(--accent)}}@keyframes story-step-prompt-state{0%,32%{color:var(--ink-subtle)}34%,to{color:var(--accent)}}@keyframes story-step-app-state{0%,64%{color:var(--ink-subtle)}66%,to{color:var(--accent)}}@media (prefers-reduced-motion:reduce){.story-pin,.story-track{height:auto!important}.story-pin{position:static!important;overflow:visible!important;padding:5rem 0}.story-pin>div{display:flex!important}.story-layer{position:relative!important;inset:auto!important;transform:none!important}.story-app .app-preview-layer,.story-build-check,.story-build-line,.story-layer,.story-rail,.story-step{animation:none!important}.story-step>span{background:var(--accent)}.story-rail-line>span{transform:scaleX(1)}}[data-motion=off] .story-track{height:auto!important}[data-motion=off] .story-pin{position:static!important;height:auto!important;overflow:visible!important;padding:5rem 0!important}[data-motion=off] .story-pin>div{display:flex!important}[data-motion=off] .story-layer{position:relative!important;inset:auto!important;transform:none!important}[data-motion=off] .story-app .app-preview-layer,[data-motion=off] .story-build-check,[data-motion=off] .story-build-line,[data-motion=off] .story-layer,[data-motion=off] .story-step{animation:none!important;opacity:1!important;transform:none!important}[data-motion=off] .story-step>span{background:var(--accent)}[data-motion=off] .story-rail-line>span{transform:scaleX(1)}