:root{color-scheme:dark;--bg:#0b1118;--panel:#101923;--text:#f2f5f7;--muted:#93a2ae;--accent:#7cdae8;--line:rgba(187,211,227,.15);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{min-width:280px;background:var(--bg)}
body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait}
button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.entry-shell{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(380px,1fr);background:var(--bg);overflow:hidden}
.identity{min-height:720px;position:relative;isolation:isolate;background:#111e29;overflow:hidden;display:flex;flex-direction:column;padding:42px 48px 33px}
.hero-image{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 64%;filter:saturate(.65) brightness(.75);transform:scale(1.025);animation:image-settle 1.3s var(--ease) both}
.hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(5,13,21,.94) 0%,rgba(8,17,27,.8) 25%,rgba(7,15,24,.08) 58%,rgba(7,15,24,.15) 65%,rgba(7,15,24,.96) 100%),linear-gradient(90deg,rgba(7,15,24,.35),transparent 80%)}
.identity::after{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.3}
.identity-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand-context{display:flex;align-items:center;gap:15px}
.brand-star{width:47px;height:47px;flex-shrink:0;color:#e5ebee}
.mercedes-name{display:block;font-family:Georgia,'Times New Roman',serif;font-size:23px;letter-spacing:-.55px}
.brand-category{display:block;margin-top:5px;font-size:10px;text-transform:uppercase;letter-spacing:2.8px;color:#aebbc6}
.identity-index{font-size:9px;letter-spacing:2.1px;color:#9dabb7;white-space:nowrap;align-self:flex-start;margin-top:7px}
.hero-title{margin-top:66px;animation:rise-in .9s .08s var(--ease) both}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 19px;color:#c1ccd4;font-size:9px;letter-spacing:2.2px;text-transform:uppercase}
.eyebrow span{display:inline-block;width:20px;height:1px;background:var(--accent)}
h1{margin:0;font-weight:600;line-height:.88;letter-spacing:-4px}
.abc{display:block;font-size:clamp(84px,9vw,145px);font-weight:700;letter-spacing:-7px}
.tecnico{display:block;margin-top:10px;font-size:clamp(37px,4.1vw,65px);letter-spacing:-2.2px;line-height:1.08;font-weight:400}
.title-dot{color:var(--accent)}
.identity-bottom{margin-top:auto;padding-top:205px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.vehicle-context{display:flex;align-items:center;gap:17px}
.bus-image-wrap{width:114px;height:63px;overflow:hidden;border:1px solid rgba(174,198,213,.2);background:#b2bac0;border-radius:2px;position:relative}
.bus-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 65%;mix-blend-mode:multiply;filter:contrast(1.2);transform:scale(1.15)}
.vehicle-kicker{display:block;font-size:10px;color:#abb9c5;letter-spacing:.3px;margin-bottom:7px}
.vehicle-label{font-size:14px;letter-spacing:.2px;color:#f0f4f6}
.vehicle-label i{font-style:normal;color:#6b8999;margin:0 6px}
.road-mark{display:flex;align-items:center;gap:5px;transform:skewX(-25deg)}
.road-mark span{width:4px;height:18px;background:#8fc7d2;opacity:.25}
.road-mark span:nth-child(2){opacity:.5}.road-mark span:nth-child(3){opacity:.9}
.access{position:relative;display:flex;flex-direction:column;min-width:0;padding:49px clamp(32px,4.4vw,76px) 32px;border-left:1px solid rgba(191,222,236,.1);background:radial-gradient(ellipse at 100% 3%,rgba(57,92,114,.14),transparent 50%),#0b1118}
.access-top{display:flex;align-items:center;gap:8px;color:#91a4b2;letter-spacing:2.1px;font-size:9px;text-transform:uppercase}
.access-dot{height:4px;width:4px;background:#86c9d7;border-radius:50%;box-shadow:0 0 9px rgba(124,218,232,.3)}
.access-content{width:100%;max-width:345px;margin:auto;position:relative;padding:45px 0 42px;animation:rise-in .9s .18s var(--ease) both}
.access-emblem{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(159,193,209,.17);border-radius:50%;color:#b3c6d1;margin-bottom:35px}
.access-emblem svg{width:20px;height:20px}
.form-eyebrow{font-size:10px;letter-spacing:2.9px;color:#88a7b7;margin:0 0 15px}
h2{font-size:clamp(28px,2.65vw,41px);line-height:1.2;letter-spacing:-1.25px;font-weight:400;margin:0 0 37px;color:#eff4f7}
h2 span{color:var(--accent)}
.input-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.input-heading label{color:#a9b9c6;font-size:11px;letter-spacing:.2px}
.toggle-pin{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#95aab8;background:transparent;border:0;padding:7px 0 7px 7px;font-size:10px;transition:color .2s}
.toggle-pin:hover{color:var(--text)}
.toggle-pin svg{width:15px;height:15px}
.pin-field{position:relative;height:68px;--slot-gap:12px}
.pin-slots{height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--slot-gap)}
.pin-slot{border:1px solid #35434f;background:linear-gradient(155deg,#17222d,#111b25);border-radius:5px;display:grid;place-items:center;position:relative;color:#edfaff;font-size:23px;font-weight:400;transition:border-color .2s,background .2s,box-shadow .2s}
.pin-slot:empty::after{content:"";width:5px;height:1px;background:#526575}
.pin-slot.is-filled{border-color:#536b7d;background:#172734}
.pin-field:focus-within .pin-slot.is-current{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,218,232,.07);background:#182a37}
.pin-field:focus-within .pin-slot.is-current:empty::after{height:20px;width:1px;background:var(--accent);animation:caret-blink 1s step-end infinite}
#access-pin{position:absolute;inset:0;width:100%;height:100%;border:0;outline:0;opacity:0;cursor:text;padding:0;font-size:24px;letter-spacing:1em;color:transparent;background:transparent;caret-color:transparent}
.access-message{min-height:32px;margin:11px 0 5px;font-size:11px;line-height:1.5;color:#f3afa7}
.pin-field.has-error .pin-slot{border-color:#b96864}
.pin-field.has-error{animation:field-shake .27s ease-out}
.submit-button{width:100%;min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 19px;border:1px solid #b4e8f0;border-radius:4px;background:#b9e6ed;color:#122a36;font-weight:600;font-size:12px;letter-spacing:.3px;box-shadow:0 5px 25px rgba(0,0,0,.12);transition:background .2s,transform .2s,box-shadow .2s}
.submit-button:hover:not(:disabled){background:#d2f2f6;transform:translateY(-1px);box-shadow:0 6px 26px rgba(112,199,216,.13)}
.submit-button:active:not(:disabled){transform:translateY(0)}
.button-arrow,.button-check{width:22px;height:22px}.button-check,.button-spinner{display:none}
.button-spinner{height:17px;width:17px;border:1.5px solid rgba(18,42,54,.23);border-top-color:#122a36;border-radius:50%;animation:spin .7s linear infinite}
.is-loading .button-arrow{display:none}.is-loading .button-spinner{display:block}
.is-success .button-arrow,.is-success .button-spinner{display:none}.is-success .button-check{display:block}
.form-rule{height:1px;position:relative;background:#1e2b35;margin-top:37px;overflow:hidden}
.form-rule span{position:absolute;top:0;left:0;bottom:0;width:30px;background:#6e9eae;transition:width .6s var(--ease),background .3s}
.is-loading~.form-rule span{animation:road-travel 1.3s ease-in-out infinite}
.access-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;font-size:8px;line-height:1.65;letter-spacing:1.7px;color:#758894;text-transform:uppercase}
.access-footer>span:first-child{color:#91a3af;letter-spacing:2px;font-weight:600}
.access-footer>span:last-child{text-align:right}
.noscript-message{font-size:12px;color:#f3afa7;line-height:1.5}
.entry-light{position:fixed;z-index:5;inset:0;background:radial-gradient(ellipse at 56% 50%,rgba(124,218,232,.1),transparent 68%),#0b1118;pointer-events:none;opacity:0;transition:opacity .62s var(--ease)}
body.is-entering .entry-light{opacity:1}
body.is-entering .identity{transform:translateX(-28px);opacity:.25;transition:transform .65s var(--ease),opacity .6s var(--ease)}
body.is-entering .access-content{animation:none;transform:translateX(16px);opacity:0;transition:transform .65s var(--ease),opacity .5s var(--ease)}
body.is-entering .form-rule span{width:100%;background:var(--accent)}
@keyframes image-settle{from{transform:scale(1.06);opacity:.5}to{transform:scale(1.025);opacity:1}}
@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes caret-blink{50%{opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes road-travel{0%{left:-10%;width:30px}50%{width:90px}100%{left:110%;width:30px}}
@keyframes field-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(min-width:1600px){.identity{padding-left:max(65px,calc((100vw - 1450px)/2));padding-right:65px}.hero-title{margin-top:80px}.access{padding-right:max(65px,calc((100vw - 1450px)/2))}.identity-bottom{padding-top:245px}}
@media(max-height:760px) and (min-width:801px){.identity{min-height:100svh;padding-top:32px;padding-bottom:27px}.access{padding-top:39px;padding-bottom:27px}.hero-title{margin-top:47px}.identity-bottom{padding-top:120px}.access-content{padding-top:30px;padding-bottom:30px}.access-emblem{margin-bottom:23px}h2{margin-bottom:26px}.form-rule{margin-top:26px}}
@media(max-width:1100px){.entry-shell{grid-template-columns:minmax(0,1.14fr) minmax(350px,1fr)}.identity{padding-left:32px;padding-right:32px}.identity-index{display:none}.vehicle-context{gap:12px}.bus-image-wrap{width:91px;height:55px}.vehicle-label{font-size:12px}.road-mark{display:none}.access{padding-left:33px;padding-right:33px}.abc{font-size:108px}.tecnico{font-size:46px}.eyebrow{font-size:8px;letter-spacing:1.6px}}
@media(max-width:800px){.entry-shell{display:flex;flex-direction:column}.identity{min-height:360px;height:360px;flex-shrink:0;padding:25px 28px 24px}.identity-top{gap:12px}.brand-star{width:36px;height:36px}.brand-context{gap:11px}.mercedes-name{font-size:20px}.brand-category{font-size:8px;letter-spacing:2.25px}.identity-index{display:block;font-size:8px}.hero-title{margin-top:31px}.eyebrow{margin-bottom:12px;font-size:8px;letter-spacing:1.7px}.abc{font-size:78px;letter-spacing:-5px}.tecnico{font-size:35px;letter-spacing:-1.6px;margin-top:5px}.hero-image{object-position:70% 61%;filter:saturate(.65) brightness(.7)}.hero-shade{background:linear-gradient(90deg,rgba(6,14,22,.88),rgba(6,14,22,.3) 65%,rgba(6,14,22,.12)),linear-gradient(180deg,rgba(5,13,21,.55),transparent 65%,rgba(7,15,24,.8))}.identity-bottom{padding-top:0;justify-content:flex-end;position:absolute;right:28px;bottom:25px}.vehicle-context{gap:10px}.bus-image-wrap{width:68px;height:39px}.vehicle-kicker{display:none}.vehicle-label{font-size:9px;display:block}.vehicle-label i{margin:0 3px}.access{border-left:0;border-top:1px solid var(--line);padding:25px 28px 22px;flex:1;min-height:470px}.access-top{font-size:8px;letter-spacing:1.8px}.access-content{max-width:355px;padding:29px 0 32px}.access-emblem{display:none}.form-eyebrow{font-size:9px;margin-bottom:11px}h2{font-size:31px;line-height:1.14;margin-bottom:24px}h2 br{display:none}h2 br::after{content:" "}.form-rule{margin-top:27px}.access-footer{font-size:7px;letter-spacing:1.1px}.access-footer>span:first-child{letter-spacing:1.5px}}
@media(max-width:430px){.identity{height:300px;min-height:300px;padding:23px}.identity-index{display:none}.hero-title{margin-top:31px}.abc{font-size:70px}.tecnico{font-size:31px}.hero-image{object-position:67% 62%}.identity-bottom{right:22px;bottom:23px}.bus-image-wrap{display:none}.vehicle-label{font-size:9px}.access{padding:23px 24px 20px;min-height:445px}.access-content{padding:24px 0 26px}h2{font-size:29px;margin-bottom:20px;max-width:270px}.pin-field{height:61px;--slot-gap:11px}.access-message{min-height:30px}.form-rule{margin-top:24px}}
@media(max-width:340px){.identity{padding:21px;min-height:280px;height:280px}.brand-category{letter-spacing:1.6px}.access{padding-left:21px;padding-right:21px}h2{font-size:26px}.pin-field{--slot-gap:9px;height:57px}.eyebrow{font-size:7px;letter-spacing:1.2px}.identity-bottom{display:none}.input-heading label{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-image{transform:none}.entry-light{display:none}body.is-entering .identity,body.is-entering .access-content{transform:none;opacity:1}}
@media(forced-colors:active){.pin-slots{visibility:hidden}#access-pin{opacity:1;color:CanvasText;caret-color:CanvasText;border:1px solid CanvasText;padding:0 16px;letter-spacing:.8em;background:Canvas}.pin-field:focus-within{outline:2px solid Highlight;outline-offset:3px}.hero-shade{background:none}.identity{background:Canvas}.hero-image,.bus-image-wrap{display:none}.submit-button{border:1px solid ButtonText}.access-dot,.eyebrow span{background:CanvasText}}