.engse-experience { min-width: 0; }
.engse-experience [hidden] { display: none!important; }
.engse-vista { padding: 12px 0 0; }
.engse-vista-copy { text-align: center; position: relative; z-index: 1; }
.engse-vista-brand { display: flex; align-items: center; justify-content: center; gap: 13px; font-size: 22px; font-weight: 500; letter-spacing: -.8px; margin-bottom: 25px; }
.engse-vista-brand img { border-radius: 9px; }
.engse-brand-dot { color: var(--green); }
.engse-vista .eyebrow { display: block; text-align: center; font-size: 9px; letter-spacing: 2px; color: #8da494; }
.engse-vista h1 { font-size: clamp(36px,4.2vw,58px); line-height: 1.5; font-weight: 600; letter-spacing: -2.7px; margin: 25px 0 23px; }
.engse-vista h1>span { color: var(--green); }
.engse-vista-lead { color: #a0b1a4; font-size: 13px; line-height: 2; }
.engse-vista .engse-cta { justify-content: center; gap: 25px; margin-top: 28px; }
.engse-experience .button { background: var(--green); color: #07120a; border-radius: 5px; padding: 17px 23px; font-size: 12px; }
.engse-experience .button:hover { background: #7aff99; color: #07120a; }
.engse-store-status { background: transparent; color: #799582; padding: 12px 0; font-size: 11px; cursor: default; }
.engse-vista-note { font-size: 9px; color: #6f8b77; margin: 20px 0 0; }
.engse-route-stage { position: relative; height: 650px; margin: 40px 0 0; background: radial-gradient(ellipse at 50% 48%,#30513b66,transparent 66%); isolation: isolate; overflow: clip; }
.engse-route-stage::before { content: ''; position: absolute; inset: 15% 0 10%; background-image: linear-gradient(#406b4920 1px,transparent 1px),linear-gradient(90deg,#406b4920 1px,transparent 1px); background-size: 55px 55px; mask-image: radial-gradient(ellipse,#000,transparent 68%); }
.engse-route { position: absolute; top: 55px; width: 100%; height: 520px; }
.engse-route path { stroke: #486e5244; stroke-width: 1.5; }
.engse-route .engse-route-flow { stroke: #39ff6a6b; stroke-width: 2; stroke-dasharray: 7 24; animation: engse-travel-line 18s linear infinite; }
.engse-route circle { fill: var(--green); opacity: .5; }
.engse-map-coordinate { position: absolute; top: 0; left: 0; width: 100%; text-align: center; font: 8px var(--mono); color: #7c9d88; letter-spacing: 2.3px; }
.engse-vista-screen { position: absolute; top: 90px; width: 200px; animation: engse-drift 10s ease-in-out infinite; }
.engse-vista-screen .engse-screen { margin: 0; width: 100%; }
.engse-vista-screen .engse-screen img { border: 1px solid #5c7665; box-shadow: 0 25px 60px #000a; border-radius: 15px; }
.vista-home { width: 235px; top: 40px; left: calc(50% - 117.5px); z-index: 2; }
.vista-plan { left: calc(50% - 380px); transform: rotate(-6deg); animation-delay: -3s; }
.vista-budget { right: calc(50% - 380px); transform: rotate(6deg); animation-delay: -6s; }
.engse-vista-screen figcaption { text-align: center; }
.engse-experience .engse-section { padding: 75px 0; }
.engse-experience .engse-section-heading { margin-bottom: 35px; }
.engse-experience .engse-section-heading h2 { font-size: 35px; font-weight: 500; line-height: 1.6; letter-spacing: -1.7px; }
.engse-experience .engse-section-heading>p:last-child { font-size: 12px; }
.engse-experience .engse-section-nav { justify-content: center; gap: 45px; font-size: 11px; overflow-x: auto; white-space: nowrap; }
.engse-journey-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin: 35px 0 0; }
.engse-journey-tabs button { display: flex; align-items: center; gap: 15px; text-align: left; padding: 22px; border: 1px solid #2d4334; color: #93aa9b; background: #101a13; border-radius: 6px 6px 0 0; font-size: 14px; transition: border-color .25s,background .25s; }
.engse-journey-tabs button>span { font: 10px var(--mono); color: #60846c; }
.engse-journey-tabs small { margin-left: auto; font: 8px var(--mono); letter-spacing: 1px; color: #577962; }
.engse-journey-tabs button[aria-selected=true] { color: #d6e9db; border-color: #528361; background: #1b3022; }
.engse-journey-tabs button[aria-selected=true]>span { color: var(--green); }
.engse-journey-panel { display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; padding: 50px 40px; border: 1px solid #2e4838; background: #101912; border-radius: 0 0 8px 8px; align-items: center; }
.engse-journey-panel .engse-chapter-copy { min-width: 0; }
.engse-journey-panel h3 { font-size: 30px; font-weight: 500; line-height: 1.65; letter-spacing: -1.2px; margin: 22px 0; }
.engse-journey-panel .engse-lead { font-size: 12px; line-height: 2; }
.engse-journey-details { margin-top: 25px; }
.engse-journey-details details { border-top: 1px solid #2e4436; }
.engse-journey-details summary { display: flex; justify-content: space-between; gap: 15px; padding: 18px 0; list-style: none; cursor: pointer; font-size: 12px; color: #bed3c5; }
.engse-journey-details summary::-webkit-details-marker { display: none; }
.engse-journey-details summary>span { color: var(--green); font: 17px var(--mono); }
.engse-journey-details details[open] summary>span { transform: rotate(45deg); }
.engse-journey-details p { font-size: 11px; color: #8ca595; line-height: 2; margin: 0 0 20px; }
.engse-journey-panel .engse-screen-pair { padding: 0; gap: 15px; }
.engse-journey-panel .engse-screen-pair.single .engse-screen { width: 235px; }
.engse-toolkit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.engse-toolkit-card { position: relative; overflow: hidden; background: #111c15; border: 1px solid #2e4736; border-radius: 8px; padding: 32px; }
.engse-toolkit-card .eyebrow { font-size: 9px; color: #81aa8d; }
.engse-toolkit-card h3 { font-size: 23px; font-weight: 500; letter-spacing: -.8px; }
.engse-toolkit-card p { font-size: 12px; line-height: 2; color: #9fb3a6; max-width: 400px; }
.engse-toolkit-card small { color: #799986; font-size: 9px; }
.toolkit-wide { grid-column: 1/-1; display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: center; padding: 40px; }
.engse-mini-ledger { padding: 27px; border: 1px solid #3b5a45; background: #15271c; transform: rotate(-2deg); border-radius: 7px; box-shadow: 0 18px 45px #0005; }
.engse-mini-ledger>span { display: block; font: 8px var(--mono); color: #78a98a; letter-spacing: 1px; margin-bottom: 17px; }
.engse-mini-ledger>div { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-top: 1px solid #304c3b; font-size: 11px; }
.engse-mini-ledger i { font: 16px var(--mono); color: var(--green); }
.engse-mini-ledger b { font-weight: 400; color: #bfd1c4; }
.engse-mini-ledger em { margin-left: auto; font-style: normal; font-size: 9px; color: #6c9b7a; }
.engse-file-icons { display: flex; gap: 15px; margin: 30px 0 20px; }
.engse-file-icons span { display: grid; place-items: center; width: 80px; height: 92px; border: 1px solid #42654d; border-radius: 6px; font: 16px var(--mono); color: #a5d6b4; background: #203829; transform: rotate(-8deg); }
.engse-file-icons span+span { transform: rotate(8deg); margin-top: 12px; background: #192d20; }
.engse-backup-art { font: 70px var(--mono); color: #355d41; margin: 26px 0 0; letter-spacing: 10px; }
.engse-backup-art>span { color: #82c994; }
.engse-experience .engse-ai { gap: 70px; }
.engse-policy-link { color: #a4d8b3; font-size: 11px; display: inline-block; margin-top: 25px; }
.engse-experience .engse-bottom { padding: 65px 0 15px; }
.engse-experience .engse-bottom h2 { font-size: 34px; font-weight: 500; }
.engse-experience .engse-screen-explorer { background: #101a13; }
.engse-motion .engse-section { opacity: 0; transform: translateY(20px); transition: opacity .7s ease,transform .7s ease; }
.engse-motion .engse-section.is-visible { opacity: 1; transform: none; }
.engse-panel-enter { animation: engse-panel-enter .4s ease both; }
@keyframes engse-panel-enter { from { opacity: .25; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes engse-drift { 0%,100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@keyframes engse-travel-line { to { stroke-dashoffset: -310; } }
@media(max-width:1000px) and (min-width:701px) {
  .engse-journey-tabs button { padding: 18px; font-size: 12px; gap: 10px; }
  .engse-journey-tabs small { display: none; }
  .engse-journey-panel { gap: 30px; padding: 35px 25px; }
  .engse-journey-panel h3 { font-size: 27px; }
  .engse-experience .engse-section-nav { gap: 25px; }
  .vista-plan { left: calc(50% - 290px); width: 160px; }
  .vista-budget { right: calc(50% - 290px); width: 160px; }
}
@media(max-width:700px) {
  .engse-vista { padding: 0; }
  .engse-vista-brand { font-size: 19px; gap: 10px; margin-bottom: 22px; }
  .engse-vista-brand img { width: 32px; height: 32px; }
  .engse-vista .eyebrow { font-size: 7px; letter-spacing: 1.5px; }
  .engse-vista h1 { font-size: clamp(26px,7.3vw,38px); letter-spacing: -1.2px; line-height: 1.6; margin: 23px 0 20px; }
  .engse-vista-lead { font-size: 10px; line-height: 2; }
  .engse-vista-lead br { display: none; }
  .engse-vista .engse-cta { gap: 10px; flex-direction: column; margin-top: 25px; }
  .engse-experience .button { font-size: 10px; padding: 15px 18px; gap: 18px; }
  .engse-store-status { font-size: 9px; padding: 7px; }
  .engse-vista-note { font-size: 8px; line-height: 1.9; max-width: 300px; margin: 14px auto 0; }
  .engse-route-stage { margin-top: 30px; height: 535px; }
  .engse-route { width: 950px; max-width: none; height: 430px; left: calc(50% - 475px); top: 20px; }
  .engse-map-coordinate { font-size: 6px; letter-spacing: 1px; }
  .vista-home { width: 185px; left: calc(50% - 92.5px); top: 35px; }
  .vista-plan { width: 115px; left: calc(50% - 175px); top: 100px; }
  .vista-budget { width: 115px; right: calc(50% - 175px); top: 100px; }
  .engse-vista-screen figcaption { font-size: 8px; }
  .engse-vista-screen figcaption strong { font-size: 10px; }
  .vista-plan figcaption,.vista-budget figcaption { padding: 10px 0; }
  .vista-plan figcaption span,.vista-budget figcaption span,.vista-plan figcaption small,.vista-budget figcaption small { display: none; }
  .engse-experience .engse-section-nav { gap: 22px; justify-content: start; padding: 18px 0; font-size: 9px; }
  .engse-experience .engse-section { padding: 50px 0; }
  .engse-experience .engse-section-heading h2 { font-size: 27px; line-height: 1.6; letter-spacing: -1.2px; }
  .engse-experience .engse-section-heading>p:last-child { font-size: 11px; }
  .engse-experience .engse-section-heading { margin-bottom: 25px; }
  .engse-journey-tabs { gap: 7px; margin-top: 25px; }
  .engse-journey-tabs button { padding: 15px 8px; font-size: 10px; gap: 6px; flex-direction: column; text-align: center; }
  .engse-journey-tabs button>span { font-size: 8px; }
  .engse-journey-tabs small { display: none; }
  .engse-journey-panel { grid-template-columns: 1fr; gap: 30px; padding: 25px 20px; }
  .engse-journey-panel h3 { font-size: 24px; line-height: 1.6; }
  .engse-journey-panel .engse-lead { font-size: 11px; }
  .engse-journey-details summary { font-size: 11px; padding: 16px 0; }
  .engse-journey-details p { font-size: 10px; }
  .engse-journey-panel .engse-screen-pair.single .engse-screen { width: 215px; }
  .engse-journey-panel .engse-screen-pair { gap: 10px; }
  .engse-toolkit-grid { grid-template-columns: 1fr; gap: 15px; }
  .toolkit-wide { grid-column: auto; grid-template-columns: 1fr; gap: 25px; padding: 25px; }
  .engse-toolkit-card { padding: 25px; }
  .engse-toolkit-card h3 { font-size: 21px; }
  .engse-toolkit-card p { font-size: 11px; }
  .engse-mini-ledger { padding: 21px; }
  .engse-mini-ledger>span { font-size: 7px; }
  .engse-mini-ledger>div { font-size: 10px; }
  .engse-experience .engse-ai { gap: 35px; }
  .engse-experience .engse-bottom { padding: 50px 0 0; }
  .engse-experience .engse-bottom h2 { font-size: 27px; }
}
@media(prefers-reduced-motion:reduce) {
  .engse-experience *,.engse-experience *::before,.engse-experience *::after { animation: none!important; transition: none!important; }
}