/* Public welcome screen. Scoped to avoid changing the project editor. */
body[data-view=login]{background:#f7f8f4;color:#102c36}body[data-view=login]>.app-header{display:none}body[data-view=login]>#message:empty{display:none}body[data-view=login]>#message:not(:empty){background:#fff3d8;color:#593c00;padding:12px 24px;border-bottom:1px solid #ebd6a7}
#login.welcome{padding:0;--mint:#39b3a1;--navy:#102c36;--muted:#637578}#login.welcome a{text-decoration:none}#login.welcome button,#login.welcome input{font:inherit}#login.welcome .welcome-nav{max-width:1320px;margin:auto;padding:27px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dfe6df}.welcome-wordmark{display:flex;align-items:center;gap:12px;color:#102c36;font-size:22px;letter-spacing:-.7px}.welcome-wordmark small{display:block;font-size:8px;letter-spacing:2px;color:#6a7c7d;margin-top:2px}.welcome-mark{font-size:38px;font-weight:800;letter-spacing:-5px;line-height:1;background:#102c36;color:#f7f8f4;padding:4px 13px 10px 9px;border-radius:12px}.welcome-mark span{color:#39b3a1}.welcome-nav>div{display:flex;align-items:center;gap:30px}.welcome-nav>div>a{font-size:13px;color:#344e54}.welcome-nav-access{border:1px solid #b6c9bf;border-radius:7px;padding:11px 17px}.welcome-nav-access span{margin-left:18px}
.welcome-main{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:70px;padding:65px 36px 60px;align-items:start}.welcome-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#487268;display:inline-flex;align-items:center;gap:10px}.welcome-eyebrow i{width:7px;height:7px;background:#39b3a1;border-radius:50%}.welcome-intro h1{font-size:clamp(40px,4.5vw,64px);line-height:1.08;letter-spacing:-2.8px;margin:22px 0}.welcome-intro h1 em{font-style:normal;color:#287f71}.welcome-lead{max-width:480px;color:#637578;font-size:16px;line-height:1.8}.welcome-hero-links{display:flex;gap:24px;align-items:center;margin:27px 0 36px;flex-wrap:wrap}.welcome-cta{background:#102c36;color:white;border-radius:7px;padding:14px 19px;font-size:13px;font-weight:600}.welcome-cta span{margin-left:24px;color:#8edacb}.welcome-text-link{font-size:12px;color:#4d6467}
.welcome-product{max-width:670px;position:relative;border:1px solid #d8e1dc;border-radius:12px;background:white;overflow:hidden;box-shadow:0 18px 40px #16382c0b;transform:rotate(-1deg)}.welcome-product-bar{height:35px;background:#eef2ed;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:9px;color:#647a73;border-bottom:1px solid #dce5df}.welcome-product-bar>span:first-child{display:flex;gap:4px}.welcome-product-bar i{width:5px;height:5px;border-radius:50%;background:#bccac3}.welcome-product-body{display:flex}.welcome-product-rail{display:flex;flex-direction:column;gap:18px;width:35px;border-right:1px solid #e9ede7;padding:16px 10px;font-size:13px;color:#657f77}.welcome-sample{flex:1;min-width:0;padding:17px 23px 7px}.welcome-sample-nav{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-bottom:20px}.welcome-sample-nav b{font-size:13px}.welcome-sample-nav>span{color:#70827c;font-size:8px}.welcome-sample-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;background:#edf4ee;padding:24px;border-radius:8px}.welcome-sample-hero small{font-size:6px;color:#5e8073;letter-spacing:1px}.welcome-sample-hero h2{font-size:clamp(16px,2vw,25px);letter-spacing:-.8px;line-height:1.2;margin:10px 0 18px}.welcome-sample-button{font-size:7px;background:#102c36;color:white;border-radius:4px;padding:8px 10px}.welcome-art{height:150px;position:relative;overflow:hidden;border-radius:70px 70px 6px 6px;background:#c4dacc}.welcome-art>div{position:absolute;width:150px;height:150px;border-radius:50%;background:#459b84;bottom:-45px;left:-18px}.welcome-art>span{position:absolute;width:80px;height:130px;background:#e9cc9a;right:10px;bottom:-20px;transform:rotate(30deg);border-radius:45px}.welcome-art>i{position:absolute;width:44px;height:44px;background:#f8f5dc;border-radius:50%;left:25px;top:17px}.welcome-sample-bottom{display:flex;justify-content:space-between;padding:13px 2px;color:#658176;font-size:8px}.welcome-product-note{display:block;text-align:right;font-size:8px;color:#8c9a94;padding:0 12px 7px;letter-spacing:0}
.welcome-access{padding:0;background:#fff;border:1px solid #dce5df;border-radius:14px;overflow:hidden;box-shadow:0 12px 35px #15392907;scroll-margin-top:20px}.welcome-access-top{display:flex;align-items:center;justify-content:space-between;padding:24px 27px 0;color:#658576}.welcome-pill{font-size:9px;font-weight:700;letter-spacing:1.5px;padding:6px 8px;background:#edf4ee;border-radius:4px}#login.welcome #loginForm{background:transparent;max-width:none;padding:25px 27px 20px;border-radius:0;margin:0}#loginForm h2{font-size:25px;letter-spacing:-.8px;margin:0 0 9px}#loginForm>p{color:#6b7f80;font-size:13px;line-height:1.7;margin:0 0 24px}#login.welcome #loginForm label{font-size:12px;font-weight:600;margin:17px 0 0;gap:8px}#login.welcome #loginForm input{border:1px solid #d7e0db;border-radius:6px;background:#fafcf9;padding:13px 12px;font-size:13px;width:100%;outline-offset:3px}#login.welcome #loginForm input::placeholder{color:#8f9c97}#login.welcome #loginForm button{display:flex;align-items:center;justify-content:space-between;background:#102c36;border:1px solid #102c36;color:white;padding:14px 16px;border-radius:6px;margin-top:23px;font-size:13px}#login.welcome #loginForm .welcome-access-help{font-size:11px;line-height:1.6;margin:15px 0 0;color:#7a8b85}.welcome-signature{border-top:1px solid #e5ebe6;background:#f5f8f3;padding:22px 27px 25px}.welcome-signature>span{display:block;font-size:8px;letter-spacing:2px;color:#71887b}.welcome-signature a{display:inline-block}.welcome-agency-logo{display:block;position:relative;overflow:hidden;width:180px;height:53px;margin:13px 0 9px}.welcome-agency-logo img{position:absolute;width:270px;max-width:none;height:auto;left:-46px;top:-51px}.welcome-signature p{font-size:11px;line-height:1.7;color:#6e8378;margin:0}
.welcome-features{max-width:1320px;margin:auto;padding:36px 36px 60px;border-top:1px solid #dfe6df}.welcome-features-heading h2{font-size:29px;letter-spacing:-1px;margin:14px 0 30px}.welcome-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.welcome-feature-grid article{border-left:1px solid #ccd9ce;padding-left:20px}.welcome-feature-grid article>span{font-size:11px;color:#32927b}.welcome-feature-grid h3{font-size:16px;margin:15px 0 10px}.welcome-feature-grid p{font-size:13px;line-height:1.8;color:#6b7e78;margin:0}.welcome-footer{max-width:1248px;margin:auto;padding:22px 0 30px;border-top:1px solid #dfe6df;display:flex;justify-content:space-between;gap:20px;color:#728479;font-size:11px}.welcome-footer b{color:#39b3a1;margin:0 7px}.welcome-footer a{color:#284b40}
@media(max-width:1000px){.welcome-main{gap:32px;grid-template-columns:minmax(0,1fr) 320px}.welcome-intro h1{font-size:45px}.welcome-sample-hero{padding:17px}.welcome-art{height:120px}.welcome-footer{margin:0 36px}}
@media(max-width:760px){#login.welcome .welcome-nav{padding:20px}.welcome-nav>div>a:first-child{display:none}.welcome-main{display:flex;flex-direction:column;padding:40px 20px;gap:35px}.welcome-intro{width:100%}.welcome-intro h1{font-size:43px;letter-spacing:-1.8px}.welcome-lead{font-size:15px}.welcome-access{width:100%;max-width:460px;align-self:center}.welcome-product{transform:none}.welcome-features{padding:30px 20px 40px}.welcome-feature-grid{grid-template-columns:1fr;gap:26px}.welcome-features-heading h2{font-size:25px}.welcome-footer{margin:0 20px;flex-direction:column;gap:10px}.welcome-product-bar{font-size:8px}.welcome-sample{padding:12px}.welcome-sample-nav>span{font-size:7px}.welcome-sample-hero{gap:10px;padding:15px}.welcome-art{height:115px}.welcome-hero-links{gap:18px}.welcome-wordmark{font-size:19px}.welcome-nav-access{padding:9px 12px}.welcome-nav-access span{margin-left:8px}}
@media(prefers-reduced-motion:no-preference){body[data-view=login]{scroll-behavior:smooth}.welcome-cta,.welcome-nav-access{transition:transform .15s,background .15s}.welcome-cta:hover{background:#245b50;transform:translateY(-2px)}.welcome-nav-access:hover{background:#eaf2e9}}
#login.welcome #loginForm .forgot-password{display:block;margin:8px 0 0;padding:8px 0;background:transparent;color:#287f71;border:0;width:auto;font-size:12px;text-decoration:underline}.password-recovery-dialog{width:min(460px,94vw);height:auto;max-height:90vh;overflow:auto;padding:25px}.password-recovery-dialog h2{margin-top:0}.password-recovery-dialog p{font-size:13px;line-height:1.6}.password-recovery-dialog label{font-size:13px}.password-recovery-dialog button{margin-right:8px}.password-recovery-dialog [role=status]{min-height:24px}