.tour-hero{padding:9rem 0 4rem;background:radial-gradient(circle at 80% 15%,rgba(190,226,92,.24),transparent 30%),var(--green);color:#fff}.tour-hero h1{font-size:clamp(2.7rem,7vw,5.5rem);line-height:1;margin:.6rem 0 1.2rem}.tour-hero h1 em{color:var(--lime)}.tour-hero .lede{max-width:760px;margin-inline:auto;color:rgba(255,255,255,.82);font-size:1.2rem}.tour-note{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.62)}
.tour-shell{background:#f7f5fa}.role-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;max-width:900px;margin:0 auto 2rem}.role-tabs button{min-width:0;white-space:normal;border:1px solid #d9d3df;background:#fff;color:var(--green);border-radius:999px;padding:.85rem .65rem;font-weight:800;cursor:pointer}.role-tabs button[aria-selected=true]{background:var(--green);border-color:var(--green);color:#fff}.role-tabs button:focus-visible,.tour-controls button:focus-visible{outline:3px solid #7350b7;outline-offset:3px}
.tour-stage{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(480px,1.28fr);min-height:550px;overflow:hidden;background:#fff;border:1px solid #ddd6e4;border-radius:28px;box-shadow:0 28px 70px rgba(35,24,45,.11)}.tour-copy{padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center}.tour-copy h2{font-size:clamp(2rem,4vw,3.4rem);margin:.5rem 0 1rem}.tour-copy>p:not(.tour-step){color:var(--muted);font-size:1.05rem}.tour-copy ul{padding-left:1.2rem;color:var(--green);font-weight:700;display:grid;gap:.7rem}.tour-step{color:#7350b7;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.screen-frame{margin:2rem 2rem 2rem 0;border-radius:21px;overflow:hidden;background:#f1edf5;border:1px solid #d8d0df;box-shadow:0 18px 45px rgba(22,20,28,.16);min-height:470px}.screen-top{height:58px;background:#fff;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid #ddd6e4;gap:.65rem}.screen-top img{width:34px;height:34px}.screen-top b{color:var(--green)}.screen-top span{margin-left:auto;color:#7350b7;font-size:.78rem}.screen-body{padding:1rem;display:grid;gap:.75rem}.screen-card{background:#fff;border:1px solid #ddd6e4;border-radius:14px;padding:1rem}.screen-card.primary{background:var(--green);color:#fff}.screen-card h3{font:800 1rem/1.2 Inter,sans-serif;color:inherit;margin:0 0 .4rem}.screen-card p{font-size:.78rem;margin:.25rem 0;color:inherit;opacity:.78}.screen-row{display:flex;align-items:center;gap:.6rem;padding:.65rem 0;border-top:1px solid rgba(120,105,130,.18)}.screen-row:first-of-type{border-top:0}.screen-row strong{margin-left:auto;color:#287248}.screen-chip{display:inline-flex;border-radius:999px;padding:.3rem .55rem;background:#e6f2e8;color:#246640;font-size:.66rem;font-weight:800}.screen-actions{display:flex;flex-wrap:wrap;gap:.5rem}.screen-button{display:inline-flex;padding:.55rem .8rem;border-radius:9px;background:#7350b7;color:#fff;font-size:.7rem;font-weight:800}.score-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.score-grid span{background:#fff;border:1px solid #d8d0df;border-radius:8px;padding:.6rem .2rem;text-align:center;font-size:.72rem}.score-grid b{display:block;color:var(--green);font-size:1rem}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.metric{background:#fff;border-radius:12px;padding:.8rem}.metric b{display:block;color:var(--green);font-size:1.25rem}.metric small{color:var(--muted)}
.tour-controls{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.5rem}.tour-arrow,.tour-play{border:1px solid #cfc6d8;background:#fff;color:var(--green);border-radius:999px;padding:.7rem 1rem;font-weight:800;cursor:pointer}.tour-arrow{width:44px;height:44px;padding:0;font-size:1.2rem}.tour-progress{display:flex;gap:.4rem}.tour-progress button{width:10px;height:10px;border:0;border-radius:50%;padding:0;background:#cfc6d8;cursor:pointer}.tour-progress button[aria-current=true]{background:#7350b7;transform:scale(1.3)}.tour-disclaimer{text-align:center;color:var(--muted);font-size:.75rem}.tour-finish{background:#fff}.tour-finish>div>p{color:var(--muted)}
.screen-frame.real-capture{position:relative;display:flex;align-items:stretch;justify-content:center;background:#e9e4ee}.capture-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:470px;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden}.capture-button img{display:block;width:100%;height:470px;object-fit:contain}.screen-frame.real-capture.portrait .capture-button img{width:auto;max-width:100%}.capture-button>span{position:absolute;right:.7rem;bottom:.7rem;padding:.42rem .68rem;border-radius:999px;background:rgba(255,255,255,.94);color:var(--green);font-size:.68rem;font-weight:800;box-shadow:0 3px 12px rgba(0,0,0,.16)}.capture-button:focus-visible{outline:4px solid #7350b7;outline-offset:-4px}.capture-label{position:absolute;z-index:1;top:.7rem;left:.7rem;padding:.4rem .65rem;border-radius:999px;background:rgba(17,57,43,.92);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.03em;box-shadow:0 3px 12px rgba(0,0,0,.2);pointer-events:none}.image-dialog{width:min(1100px,96vw);max-width:none;height:min(900px,94vh);max-height:none;padding:0;border:0;border-radius:20px;background:#17141b;color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.45)}.image-dialog::backdrop{background:rgba(12,10,14,.82)}.image-dialog figure{height:100%;margin:0;padding:2.8rem 1rem 1rem;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.75rem}.image-dialog img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.image-dialog figcaption{text-align:center;font-size:.86rem;color:rgba(255,255,255,.78)}.dialog-close{position:absolute;z-index:2;top:.55rem;right:.7rem;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}.dialog-close:focus-visible{outline:3px solid #bfe66a;outline-offset:2px}
@media(max-width:850px){.role-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-stage{grid-template-columns:minmax(0,1fr)}.tour-copy{padding:2rem}.screen-frame{margin:0 1rem 1rem;min-width:0;min-height:420px}.capture-button{min-height:420px}.capture-button img{height:420px}.tour-controls{flex-wrap:wrap}.tour-play{flex-basis:100%;max-width:180px}.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.tour-hero{padding:7rem 0 3rem}.role-tabs{grid-template-columns:1fr}.tour-stage{border-radius:20px}.screen-frame{min-height:390px}.capture-button{min-height:390px}.capture-button img{height:390px}.screen-top span{display:none}.score-grid{grid-template-columns:repeat(3,1fr)}.image-dialog{width:100vw;height:100vh;border-radius:0}.image-dialog figure{padding:3rem .4rem .7rem}}
.real-screens{background:#fff}.real-screens-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:2rem;align-items:end;margin-bottom:2rem}.real-screens-heading h2{font-size:clamp(2.2rem,5vw,4rem);margin:.4rem 0 0}.real-screens-heading h2 em{color:#7350b7}.real-screens-heading>p{color:var(--muted);font-size:1.05rem}.screen-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.gallery-card{margin:0;min-width:0;overflow:hidden;border:1px solid #ddd6e4;border-radius:20px;background:#f7f5fa;box-shadow:0 14px 34px rgba(35,24,45,.08)}.gallery-image{height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#ebe6f0}.gallery-image img{display:block;width:100%;height:100%;object-fit:contain}.gallery-card.portrait .gallery-image img{width:auto;max-width:100%}.gallery-card figcaption{display:grid;gap:.35rem;padding:1.1rem 1.25rem 1.3rem}.gallery-card figcaption strong{color:var(--green);font-size:1.05rem}.gallery-card figcaption span{color:var(--muted);font-size:.9rem}.real-screens>.container>.tour-disclaimer{margin-top:1.25rem}
@media(max-width:850px){.real-screens-heading{grid-template-columns:1fr}.screen-gallery{grid-template-columns:1fr}.gallery-image{height:340px}}@media(max-width:480px){.gallery-image{height:300px}}