/* PT-015 / guided product-storytelling, additive to PT-002 design system */
.showcase-experience{background:#07151d;color:#f6f9fa}
.showcase-experience .experience-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#124955 0%,#0a222c 40%,#07151d 85%);padding:clamp(6rem,10vw,9.2rem) 0 clamp(4.2rem,8vw,7rem)}
.experience-hero-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(270px,.72fr);gap:clamp(2rem,5vw,6rem);align-items:center;position:relative;z-index:1}
.experience-hero-copy{max-width:720px}
.experience-crumb{display:flex;align-items:center;gap:12px;font-size:.78rem;letter-spacing:.04em;margin-bottom:2.5rem;color:#a7bcc1;flex-wrap:wrap}
.experience-crumb a{color:#bfe8e4;text-underline-offset:4px}
.experience-hero h1{font-size:clamp(2.6rem,5vw,5.1rem);letter-spacing:-.055em;line-height:1.08;margin:1.2rem 0 1.3rem;max-width:780px}
.experience-lede{font-size:clamp(1.06rem,1.5vw,1.23rem);line-height:1.7;color:#c5d9dd;max-width:680px}
.experience-hero .hero-actions{margin:2rem 0 1.8rem;display:flex;flex-wrap:wrap;gap:12px}
.experience-release{font-size:.74rem;color:#9ed1cf;letter-spacing:.11em;text-transform:uppercase;font-weight:700;line-height:1.5}
.experience-hero-visual{position:relative;min-height:375px;border:1px solid #295561;background:linear-gradient(135deg,rgba(65,183,171,.12),rgba(12,36,46,.32));border-radius:24px;overflow:hidden;isolation:isolate;box-shadow:0 28px 75px #0005}
.experience-hero-visual:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,#4dc8ba13 40px),repeating-linear-gradient(90deg,transparent 0 39px,#4dc8ba13 40px);z-index:-1}
.experience-orbit{position:absolute;border:1px solid #6ddac88a;width:205px;height:205px;left:50%;top:45%;transform:translate(-50%,-50%) rotate(45deg)}
.experience-orbit-b{width:290px;height:290px;transform:translate(-50%,-50%) rotate(20deg);border-color:#55a7b84d}
.experience-orbit-c{width:140px;height:140px;transform:translate(-50%,-50%) rotate(65deg);background:#49b8a60c;border-color:#4fceb9bd}
.experience-hero-monogram{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font:800 6rem/1 Manrope,system-ui;color:#eafbf7;text-shadow:0 0 45px #70e6c44c}
.experience-hero-monogram span{color:#67dcbf}
.experience-hero-rail{position:absolute;left:22px;bottom:24px;font-size:.69rem;font-weight:800;letter-spacing:.18em;color:#b8e7e1}
.experience-cross{position:absolute;top:19px;right:22px;color:#57dfcb;font-size:1.65rem}
.acceredra-experience .experience-hero{background:radial-gradient(ellipse at 75% 18%,#26394d 0%,#152533 40%,#07151d 87%)}
.acceredra-experience .experience-orbit{border-color:#b1b1ff94}
.acceredra-experience .experience-orbit-b{border-color:#7989da5a}
.acceredra-experience .experience-hero-monogram span,.acceredra-experience .experience-cross{color:#b6b2fd}
.experience-intro{display:flex;gap:1rem;margin-top:2rem;padding:1.3rem 1.5rem;border:1px solid #275b61;background:#0e2a34;border-radius:14px}
.experience-disclosure-icon{flex:0 0 26px;height:26px;border:1px solid #5fcabb;border-radius:50%;display:grid;place-items:center;color:#7be7d2;font-weight:800;font-family:Georgia,serif;font-size:1rem}
.experience-intro strong{font-size:.89rem;color:#dffbf4;display:block;margin:0 0 .28rem}
.experience-intro p{margin:0;color:#c8dddd;font-size:.9rem;line-height:1.65}
.experience-workspace{background:#091a23}
.experience-headline{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:3rem;margin-bottom:2.1rem}
.experience-headline h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.15;letter-spacing:-.04em;margin:0}
.experience-headline p{color:#b8ccd1;font-size:1rem;line-height:1.7;max-width:460px;margin:0}
.experience-tool{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);border:1px solid #315965;border-radius:20px;background:#0d2731;overflow:hidden;box-shadow:0 22px 70px #0004}
.experience-perspectives{padding:1.6rem;background:#0b212a;border-right:1px solid #315965;display:flex;flex-direction:column;gap:10px}
.perspective-button{appearance:none;border:1px solid #36616b;color:#e9f6f7;background:#132e38;border-radius:12px;padding:1.15rem 1rem;display:none;align-items:flex-start;gap:.75rem;text-align:left;width:100%;cursor:pointer;font:inherit;min-height:86px;transition:border-color .2s,background .2s,transform .2s}
[data-walkthrough][data-enhanced="true"] .perspective-button{display:flex}
.perspective-button:hover{border-color:#72d5c4;background:#193c45}
.perspective-button[aria-pressed="true"]{background:#174b51;border-color:#7bdcc9;box-shadow:inset 3px 0 #75e0c9}
.perspective-num{font:800 .72rem/1.2 Manrope,system-ui;color:#74d9c6;padding-top:4px}
.perspective-button strong{display:block;font-size:.92rem;margin-bottom:.3rem;color:#f5ffff}
.perspective-button small{display:block;font-size:.73rem;line-height:1.5;color:#b8d3d8}
.perspective-indicator{margin-left:auto;color:#8fe1d0;font-size:1rem}
.perspective-button:focus-visible,.story-button:focus-visible,.showcase-experience a:focus-visible{outline:3px solid #a5fff0;outline-offset:3px}
.experience-console{min-width:0;position:relative;background:linear-gradient(150deg,#0f313a,#0b202a)}
.console-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:1.1rem 1.5rem;border-bottom:1px solid #28535b;color:#b8dadd;font-size:.67rem;font-weight:800;letter-spacing:.12em}
.console-light{display:inline-block;width:9px;height:9px;background:#81ead3;box-shadow:0 0 0 5px #69d3c920;border-radius:50%;margin-right:12px}
.experience-journey{padding:1.75rem clamp(1.2rem,3.4vw,2.2rem) 1.3rem}
.journey-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:baseline;border-bottom:1px solid #2a4c58;padding-bottom:1rem;margin-bottom:1.5rem}
.journey-title span{color:#7cd9c8;font-size:.7rem;font-weight:800;letter-spacing:.12em}
.journey-title strong{font-size:.85rem;color:#c4dadc;font-weight:600}
.experience-stage{border-bottom:1px solid #2a4c58;margin-bottom:1.5rem;padding-bottom:1.5rem}
.experience-stage:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.stage-index{color:#76d5c3;font-size:.68rem;font-weight:800;letter-spacing:.16em;margin-bottom:.9rem}
.stage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(1.2rem,2.7vw,2.3rem);align-items:start}
.stage-story h3{font-size:clamp(1.38rem,2.1vw,1.75rem);line-height:1.2;letter-spacing:-.035em;margin:0 0 .8rem}
.stage-story>p{color:#bed0d5;font-size:.94rem;line-height:1.75;margin:0 0 1.4rem}
.stage-guard{display:flex;align-items:start;gap:.7rem;background:#102e37;border-left:2px solid #59c7b4;padding:.9rem 1rem;border-radius:0 10px 10px 0}
.guard-symbol{color:#72dbc9;font-weight:800}
.stage-guard strong{display:block;font-size:.67rem;letter-spacing:.1em;color:#87e3d3;margin-bottom:.4rem}
.stage-guard p{color:#c3d6da;font-size:.79rem;line-height:1.6;margin:0}
.stage-visual{border:1px solid #37616c;background:linear-gradient(180deg,#143d45,#0d2933);border-radius:14px;min-height:210px;padding:1.05rem;display:flex;flex-direction:column;justify-content:space-between}
.stage-visual-head,.stage-visual-foot{display:flex;align-items:center;gap:8px;justify-content:space-between;color:#a1d0d1;font-size:.61rem;font-weight:800;letter-spacing:.09em}
.stage-visual-head span:first-child{color:#6fe4cc;font-size:1.4rem;line-height:1}
.visual-sequence{margin-left:auto;color:#6fd4c4}
.stage-connect{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;padding:1.25rem .4rem}
.stage-connect strong{color:#f1fbf8;border:1px solid #3e7881;background:#204950;border-radius:8px;padding:.65rem .7rem;font-size:.75rem;line-height:1.3;text-align:center}
.stage-link{font-size:1.3rem;color:#9ceadd}
.stage-pulse{width:8px;height:8px;border-radius:50%;background:#6bdbc8}
.stage-visual-foot{border-top:1px solid #355962;padding-top:1rem;font-size:.52rem}
.experience-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.15rem 2rem 1.5rem;border-top:1px solid #315965;background:#0c2630}
.experience-progress{margin:0;color:#d8f1f0;font-size:.78rem;font-weight:700}
.experience-control-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.story-button{font:700 .82rem Manrope,system-ui;min-height:44px;padding:.75rem 1rem;border:1px solid #6dcfc0;color:#e8fffa;border-radius:10px;background:#1b5259;cursor:pointer}
.story-button:hover:not(:disabled){background:#237269}
.story-button:disabled{opacity:.4;cursor:not-allowed}
.story-back{background:transparent;border-color:#4d7480}
.experience-footer-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.9rem;margin-top:1.3rem;color:#8fbec0;font-size:.67rem;font-weight:800;letter-spacing:.11em}
.experience-noscript{padding:1rem 2rem;color:#e2eee9}
.experience-outro{background:#081921}
.experience-outro-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}
.experience-outro h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.18;letter-spacing:-.04em;margin:1rem 0}
.experience-outro p{color:#c1d7d9;line-height:1.7}
.experience-outro .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.5rem}
.experience-outro .experience-legal{font-size:.77rem;color:#a3c3c8}
[data-walkthrough] [hidden],.showcase-experience [hidden]{display:none!important}
@media(max-width:1060px){.experience-hero-layout{grid-template-columns:1fr .65fr}.experience-tool{grid-template-columns:1fr}.experience-perspectives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-right:0;border-bottom:1px solid #315965;padding:1rem}.perspective-button{min-height:97px}.perspective-indicator{display:none}}
@media(max-width:760px){.experience-hero{padding-top:7rem}.experience-hero-layout,.experience-headline,.experience-outro-grid{grid-template-columns:1fr}.experience-hero-visual{min-height:230px;max-height:270px}.experience-orbit{width:130px;height:130px}.experience-orbit-b{width:200px;height:200px}.experience-orbit-c{width:90px;height:90px}.experience-hero-monogram{font-size:4rem}.experience-perspectives{grid-template-columns:1fr}.perspective-button{min-height:70px}.stage-grid{grid-template-columns:1fr}.stage-visual{min-height:180px}.experience-controls{padding:1rem 1.2rem}.experience-intro{margin-top:1rem}}
@media(max-width:410px){.console-top{flex-wrap:wrap;font-size:.57rem}.experience-journey{padding:1rem}.experience-progress{width:100%}.experience-control-actions{width:100%}.story-button{flex:1}.stage-visual-foot{font-size:.48rem;flex-wrap:wrap}.experience-hero h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){.perspective-button{transition:none}.experience-orbit{animation:none}}
@media(forced-colors:active){.experience-tool,.experience-intro,.stage-visual,.stage-guard,.perspective-button{border:1px solid CanvasText}.perspective-button[aria-pressed="true"]{outline:2px solid Highlight}.console-light,.stage-pulse{background:Highlight}}