/* Two app walkthroughs, based on the observed x.ai feature-card geometry. */
.omirus-app-tour{padding:112px 24px;background:transparent;color:#f3f3f3;font-family:Inter,system-ui,sans-serif;scroll-margin-top:110px}
.app-tour-inner{width:100%;max-width:1232px;margin:0 auto}
.app-tour-heading{max-width:672px;margin:0 auto 56px;text-align:center}
.app-tour-heading h2{margin:0 0 16px;font-family:var(--font-heading,Inter,sans-serif);font-size:clamp(28px,3vw,36px);font-weight:500;line-height:1.15;letter-spacing:-.035em;text-wrap:balance}
.app-tour-heading p{margin:0;color:#b6b6b6;font-size:18px;line-height:1.625;text-wrap:pretty}
.app-tour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.app-tour-card{min-width:0;padding:32px;background:#1a1a1a;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
.app-tour-card h3{margin:0 0 4px;color:#f1f1f1;font-size:16px;line-height:26px;font-weight:500;letter-spacing:-.01em}
.app-tour-card>p{margin:0 0 32px;color:#b6b6b6;font-size:16px;line-height:26px;text-wrap:pretty}
.app-tour-window{margin:auto 0 0;background:#101010;border:1px solid #ffffff0d;border-radius:10px;overflow:hidden;box-shadow:0 12px 35px #0002}
.app-tour-chrome{height:34px;padding:0 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff0b;background:#222;color:#aaa;font-size:10px;letter-spacing:.02em}
.app-tour-dots{display:flex;gap:4px}
.app-tour-dots i{width:5px;height:5px;border-radius:50%;background:#5d5d5d}
.app-tour-chrome-label{margin-left:auto;color:#9a9a9a}
.app-tour-screen{position:relative;aspect-ratio:1600/950;background:#121212;overflow:hidden;isolation:isolate}
.app-tour-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .4s ease;pointer-events:none}
.app-tour-frame.is-active{opacity:1}
.app-tour-cursor{position:absolute;width:18px;height:23px;left:64%;top:66%;z-index:2;opacity:0;pointer-events:none;transition:left var(--tour-cursor-duration,.85s) cubic-bezier(.4,0,.2,1),top var(--tour-cursor-duration,.85s) cubic-bezier(.4,0,.2,1),opacity .2s;color:#fff;filter:drop-shadow(0 1px 2px #0008)}
.app-tour-cursor svg{display:block;width:100%;height:100%}
.app-tour-card.is-moving .app-tour-cursor{opacity:1}
.app-tour-controls{min-height:43px;display:flex;align-items:center;gap:10px;padding:7px 11px;border-top:1px solid #ffffff0b}
.app-tour-caption{margin-right:auto;color:#a5a5a5;font-size:10px;line-height:1.4;min-width:0}
.app-tour-steps{display:flex;gap:0}
.app-tour-step{display:grid;place-items:center;width:23px;height:28px;padding:0;border:0;background:none;cursor:pointer}
.app-tour-step::after{content:'';display:block;width:5px;height:5px;border-radius:5px;background:#555;transition:width .2s,background .2s}
.app-tour-step[aria-pressed=true]::after{width:14px;background:#d0d0d0}
.app-tour-toggle{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;border:1px solid #ffffff17;border-radius:50%;color:#ccc;background:transparent;cursor:pointer}
.app-tour-toggle svg{width:12px;height:12px;fill:currentColor}
.app-tour-toggle .tour-play{display:none}
.app-tour-toggle[aria-pressed=true] .tour-play{display:block}
.app-tour-toggle[aria-pressed=true] .tour-pause{display:none}
.app-tour-toggle:hover{background:#ffffff0c;color:#fff}
.app-tour-card button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:760px){.omirus-app-tour{padding:80px 20px}.app-tour-heading{margin-bottom:32px}.app-tour-heading p{font-size:16px}.app-tour-grid{grid-template-columns:1fr}.app-tour-card{padding:24px}.app-tour-card>p{margin-bottom:26px}}
@media(max-width:420px){.omirus-app-tour{padding-right:16px;padding-left:16px}.app-tour-card{padding:20px}.app-tour-caption{font-size:9px}.app-tour-controls{gap:5px;padding-inline:8px}.app-tour-chrome-label{display:none}}
@media(prefers-reduced-motion:reduce){.app-tour-frame,.app-tour-cursor,.app-tour-step::after{transition:none}.app-tour-cursor{display:none}}

.app-tour-marketing{max-width:760px;margin:52px auto 0;text-align:center;color:#ddd;font-size:clamp(20px,2.2vw,26px);line-height:1.5;letter-spacing:-.025em;text-wrap:balance}
