/* Small, local app demonstrations. Only visible previews advance. */
.app-demo{width:276px;max-width:100%;margin-inline:auto}
.app-demo .phone{width:100%;transform:none}
.app-demo__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:10px;line-height:1.3}
.app-demo__label{font-size:8px;letter-spacing:.15em;color:var(--bronze)}
.demo-play{display:flex;align-items:center;gap:5px;padding:6px 0 6px 10px;border:0;background:none;font-size:10px;color:var(--muted)}
.demo-play .icon{width:12px;height:12px}
.phone-demo{position:relative;aspect-ratio:600/1300;border-radius:26px;overflow:hidden;background:var(--ivory);line-height:1.3;isolation:isolate}
.phone-demo__image{width:100%;height:100%;object-fit:cover;display:block}
.app-demo{--tap-x:50%;--tap-y:28%;--focus-w:21%;--focus-h:10%}
.app-demo--discover[data-frame="1"]{--tap-x:81%;--tap-y:71%;--focus-w:29%;--focus-h:6%}
.app-demo--discover[data-frame="2"]{--tap-x:50%;--tap-y:78%;--focus-w:89%;--focus-h:6%}
.app-demo--plan{--tap-x:50%;--tap-y:33%;--focus-w:85%;--focus-h:7%}
.app-demo--plan[data-frame="1"]{--tap-x:53%;--tap-y:65%;--focus-w:80%;--focus-h:9%}
.app-demo--plan[data-frame="2"]{--tap-x:68%;--tap-y:90%;--focus-w:53%;--focus-h:6%}
.app-demo--scan{--tap-x:45%;--tap-y:51%;--focus-w:65%;--focus-h:22%}
.app-demo--scan[data-frame="1"]{--tap-x:90%;--tap-y:46%;--focus-w:13%;--focus-h:17%}
.app-demo--scan[data-frame="2"]{--tap-x:74%;--tap-y:90%;--focus-w:42%;--focus-h:7%}
.app-demo--passport{--tap-x:50%;--tap-y:31%;--focus-w:91%;--focus-h:5%}
.app-demo--passport[data-frame="1"]{--tap-x:19%;--tap-y:44%;--focus-w:31%;--focus-h:14%}
.app-demo--passport[data-frame="2"]{--tap-x:25%;--tap-y:89%;--focus-w:40%;--focus-h:6%}
.demo-highlight{position:absolute;left:var(--tap-x);top:var(--tap-y);width:var(--focus-w);height:var(--focus-h);translate:-50% -50%;border:1.5px solid #aa793d;border-radius:10px;box-shadow:0 0 0 3px #dfc49c55;pointer-events:none;transition:left .55s ease,top .55s ease,width .4s ease,height .4s ease;z-index:3}
.demo-tap{position:absolute;z-index:4;left:var(--tap-x);top:var(--tap-y);translate:-50% -50%;width:15%;aspect-ratio:1;border:1px solid #fff;border-radius:50%;padding:0;background:#74102720;box-shadow:0 0 0 1px #74102766;transition:left .55s ease,top .55s ease;display:grid;place-items:center}
.demo-tap>span{width:36%;height:36%;border-radius:50%;background:var(--wine);border:2px solid var(--ivory)}
.demo-tap:hover{background:#74102740}
.demo-tap:focus-visible{outline-offset:4px}
.demo-route{position:absolute;top:16%;left:16%;width:66%;height:27%;pointer-events:none;opacity:0;transition:opacity .3s}
.demo-route path{stroke:var(--wine);stroke-width:3;stroke-linecap:round;stroke-dasharray:180;stroke-dashoffset:180;transition:stroke-dashoffset 1.3s ease}
.app-demo--discover[data-frame="2"] .demo-route{opacity:1}
.app-demo--discover[data-frame="2"] .demo-route path{stroke-dashoffset:0}
.demo-model{position:absolute;left:5%;right:18%;top:34%;bottom:37%;overflow:hidden;pointer-events:none}
.demo-model img{position:absolute;max-width:none;width:129.87%;height:auto;left:-6.49%;top:-117.24%;transition:transform .8s ease;transform-origin:50% 52%}
.app-demo--scan[data-frame="1"] .demo-model img{transform:scale(1.18)}
.demo-audio{position:absolute;right:13%;bottom:17%;height:6%;width:25%;display:flex;align-items:center;justify-content:center;gap:6%;border:1px solid var(--line);border-radius:20px;background:var(--ivory);opacity:0;transition:opacity .25s;pointer-events:none}
.demo-audio i{width:6%;height:55%;border-radius:3px;background:var(--bronze);animation:narration-wave .9s ease-in-out infinite alternate;transform:scaleY(.35)}
.demo-audio i:nth-child(2){animation-delay:-.4s;height:80%}.demo-audio i:nth-child(3){animation-delay:-.7s}.demo-audio i:nth-child(4){animation-delay:-.2s;height:70%}.demo-audio i:nth-child(5){animation-delay:-.5s;height:45%}
.app-demo--scan[data-frame="2"] .demo-audio{opacity:1}
@keyframes narration-wave{to{transform:scaleY(1)}}
.demo-stamp{position:absolute;left:28%;top:48%;width:11%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--olive);border:2px solid var(--ivory);color:var(--ivory);opacity:0;transform:scale(.65);transition:opacity .3s,transform .4s;pointer-events:none}
.demo-stamp .icon{width:65%;height:65%}
.app-demo--passport[data-frame="1"] .demo-stamp{opacity:1;transform:scale(1)}
.app-demo__caption{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:12px;font-size:11px;line-height:1.4;color:var(--muted)}
.demo-dots{display:flex;align-items:center;gap:2px;flex:none}
.demo-dots button{padding:10px 4px;border:0;background:none;display:grid;place-items:center}
.demo-dots button>span{width:5px;height:5px;border-radius:50%;background:var(--line);transition:background .2s,scale .2s}
.demo-dots button[aria-pressed=true]>span{background:var(--wine);scale:1.3}
.app-demo:not([data-playing=true]) .demo-audio i{animation-play-state:paused}
.app-demo:not(.app-demo--scan[data-frame="2"]) .demo-audio i{animation-play-state:paused}
.walkthrough-screen .app-demo{width:clamp(210px,22.8vw,325px)}
.walkthrough-screen .app-demo__caption{display:none}
.walkthrough-phone{padding-top:0}
.walkthrough-screen{animation:none}

/* Stationary botanical scenery keeps attention on the guide's phone. */
.guide-page{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% 54%,#e9ddc44d,transparent 52%),linear-gradient(150deg,#fffbf1,#fcf6e9)}
.guide-scenery{position:absolute;inset:25% -5% -45px;z-index:-1;background:url(images/heritage-etching.webp) center bottom/1300px auto no-repeat;opacity:.22;pointer-events:none;mask-image:linear-gradient(0deg,#000,transparent 85%)}
.botanical--scene-left{left:-85px;top:40%;width:180px;opacity:.4;transform:rotate(12deg);z-index:-1}
.botanical--scene-right{right:-85px;bottom:-60px;width:190px;opacity:.4;transform:scaleX(-1) rotate(8deg);z-index:-1}
.guide-page .botanical__sway{animation:none!important;transform:none!important}
.how-intro,.install-intro{padding-top:clamp(64px,6vw,88px);padding-bottom:44px}
.how-intro h1,.install-intro h1{font-size:clamp(48px,5vw,66px);margin-top:20px;line-height:1.08}
.how-intro>.container>p:not(.eyebrow),.install-intro>.container>p:not(.eyebrow){margin-top:24px;font-size:14px;line-height:1.6}
.experience{display:grid;grid-template-columns:44% 56%;align-items:center;gap:0;padding:16px 55px 64px}
.experience-stage{position:relative;padding-inline:20px}
.experience-stage:before,.install-stage:before{content:'';position:absolute;width:95%;height:68%;left:2.5%;top:12%;border:1px solid #bc945a73;border-radius:50% 50% 4px 4px / 45% 45% 4px 4px;z-index:-1;background:#e9dfc720}
.experience .app-demo{width:clamp(245px,25vw,288px)}
.experience-copy{padding-left:40px}
.experience-copy>h2{font-size:clamp(34px,3.6vw,46px);margin-top:10px;line-height:1.06}
.experience-hint{font-size:13px;color:var(--muted);margin-top:13px}
.experience-options{margin-top:23px;border-top:1px solid var(--line)}
.experience-option{width:100%;display:grid;grid-template-columns:27px 27px minmax(0,1fr) 18px;align-items:center;gap:15px;text-align:left;padding:21px 3px;border:0;border-bottom:1px solid var(--line);background:none;transition:background .2s}
.experience-option__number{font-family:var(--reading);color:var(--bronze);font-size:23px}
.experience-option>span>.icon{width:26px;height:26px;color:var(--bronze)}
.experience-option strong{display:block;font-family:var(--display);color:var(--wine);font-weight:400;font-size:23px;line-height:1.15}
.experience-option small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px}
.experience-option>.icon{width:18px;height:18px;color:var(--bronze);opacity:0;transition:opacity .2s}
.experience-option[aria-selected=true]{background:#efe3ce66}
.experience-option[aria-selected=true]>.icon,.experience-option:hover>.icon{opacity:1}
.preview-note{font-size:10px;line-height:1.6;color:var(--muted);max-width:370px;margin-top:19px}
.experience-copy>.text-link{margin-top:10px;font-size:12px}
body[data-page=how] .download-section--compact{margin-top:0}

/* Installation is a short, tappable picture guide. */
.download-facts{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:32px;font-size:12px;color:var(--muted);scroll-margin-top:110px}
.download-facts>span{display:flex;align-items:center;gap:7px}
.download-facts>span+span{border-left:1px solid var(--line);padding-left:22px}
.download-facts .icon{width:17px;height:17px;color:var(--bronze)}
.download-facts b{font-weight:400}
.install-experience{display:grid;grid-template-columns:44% 56%;align-items:center;gap:0;padding:24px 65px 65px;scroll-margin-top:100px}
.install-stage{position:relative;text-align:center;padding-inline:24px}
.illustration-label{display:block;font-size:8px;letter-spacing:.17em;color:var(--bronze);margin-bottom:12px}
.install-phone{width:270px;max-width:100%;margin-inline:auto}
.install-phone__canvas{aspect-ratio:600/1300;border-radius:26px;background:#fffcf4;overflow:hidden;position:relative;line-height:1.4;font-size:4cqw;text-align:left}
.install-status{height:9%;display:flex;justify-content:space-between;align-items:flex-start;padding:4cqw 6cqw;font-size:3.5cqw}
.install-screen{position:absolute;top:9%;left:0;right:0;bottom:6%;background:#fffcf4}
.install-screen:not([hidden]){animation:guide-panel-enter .25s ease}
@keyframes guide-panel-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.install-browser{display:flex;align-items:center;gap:3cqw;padding:4cqw 6cqw;border-block:1px solid #e9dfcc;font-size:6cqw;color:var(--wine);background:#f8f1e4}
.install-browser .icon{width:6cqw;height:6cqw}
.install-file{margin:17cqw 7cqw 0;text-align:center}
.install-file>img{width:24cqw;height:24cqw;border-radius:5cqw;margin:0 auto 7cqw}
.install-file>strong{font-family:var(--display);font-size:9cqw;font-weight:400;display:block;color:var(--wine);line-height:1.1}
.install-file>small{font-size:4cqw;display:block;color:var(--muted);margin-top:3cqw}
.install-progress{height:1.5cqw;background:#e7ddc7;border-radius:3cqw;overflow:hidden;margin:12cqw 0 3cqw}
.install-progress>span{display:block;height:100%;background:var(--olive);transform-origin:left;animation:guide-download 1.4s ease both}
@keyframes guide-download{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
.install-file>p{font-size:3.6cqw;color:var(--muted)}
.install-file>button,.install-prompt>button,.install-ready>a{display:flex;align-items:center;justify-content:center;gap:3cqw;width:100%;padding:5cqw;border-radius:8cqw;border:0;background:var(--olive);color:var(--ivory);font-size:5cqw;margin-top:11cqw}
.install-file>button .icon,.install-prompt>button .icon,.install-ready>a .icon{width:6cqw;height:6cqw}
.install-screen__note{position:absolute;left:7cqw;right:7cqw;bottom:6cqw;font-size:4cqw;color:var(--muted);line-height:1.55;text-align:center}
.install-screen__eyebrow{font-size:3.4cqw;letter-spacing:.13em;color:var(--bronze);margin:13cqw 6cqw 5cqw}
.download-file-row{display:flex;align-items:center;gap:3cqw;border:1px solid var(--line);border-radius:4cqw;background:var(--ivory);padding:6cqw 4cqw;margin-inline:5cqw;width:90%;text-align:left}
.download-file-row>img{width:13cqw;height:13cqw;border-radius:3cqw}
.download-file-row>span{display:block;min-width:0}
.download-file-row strong{font-size:4cqw;display:block;font-weight:700}
.download-file-row small{font-size:3.2cqw;display:block;color:var(--muted);margin-top:1.5cqw}
.download-file-row>.icon{width:4cqw;height:4cqw;color:var(--bronze);margin-left:auto}
.install-prompt{margin:13cqw 6cqw;padding:8cqw 6cqw;background:#f2eadb;border:1px solid #decaa8;border-radius:7cqw}
.install-prompt>img{width:18cqw;height:18cqw;border-radius:4cqw;margin-bottom:6cqw}
.install-prompt>h3{font-size:10cqw;color:var(--wine);line-height:1.1}
.install-prompt>p{font-size:4.5cqw;margin-top:6cqw}
.install-prompt>p.install-prompt__hint{font-size:3.6cqw;color:var(--muted)}
.install-prompt>button{border-radius:5cqw;margin-top:9cqw}
.install-ready{padding:8cqw;text-align:center;position:relative}
.install-ready__check{display:grid;place-items:center;width:10cqw;height:10cqw;border:1px solid var(--bronze);color:var(--olive);border-radius:50%;margin:3cqw auto 10cqw}
.install-ready__check .icon{width:6cqw;height:6cqw}
.install-ready>img{width:28cqw;height:28cqw;border-radius:6cqw;margin:0 auto 10cqw}
.install-ready>p{font-size:3.4cqw;letter-spacing:.13em;color:var(--bronze)}
.install-ready>h3{font-size:13cqw;color:var(--wine);line-height:1;margin-top:5cqw}
.install-ready>a{font-size:4.5cqw;margin-top:13cqw}
.install-system-nav{position:absolute;bottom:0;left:0;right:0;height:6%;display:flex;justify-content:space-around;align-items:center;font-size:6cqw;color:#817b6d;background:#f4efe5}
.install-copy{padding-left:35px}
.install-copy>h2{font-size:clamp(38px,4vw,52px);margin-top:11px;line-height:1.01}
.install-options{margin-top:23px;border-top:1px solid var(--line)}
.install-option{display:grid;grid-template-columns:35px minmax(0,1fr) 24px;align-items:center;gap:15px;width:100%;border:0;border-bottom:1px solid var(--line);padding:17px 4px;background:none;text-align:left;transition:background .2s}
.install-option>span:first-child{font-family:var(--reading);font-size:27px;color:var(--bronze)}
.install-option strong{display:block;font-family:var(--display);font-weight:400;font-size:23px;line-height:1.1;color:var(--wine)}
.install-option small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}
.install-option>.icon{width:22px;height:22px;color:var(--bronze)}
.install-option[aria-selected=true]{background:#efe3ce66}
.install-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}
.install-actions .button{min-height:47px;padding:11px 22px;font-size:14px}
.install-actions .text-link{font-size:12px}
.install-copy .preview-note{font-size:10px;max-width:350px;margin-top:13px}
.help-folios{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:55px 65px}
.help-folio{scroll-margin-top:110px;min-width:0}
.help-folio__heading{display:flex;align-items:center;gap:15px;margin-bottom:25px}
.help-folio__heading>.icon{width:35px;height:35px;color:var(--bronze)}
.help-folio__heading h2{font-size:30px;margin-top:5px}
.help-folio .eyebrow{font-size:9px}
.permission-list{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:22px;gap:14px}
.permission-list>span{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.permission-list .icon{width:25px;height:25px;color:var(--bronze);margin-bottom:4px}
.permission-list b{font-size:12px;font-weight:700}.permission-list small{font-size:10px;line-height:1.4;color:var(--muted)}
.help-folio summary{font-size:13px;padding:17px 0}
.help-folio details>p{font-size:13px;margin-bottom:16px;padding-right:15px;line-height:1.65}
.help-folio details>.text-link{margin-bottom:15px;font-size:11px}
.help-folio>.text-link{font-size:11px;margin-top:13px}

/* FAQs share the same paper, ink, plants and bronze details as the landing page. */
.faq-dialog{padding:0;width:min(900px,calc(100% - 40px));border-radius:28px;max-height:calc(100svh - 48px);overflow:auto;background:var(--ivory)}
.faq-dialog::backdrop{background:#202b21b8;backdrop-filter:none}
.faq-dialog .dialog-close{width:35px;height:35px;top:16px;right:16px;background:var(--ivory);border-color:var(--line)}
.faq-dialog .dialog-close .icon{width:19px;height:19px}
.faq-layout{display:grid;grid-template-columns:31% 69%;min-height:530px}
.faq-cover{background:var(--olive);color:var(--ivory);padding:43px 28px 28px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column}
.faq-cover>.eyebrow{color:#d8b988;font-size:9px;letter-spacing:.16em}
.faq-cover h2{font-size:52px;color:var(--ivory);line-height:1.02;margin:18px 0 21px}
.faq-cover>p:not(.eyebrow){font-family:var(--reading);font-size:20px;line-height:1.35;color:#f1e9d9}
.faq-cover>img{position:absolute;bottom:-75px;left:-30px;width:165px;opacity:.4;filter:brightness(1.8);z-index:-1;pointer-events:none}
.faq-help-link{font-size:11px;display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:45px;color:var(--ivory)}
.faq-help-link .icon{width:17px;height:17px}
.faq-content{padding:46px 34px 27px;background:radial-gradient(ellipse at 100% 100%,#eee0c444,transparent 70%)}
.faq-content>.eyebrow{font-size:9px;padding-right:22px;letter-spacing:.12em}
.faq-content>h3{font-family:var(--display);font-size:29px;color:var(--wine);margin-top:9px;letter-spacing:-.02em}
.faq-content .faq-list{margin-top:23px;padding-top:0}
.faq-content summary{display:grid;grid-template-columns:20px 19px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:20px 0;font-size:13px;line-height:1.5;font-weight:400}
.faq-content summary>.icon{width:19px;height:19px;color:var(--bronze)}
.faq-content summary>.icon:last-child{width:16px;height:16px}
.faq-content .faq-number{font-family:var(--reading);font-size:18px;color:var(--bronze)}
.faq-content details[open]{animation:none}
.faq-content details[open]>summary>span:not(.faq-number){color:var(--wine);font-weight:700}
.faq-answer{padding:0 20px 20px 63px}
.faq-answer p{font-size:13px;line-height:1.7;color:var(--muted)}
.faq-answer .text-link{font-size:11px;margin-top:6px;min-height:27px}
.faq-support{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin-top:19px}
.faq-support .text-link{font-size:11px;margin-top:0}

@media(min-width:641px) and (max-width:1000px){
  .experience,.install-experience{padding-inline:5px;grid-template-columns:43% 57%}
  .experience-stage{padding-inline:16px}.experience-copy{padding-left:25px}.experience-option{gap:11px;grid-template-columns:23px 23px minmax(0,1fr) 16px;padding-block:19px}.experience-option strong{font-size:21px}.experience-option small{font-size:11px}
  .install-stage{padding-inline:17px}.install-phone{width:245px}.install-copy{padding-left:25px}.install-option{gap:12px;padding-block:15px}.install-option strong{font-size:21px}.install-option small{font-size:11px}.install-actions{gap:14px}.install-actions .button{font-size:13px;padding-inline:17px}
  .help-folios{gap:30px}.help-folio__heading h2{font-size:26px}.help-folio__heading>.icon{width:28px;height:28px}
}
@media(max-width:640px){
  .walkthrough-screen .app-demo{width:225px}.app-demo .phone{border-radius:30px}.phone-demo{border-radius:21px}.app-demo__bar{margin-bottom:7px}
  .how-intro,.install-intro{padding-top:48px;padding-bottom:34px}.how-intro h1,.install-intro h1{font-size:clamp(44px,11.8vw,58px);margin-top:18px;line-height:1.08}.how-intro>.container>p:not(.eyebrow),.install-intro>.container>p:not(.eyebrow){font-size:13px;margin-top:22px}
  .guide-scenery{background-size:900px auto;opacity:.18;inset:35% -30% -30px}.botanical--scene-left{left:-70px;width:110px;top:49%;opacity:.25}.botanical--scene-right{right:-75px;width:130px;bottom:-15px;opacity:.3}
  .experience{display:flex;flex-direction:column-reverse;padding:8px 0 40px;gap:30px}.experience-copy{padding:0;width:100%}.experience-copy>h2{font-size:34px;max-width:320px}.experience-hint{font-size:12px;margin-top:10px}.experience-options{display:grid;grid-template-columns:1fr 1fr;margin-top:19px;border:0;gap:10px}.experience-option{grid-template-columns:24px 1fr;gap:8px 10px;border:1px solid var(--line);border-radius:12px;padding:14px 12px;align-items:start}.experience-option__number{font-size:21px}.experience-option>span:nth-child(2){justify-self:end}.experience-option>span:nth-child(3){grid-column:1/-1}.experience-option>span>.icon{width:22px;height:22px}.experience-option strong{font-size:20px}.experience-option small{font-size:11px}.experience-option>.icon{display:none}.experience-copy>.preview-note{font-size:9px;margin-top:15px}.experience-copy>.text-link{margin-top:4px}.experience-stage{width:100%;padding-inline:25px}.experience .app-demo{width:260px}.experience-stage:before{width:95%;left:2.5%}
  .download-facts{gap:14px 10px;font-size:10px;flex-wrap:wrap;margin-top:26px}.download-facts>span+span{padding-left:10px}.download-facts .icon{width:15px;height:15px}
  .install-experience{display:flex;flex-direction:column-reverse;gap:30px;padding:9px 0 42px}.install-copy{padding:0;width:100%}.install-copy>h2{font-size:35px;line-height:1.02}.install-copy>h2 br{display:none}.install-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;margin-top:20px}.install-option{grid-template-columns:23px 1fr;border:1px solid var(--line);border-radius:12px;padding:13px 12px;gap:8px 10px;align-items:start}.install-option>span:first-child{font-size:22px;line-height:1}.install-option>span:nth-child(2){grid-column:1/-1;grid-row:2}.install-option>.icon{grid-column:2;grid-row:1;justify-self:end;width:20px;height:20px}.install-option strong{font-size:21px}.install-option small{font-size:11px}.install-actions{justify-content:space-between;gap:12px;margin-top:20px}.install-actions .button{min-height:46px;font-size:14px;padding-inline:19px}.install-copy .preview-note{font-size:9px;max-width:310px}.install-stage{width:100%;padding:0 24px}.install-phone{width:260px}.install-phone__canvas{border-radius:24px}
  .help-folios{grid-template-columns:1fr;gap:37px;padding-block:37px 45px}.help-folio__heading{gap:13px;margin-bottom:22px}.help-folio__heading h2{font-size:29px}.help-folio__heading>.icon{width:29px;height:29px}.help-folio summary{font-size:13px}.permission-list{gap:10px}.permission-list b{font-size:12px}.permission-list small{font-size:10px}
  .faq-dialog{width:calc(100% - 28px);max-height:calc(100svh - 28px);border-radius:23px;padding:0}.faq-layout{display:block;min-height:0}.faq-cover{padding:24px 25px 23px;min-height:0}.faq-cover h2{font-size:38px;line-height:1;margin:12px 0 0}.faq-cover h2 br{display:none}.faq-cover>p:not(.eyebrow){display:none}.faq-cover>.eyebrow{font-size:8px;max-width:230px}.faq-cover>img{left:auto;right:30px;bottom:-100px;width:100px;opacity:.3}.faq-help-link{display:none}.faq-content{padding:25px 22px 17px}.faq-content>h3{font-size:27px;margin-top:8px}.faq-content>.eyebrow{font-size:8px}.faq-content .faq-list{margin-top:20px}.faq-content summary{grid-template-columns:18px 18px minmax(0,1fr) 15px;gap:9px;font-size:13px;padding-block:18px}.faq-content summary>.icon{width:18px;height:18px}.faq-answer{padding:0 8px 18px 45px}.faq-answer p{font-size:12px;line-height:1.65}.faq-answer .text-link{font-size:10px}.faq-support{font-size:10px;margin-top:12px}.faq-support .text-link{font-size:10px}.faq-dialog .dialog-close{top:15px;right:15px}
}
html[data-motion=paused] .app-demo *,html[data-motion=paused] .install-phone *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion=active]) .app-demo *,html:not([data-motion=active]) .install-phone *{animation:none!important;transition:none!important}}
@media print{.demo-play,.demo-dots,.demo-tap,.demo-highlight,.install-actions,.faq-dialog{display:none!important}.guide-page{background:white}.experience,.install-experience{display:block}.experience-stage,.install-stage{max-width:260px}.phone-demo{break-inside:avoid}.guide-scenery{display:none}}

.experience-panel{scroll-margin-top:110px}

.promo-film {
  position: relative;
  display: grid;
  grid-template-columns: minmax(210px, .75fr) minmax(0, 1.8fr);
  align-items: center;
  gap: clamp(22px, 4vw, 56px);
  padding-block: 24px 46px;
  border-bottom: 1px solid var(--line);
}
.promo-film__copy h2 { margin: 8px 0 14px; }
.promo-film__copy > p:last-child { max-width: 28ch; font: 21px/1.28 var(--reading); }
.promo-film video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--olive);
  box-shadow: 0 12px 30px rgb(48 34 14 / .10);
}
.promo-film details { margin-top: 12px; font-size: 14px; }
.promo-film summary { width: fit-content; color: var(--wine); cursor: pointer; }
.promo-film details p { max-width: 62ch; padding-top: 8px; }
@media (max-width: 680px) {
  .promo-film { grid-template-columns: 1fr; padding-block: 12px 34px; }
  .promo-film video { border-radius: 10px; }
}