.wc-welcome{background:#081512;color:#f0eee5;min-height:100svh;padding:24px clamp(16px,4vw,64px);overflow:hidden;display:flex;flex-direction:column}.wc-film-controls,.wc-welcome-footer,.wc-welcome-header,.wc-welcome-header nav,.wc-wordmark{display:flex;align-items:center;justify-content:space-between;gap:22px}.wc-wordmark{direction:ltr;color:#dbbd85;letter-spacing:.2em;font-size:13px;font-weight:700}.wc-welcome-footer a,.wc-welcome-header nav a{display:flex;align-items:center;gap:12px;min-height:48px;font-size:13px}.wc-cinema{position:relative;isolation:isolate;flex:1;margin-block:22px 12px;border:1px solid #b5c6ae26;border-radius:6px;overflow:hidden;background:radial-gradient(ellipse at 48% 38%,#35534988,transparent 65%),#0a1915;min-height:660px}.wc-film-grain{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000012 4px);z-index:3}.wc-stage{height:430px;max-width:1100px;margin:auto;position:relative;direction:ltr}.wc-floor{position:absolute;inset:57% -20% -30%;transform:perspective(400px) rotateX(58deg);background-image:linear-gradient(#adc2a914 1px,transparent 0),linear-gradient(90deg,#adc2a914 1px,transparent 0);background-size:80px 80px;mask-image:linear-gradient(transparent,#000)}.wc-orbit{position:absolute;inset:7% 20%;border-radius:50%;border:1px solid #c4bb9130;box-shadow:0 0 90px #c6d09b0c,inset 0 0 70px #c6d09b0b}.wc-bay{position:absolute;inset:9% 17% 28%;display:flex;justify-content:space-between;opacity:.4}.wc-bay span{height:100%;width:2px;background:linear-gradient(#bacdb0,transparent)}.wc-bay:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#bfd1b5;box-shadow:0 0 25px #ccdfc3}.wc-car{position:absolute;width:65%;inset:30% auto auto 17%;filter:drop-shadow(0 16px 20px #0007);transition:transform 1.3s cubic-bezier(.2,.65,.2,1)}.wc-stage[data-scene="1"] .wc-car{transform:translateY(-33px)}.wc-stage[data-scene="3"] .wc-car{transform:translateX(80px) scale(.88)}.wc-lift{position:absolute;inset:60% 24% 8%;opacity:0;transition:opacity .7s}.wc-lift i{position:absolute;width:12px;height:100%;background:#a38a57;inset-inline-start:8%}.wc-lift i:nth-child(2){inset-inline-start:auto;inset-inline-end:8%}.wc-lift b{position:absolute;inset:0 0 auto;height:8px;background:#d7bf8c}.wc-stage[data-scene="1"] .wc-lift{opacity:1}.wc-story-card{position:absolute;direction:rtl;background:#162d26ee;border:1px solid #9eb99e55;box-shadow:0 20px 50px #0006;padding:20px;border-radius:8px;display:grid;gap:9px;min-width:170px;opacity:0;transform:translateY(18px);transition:opacity .7s,transform .8s}.wc-story-card>svg{color:#d8bd88}.wc-story-card>span{font-size:11px;color:#becbbc}.wc-story-card strong{font-size:15px;font-weight:500}.wc-order{inset:12% auto auto 9%;opacity:1;transform:rotate(-5deg)}.wc-card-lines{display:flex;flex-direction:column;gap:6px}.wc-card-lines i{height:3px;background:#b6c7ae35;width:90%}.wc-card-lines i:nth-child(2){width:65%}.wc-stage:not([data-scene="0"]) .wc-order{transform:translateY(-10px) rotate(0);left:5%}.wc-part{inset:17% 6% auto auto}.wc-stage[data-scene="1"] .wc-part{opacity:1;transform:translateY(0)}.wc-stage[data-scene="2"] .wc-order,.wc-stage[data-scene="3"] .wc-order{opacity:0}.wc-invoice{inset:8% 9% auto auto;min-width:210px}.wc-stage[data-scene="2"] .wc-invoice{opacity:1;transform:translateY(0)}.wc-ledger{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px}.wc-ledger i{height:5px;background:#d7bf8c;align-self:center}.wc-ledger i:last-child{width:75%;background:#79a891}.wc-complete{position:absolute;inset:20% 23% auto auto;display:flex;gap:12px;align-items:center;border:1px solid #9ac5a0;background:#214834;border-radius:40px;padding:12px 20px;opacity:0;transition:opacity .6s}.wc-stage[data-scene="3"] .wc-complete{opacity:1}.wc-owner{inset:14% auto auto 8%;min-width:230px}.wc-stage[data-scene="3"] .wc-owner{opacity:1;transform:translateY(0)}.wc-owner-checks{display:flex;gap:12px;font-size:10px}.wc-owner-checks span{display:flex;align-items:center;gap:3px}.wc-technician{position:absolute;inset:40% auto auto 65%;width:64px;height:150px;opacity:0;transition:opacity .6s}.wc-stage[data-scene="1"] .wc-technician{opacity:1}.wc-head{position:absolute;width:25px;height:28px;border-radius:50%;background:#bd9873;top:0;left:22px}.wc-torso{position:absolute;top:29px;left:12px;width:44px;height:58px;background:#c1aa7d;border-radius:15px 15px 4px 4px;transform:rotate(-12deg)}.wc-arm{top:34px;left:-20px;width:60px;height:14px;transform:rotate(-25deg);background:#bea77d;border-radius:9px}.wc-arm,.wc-legs{position:absolute}.wc-legs{top:86px;left:20px;width:34px;height:64px;border-inline:12px solid #697c71}.wc-technician>svg{position:absolute;top:15px;left:-40px;color:#d7e3d4}.wc-beam{position:absolute;width:3px;inset:18% auto 15% 25%;background:#d9ebc1;box-shadow:0 0 28px 8px #b9e8aa30;opacity:0}.wc-welcome[data-playing=true] .wc-stage[data-scene="2"] .wc-beam{animation:wc-scan 3.5s ease-in-out both}.wc-captions{text-align:center;padding:0 18px;position:relative;min-height:120px;animation:wc-caption .65s both}.wc-captions h1{font-family:El Messiri,serif;font-size:clamp(30px,4vw,52px);font-weight:600;line-height:1.4;margin:6px 0;color:#eddfc1}.wc-captions p{font-size:13px;color:#b9c9bc;margin:0;line-height:1.8}.wc-captions>p:first-child{font-size:10px;color:#c5ab79;letter-spacing:.08em}.wc-film-controls{justify-content:center;margin:18px 16px;flex-wrap:wrap;gap:12px}.wc-film-controls button{display:flex;align-items:center;gap:10px;border:1px solid #c8b17d77;min-height:46px;padding:10px 16px;cursor:pointer;background:#b89d6920;border-radius:4px}.wc-film-controls button:first-child{background:#d7bd89;color:#10241b;font-weight:700}.wc-film-controls button span{font-size:10px;font-weight:400;opacity:.75}.wc-film-controls a{font-size:12px;padding:12px}.wc-chapters{display:flex;max-width:650px;margin:16px auto 24px;gap:14px;padding-inline:20px}.wc-chapters button{flex:1;font-size:11px;color:#8fa496;cursor:pointer;min-height:44px}.wc-chapters button[aria-current]{color:#e1cc9f}.wc-chapters button>span{height:2px;background:#83958240;display:block;margin-block-end:9px;overflow:hidden}.wc-chapters i{display:block;height:100%;background:#dfc291}.wc-welcome-footer{font-size:10px;color:#a0b1a2}.wc-notice{font-size:12px;text-align:center;color:#dbc398}.wc-welcome a:focus-visible,.wc-welcome button:focus-visible{outline:3px solid #dfc291;outline-offset:4px}@keyframes wc-caption{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wc-scan{0%{opacity:0;left:25%}15%,85%{opacity:.65}to{opacity:0;left:80%}}@media(max-width:640px){.wc-welcome{padding:14px 12px}.wc-wordmark{font-size:10px;gap:8px;letter-spacing:.08em}.wc-wordmark svg{width:40px}.wc-welcome-header nav{gap:12px}.wc-welcome-header nav a{font-size:11px}.wc-cinema{min-height:580px;margin-block:12px}.wc-stage{height:340px}.wc-car{width:100%;inset:44% auto auto 0}.wc-stage[data-scene="3"] .wc-car{transform:translateY(30px) scale(.9)}.wc-story-card{padding:12px;min-width:140px}.wc-story-card strong{font-size:12px}.wc-order{inset:10% auto auto 6%}.wc-part{inset:8% 4% auto auto}.wc-stage[data-scene="1"] .wc-order{opacity:0}.wc-invoice{inset:6% 6% auto auto;min-width:180px}.wc-owner{inset:5% auto auto 5%;min-width:210px}.wc-complete{inset:53% 6% auto auto;padding:6px 10px;font-size:11px}.wc-complete svg{width:18px}.wc-technician{inset:44% auto auto 73%;transform:scale(.7);transform-origin:top}.wc-lift{inset:64% 15% 12%}.wc-captions{min-height:115px}.wc-film-controls{gap:7px;margin-block:8px}.wc-film-controls button{padding:10px}.wc-welcome-footer{gap:10px}.wc-welcome-footer p{max-width:210px}.wc-welcome-footer a{font-size:11px;white-space:nowrap}.wc-chapters{gap:8px}}@media(prefers-reduced-motion:reduce){.wc-beam,.wc-captions{animation:none!important}.wc-stage *{transition:none!important}}.wc-cinema{background:radial-gradient(ellipse at 50% 38%,#39564b66,transparent 60%),linear-gradient(135deg,#091512,#14241e 55%,#060d0b)}.wc-stage{height:470px;max-width:1200px}.wc-orbit{inset:13% 12% 3%;border:0;box-shadow:none;background:radial-gradient(ellipse,#bda47114,transparent 68%)}.wc-bay{inset:8% 13% 15%;opacity:.25;transform:perspective(600px) rotateY(-8deg)}.wc-floor{inset:67% -20% -20%;background-size:110px 110px;opacity:.5}.wc-car{width:68%;inset:10% auto auto 16%;z-index:2;filter:drop-shadow(0 25px 20px #0008);transform:translateX(0) scale(1);transition:transform 1.4s cubic-bezier(.2,.65,.2,1),filter 1.3s}.wc-car-render{display:block;width:100%;height:auto;position:relative;z-index:1}.wc-stage[data-scene="1"] .wc-car{transform:translateY(-15px) scale(1.045);filter:drop-shadow(0 30px 25px #0009)}.wc-stage[data-scene="2"] .wc-car{transform:translateX(-55px) scale(.96)}.wc-stage[data-scene="3"] .wc-car{transform:translateX(100px) scale(.88)}.wc-car-shadow{position:absolute;inset:78% 14% 2%;background:#0009;border-radius:50%;filter:blur(18px);transform:rotate(-5deg)}.wc-spotlight{position:absolute;top:-35%;width:24%;height:130%;background:linear-gradient(#f4e2b926,transparent 90%);filter:blur(12px);transform-origin:top;pointer-events:none}.wc-spotlight-left{left:10%;transform:rotate(-24deg)}.wc-spotlight-right{right:10%;transform:rotate(27deg);opacity:.6}.wc-car-sheen{position:absolute;inset:19% 4% 20%;z-index:2;opacity:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#fff3 48%,transparent 62%);clip-path:polygon(4% 55%,25% 40%,45% 0,70% 0,96% 35%,100% 70%,87% 88%,10% 100%)}.wc-welcome[data-playing=true] .wc-car-sheen{animation:wc-polish 4s ease-in-out infinite}.wc-welcome[data-playing=true] .wc-stage[data-scene="0"] .wc-car{animation:wc-arrival 1.8s cubic-bezier(.15,.65,.25,1) both}.wc-diagnostic{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;color:#f2d297;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s;direction:rtl}.wc-diagnostic b{font-size:11px;font-weight:500;padding:7px 10px;background:#0d211de8;border:1px solid #c9ad7255;border-radius:4px;white-space:nowrap}.wc-diagnostic>span{position:absolute;inset:-10px auto auto 0;width:35px;height:35px;border:1px solid #e6c789;border-radius:50%;box-shadow:0 0 18px #f9d48055}.wc-diagnostic-engine{left:22%;top:40%}.wc-diagnostic-wheel{left:58%;top:66%}.wc-stage[data-scene="1"] .wc-diagnostic{opacity:1;transform:translateY(0)}.wc-welcome[data-playing=true] .wc-diagnostic>span{animation:wc-diagnostic-pulse 1.6s ease-out infinite}.wc-service-line{position:absolute;bottom:9%;left:18%;right:18%;height:2px;background:linear-gradient(90deg,transparent,#c9b17e88,transparent);display:flex;justify-content:space-around;opacity:0;transition:opacity .7s}.wc-service-line span{width:7px;height:7px;border-radius:50%;background:#e0c58e;box-shadow:0 0 16px #ecd7a9;transform:translateY(-3px)}.wc-stage[data-scene="1"] .wc-service-line{opacity:1}.wc-lift{display:none}.wc-story-card{z-index:4;background:linear-gradient(145deg,#19382fef,#0b1916f5);backdrop-filter:blur(12px);border-color:#a8997255}.wc-order{inset:7% auto auto 4%;transform:rotate(-3deg)}.wc-stage:not([data-scene="0"]) .wc-order{left:3%}.wc-part{inset:8% 3% auto auto}.wc-invoice{inset:8% 4% auto auto}.wc-owner{inset:10% auto auto 3%}.wc-complete{z-index:5;inset:13% 15% auto auto;background:#14362bd9}.wc-beam{z-index:3;inset-block:22% 15%;width:2px;pointer-events:none}@keyframes wc-arrival{0%{opacity:.15;transform:translateX(140px) scale(.88)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes wc-polish{0%,to{opacity:0;transform:translateX(-20%)}40%{opacity:.6}80%{opacity:0;transform:translateX(20%)}}@keyframes wc-diagnostic-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@media(max-width:640px){.wc-stage{height:350px}.wc-car{width:118%;inset:27% auto auto -9%}.wc-stage[data-scene="1"] .wc-car{transform:translateY(0) scale(1.025)}.wc-stage[data-scene="2"] .wc-car{transform:translateY(18px) scale(.94)}.wc-stage[data-scene="3"] .wc-car{transform:translateY(43px) scale(.91)}.wc-order{inset:4% auto auto 5%}.wc-part{inset:4% 5% auto auto}.wc-invoice{inset:3% 5% auto auto}.wc-owner{inset:3% auto auto 5%;min-width:190px}.wc-complete{inset:42% 4% auto auto}.wc-diagnostic b{font-size:9px;padding:5px}.wc-diagnostic-engine{left:22%;top:42%}.wc-diagnostic-wheel{left:55%;top:75%}.wc-car-shadow{inset:74% 8% 8%}.wc-service-line{bottom:10%}.wc-bay{inset:14% 8% 8%}.wc-spotlight{width:35%}.wc-cinema{min-height:600px}}@media(prefers-reduced-motion:reduce){.wc-welcome .wc-stage *{animation:none!important;transition:none!important}.wc-car-sheen{display:none}}