.screen-tour-page{padding-top:65px}.screen-tour-page .overline{font:11px var(--mono);letter-spacing:.15em;color:var(--phosphor);margin:0 0 18px}.screen-tour-intro h1{font-size:clamp(40px,6.5vw,84px);line-height:1.07;letter-spacing:-.055em;margin:0 0 24px}.screen-tour-intro>p:not(.overline){max-width:730px;font-size:20px;color:var(--muted);line-height:1.65}.tour-facts{display:flex;flex-wrap:wrap;gap:10px 25px;margin:28px 0 60px;font:11px var(--mono);color:#b8cebf}.tour-facts span::before{content:'·';color:var(--phosphor);margin-right:8px}.tour-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.tour-heading h2,.tour-overview h2,.tour-next h2{font-size:clamp(27px,3.3vw,43px);letter-spacing:-.045em;line-height:1.1;margin:0}.tour-heading>a{font-size:13px;color:var(--phosphor);white-space:nowrap}.tour-toolbar{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:20px 0}.tour-stepper{display:flex;align-items:center;gap:14px;min-width:260px}.tour-stepper>div{min-width:170px}.tour-stepper span{display:block;font:10px var(--mono);color:var(--muted);margin-bottom:6px}.tour-stepper strong{font-size:17px;font-weight:500}.tour-toolbar button,.tour-overview button{border:1px solid #3b4d40;background:#18231b;color:#deeee2;border-radius:5px;padding:10px 13px;min-height:44px;font:12px var(--sans);cursor:pointer}.tour-toolbar button:hover:enabled,.tour-overview button:hover{border-color:#a1dab7;background:#23362a}.tour-toolbar button:disabled{opacity:.45;cursor:default}.tour-jump{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.tour-jump select{max-width:220px;min-height:44px;border:1px solid #3b4d40;border-radius:5px;background:#18231b;color:#e2eee5;padding:10px 30px 10px 12px;font:13px var(--sans)}.tour-tools{display:flex;gap:8px}.tour-device{border:1px solid #3b4d40;border-radius:12px;overflow:hidden;background:#080d09;box-shadow:0 20px 70px #0004;scroll-margin-top:100px}.tour-device-top,.tour-device-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;background:#101812;color:#a9bfb1;font:10px var(--mono);letter-spacing:.08em}.tour-device-top>span:first-child{letter-spacing:.25em;color:#d9eee1}.tour-device-bottom{padding:13px 22px;border-top:1px solid #29382e;font:11px var(--sans);letter-spacing:0}.tour-screen-frame{position:relative;height:780px;min-height:0}.tour-screen-frame iframe{display:block;width:100%;height:100%;border:0;background:#0b0f0c}.tour-start{height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#233c2d,#0b100c 70%)}.tour-start>img{height:85%;width:95%;object-fit:contain;opacity:.7}.tour-start>div{position:absolute;bottom:35px;left:20px;right:20px;text-align:center;background:#0b100cdd;padding:20px;border-radius:8px}.tour-start button{background:#b8eed0;color:#142d1e;border:0;border-radius:5px;padding:16px 24px;font:15px var(--sans);cursor:pointer;min-height:50px}.tour-start p{font-size:13px;line-height:1.5;color:#d2e4d7;margin:12px auto 6px;max-width:520px}.tour-start small{color:#91ab9a;font-size:10px}.tour-device[data-ready] .tour-start{display:none}.tour-caption{display:grid;grid-template-columns:150px 1fr;gap:35px;margin-top:27px;padding:26px 0;border-bottom:1px solid var(--edge)}.tour-caption>span{font:10px var(--mono);letter-spacing:.1em;color:var(--phosphor);padding-top:6px}.tour-caption h3{font-size:24px;letter-spacing:-.025em;margin:0 0 12px}.tour-caption p{font-size:15px;line-height:1.75;color:var(--muted);margin:0;max-width:900px}.tour-caption #tour-caption-try{margin-top:12px;color:#b8d6c3;font-size:13px}.tour-honesty{font-size:12px;color:var(--faint);line-height:1.8;margin:22px 0 0;max-width:1020px}.tour-overview{padding-block:85px}.tour-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:34px}.tour-overview article{border-top:1px solid #3b4d40;padding-top:24px}.tour-overview article>span{font:10px var(--mono);color:var(--phosphor);letter-spacing:.07em}.tour-overview h3{font-size:23px;letter-spacing:-.025em;margin:20px 0 12px}.tour-overview article p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 22px;min-height:126px}.tour-next{border-top:1px solid var(--edge);padding-block:50px 85px;display:flex;align-items:center;justify-content:space-between;gap:30px}.tour-next p:not(.overline){color:var(--muted);font-size:15px;line-height:1.7;max-width:610px}.tour-next .btn{flex:none}.screen-tour-page [hidden]{display:none!important}.tour-device:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;border-radius:0}.tour-device:fullscreen .tour-screen-frame{flex:1;height:auto}.tour-device:fullscreen .tour-device-top::after{content:'Press Esc to return';font:11px var(--sans)}.screen-tour-page :focus-visible{outline:2px solid var(--phosphor);outline-offset:4px}.tour-overview button:disabled{opacity:.5}
@media(max-width:1000px){.tour-toolbar{flex-wrap:wrap;gap:16px}.tour-tools{margin-left:auto}.tour-overview-grid{grid-template-columns:repeat(2,1fr)}.tour-overview article p{min-height:80px}.tour-screen-frame{height:780px}}
@media(max-width:600px){.screen-tour-page{padding-top:36px}.screen-tour-intro>p:not(.overline){font-size:17px}.tour-facts{font-size:10px;margin-bottom:40px;gap:10px 16px}.tour-heading{align-items:start;flex-direction:column;gap:16px}.tour-toolbar{gap:15px}.tour-stepper{width:100%;justify-content:space-between}.tour-stepper>div{flex:1}.tour-jump{flex:1;font-size:10px;flex-direction:column;align-items:start;gap:6px}.tour-jump select{width:100%;max-width:none}.tour-tools{align-self:end}.tour-tools button{font-size:10px;padding:8px}.tour-device-top{padding:14px 12px;font-size:8px;gap:8px;letter-spacing:0}.tour-device-bottom{padding:12px;flex-direction:column;align-items:start;gap:5px;font-size:10px}.tour-screen-frame{height:720px}.tour-device{border-radius:7px}.tour-start>img{height:70%;align-self:start;margin-top:25px}.tour-start>div{bottom:30px;left:12px;right:12px;padding:16px}.tour-caption{grid-template-columns:1fr;gap:14px;padding-top:10px}.tour-caption h3{font-size:23px}.tour-caption p{font-size:14px}.tour-overview{padding-block:55px}.tour-overview-grid{grid-template-columns:1fr;gap:30px}.tour-overview article p{min-height:0}.tour-next{flex-direction:column;align-items:start;padding-bottom:55px}.tour-next .btn{width:100%;justify-content:space-between}.tour-honesty{font-size:11px}}
