/* SiteKit lenis-gsap-shell CSS */
html.lenis,html.lenis body{height:auto}html.lenis-smooth{scroll-behavior:auto!important}.lenis-stopped{overflow:hidden}.lenis-smooth iframe{pointer-events:none}
html{scroll-behavior:auto}body{overflow-x:clip}.btn,.feature-card{transition:transform .35s var(--arrival)}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(0) scale(.98)}.feature-card:hover{transform:translateY(-5px)}
/* End lenis-gsap-shell CSS */
/* SiteKit scroll-phone-story CSS */
.light-scene{overflow:clip;-webkit-mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%)}.light-scene::after{display:none}.light-plane{position:absolute;inset:-10%;width:120%;height:120%;max-width:none;object-fit:cover;opacity:.65;pointer-events:none;will-change:transform}
[data-theme=dark] .light-plane{opacity:.95}.hero-intro{position:relative}.hero-left{width:100%}.hero-right{perspective:1100px}.demo-controls{gap:6px;max-width:350px}.demo-controls .demo-next{padding:9px 13px;font-size:11px}.demo-next[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.demo-state{font-size:12px}.hero .phone-stage{will-change:auto}.app-profile-panel{position:absolute;inset:0;background:var(--bg);z-index:4}.app-profile-panel img{width:100%;height:100%;object-fit:contain}
.journey-panels{max-width:1280px;padding:72px 48px 100px;margin:auto}.journey-panel{position:relative;min-width:0}.journey-panel+.journey-panel{margin-top:64px}.chapter-name{font-size:15px;color:var(--accent);margin-bottom:22px}.journey-panel h2{font-size:48px;line-height:1.12;font-weight:600;max-width:600px;margin:0 0 26px}.journey-description{max-width:490px;font-size:18px;line-height:1.65;color:var(--muted)}.journey-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:26px;max-width:420px}.journey-metrics{display:flex;gap:36px;margin-top:30px;font-size:13px;color:var(--muted)}.journey-metrics b{display:block;color:var(--text);font-size:32px;font-weight:600;font-variant-numeric:tabular-nums}.panel-mobile-shot{width:235px;max-height:500px;object-fit:contain;margin:32px auto 0;border-radius:26px}.word-clip{display:inline-block;overflow:clip;vertical-align:bottom}.reveal-word{display:inline-block}
[data-page-light]{position:relative;isolation:isolate}.section-light{position:absolute;inset:0;overflow:clip;z-index:-1;pointer-events:none}.section-light img{position:absolute;width:110%;max-width:none;height:130%;inset:-15% -5%;object-fit:cover;opacity:.2}[data-theme=dark] .section-light img{opacity:.4}.final .section-light img{opacity:.28}
.route-band{overflow:clip}.routes-ticker{overflow:clip;flex:1}.routes-track{width:max-content;gap:42px}.route-group,.route-group[aria-hidden]{display:flex;flex-shrink:0;align-items:center}.route-chip:last-child{display:block}.route-group{gap:24px}.route-chip{display:inline-block}.route-chip+.route-chip{margin:0}.route-band .route-label{flex:0 0 154px}.route-band .route-price{margin-left:20px}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 .hero{min-height:calc(100svh - 88px);padding-top:32px;padding-bottom:32px;overflow:clip}.hero-b .phone-stage{width:min(310px,32svh)}.motion-ready .hero-left{position:relative}.motion-ready .journey-panels{position:absolute;inset:0;max-width:none;padding:0;margin:0;display:flex;align-items:center}.motion-ready .journey-panel{position:absolute;left:0;right:0;margin:0}.motion-ready .panel-mobile-shot{display:none}.motion-ready .hero-intro{will-change:transform,opacity}.motion-ready .hero-right{z-index:3}
}
@media(max-width:900px){.journey-panels{padding:50px 24px 80px}.journey-panel{display:grid;grid-template-columns:1fr 230px;column-gap:30px;align-items:center}.journey-panel h2{font-size:36px}.journey-panel .panel-mobile-shot{grid-column:2;grid-row:1 / span 5;width:220px;margin:0}.journey-description{font-size:16px}.journey-metrics{gap:24px}.section-light{inset:0}.routes-track{gap:32px}}
@media(max-width:600px){.journey-panels{padding:40px 20px 64px}.journey-panel{display:block;padding-top:24px;border-top:1px solid var(--line)}.journey-panel h2{font-size:34px;line-height:1.15}.journey-panel .panel-mobile-shot{width:228px;margin:28px auto 0}.chapter-name{margin-bottom:18px}.journey-note{margin-top:18px}.journey-metrics{margin-top:20px}.journey-metrics b{font-size:28px}.route-band{display:block}.route-band .route-label{margin-bottom:12px}.route-group,.route-group[aria-hidden]{display:flex;gap:24px}.routes-ticker{width:100%}.route-chip{white-space:nowrap;font-size:13px}.hero-b .phone-stage{width:268px}.demo-controls{gap:5px}.demo-controls .demo-next{padding:8px 12px}.product-caption{max-width:310px}.section-intro h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.routes-track{transform:none!important}.route-group[aria-hidden]{display:none}.light-plane,.section-light img{transform:none!important;will-change:auto}.btn:hover,.feature-card:hover{transform:none}.journey-panel{opacity:1!important;transform:none!important}.journey-panel+.journey-panel{margin-top:64px}}
/* End scroll-phone-story CSS */
/* SiteKit phone-popout-scene CSS */
.story{gap:80px;min-width:0}.story+.story{margin-top:150px}.popout-scene{position:relative;perspective:1200px;aspect-ratio:1/1.1;margin:64px 0 12px;min-width:0;isolation:isolate}.scene-window{position:absolute;inset:18% 0 0;overflow:clip;border-radius:28px;background:var(--wash)}.scene-background{position:absolute;inset:-12%;width:124%;height:124%;max-width:none;object-fit:cover}.scene-curtain{position:absolute;inset:0;background:var(--bg);transform-origin:right center;display:none}.motion-ready .scene-curtain{display:block}.scene-subject{position:absolute;inset:-10% -2% 0;overflow:visible;clip-path:inset(-150px -80px 0);pointer-events:none}.scene-foreground{position:absolute;inset:0;width:100%;height:104%;max-width:none;object-fit:contain;object-position:center bottom;transform-origin:50% 75%;pointer-events:none}.story:nth-child(even) .popout-scene{order:2}.scene-foreground,.scene-background{backface-visibility:hidden}.scene-background{opacity:.88}.in-action{padding-top:70px}.story-copy{position:relative;z-index:2}
@media(max-width:900px){.story{gap:38px}.story+.story{margin-top:100px}.popout-scene{margin-top:40px}.scene-foreground{height:104%;width:100%}}
@media(max-width:600px){.story{gap:30px;display:flex;flex-direction:column;align-items:stretch}.story-copy{order:2!important}.popout-scene,.story:nth-child(even) .popout-scene{order:1;aspect-ratio:1/1.18;margin:46px 0 20px}.scene-window{inset:20% 0 0;border-radius:22px}.scene-subject{inset:-10% 0 0}.scene-foreground{inset:0;width:100%;height:104%}.story+.story{margin-top:80px}.in-action{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.scene-curtain{display:none!important}.scene-foreground,.scene-background{transform:none!important}}
/* End phone-popout-scene CSS */
/* 13.11 Claude: свет секций — во всю ширину окна (у секций max-width 1376, по краям была полоса); main режет горизонтальный выход */
main{overflow-x:clip}.section-light{left:calc(50% - 50vw);right:calc(50% - 50vw);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
/* 13.11 Claude: в сценах с рукой рукав обрезан по краю PNG — срез уводим за левый край карточки и режем по ней */
.popout-scene[data-popout=home] .scene-subject,.popout-scene[data-popout=profile] .scene-subject{left:0;clip-path:inset(-150px -80px 0 0 round 0 0 0 28px)}
.popout-scene[data-popout=home] .scene-foreground,.popout-scene[data-popout=profile] .scene-foreground{left:-8%;width:108%;object-position:left bottom}
@media(max-width:600px){.popout-scene[data-popout=home] .scene-subject,.popout-scene[data-popout=profile] .scene-subject{clip-path:inset(-150px -80px 0 0 round 0 0 0 22px)}}
/* v6: Profile — живой HTML-экран (следует теме страницы), а не screen-profile.png */
.app-profile-panel{position:absolute;inset:0;background:#F6F2EA;color:#14171F;z-index:4;padding:0 3.8cqw}
.app-prof-head{display:flex;align-items:center;justify-content:space-between;height:13cqw;font-size:6.5cqw;font-weight:700;margin-bottom:2cqw}
.app-prof-theme{display:flex;gap:1cqw;padding:1cqw;border:.25cqw solid #E4DCCF;border-radius:6cqw;font-size:3.4cqw}
.app-prof-theme i{font-style:normal;width:6cqw;height:6cqw;display:grid;place-items:center;border-radius:50%}
.app-prof-theme i:first-child{background:#FFE6DA}
.app-prof-card{background:#FFFFFF;border:.25cqw solid #E4DCCF;border-radius:5cqw;padding:.6cqw 3cqw;margin-bottom:2.6cqw}
.app-prof-row{display:flex;align-items:center;gap:3cqw;padding:2cqw 0;border-bottom:.2cqw solid #EEE4D8}
.app-prof-row:last-child{border:0}
.app-prof-icon{width:8.5cqw;height:8.5cqw;border-radius:2.4cqw;background:#F1E6DA;display:grid;place-items:center;flex:none}
.app-prof-icon svg{width:5cqw;height:5cqw;fill:none;stroke:#B08867;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-prof-text{display:flex;flex-direction:column;min-width:0;flex:1}
.app-prof-text b{font-size:4cqw;font-weight:600;line-height:1.25}
.app-prof-text small{font-size:2.9cqw;line-height:1.3;color:#7C6F68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-prof-dot{width:2cqw;height:2cqw;border-radius:50%;background:#4F9A63;flex:none}
.app-profile-panel .app-tabbar{z-index:4}
[data-theme=dark] .app-profile-panel{background:var(--bg);color:var(--text)}
[data-theme=dark] .app-prof-card{background:var(--paper);border-color:var(--line)}
[data-theme=dark] .app-prof-row{border-color:var(--line)}
[data-theme=dark] .app-prof-icon,[data-theme=dark] .app-prof-theme i:first-child{background:var(--wash)}
[data-theme=dark] .app-prof-icon svg{stroke:#FF8A5C}
[data-theme=dark] .app-prof-text small{color:var(--muted)}
[data-theme=dark] .app-prof-theme{border-color:var(--line)}
/* v6: мини-телефоны (главы на мобиле, feature-карточки) — клоны живого экрана, без голых скриншотов */
.mini-phone{pointer-events:none}
.mini-phone .phone-device{padding:4px;border-radius:30px;box-shadow:0 18px 30px -14px #14171F55,0 0 0 1px #5B505433}
.mini-phone .phone-glass{border-radius:26px}
.chapter-phone{display:none}
@media(max-width:900px){.journey-panel .chapter-phone{display:block;grid-column:2;grid-row:1 / span 5;width:210px;margin:0;perspective:900px}.chapter-phone .phone-device{transform:rotateX(4deg) rotateY(-12deg) rotateZ(-2deg);transform-origin:50% 40%}}
@media(max-width:600px){.journey-panel .chapter-phone{width:min(62vw,240px);margin:34px auto 6px}}
@media(max-width:900px){.journey-panel:nth-child(even) .chapter-phone .phone-device{transform:rotateX(4deg) rotateY(12deg) rotateZ(2deg)}}
/* v6: кнопки экранов — как нижнее меню приложения (иконка + подпись, активная таблетка) */
.demo-controls.app-dock{display:inline-flex;flex-wrap:nowrap;gap:2px;padding:4px;border:1px solid #E4DCCF;border-radius:28px;background:#F6F2EA;box-shadow:0 2px 8px #0001;max-width:none}
.app-dock .demo-next{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:62px;min-height:48px;padding:6px 10px;border:0;border-radius:22px;background:transparent;color:#5E6270;font-size:11px;font-weight:500;transition:background .35s cubic-bezier(.22,1,.36,1),color .35s}
.app-dock .demo-next svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-dock .demo-next[aria-pressed=true]{background:#FFD9C7;color:#C2410C;border:0}
.app-dock .demo-next:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.app-dock .tilt-control{align-self:center;margin-left:4px}
[data-theme=dark] .demo-controls.app-dock{background:var(--bg);border-color:var(--line)}
[data-theme=dark] .app-dock .demo-next{color:var(--muted)}
[data-theme=dark] .app-dock .demo-next[aria-pressed=true]{background:#C2410C;color:#F6EDDC}
/* v6: частые вопросы перед финалом */
.faq{padding:96px 24px 24px}
.faq-inner{max-width:880px;margin:0 auto}
.faq h2{font-size:40px;line-height:1.15;font-weight:600;margin:0 0 28px}
.faq-list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 2px;font-size:18px;font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--wash);color:var(--muted);font-size:20px;font-weight:400;line-height:1;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:focus-visible{outline:2px solid var(--text);outline-offset:4px;border-radius:6px}
.faq details p{margin:0 0 22px;max-width:720px;color:var(--muted);font-size:16px;line-height:1.6}
@media(max-width:600px){.faq{padding:64px 20px 8px}.faq h2{font-size:30px}.faq summary{font-size:16px;padding:18px 2px}}
/* v6: окно ранней записи (access.js) */
.access-dialog{border:0;padding:0;border-radius:24px;background:var(--paper);color:var(--text);width:min(440px,calc(100vw - 32px));box-shadow:0 30px 80px -20px #14171F66}
.access-dialog::backdrop{background:#14171F66;backdrop-filter:blur(2px)}
.access-form,.access-done{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px 26px 22px}
.access-dialog h2{font-size:24px;line-height:1.2;font-weight:600;margin:0;padding-right:28px}
.access-lead,.access-done p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.access-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}
.access-close:hover{background:var(--wash)}
.access-role{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:24px}
.access-role label{flex:1;position:relative}
.access-role input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.access-role span{display:block;text-align:center;padding:9px 10px;border-radius:20px;font-size:14px;font-weight:500;color:var(--muted)}
.access-role input:checked+span{background:#FFD9C7;color:#C2410C}
.access-role input:focus-visible+span{outline:2px solid var(--text);outline-offset:2px}
[data-theme=dark] .access-role input:checked+span{background:#C2410C;color:#F6EDDC}
.access-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--muted)}
.access-field input{font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-height:48px}
.access-field input:focus{outline:2px solid #FF5A1F;outline-offset:1px;border-color:transparent}
.access-company[hidden]{display:none}
.access-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.access-error{margin:0;font-size:14px;color:#B4432B}
.access-error a{color:inherit}
.access-submit{width:100%;justify-content:center;min-height:50px}
.access-note{margin:0;font-size:12px;color:var(--muted);text-align:center}
.access-note a{color:inherit}
.access-done .btn{align-self:flex-start}
/* v6: бейджи сторов не сливаются с тёмной карточкой */
[data-theme=dark] .store-badge{background:var(--wash);border:1px solid var(--line);color:var(--text)}
[data-theme=dark] .store-badge small{color:var(--muted)}
.feature-shot{position:relative;perspective:900px;background:linear-gradient(160deg,#F6F2EA,#EAD9C6)}
[data-theme=dark] .feature-shot{background:linear-gradient(160deg,var(--wash),var(--paper))}
.feature-phone{position:absolute;left:50%;top:12%;width:44%;transform:translateX(-50%) rotateX(8deg) rotateY(-12deg) rotateZ(-3deg);transform-origin:50% 0;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.feature-card:first-child .feature-phone{width:36%;top:9%}
@media(min-width:601px){.feature-card:not(:first-child) .feature-phone{width:58%;top:9%}}
@media(hover:hover){.feature-card:hover .feature-phone{transform:translateX(-50%) translateY(-8px) rotateX(4deg) rotateY(-6deg) rotateZ(-1deg)}}
@media(max-width:600px){.feature-phone{width:46%}.feature-card:first-child .feature-phone{width:44%}}