:root{color-scheme:light;font-family:Manrope,"Segoe UI",Arial,sans-serif;color:#0b2943;background:#faf4e6}
*{box-sizing:border-box}
body.scenic-login{margin:0;position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;background:#faf4e6;color:#0b2943;font:400 14px/1.5 Manrope,"Segoe UI",Arial,sans-serif}
body.scenic-login::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url('/static/images/editorial-header-landscape.png') center/cover no-repeat;filter:grayscale(1) sepia(.7) saturate(.4) brightness(1.7) contrast(.5);opacity:.65}
body.scenic-login::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#faf4e6d9,#faf4e6c4 50%,#faf4e6e0)}
.scenic-brand-header{width:min(100%,1440px);margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px clamp(24px,5vw,76px) 12px}
.scenic-brand img{display:block;width:148px;height:auto}.scenic-brand p{margin:6px 0 0;color:#536b7c;font-size:11px}
.scenic-shell{width:min(100%,1440px);margin:0 auto;flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,6vw,90px);align-items:center;padding:24px clamp(24px,5vw,76px) 40px}
.scenic-intro{min-width:0}.scenic-eyebrow{margin:0 0 20px;font-size:11px;letter-spacing:.18em;color:#816632}
.scenic-intro h1{margin:0;font:400 clamp(40px,4.6vw,68px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-.035em;overflow-wrap:normal}
.scenic-intro .brand-tailored-line{font:italic 400 clamp(26px,2.8vw,40px)/1.2 Georgia,"Times New Roman",serif;margin:22px 0 28px;color:inherit}
.scenic-intro .brand-management-line{margin-bottom:0}.scenic-intro .brand-management-line+.brand-tailored-line{margin-top:8px}
.brand-tailored-line .brand-ai{font-style:normal}
.scenic-copy{max-width:470px;color:#536b7c;font:400 clamp(14px,1.12vw,16px)/1.6 Manrope,"Segoe UI",Arial,sans-serif}
.scenic-copy p{font:inherit;color:inherit;letter-spacing:normal;margin:8px 0}.scenic-hosting{margin-top:28px;padding-top:16px;border-top:1px solid #0b294328}
.scenic-demo-note{font-size:12px;color:#536b7c;margin-top:24px;max-width:440px}
.scenic-login #access-status:empty{display:none}
.scenic-access{min-width:0;width:100%;max-width:500px;justify-self:end;background:none;border:0;box-shadow:none}
.demo-entry{margin:0}.demo-entry a{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 20px;border:1px solid #b8955180;border-radius:8px;background:#f6ecd5;color:#0b2943;text-decoration:none;text-align:center;font-size:14px}.demo-entry a>span:first-child{flex:1}.demo-entry strong{font-weight:600}.demo-entry small{display:none}.demo-entry a:hover{background:#eee0bd}
.login-contact{display:grid;gap:8px;margin:22px 0 28px;font-size:12px;color:#536b7c}.login-contact a{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none}.login-contact a:hover{text-decoration:underline}.login-contact a>span:last-child{overflow-wrap:anywhere}.login-contact svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.linkedin-mark{flex:none;display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;font:700 14px/1 Arial,sans-serif}
.sign-in-card,.scenic-login .card{width:100%;padding:22px 0 0;margin:0;border:0;border-top:1px solid #0b294328;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;color:#0b2943}
.sign-in-card h2,.scenic-login .card h2{font:400 28px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:0 0 20px}
#login-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.login-field{min-width:0}.scenic-login label{display:block;margin:0 0 6px;font-size:12px;color:#536b7c;font-weight:400}
.scenic-login input:not([type=checkbox]):not([type=hidden]){width:100%;min-width:0;min-height:44px;padding:11px 12px;border:1px solid #a6b4bb;border-radius:8px;background:#fffdf7;color:#0b2943;font:16px Manrope,"Segoe UI",Arial,sans-serif}
.scenic-login input:focus-visible{outline:3px solid #759bb6;outline-offset:2px}.scenic-login input:-webkit-autofill{-webkit-text-fill-color:#0b2943;-webkit-box-shadow:0 0 0 1000px #fffdf7 inset}
.scenic-login button{font-family:inherit;cursor:pointer}.scenic-login button[type=submit]{grid-column:1/-1;width:100%;margin:0;min-height:44px;padding:12px 18px;border:0;border-radius:8px;background:#0b2943;color:#faf4e6;font-size:14px;font-weight:600}.scenic-login button[type=submit]:hover{background:#214663}.scenic-login button:disabled{opacity:.6;cursor:wait}.scenic-login a:focus-visible,.scenic-login button:focus-visible{outline:3px solid #759bb6;outline-offset:3px}
.login-error{grid-column:1/-1;margin:0;color:#a53529;font-size:13px}.login-error:empty{display:none}.login-terms{grid-column:1/-1;margin:0;text-align:center;font-size:11px}.login-terms a{color:#536b7c}
.scenic-login .site-rights-footer{position:relative;flex:none;margin:0;padding:8px 20px 16px;border:0;background:transparent;color:#536b7c;text-align:center;font-size:11px}
/* Demo keeps its existing email-code/consent flow, with the same unboxed shell. */
.scenic-login .card>p{font-size:13px;line-height:1.5;color:#536b7c}.scenic-login .card .eyebrow{display:none}.scenic-login .card label{margin:10px 0 5px}.scenic-login .card label>span{float:right;font-size:11px}.scenic-login .card .terms-agreement{display:flex;gap:10px;align-items:flex-start}.scenic-login .card .terms-agreement input{width:18px;height:18px;flex:none;margin:3px 0;accent-color:#0b2943}.scenic-login .card .terms-agreement span{float:none;font-size:12px;color:#536b7c}.scenic-login .card a{color:#0b2943}.scenic-login #access-form,.scenic-login #code-form{display:grid;gap:4px}.scenic-login .card button{width:100%;min-height:44px;padding:10px 14px;border:1px solid #0b2943;border-radius:8px;margin-top:12px;font-size:14px}.scenic-login .card button span{float:right}.scenic-login .card .secondary,.scenic-login .card .text-button{background:transparent;color:#0b2943}.scenic-login .card .text-button{border:0}.scenic-login #access-status{min-height:0;margin:10px 0 0;font-size:13px}.scenic-login #access-status[data-error=true]{color:#a53529}.scenic-login [hidden]{display:none!important}
.kopmo-language-switcher{display:inline-flex;gap:3px;padding:3px;border:1px solid #0b294340;border-radius:24px}.scenic-login .kopmo-language-switcher button{width:auto;min-width:36px;min-height:32px;margin:0;padding:5px 12px;border:0;border-radius:20px;background:transparent;color:#0b2943;font:600 12px/1 Manrope,"Segoe UI",Arial,sans-serif}.scenic-login .kopmo-language-switcher button[aria-pressed=true]{background:#0b2943;color:#faf4e6}
@media(min-width:761px) and (min-height:680px){body.scenic-login:not(.scenic-demo){height:100dvh;min-height:0;overflow:hidden}.scenic-shell{min-height:0}.scenic-brand-header{flex:none}}
@media(min-width:761px){.scenic-login #access-form{grid-template-columns:1fr 1fr;gap:8px 14px}.scenic-login #access-form .demo-phone-field,.scenic-login #access-form .terms-agreement{grid-column:1/-1}.scenic-demo .card h2{margin-bottom:14px}.scenic-demo .login-contact{margin-block:14px 18px;gap:6px}.scenic-demo .card{padding-top:18px}.scenic-demo .card label{margin-top:0}.scenic-demo .card>p{margin-block:8px 12px}}
@media(min-width:761px) and (max-height:780px){.scenic-brand-header{padding-top:16px}.scenic-brand img{width:118px}.scenic-shell{padding-block:16px;gap:40px}.scenic-intro h1{font-size:clamp(36px,4vw,54px)}.scenic-intro .brand-tailored-line{margin-block:16px 20px}.scenic-hosting{margin-top:20px}.login-contact{margin-block:16px 22px}.scenic-demo .scenic-shell{align-items:start}}
@media(max-width:760px){.scenic-brand-header{padding:20px 20px 12px;gap:14px}.scenic-brand img{width:114px}.scenic-brand p{max-width:190px;font-size:10px}.scenic-shell{grid-template-columns:1fr;gap:30px;padding:24px 20px 30px}.scenic-intro h1{font-size:clamp(34px,8vw,48px)}.scenic-intro .brand-tailored-line{font-size:28px;margin:16px 0 22px}.scenic-copy{font-size:14px}.scenic-access{max-width:none}.scenic-eyebrow{margin-bottom:16px;font-size:10px}.scenic-hosting{margin-top:20px}.login-contact{gap:0;margin-block:14px 20px}.login-contact a{min-height:44px}.sign-in-card h2{font-size:26px}#login-form{grid-template-columns:1fr}.scenic-login .kopmo-language-switcher button{min-height:38px;padding:5px 10px}}