.cl-page{--cl-navy:#102333;--cl-mint:#baf2de;--cl-teal:#007c6c;min-height:100svh;color:var(--cl-navy);-webkit-font-smoothing:antialiased;background:#f5f8f7;flex-direction:column;font:16px/1.6 Epilogue Variable,sans-serif;display:flex}.cl-page *{box-sizing:border-box}.cl-page a{color:inherit;text-decoration:none}.cl-page h1,.cl-page h2,.cl-record-foot strong{letter-spacing:-.035em;font-family:Urbanist Variable,sans-serif}.cl-page :focus-visible{outline-offset:4px;outline:3px solid #007c6c}.cl-header{flex:none;justify-content:space-between;align-items:center;height:100px;padding:0 5vw;display:flex}.cl-logo img{width:180px;height:auto}.cl-home{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.cl-shell{flex:1;grid-template-columns:1.1fr 1fr;display:grid}.cl-cockpit .cl-header{z-index:2;position:absolute;inset:0 0 auto}.cl-cockpit .cl-logo img{filter:brightness(0)invert()}.cl-stage{background:var(--cl-navy);color:#fff;flex-direction:column;justify-content:space-between;padding:140px 6vw 36px;display:flex;position:relative;overflow:hidden}.cl-stage:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.8%,#ffffff06,#0000 50.2%) 0 0/100px 100%;position:absolute;inset:0;transform:skew(-15deg)}.cl-stage-copy,.cl-product,.cl-stage-end{position:relative}.cl-stage h1{margin:0 0 20px;font-size:clamp(42px,4.5vw,72px);font-weight:650;line-height:1.04}.cl-stage-copy p{color:#b6c7d1;margin:0;font-size:17px}.cl-product{width:100%;max-width:470px;margin:36px auto 22px}.cl-vehicle{color:var(--cl-navy);background:#f5f8f7;border-radius:12px;padding:22px 26px;transform:rotate(-3deg)}.cl-record-head{align-items:center;gap:10px;font-size:14px;display:flex}.cl-status{color:#007c6c;background:#e0f3eb;border-radius:4px;margin-left:auto;padding:4px 8px}.cl-vehicle svg[role=img]{width:100%;height:auto;max-height:160px;margin:15px 0}.cl-record-foot{justify-content:space-between;align-items:center;gap:14px;display:flex}.cl-record-foot strong{white-space:nowrap;font-size:27px;font-weight:650}.cl-record-foot span{color:#536570;font-size:14px;display:block}.cl-connection{border-left:2px dashed #baf2de;width:0;height:24px;margin-left:45px}.cl-request{background:var(--cl-mint);color:var(--cl-navy);border-radius:9px;align-items:center;gap:14px;padding:20px;display:flex;transform:translate(24px)rotate(2deg)}.cl-request>svg{flex:none;margin-left:auto}.cl-request strong,.cl-request span{font-size:14px;display:block}.cl-check{background:var(--cl-navy);color:var(--cl-mint);border-radius:50%;flex:none;padding:9px}.cl-example{text-align:right;color:#b6c7d1;margin-top:15px;font-size:14px;display:block}.cl-stage-end{color:#b6c7d1;align-items:center;gap:12px;font-size:14px;display:flex}.cl-main{justify-content:center;align-items:center;padding:120px 48px 60px;display:flex}.cl-form-wrap{width:100%;max-width:400px}.cl-form-content h2{color:var(--cl-navy);font-size:40px;font-weight:650;line-height:1.1}.cl-form-content p{color:#536570;font-size:14px}.cl-form-content label{color:var(--cl-navy);font:500 14px/1.4 Epilogue Variable,sans-serif}.cl-form-content input{height:54px;color:var(--cl-navy);box-shadow:none;background:#fff;border:1px solid #bacbc8;border-radius:7px;padding-inline:15px;font:16px Epilogue Variable,sans-serif}.cl-form-content input:focus-visible{border-color:var(--cl-teal);outline:none;box-shadow:0 0 0 3px #007c6c20}.cl-form-content button[type=submit]{background:var(--cl-navy);height:54px;box-shadow:none;color:#fff;background-image:none;border-radius:7px;gap:12px;margin-top:14px;font-size:16px}.cl-form-content button[type=submit]:before,.cl-form-content button[type=submit]:after{display:none}.cl-form-content button[type=submit]:hover{background:#244759}.cl-form-content button[type=button]{color:var(--cl-teal);min-height:44px;font-size:14px}.cl-form-content form{flex-direction:column;gap:16px;display:flex}.cl-form-content form>div{margin:0}.cl-form-content form>p{border-top:1px solid #dce5e8;margin:4px 0 0;padding-top:18px}.cl-form-content form>p a{color:var(--cl-teal);font-weight:600}.cl-footer{justify-content:space-between;gap:20px;padding:22px 5vw;font-size:14px;display:flex}.cl-footer nav,.cl-footer>div{align-items:center;gap:24px;display:flex}.cl-footer a{align-items:center;min-height:44px;display:inline-flex}.cl-footer nav a[aria-current]{text-underline-offset:6px;font-weight:600;text-decoration:underline}.cl-cockpit .cl-footer{background:#f5f8f7}.cl-fokus{background:var(--cl-navy);color:#fff;position:relative}.cl-fokus:before{content:"";pointer-events:none;border-inline:1px solid #ffffff0d;position:absolute;inset:120px 10vw 60px;transform:skew(-18deg)}.cl-fokus .cl-logo img{filter:brightness(0)invert()}.cl-fokus .cl-shell{display:block;position:relative}.cl-fokus .cl-main{padding:30px 24px 40px}.cl-fokus .cl-form-wrap{background:#fff;border-radius:16px;max-width:480px;overflow:hidden;box-shadow:0 25px 90px #0003}.cl-welcome{background:var(--cl-mint);color:var(--cl-navy);padding:30px 38px 32px;position:relative}.cl-welcome p{margin:0 0 10px;font-size:14px}.cl-welcome h1{max-width:290px;margin:0;font-size:42px;font-weight:650;line-height:1.03}.cl-welcome-line{border-inline:2px solid #007c6c40;width:15px;position:absolute;top:34px;bottom:34px;right:28px;transform:skew(-18deg)}.cl-fokus .cl-form-content{padding:30px 38px}.cl-fokus .cl-form-content>div:first-child h2{font-size:25px}.cl-fokus .cl-form-content>div:first-child{margin-bottom:20px}.cl-fokus .cl-form-content>div:first-child p{display:none}.cl-fokus .cl-form-content button[type=submit]{background:var(--cl-teal)}.cl-fokus .cl-footer{color:#c0d0d6;position:relative}.cl-password{position:relative}.cl-password input{padding-right:52px}.cl-password-toggle{place-items:center;width:44px;display:grid;position:absolute;top:5px;right:8px}.cl-password-toggle svg{width:18px;height:18px}@media(min-width:901px)and (max-height:850px){.cl-stage{padding-top:115px}.cl-stage h1{font-size:48px}.cl-product{max-width:390px;margin-block:22px 14px}.cl-vehicle{padding:16px 22px}.cl-vehicle svg[role=img]{max-height:120px;margin:8px 0}.cl-stage-copy p{font-size:16px}.cl-request{padding:14px}.cl-fokus .cl-header{height:84px}.cl-fokus .cl-main{padding-top:10px}.cl-welcome,.cl-fokus .cl-form-content{padding-block:24px}}@media(max-width:900px){.cl-header{height:88px;padding-inline:24px}.cl-cockpit .cl-header{background:var(--cl-navy);color:#fff;position:static}.cl-shell{display:block}.cl-stage{display:none}.cl-main{padding:60px 24px}.cl-footer{flex-wrap:wrap;padding:16px 24px}.cl-form-content h2{font-size:36px}.cl-home{font-size:14px}.cl-logo img{width:148px}.cl-fokus .cl-main{padding:20px 20px 32px}.cl-fokus .cl-form-content,.cl-welcome{padding-inline:26px}.cl-welcome h1{font-size:38px}.cl-footer nav,.cl-footer>div{gap:18px}}@media(prefers-reduced-motion:no-preference){.cl-product{animation:.65s ease-out both cl-arrive}@keyframes cl-arrive{0%{opacity:.4;transform:translateY(16px)rotate(-2deg)}to{opacity:1;transform:none}}}.cl-page{overflow-x:clip}.cl-footer{justify-content:flex-end}
