/* DET Teknoloji - Immersive product simulations v3 */
.simulation-lab-page [hidden]{display:none!important}
.simulation-lab-page{position:relative;overflow:hidden;background:
radial-gradient(circle at 18% 6%,rgba(27,123,255,.18),transparent 28%),
radial-gradient(circle at 92% 30%,rgba(25,220,255,.10),transparent 26%),
linear-gradient(180deg,#04101f 0%,#020914 48%,#020711 100%);color:#f4f8ff}
.simulation-lab-page::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(79,153,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(79,153,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),transparent 92%)}
.simulation-hero,.simulation-content{position:relative;z-index:1}
.simulation-hero{padding:72px 0 54px}
.simulation-hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:64px}
.simulation-hero__copy h1{max-width:760px;font-size:clamp(3.1rem,5.6vw,6.2rem);line-height:.95;letter-spacing:-.065em;margin:18px 0 28px;font-weight:900}
.simulation-hero__copy h1 span{display:block;background:linear-gradient(100deg,#22e3ff,#297cff 56%,#73c8ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(43,151,255,.18)}
.simulation-hero__copy>p{max-width:710px;font-size:1.1rem;line-height:1.8;color:#b6c7df}
.simulation-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.simulation-hero__facts{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px;color:#bdd1ea;font-size:.9rem;font-weight:700}
.simulation-hero__facts span{display:flex;align-items:center;gap:8px}
.simulation-hero__facts i{color:#35efaf}
.simulation-hero__visual{position:relative;height:520px;perspective:1200px}
.simulation-preview{position:absolute;overflow:hidden;border:1px solid rgba(108,184,255,.27);border-radius:26px;background:#071324;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 45px rgba(24,126,255,.12);transition:transform .45s cubic-bezier(.2,.75,.2,1),z-index .2s}
.simulation-preview:hover{z-index:5;transform:translateY(-8px) rotate(0deg) scale(1.025)}
.simulation-preview img{width:100%;height:100%;object-fit:cover;display:block}
.simulation-preview::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(2,8,18,.95))}
.simulation-preview>div{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;display:flex;align-items:center;gap:12px}
.simulation-preview>div>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#26d9ff,#1768ed);box-shadow:0 10px 28px rgba(24,118,255,.38)}
.simulation-preview span{display:grid;gap:2px}
.simulation-preview strong{font-size:1rem}
.simulation-preview small{color:#9fb3d0;font-size:.78rem}
.simulation-preview--vision{width:63%;height:59%;right:0;top:6%;transform:rotate(1.8deg)}
.simulation-preview--moon{width:53%;height:47%;left:0;bottom:9%;transform:rotate(-2deg)}
.simulation-preview--tuana{width:48%;height:41%;right:1%;bottom:0;transform:rotate(1.2deg)}

.simulation-content{padding:0 0 80px}
.simulation-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:10px;border:1px solid rgba(90,169,255,.16);border-radius:24px;background:rgba(2,9,20,.82);box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(18px);position:sticky;top:88px;z-index:18}
.simulation-tab{min-width:0;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:16px 18px;border-radius:17px;border:1px solid transparent;background:transparent;color:#b7c8df;text-align:left;cursor:pointer;transition:.25s ease}
.simulation-tab:hover{background:rgba(38,127,255,.08);color:#fff}
.simulation-tab.is-active{color:#fff;border-color:rgba(42,191,255,.38);background:linear-gradient(145deg,rgba(16,129,255,.18),rgba(4,29,60,.7));box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 28px rgba(29,137,255,.11)}
.simulation-tab>i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#0a1a2e;border:1px solid rgba(92,179,255,.17);color:#3bdfff;font-size:1.15rem}
.simulation-tab.is-active>i{background:linear-gradient(145deg,#20d5ff,#1668f2);color:#fff;box-shadow:0 12px 26px rgba(23,112,255,.32)}
.simulation-tab span{display:grid;gap:3px}
.simulation-tab strong{font-size:1rem}
.simulation-tab small{font-size:.78rem;color:#8297b6}
.simulation-tab em{font-style:normal;color:#526a89;font-weight:900;font-size:1.15rem}

.simulation-panel{margin-top:20px;padding:32px;border:1px solid rgba(90,169,255,.18);border-radius:30px;background:linear-gradient(180deg,rgba(7,18,34,.95),rgba(3,10,21,.97));box-shadow:0 32px 80px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.035)}
.simulation-panel__header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}
.simulation-panel__header>div{max-width:900px}
.simulation-panel__header h2{font-size:clamp(2rem,3.3vw,3.45rem);line-height:1.03;margin:10px 0 12px;letter-spacing:-.045em}
.simulation-panel__header p{font-size:1rem;line-height:1.7;color:#9db1cc}
.simulation-kicker{display:inline-flex;color:#57d8ff;font-size:.78rem;letter-spacing:.13em;font-weight:900;text-transform:uppercase}

.product-simulator{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.72fr);gap:20px;align-items:stretch}
.simulator-stage,.simulator-console{border:1px solid rgba(87,172,255,.18);border-radius:24px;background:#030b16;box-shadow:0 22px 58px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025)}
.simulator-stage{position:relative;overflow:hidden;min-height:650px;isolation:isolate}
.simulator-stage__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.simulator-stage__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(1,7,16,.1),rgba(1,7,16,.24) 45%,rgba(1,7,16,.8));pointer-events:none}
.live-feed-badge{position:absolute;left:20px;top:20px;display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:rgba(2,10,21,.82);border:1px solid rgba(82,174,255,.28);backdrop-filter:blur(12px);font-size:.72rem;font-weight:900;letter-spacing:.1em;z-index:4}
.live-feed-badge i{width:8px;height:8px;border-radius:50%;background:#37f0a7;box-shadow:0 0 0 5px rgba(55,240,167,.1),0 0 12px #37f0a7;animation:sim-pulse 1.8s infinite}
@keyframes sim-pulse{50%{opacity:.45;transform:scale(.75)}}

.simulator-console{padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}
.simulator-console__status{display:flex;align-items:center;gap:13px;padding:16px;border-radius:18px;background:linear-gradient(145deg,rgba(13,36,66,.86),rgba(5,18,35,.92));border:1px solid rgba(81,169,255,.2)}
.simulator-console__status>i{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:rgba(36,137,255,.13);border:1px solid rgba(68,184,255,.22);color:#48d8ff}
.simulator-console__status>div{display:grid;gap:3px;min-width:0}
.simulator-console__status small{font-size:.67rem;letter-spacing:.12em;color:#5ed7ff;font-weight:900}
.simulator-console__status strong{font-size:1.02rem}
.simulator-console__status span{font-size:.78rem;color:#91a7c5;line-height:1.4}

.simulation-steps{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.simulation-steps li{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:13px;border:1px solid rgba(70,147,222,.1);background:rgba(255,255,255,.018);color:#7f93ae;transition:.22s ease}
.simulation-steps li>i{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#0a192b;border:1px solid rgba(77,160,237,.16);font-style:normal;font-size:.72rem;font-weight:900}
.simulation-steps li span{display:grid;gap:2px}
.simulation-steps li strong{font-size:.82rem}
.simulation-steps li small{font-size:.69rem;color:#657b99}
.simulation-steps li.is-active{border-color:rgba(43,198,255,.42);background:rgba(34,132,255,.11);color:#fff;box-shadow:0 0 24px rgba(26,133,255,.1)}
.simulation-steps li.is-active>i{background:linear-gradient(145deg,#22dbff,#1867ee);color:#fff;box-shadow:0 7px 18px rgba(22,108,238,.3)}
.simulation-steps li.is-done{color:#d9fbed;border-color:rgba(47,231,166,.24);background:rgba(28,176,121,.06)}
.simulation-steps li.is-done>i{color:#04150e;background:#39e8a5;border-color:#39e8a5}
.simulation-steps li.is-failed{color:#ffd2d7;border-color:rgba(255,74,99,.34);background:rgba(255,54,82,.08)}
.simulation-steps li.is-failed>i{color:#fff;background:#e83d57;border-color:#e83d57}
.simulation-steps--compact{grid-template-columns:repeat(2,minmax(0,1fr))}

.simulation-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.simulation-data-grid>div{min-width:0;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
.simulation-data-grid dt{font-size:.62rem;color:#617895;letter-spacing:.09em;text-transform:uppercase;font-weight:900;margin-bottom:4px}
.simulation-data-grid dd{margin:0;font-size:.8rem;color:#e5effd;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.simulation-data-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.simulation-log{min-height:85px;max-height:118px;overflow:auto;padding:10px;border-radius:13px;background:#020914;border:1px solid rgba(91,165,235,.12);font-size:.72rem;color:#8fa3bf}
.simulation-log>div{display:grid;grid-template-columns:62px 1fr;gap:8px;padding:6px 2px;border-bottom:1px solid rgba(255,255,255,.04)}
.simulation-log>div:last-child{border-bottom:0}
.simulation-log time{color:#3ecfff;font-variant-numeric:tabular-nums}
.simulator-primary-action,.simulator-secondary-action{width:100%;min-height:52px;margin-top:auto}
.simulator-secondary-action{margin-top:0}

/* DET Vision */
.vision-stage-v3__image{object-position:center}
.vision-stage-v3 .simulator-stage__shade{background:linear-gradient(180deg,rgba(0,5,13,.25),rgba(0,5,13,.08) 45%,rgba(0,7,17,.86))}
.vision-scan-beam{position:absolute;z-index:2;right:12%;top:8%;width:48%;height:72%;clip-path:polygon(76% 0,100% 1%,46% 100%,0 100%);background:linear-gradient(158deg,rgba(38,168,255,0),rgba(29,159,255,.17) 45%,rgba(46,220,255,.46));filter:blur(1px);opacity:0;transform-origin:85% 0;pointer-events:none}
.vision-stage-v3.is-scanning .vision-scan-beam{animation:vision-scan 1.55s ease-in-out infinite;opacity:1}
@keyframes vision-scan{0%,100%{transform:translateX(8%) scaleX(.82);opacity:.22}50%{transform:translateX(-8%) scaleX(1.12);opacity:.8}}
.vision-target-box{position:absolute;z-index:5;left:58%;top:56%;width:170px;height:62px;border:2px solid #31e8ff;border-radius:7px;box-shadow:0 0 0 1px rgba(21,111,255,.55),0 0 22px rgba(37,215,255,.5);animation:target-pop .4s ease both}
.vision-target-box span::before,.vision-target-box span::after{content:"";position:absolute;width:16px;height:16px;border-color:#fff}
.vision-target-box span::before{left:-5px;top:-5px;border-left:3px solid;border-top:3px solid}
.vision-target-box span::after{right:-5px;bottom:-5px;border-right:3px solid;border-bottom:3px solid}
.vision-target-box strong{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);padding:7px 12px;border-radius:7px;background:#f5f8fc;color:#07101b;white-space:nowrap;font-size:.87rem;letter-spacing:.07em}
@keyframes target-pop{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
.vision-stage-card{position:absolute;z-index:6;padding:14px 16px;border-radius:16px;background:rgba(3,12,24,.91);border:1px solid rgba(56,202,255,.42);backdrop-filter:blur(12px);box-shadow:0 17px 45px rgba(0,0,0,.35),0 0 22px rgba(30,150,255,.12);animation:card-enter .35s ease both}
@keyframes card-enter{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.vision-stage-card--plate{right:22px;top:74px;display:grid;gap:5px;min-width:190px}
.vision-stage-card--plate small{font-size:.64rem;color:#52d9ff;letter-spacing:.12em;font-weight:900}
.vision-stage-card--plate strong{font-size:1.35rem;letter-spacing:.09em}
.vision-stage-card--plate span{font-size:.72rem;color:#8da4c2}
.vision-stage-card--decision{left:50%;top:22%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;min-width:300px;border-color:rgba(58,236,172,.46)}
.vision-stage-card--decision>i{font-size:1.55rem;color:#3eeba9}
.vision-stage-card--decision>div{display:grid;gap:3px}
.vision-stage-card--decision small{font-size:.62rem;color:#48e2a6;letter-spacing:.12em;font-weight:900}
.vision-stage-card--decision strong{font-size:1rem}
.vision-stage-card--decision span{font-size:.74rem;color:#9fb2ca}
.vision-stage-card--decision.is-warning{border-color:rgba(255,190,63,.52)}
.vision-stage-card--decision.is-warning>i,.vision-stage-card--decision.is-warning small{color:#ffc956}
.vision-stage-card--decision.is-denied{border-color:rgba(255,76,101,.55)}
.vision-stage-card--decision.is-denied>i,.vision-stage-card--decision.is-denied small{color:#ff6077}
.vision-barrier-signal{position:absolute;z-index:5;right:22px;bottom:118px;display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:12px;background:rgba(1,9,19,.84);border:1px solid rgba(255,92,109,.28);backdrop-filter:blur(10px);font-size:.74rem}
.vision-barrier-signal span{width:9px;height:9px;border-radius:50%;background:#ff4d65;box-shadow:0 0 12px #ff4d65}
.vision-stage-v3.is-approved .vision-barrier-signal{border-color:rgba(47,233,168,.34)}
.vision-stage-v3.is-approved .vision-barrier-signal span{background:#35eca7;box-shadow:0 0 12px #35eca7}
.vision-stage-v3.is-denied::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at center,transparent 40%,rgba(164,5,27,.24));animation:alarm-flash .8s ease-in-out 2}
@keyframes alarm-flash{50%{background:rgba(194,8,34,.17)}}
.vision-scenario-bar{position:absolute;z-index:8;left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:9px;border-radius:18px;background:rgba(1,8,18,.84);border:1px solid rgba(80,166,255,.2);backdrop-filter:blur(15px)}
.vision-scenario{min-width:0;display:flex;align-items:center;gap:10px;padding:11px;border-radius:13px;border:1px solid transparent;background:transparent;color:#91a7c4;text-align:left;cursor:pointer}
.vision-scenario>i{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#0a192b;color:#47d9ff}
.vision-scenario span{display:grid;gap:2px;min-width:0}
.vision-scenario strong{font-size:.77rem;color:#e8f1ff}
.vision-scenario small{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vision-scenario em{font-style:normal}
.vision-scenario.is-active{border-color:rgba(48,190,255,.36);background:rgba(18,111,210,.14)}
.vision-scenario:disabled{opacity:.5;cursor:not-allowed}

/* Moon */
.moon-stage-v3__shade{background:linear-gradient(90deg,rgba(1,7,15,.88),rgba(1,7,15,.2) 44%,rgba(1,7,15,.62)),linear-gradient(180deg,transparent 45%,rgba(2,8,17,.82))}
.moon-reader-hotspot{position:absolute;z-index:6;left:34%;top:33%;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;color:#eaf5ff;cursor:pointer}
.moon-reader-hotspot__ring{position:absolute;inset:10px;border-radius:50%;border:2px solid rgba(48,213,255,.64);box-shadow:0 0 30px rgba(31,178,255,.32),inset 0 0 28px rgba(24,108,255,.14);animation:reader-ring 2s ease-in-out infinite}
@keyframes reader-ring{50%{transform:scale(.89);opacity:.52}}
.moon-reader-hotspot>i{font-size:1.4rem;color:#3ce3ff;margin-bottom:30px}
.moon-reader-hotspot>strong{position:absolute;bottom:29px;font-size:.72rem;text-shadow:0 2px 10px #000}
.moon-stage-v3.is-reading .moon-reader-hotspot__ring{animation:reader-fast .45s linear infinite;border-color:#fff}
@keyframes reader-fast{to{transform:rotate(360deg)}}
.moon-stage-v3.is-approved .moon-reader-hotspot__ring{border-color:#39edaa;box-shadow:0 0 36px rgba(57,237,170,.48)}
.moon-stage-v3.is-denied .moon-reader-hotspot__ring{border-color:#ff5870;box-shadow:0 0 36px rgba(255,62,91,.42)}
.moon-gate-overlay{position:absolute;z-index:4;right:11%;bottom:19%;width:37%;height:37%;pointer-events:none;perspective:800px}
.moon-gate-wing{position:absolute;top:10%;width:47%;height:80%;border:1px solid rgba(81,204,255,.46);background:linear-gradient(120deg,rgba(111,215,255,.08),rgba(28,125,255,.16));box-shadow:inset 0 0 24px rgba(39,157,255,.12);transition:transform .85s cubic-bezier(.2,.75,.2,1),opacity .4s}
.moon-gate-wing--left{left:2%;transform-origin:left center}
.moon-gate-wing--right{right:2%;transform-origin:right center}
.moon-stage-v3.is-approved .moon-gate-wing--left{transform:rotateY(78deg)}
.moon-stage-v3.is-approved .moon-gate-wing--right{transform:rotateY(-78deg)}
.moon-stage-v3.is-denied .moon-gate-wing{border-color:rgba(255,77,101,.58);background:rgba(255,39,67,.1)}
.moon-card-tray{position:absolute;z-index:8;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border-radius:18px;background:rgba(1,8,17,.87);border:1px solid rgba(80,169,255,.18);backdrop-filter:blur(16px)}
.moon-sim-card{min-width:0;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;border-radius:13px;border:1px solid transparent;background:transparent;color:#8da1bd;text-align:left;cursor:pointer}
.moon-sim-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#1fc8ff,#1d64ed);color:#fff;font-weight:900}
.moon-sim-card>div{display:grid;gap:2px;min-width:0}
.moon-sim-card strong{font-size:.74rem;color:#edf5ff}
.moon-sim-card small{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.moon-sim-card em{font-style:normal;font-size:.61rem;font-weight:900;padding:5px 7px;border-radius:999px;background:rgba(47,225,166,.12);color:#4de7aa}
.moon-sim-card[data-moon-card="visitor"] em{color:#5fd4ff;background:rgba(46,163,255,.12)}
.moon-sim-card[data-moon-card="expired"] em{color:#ff7285;background:rgba(255,69,94,.12)}
.moon-sim-card.is-active{border-color:rgba(50,190,255,.4);background:rgba(27,117,221,.14)}
.moon-sim-card:disabled{opacity:.5;cursor:not-allowed}
.moon-floating-card{position:absolute;z-index:12;left:22%;bottom:24%;width:190px;height:118px;padding:15px;border-radius:16px;background:linear-gradient(145deg,#0a233e,#04101d);border:1px solid rgba(62,198,255,.45);box-shadow:0 25px 50px rgba(0,0,0,.45),0 0 30px rgba(29,144,255,.18);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:10px;align-content:center;animation:moon-card-read 1.1s cubic-bezier(.2,.72,.2,1) both}
.moon-floating-card>i{grid-row:1/4;width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#1681ee;color:#fff}
.moon-floating-card small{font-size:.58rem;color:#54dcff;letter-spacing:.1em}
.moon-floating-card strong{font-size:.86rem}
.moon-floating-card span{font-size:.68rem;color:#8298b6}
@keyframes moon-card-read{0%{opacity:0;transform:translate(-55%,70%) rotate(-8deg) scale(.78)}55%{opacity:1;transform:translate(40%,-55%) rotate(3deg) scale(1)}100%{opacity:1;transform:translate(26%,-38%) rotate(0) scale(.92)}}
.moon-stage-result{position:absolute;z-index:13;left:50%;top:18%;transform:translateX(-50%);min-width:310px;display:flex;align-items:center;gap:12px;padding:15px 18px;border-radius:17px;background:rgba(2,12,23,.93);border:1px solid rgba(51,231,170,.48);box-shadow:0 22px 55px rgba(0,0,0,.38),0 0 25px rgba(43,209,155,.12);animation:card-enter .35s ease both}
.moon-stage-result>i{font-size:1.55rem;color:#3ceca9}
.moon-stage-result>div{display:grid;gap:3px}
.moon-stage-result strong{font-size:1rem}
.moon-stage-result span{font-size:.73rem;color:#9cb0c9}
.moon-stage-result.is-denied{border-color:rgba(255,77,101,.5)}
.moon-stage-result.is-denied>i{color:#ff5e75}
.simulation-switch{display:flex;align-items:center;gap:11px;padding:12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);cursor:pointer}
.simulation-switch input{position:absolute;opacity:0;pointer-events:none}
.simulation-switch>span{position:relative;width:44px;height:24px;flex:0 0 auto;border-radius:999px;background:#15243a;transition:.2s}
.simulation-switch>span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#8296af;transition:.2s}
.simulation-switch input:checked+span{background:#125cb4}
.simulation-switch input:checked+span::after{left:23px;background:#3de2ff}
.simulation-switch>div{display:grid;gap:2px}
.simulation-switch strong{font-size:.79rem}
.simulation-switch small{font-size:.68rem;color:#7e93af}

/* Tuana */
.tuana-stage-v3__shade{background:linear-gradient(90deg,rgba(2,8,16,.78),rgba(2,8,16,.34) 48%,rgba(2,8,16,.72)),linear-gradient(180deg,rgba(2,8,16,.12),rgba(2,8,16,.76))}
.tuana-terminal-screen{position:absolute;z-index:6;left:6%;top:12%;width:67%;height:72%;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,rgba(5,17,32,.95),rgba(2,10,20,.97));border:1px solid rgba(80,183,255,.34);box-shadow:0 30px 70px rgba(0,0,0,.48),0 0 35px rgba(22,126,255,.14);backdrop-filter:blur(13px)}
.tuana-terminal-screen>header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;border-bottom:1px solid rgba(78,159,237,.15);background:rgba(9,27,49,.72)}
.tuana-terminal-screen>header>div:first-child{display:flex;align-items:center;gap:10px}
.tuana-terminal-screen>header i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#28d4ff,#1766ec)}
.tuana-terminal-screen>header span{display:grid;gap:2px}
.tuana-terminal-screen>header strong{font-size:.86rem}
.tuana-terminal-screen>header small{font-size:.61rem;color:#87a0be}
.tuana-balance{text-align:right}
.tuana-balance strong{font-size:1rem!important;color:#62e5ff}
.tuana-category-row{display:flex;gap:7px;padding:12px 14px 4px;overflow:auto}
.tuana-category-row button{padding:7px 11px;border-radius:999px;border:1px solid rgba(73,155,236,.16);background:#071427;color:#8095b0;font-size:.68rem;font-weight:800;cursor:pointer;white-space:nowrap}
.tuana-category-row button.is-active{color:#fff;border-color:#2ac8ff;background:rgba(24,126,229,.22)}
.tuana-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 14px 15px;overflow:auto}
.tuana-products button{position:relative;min-width:0;min-height:107px;padding:12px 8px 8px;border-radius:14px;border:1px solid rgba(83,164,241,.14);background:linear-gradient(145deg,#09192d,#05101e);color:#dbe7f8;display:grid;justify-items:center;align-content:center;gap:7px;cursor:pointer;transition:.2s}
.tuana-products button:hover{transform:translateY(-2px);border-color:rgba(46,199,255,.4);box-shadow:0 12px 25px rgba(0,0,0,.22)}
.tuana-products button>i{font-size:1.28rem;color:#47d9ff}
.tuana-products button>span{display:grid;gap:3px;text-align:center}
.tuana-products button strong{font-size:.68rem}
.tuana-products button small{font-size:.72rem;color:#fff;font-weight:900}
.tuana-products button>em{position:absolute;right:7px;top:7px;font-style:normal;font-size:.56rem;padding:4px 6px;border-radius:999px;background:rgba(43,230,164,.11);color:#49e6a9}
.tuana-products button.is-out{opacity:.42;pointer-events:none}
.tuana-products button[hidden]{display:none!important}
.tuana-card-animation{position:absolute;z-index:12;right:6%;bottom:18%;width:180px;height:105px;padding:14px;border-radius:15px;background:linear-gradient(145deg,#0a3155,#071729);border:1px solid rgba(55,199,255,.45);box-shadow:0 25px 55px rgba(0,0,0,.42),0 0 28px rgba(31,141,255,.18);display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-content:center;animation:tuana-card-read 1.15s cubic-bezier(.2,.72,.2,1) both}
.tuana-card-animation i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#1678e4}
.tuana-card-animation strong{font-size:.78rem}
.tuana-card-animation span{font-size:.66rem;color:#83a0c2}
@keyframes tuana-card-read{0%{opacity:0;transform:translate(80%,100%) rotate(10deg) scale(.75)}55%{opacity:1;transform:translate(4%,-20%) rotate(-2deg) scale(1)}100%{opacity:1;transform:translate(-7%,-12%) rotate(0) scale(.94)}}
.tuana-payment-result{position:absolute;z-index:14;left:50%;top:18%;transform:translateX(-50%);min-width:340px;display:flex;align-items:center;gap:12px;padding:16px 19px;border-radius:17px;background:rgba(2,12,23,.95);border:1px solid rgba(53,236,172,.48);box-shadow:0 22px 55px rgba(0,0,0,.42),0 0 28px rgba(46,215,160,.14);animation:card-enter .35s ease both}
.tuana-payment-result>i{font-size:1.6rem;color:#3becaa}
.tuana-payment-result>div{display:grid;gap:3px}
.tuana-payment-result strong{font-size:1.02rem}
.tuana-payment-result span{font-size:.74rem;color:#98acc5}
.tuana-payment-result.is-error{border-color:rgba(255,75,101,.5)}
.tuana-payment-result.is-error>i{color:#ff5d75}
.tuana-cart{min-height:160px;max-height:230px;overflow:auto;padding:10px;border-radius:14px;background:#020914;border:1px solid rgba(89,163,235,.12)}
.tuana-cart>p{font-size:.75rem;color:#758aa6;text-align:center;padding:40px 10px}
.tuana-cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 5px;border-bottom:1px solid rgba(255,255,255,.05)}
.tuana-cart-item:last-child{border-bottom:0}
.tuana-cart-item>div:first-child{display:grid;gap:3px;min-width:0}
.tuana-cart-item strong{font-size:.76rem}
.tuana-cart-item small{font-size:.64rem;color:#7188a6}
.tuana-qty{display:flex;align-items:center;gap:6px}
.tuana-qty button{width:25px;height:25px;border-radius:8px;border:1px solid rgba(80,169,255,.18);background:#0b1a2e;color:#ddecff;cursor:pointer}
.tuana-qty span{min-width:17px;text-align:center;font-size:.72rem;font-weight:900}
.tuana-totals{display:grid;gap:8px;padding:12px;border-radius:14px;background:rgba(255,255,255,.023);border:1px solid rgba(255,255,255,.055)}
.tuana-totals>div{display:flex;justify-content:space-between;gap:15px;font-size:.74rem;color:#8196b2}
.tuana-totals strong{color:#d9e7f9}
.tuana-totals .is-grand{padding-top:9px;border-top:1px solid rgba(255,255,255,.07);font-size:.89rem;color:#fff}
.tuana-totals .is-grand strong{color:#53e2ff;font-size:1.05rem}
.tuana-reader-console{display:flex;align-items:center;gap:11px;padding:12px;border-radius:14px;border:1px solid rgba(55,194,255,.22);background:rgba(18,88,158,.09)}
.tuana-reader-console>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#0c2745;color:#43dfff}
.tuana-reader-console>div{display:grid;gap:3px}
.tuana-reader-console small{font-size:.61rem;color:#55d9ff;letter-spacing:.1em;font-weight:900}
.tuana-reader-console strong{font-size:.78rem}
.tuana-reader-console.is-reading>i{animation:reader-ring .4s ease-in-out infinite}
.tuana-reader-console.is-success{border-color:rgba(52,233,170,.35)}
.tuana-reader-console.is-error{border-color:rgba(255,75,101,.38)}
.tuana-console-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tuana-console-actions .btn{min-height:44px;padding:0 10px;font-size:.73rem}

.simulation-next-step{margin-top:24px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid rgba(79,172,255,.2);border-radius:26px;background:radial-gradient(circle at 85% 30%,rgba(23,142,255,.18),transparent 26%),linear-gradient(145deg,rgba(9,31,58,.9),rgba(3,12,25,.92));box-shadow:0 22px 60px rgba(0,0,0,.3)}
.simulation-next-step>div{max-width:850px}
.simulation-next-step h2{font-size:clamp(1.7rem,2.6vw,2.7rem);margin:12px 0 8px}
.simulation-next-step p{color:#9db0c9;line-height:1.65}

@media(max-width:1180px){
.simulation-hero__grid{grid-template-columns:1fr;gap:24px}
.simulation-hero__visual{height:440px;max-width:820px;width:100%;margin:auto}
.product-simulator{grid-template-columns:1fr}
.simulator-stage{min-height:620px}
.simulator-console{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.simulator-console__status,.simulator-primary-action,.simulator-secondary-action,.simulation-log{grid-column:1/-1}
.simulation-data-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.simulation-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.simulation-steps--compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.simulation-steps li{align-items:flex-start}
}
@media(max-width:820px){
.simulation-hero{padding:42px 0 30px}
.simulation-hero__copy h1{font-size:clamp(2.7rem,12vw,4.5rem)}
.simulation-hero__visual{height:350px}
.simulation-preview--vision{width:69%;height:61%}
.simulation-preview--moon{width:58%;height:48%}
.simulation-preview--tuana{width:50%;height:42%}
.simulation-tabs{position:relative;top:auto;grid-template-columns:1fr;padding:8px}
.simulation-tab{grid-template-columns:42px 1fr auto;padding:12px 13px}
.simulation-tab>i{width:42px;height:42px}
.simulation-panel{padding:20px;border-radius:23px}
.simulation-panel__header{display:grid;align-items:start}
.simulator-stage{min-height:560px}
.simulator-console{grid-template-columns:1fr}
.simulator-console>*{grid-column:1!important}
.simulation-data-grid,.simulation-data-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}
.simulation-steps,.simulation-steps--compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.vision-scenario-bar{grid-template-columns:1fr;max-height:172px;overflow:auto}
.vision-target-box{left:54%;top:53%;transform:scale(.8)}
.vision-stage-card--decision{top:15%;min-width:260px}
.moon-card-tray{grid-template-columns:1fr;max-height:170px;overflow:auto}
.moon-reader-hotspot{left:28%;top:34%;transform:scale(.83)}
.moon-gate-overlay{right:5%;width:49%}
.tuana-terminal-screen{left:4%;top:11%;width:92%;height:69%}
.tuana-products{grid-template-columns:repeat(3,minmax(0,1fr))}
.simulation-next-step{display:grid;padding:23px}
}
@media(max-width:520px){
.simulation-hero__copy h1{font-size:2.7rem}
.simulation-hero__visual{height:285px}
.simulation-preview{border-radius:18px}
.simulation-preview>div{left:12px;right:12px;bottom:10px}
.simulation-preview>div>i{width:34px;height:34px}
.simulation-panel{padding:14px;margin-left:-2px;margin-right:-2px}
.simulation-panel__header h2{font-size:1.72rem}
.simulator-stage{min-height:510px;border-radius:18px}
.simulator-console{padding:14px;border-radius:18px}
.live-feed-badge{left:12px;top:12px;font-size:.61rem}
.vision-stage-card--plate{right:12px;top:58px;min-width:150px;padding:11px}
.vision-stage-card--plate strong{font-size:1.05rem}
.vision-stage-card--decision{left:12px;right:12px;top:18%;transform:none;min-width:0}
.vision-barrier-signal{right:12px;bottom:185px}
.vision-scenario-bar{left:10px;right:10px;bottom:10px}
.vision-scenario{padding:9px}
.vision-target-box{left:49%;top:53%;transform:scale(.66)}
.moon-reader-hotspot{left:19%;top:31%;transform:scale(.72)}
.moon-gate-overlay{right:1%;bottom:26%;width:54%;height:30%}
.moon-card-tray{left:9px;right:9px;bottom:9px}
.moon-floating-card{left:10%;bottom:28%;transform:scale(.75)}
.moon-stage-result{left:12px;right:12px;top:14%;transform:none;min-width:0}
.tuana-terminal-screen{left:3%;top:9%;width:94%;height:75%}
.tuana-terminal-screen>header{padding:11px}
.tuana-products{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
.tuana-products button{min-height:92px}
.tuana-payment-result{left:12px;right:12px;top:13%;transform:none;min-width:0}
.tuana-card-animation{right:5%;bottom:18%;transform:scale(.8)}
.simulation-data-grid,.simulation-data-grid--three{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
.simulation-lab-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* v33 - DET Vision OCR target alignment fix
   The previous target box was catching the windshield/body area. It is now anchored
   to the real plate area in the generated camera scene. */
.vision-stage-v3 .vision-target-box{
    left:71.5% !important;
    top:68.8% !important;
    width:205px !important;
    height:68px !important;
    transform:none !important;
    pointer-events:none;
}
.vision-stage-v3 .vision-target-box strong{
    display:none !important;
}
.vision-stage-v3 .vision-target-box span::before,
.vision-stage-v3 .vision-target-box span::after{
    width:18px;
    height:18px;
}
@media(max-width:1180px){
    .vision-stage-v3 .vision-target-box{
        left:70.5% !important;
        top:68.6% !important;
        width:185px !important;
        height:60px !important;
        transform:none !important;
    }
}
@media(max-width:720px){
    .vision-stage-v3 .vision-target-box{
        left:68.5% !important;
        top:69% !important;
        width:150px !important;
        height:52px !important;
        transform:none !important;
    }
}
@media(max-width:520px){
    .vision-stage-v3 .vision-target-box{
        left:66% !important;
        top:69.2% !important;
        width:128px !important;
        height:45px !important;
        transform:none !important;
    }
}