/* Selected Play in full landing treatment. */
.hero-compatibility{font-size:12px;line-height:1.65;color:var(--muted);max-width:390px;margin:12px 0}.hero-compatibility a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:851px){html .landing-page .hero{min-height:900px}}
@media(max-width:850px){html[lang=en] .landing-page .equipment{top:640px}html[lang=en] .landing-page .hero{min-height:1180px}html[lang=ar] .landing-page .equipment{top:775px}html[lang=ar] .landing-page .hero{min-height:1310px}}
@media(max-width:360px){html[lang=en] .landing-page .equipment{top:705px}html[lang=en] .landing-page .hero{min-height:1240px}html[lang=ar] .landing-page .equipment{top:805px}html[lang=ar] .landing-page .hero{min-height:1340px}}
.concept-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
html[data-motion=paused] .concept-art *{animation-play-state:paused!important}
.language-link{font-size:13px;font-weight:600;white-space:nowrap}
@media(min-width:851px){.landing-page .hero{min-height:810px}}
.tax-note{font-size:11px;line-height:1.6;color:var(--muted);max-width:390px;margin:10px 0 0}
.landing-page .button,.landing-page .buy-small{border-radius:7px;border:1px solid #f8e384;box-shadow:inset 0 1px 0 #fff5,0 3px 0 #9c8526;transition:transform .16s,box-shadow .16s,background .16s}
.landing-page .button:active,.landing-page .buy-small:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff3,0 1px 0 #9c8526}
.landing-page .theme-toggle{border-radius:7px}
@media(hover:hover){.landing-page .button:hover,.landing-page .buy-small:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff6,0 5px 0 #9c8526}.landing-page .button:active,.landing-page .buy-small:active{transform:translateY(2px);box-shadow:0 1px 0 #9c8526}}
.buying-details{padding:65px 7%;background:var(--deep);display:grid;grid-template-columns:1fr 1.6fr;gap:7%}
.buying-answers details{border-bottom:1px solid #f5f0dd36;padding:19px 0}
.buying-answers details:first-child{padding-top:0}
.buying-answers summary{cursor:pointer;font-size:16px;font-weight:600;line-height:1.7}
.buying-answers summary:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}
.buying-answers p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:0}
.buying-answers a{text-decoration:underline;text-underline-offset:3px;color:var(--cream)}
@media(max-width:850px){.buying-details{grid-template-columns:1fr;gap:28px}html[lang=en] .equipment{top:550px}html[lang=en] .concept-art{top:530px}html[lang=en] .hero{min-height:1090px}}
@media(max-width:850px){.concept-art{top:470px;bottom:65px}.header-actions{gap:9px}.language-link{font-size:12px}}
@media(max-width:430px){header{padding-inline:4%}.header-actions{gap:6px}.brand{font-size:24px}.theme-toggle{font-size:10px;padding:8px}.buy-small{font-size:10px;padding:9px}.language-link{font-size:11px}}
.type-art{position:absolute;top:6%;left:57%;width:55%;font-family:PitDisplay,Impact,sans-serif;font-style:italic;font-weight:800;font-size:clamp(160px,20vw,340px);line-height:.75;letter-spacing:-8px;color:var(--yellow);opacity:.13;transform:rotate(-8deg)}
.type-art span{display:block;animation:poster-drift 10s ease-in-out infinite alternate!important}.type-art span:nth-child(2){margin-left:-10%;animation-direction:alternate-reverse!important}.type-art span:nth-child(3){margin-left:7%}
@keyframes poster-drift{from{transform:translateX(-12px)}to{transform:translateX(12px)}}
@media(max-width:850px){.type-art{left:20%;top:0;font-size:190px;width:95%;opacity:.15}}
@media(max-width:360px){
 header{column-gap:6px}.brand{font-size:20px}.header-actions{gap:4px}.theme-toggle{font-size:9px;padding:7px 5px}.buy-small{font-size:9px;padding:8px 5px}.language-link{font-size:10px}
 html[lang=en] .hero h1{font-size:clamp(60px,20vw,72px)}
 html[lang=en] .hero{min-height:1150px}
 html[lang=en] .equipment{top:615px}
 html[lang=en] .concept-art{top:615px}
}
/* Compact product tour: reserve room for its heading and caption. */
@media(min-width:851px){
 .landing-page .setup{padding-top:48px;padding-bottom:48px}
 .landing-page .setup-heading{margin-bottom:22px}
 .landing-page .setup-heading h2{font-size:clamp(42px,4vw,60px)}
 .landing-page .screenshot-stage{padding:20px 8% 25px}
 .landing-page #tour-image{width:min(80%,calc(48svh * 1100 / 820));margin-inline:auto}
 .landing-page .tour-caption{padding-top:15px}
}
@media(max-width:850px){
 .landing-page .setup{padding:38px 6%}
 .landing-page .screenshot-stage{padding:20px 0 24px}
 .landing-page #tour-image{transform:none;width:100%}
 .landing-page .tour-tabs{flex-wrap:wrap;gap:4px 18px;overflow:visible}
 .landing-page .tour-tabs button{min-height:44px;padding:10px 0}
 .landing-page .stage-choices button,.landing-page #pause,.landing-page #replay,.landing-page #tour-pause{min-height:44px}
 .landing-page .tour-caption{grid-template-columns:1fr;gap:10px}
 .landing-page .tour-source{grid-column:1;text-align:start}
 .landing-page .tour-caption p{font-size:14px;line-height:1.7}
 .landing-page .buying-answers summary{min-height:44px}
}
@media(max-width:430px){
 .landing-page header{grid-template-columns:1fr;gap:10px}
 .landing-page header .brand{font-size:27px}
 .landing-page .header-actions{grid-column:1;grid-row:2;justify-content:space-between;gap:12px}
 .landing-page header nav{grid-row:3;grid-column:1;gap:12px}
 .landing-page .header-actions .theme-toggle,.landing-page .header-actions .buy-small{min-height:44px;font-size:12px;padding:10px 12px}
 .landing-page .header-actions .language-link{font-size:14px;padding-block:12px}
 .landing-page header nav a{min-height:44px;display:flex;align-items:center}
 .landing-page .stage-choices{gap:8px}
}
/* Restore half the desktop width removed by the compact-tour pass. */
@media(min-width:851px){.landing-page #tour-image{width:min(90%,calc(50% + 32.2svh))}}
@media(min-width:1500px){.landing-page #tour-image{width:min(83%,calc(42.857% + 32.2svh))}}
.tour-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:64px;height:88px;display:grid;place-items:center;border:1px solid transparent;border-radius:12px;background:var(--deep);color:var(--yellow);cursor:pointer;transition:background .18s,border-color .18s}
.tour-arrow svg{width:34px;height:56px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.tour-arrow-left{left:0}.tour-arrow-right{right:0}
.tour-arrow:hover{border-color:var(--yellow)}.tour-arrow:active svg{transform:scale(.88)}
@media(max-width:850px){.tour-arrow{width:44px;height:60px;background:var(--deep);top:auto;bottom:28px;transform:none}.tour-arrow svg{width:20px;height:32px}}
@media(max-width:850px){.landing-page .screenshot-stage{padding-bottom:24px}}

/* Edge-to-edge screenshot navigation. The icon is spare; the hit area is generous. */
.tour-arrow{top:0;bottom:0;width:22%;height:auto;border:0;border-radius:0;background:transparent;color:#fff;transform:none}
.tour-arrow-left{left:0}.tour-arrow-right{right:0}
.tour-arrow svg{width:42px;height:68px;transition:transform .18s ease,opacity .18s ease;opacity:.92;overflow:visible}
.tour-arrow path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.tour-arrow-outline{stroke:#050706;stroke-width:8}
.tour-arrow-face{stroke:#fff;stroke-width:4}
.tour-arrow:hover{border-color:transparent;background:transparent}
.tour-arrow:hover svg{transform:scale(1.16);opacity:1}
.tour-arrow:active svg{transform:scale(.94)}
.tour-arrow:focus-visible{outline:3px solid var(--yellow);outline-offset:-6px}
@media(max-width:850px){
 .tour-arrow{top:20px;bottom:24px;width:25%;height:auto}
 .tour-arrow svg{width:30px;height:48px}
}