main#main.cloud-auth{max-width:none;margin:0;padding:0}
/* Public access: the form stays first, with botanical imagery alongside it. */
.cloud-auth{--auth-green:#1d6546;--auth-ink:#163e2e;display:grid;grid-template-columns:minmax(390px,42%) minmax(0,1fr);min-height:100dvh;background:#fafbf7;color:var(--auth-ink);font-family:Inter,"Segoe UI",system-ui,sans-serif}
.cloud-form-panel{display:flex;flex-direction:column;min-width:0;padding:36px clamp(28px,5vw,88px) 24px}
.cloud-brand{display:inline-flex;align-items:center;align-self:flex-start;gap:7px;color:#15452f;font-size:25px;font-weight:750;letter-spacing:-1.1px;text-decoration:none}
.cloud-brand img{width:34px;height:34px;margin-right:3px}.cloud-brand span{font-weight:400;margin-left:-6px}
.cloud-form-inner{width:100%;max-width:410px;margin:auto;padding:48px 0}
.cloud-eyebrow{display:block;font-size:10px;line-height:1.5;letter-spacing:2px;font-weight:700;color:#6b836f}
.cloud-form-inner h1{font-size:clamp(32px,2.75vw,43px);font-weight:650;line-height:1.14;letter-spacing:-1.6px;margin:13px 0 14px;overflow-wrap:anywhere}.cloud-form-inner h1:focus{outline:none}
.cloud-subtitle{color:#738075;font-size:14px;line-height:1.75;margin:0 0 30px;max-width:370px}
.cloud-auth form{display:grid;gap:19px}.cloud-auth label{display:grid;gap:8px;font-size:12px;line-height:1.5;font-weight:600;color:#3d5545;min-width:0}
.cloud-auth input:not([type=checkbox]),.cloud-auth select{width:100%;min-width:0;height:51px;min-height:51px;margin:0;border:1px solid #d9e1d7;border-radius:9px;background:#fff;padding:0 14px;font:14px Inter,"Segoe UI",system-ui,sans-serif;color:#223e2e;box-shadow:0 1px 2px #13382303;transition:border-color .2s,box-shadow .2s}
.cloud-auth input::placeholder{color:#9aa59b;font-size:13px}.cloud-auth :is(input,select):focus{outline:2px solid #a4c7ae;outline-offset:2px;border-color:#558c68}.cloud-auth :is(button,a):focus-visible{outline:3px solid #b2cf9a;outline-offset:4px}
.cloud-auth .password-control{display:flex;position:relative;align-items:center;min-width:0;gap:0}.cloud-auth .password-control input{padding-right:83px}
.cloud-auth .password-control button{position:absolute;right:6px;top:4px;bottom:4px;border:0;background:transparent;color:#38644a;font-weight:600;font-size:12px;min-height:43px;min-width:70px;padding:0 10px;border-radius:6px}
.cloud-auth .password-control button:hover{background:#edf3ea}.cloud-auth .password-help{color:#7a887b;font-size:10px;line-height:1.6;font-weight:400}
.cloud-submit{display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;border:1px solid var(--auth-green);border-radius:9px;padding:14px 20px;margin-top:5px;background:var(--auth-green);color:white;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 6px 15px #1d654612;transition:background .2s,transform .2s}
.cloud-submit span{font-size:20px;font-weight:400}.cloud-submit:hover{background:#164e36}.cloud-submit:active{transform:translateY(1px)}.cloud-submit:disabled{opacity:.65;cursor:wait}
.cloud-login-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#879284;line-height:1.6;margin:15px 0 0}.cloud-login-note .icon{width:14px;height:14px}
.cloud-new-company{margin-top:32px;padding-top:26px;border-top:1px solid #e1e6dc;text-align:center}.cloud-new-company>div>span{font-size:13px;font-weight:600;color:#425b47}.cloud-new-company p{font-size:12px;line-height:1.7;color:#7f8c7e;margin:7px auto 16px;max-width:310px}
.cloud-new-company>a{display:flex;align-items:center;justify-content:center;gap:17px;min-height:48px;border:1px solid #cad6c6;border-radius:9px;font-size:13px;font-weight:600;color:#2b6244;background:#ffffff75;transition:background .2s,border-color .2s}.cloud-new-company>a:hover{background:#eef4e8;border-color:#96b790}.cloud-new-company>a span{font-size:19px}.cloud-new-company small{display:block;margin-top:10px;color:#8c9787;font-size:10px;font-weight:400}
.cloud-form-panel footer{font-size:10px;color:#9ba493;line-height:1.6;margin-top:auto;letter-spacing:.2px}.cloud-form-panel footer span{color:#6f8169}
.cloud-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}.cloud-offer{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:11px;color:#3d7852;margin:0 0 25px}.cloud-small{font-size:11px;line-height:1.8;color:#82907e;margin:18px 0}.cloud-switch{font-size:12px;text-align:center;color:#80907d;line-height:1.8;margin:26px 0 0}.cloud-switch a{color:#256347;font-weight:650}.cloud-auth-register .cloud-form-inner{max-width:480px;padding:40px 0 26px}.cloud-auth-register .cloud-subtitle{margin-bottom:18px}.cloud-auth-register form{gap:17px}
.cloud-error{padding:13px 15px;border:1px solid #e7bfb5;border-radius:8px;background:#fff1ec;color:#973d2c;font-size:12px;line-height:1.6}.cloud-error[hidden]{display:none}.cloud-progress{font-size:12px;line-height:1.6;color:#397957;margin:0}.cloud-progress:empty{display:none}
/* The image keeps room to breathe between the headline and the information. */
.cloud-story{position:sticky;top:16px;align-self:start;isolation:isolate;overflow:hidden;border-radius:22px;margin:16px 16px 16px 0;--story-top:38px;--story-bottom:18px;min-width:0;min-height:700px;background:#173e2d;color:#fff;padding:var(--story-top) clamp(28px,3.3vw,64px) var(--story-bottom)}
.cloud-scenes,.cloud-scene{position:absolute;inset:0;z-index:-2}.cloud-scene{opacity:0;transition:opacity 1.5s ease;overflow:hidden}.cloud-scene.is-current{opacity:1}.cloud-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% center;transform:scale(1.035)}.cloud-scene.is-current img{animation:cloud-breathe 11s ease-out both}.cloud-story.is-paused .cloud-scene img{animation-play-state:paused}
.cloud-story:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08291fe0 0%,#08291f79 35%,#08291f16 49%,#08291f6e 65%,#08291fed 100%),linear-gradient(90deg,#08291f45,transparent 75%);pointer-events:none}
.cloud-story-content{min-height:calc(100dvh - 32px - var(--story-top) - var(--story-bottom));display:flex;flex-direction:column;position:relative;max-width:760px;margin:auto}.cloud-story-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.cloud-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #e0efd93d;border-radius:30px;background:#264e3226;padding:9px 13px;font-size:9px;line-height:1.2;letter-spacing:1.6px;font-weight:500;color:#d5e7c9}.cloud-pill i{height:5px;width:5px;border-radius:50%;background:#c1e49f}.cloud-scene-count{font-size:10px;color:#d8e6d2;letter-spacing:2px;font-variant-numeric:tabular-nums}
.cloud-story h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,3.45vw,64px);font-weight:400;line-height:1.04;letter-spacing:-1.7px;margin:24px 0 18px;text-shadow:0 2px 24px #0a281c30}.cloud-story h2 em{font-size:.76em;line-height:1.18;font-weight:400;font-style:italic;color:#d6e9c0;display:inline-block;margin-top:9px}.cloud-story-description{max-width:390px;font-size:12px;line-height:1.8;color:#e0e8db;margin:0;text-shadow:0 1px 4px #09261970}.cloud-story-spacer{flex:1;min-height:32px}
.cloud-story-details{padding:20px 22px 17px;border:1px solid #e4ecd637;border-radius:14px;background:#113d29ac;backdrop-filter:blur(14px)}.cloud-details-title{font-size:13px;font-weight:500;color:#f4f6e9;margin:0 0 15px}.cloud-feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px;font-size:11px;color:#e2eadb}.cloud-feature-grid>span{display:flex;align-items:center;gap:8px;line-height:1.45;min-width:0}.cloud-feature-grid .icon{width:15px;height:15px;color:#bfd5a7;stroke-width:1.5}
.cloud-trial-numbers{display:grid;grid-template-columns:1fr 1.15fr 1.05fr;gap:12px;border-top:1px solid #d6e7c927;margin-top:18px;padding-top:15px}.cloud-trial-numbers>div{display:grid;gap:6px}.cloud-trial-numbers b{font-size:22px;font-weight:500;line-height:1.1;letter-spacing:-.6px;color:#e4f2ce}.cloud-trial-numbers span{font-size:9px;line-height:1.5;color:#c1d2b6}
.cloud-gallery-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:21px}.cloud-scene-caption{font-size:10px;color:#d7e4cc;letter-spacing:.2px;margin:0 0 5px}.cloud-scene-tabs{display:flex;gap:16px;flex-wrap:wrap}.cloud-scene-tabs button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;border-radius:5px;min-height:38px;padding:4px 0;color:#c6d4bc;font-size:10px}.cloud-scene-tabs button span{width:5px;height:5px;background:#b5c4a662;border-radius:50%;transition:width .4s,background .4s}.cloud-scene-tabs button[aria-pressed=true]{color:white}.cloud-scene-tabs button[aria-pressed=true] span{width:19px;border-radius:4px;background:#deedc2}
.cloud-motion{display:flex;align-items:center;gap:7px;min-height:40px;padding:6px 10px;background:#103b2b5c;border:1px solid #e4efd238;border-radius:8px;color:#e0e9d4;font-size:10px}.cloud-motion>span:first-child{font-size:16px;line-height:1}.cloud-motion:hover{background:#193f2e}.cloud-story-foot{font-size:9px;line-height:1.5;color:#b0c1a6;text-align:center;margin:14px 0 0}
@keyframes cloud-breathe{from{transform:scale(1.035)}to{transform:scale(1.095)}}
@media(min-width:1700px){.cloud-story{--story-top:48px;--story-bottom:24px}.cloud-story h2{margin-top:35px}.cloud-story-description{font-size:14px;max-width:450px}.cloud-story-details{padding:25px 28px 23px}.cloud-feature-grid{font-size:13px;gap:16px 24px}.cloud-details-title{font-size:16px}.cloud-trial-numbers b{font-size:27px}.cloud-trial-numbers span{font-size:11px}.cloud-trial-numbers{padding-top:21px;margin-top:22px}.cloud-scene-caption,.cloud-scene-tabs button,.cloud-motion{font-size:12px}.cloud-gallery-footer{margin-top:28px}.cloud-story-foot{margin-top:20px}}
@media(max-width:1100px){.cloud-auth{grid-template-columns:minmax(360px,46%) minmax(0,1fr)}.cloud-form-panel{padding:30px}.cloud-story{--story-top:30px;padding:30px 24px 18px}.cloud-story h2{font-size:43px}.cloud-feature-grid{gap:12px 10px;font-size:10px}.cloud-story-details{padding:18px 15px}.cloud-trial-numbers b{font-size:19px}.cloud-scene-tabs{gap:10px}.cloud-motion{padding:6px 8px}.cloud-motion-label{display:none}}
@media(max-width:820px){.cloud-auth{display:block}.cloud-form-panel{min-height:100dvh;padding:26px 24px 20px}.cloud-brand{width:100%;max-width:410px;align-self:center;font-size:23px}.cloud-brand img{width:32px;height:32px}.cloud-form-inner{padding:42px 0 32px}.cloud-form-inner h1{font-size:36px}.cloud-form-panel footer{text-align:center}.cloud-story{position:relative;top:auto;margin:0 14px 14px;height:auto;min-height:0;padding:32px 28px 20px}.cloud-story h2{font-size:49px}.cloud-story-content{max-width:570px;min-height:720px}.cloud-story-description{font-size:13px;max-width:355px}.cloud-feature-grid{font-size:11px}.cloud-story-details{padding:20px 18px}.cloud-trial-numbers b{font-size:23px}.cloud-motion-label{display:inline}.cloud-scene-tabs{gap:16px}.cloud-auth input:not([type=checkbox]),.cloud-auth select{font-size:16px}.cloud-auth-register .cloud-form-inner{max-width:570px}.cloud-auth-register .cloud-two{grid-template-columns:1fr}.cloud-auth-register form{gap:18px}.cloud-auth-register .cloud-two{gap:18px}.cloud-auth-register .password-help{font-size:11px}.cloud-auth-register .cloud-small{font-size:11px}.cloud-license-banner{padding:10px 16px;font-size:10px}}
@media(max-width:370px){.cloud-form-panel{padding:23px 20px 20px}.cloud-form-inner h1{font-size:32px}.cloud-story{padding:28px 19px 18px;height:auto;margin:0 10px 10px}.cloud-story h2{font-size:43px}.cloud-trial-numbers{gap:8px}.cloud-trial-numbers b{font-size:19px}.cloud-feature-grid{font-size:10px;gap:12px 8px}.cloud-feature-grid>span{gap:5px}.cloud-story-details{padding:18px 13px}.cloud-gallery-footer{gap:6px}.cloud-scene-tabs{gap:10px}.cloud-motion-label{display:none}.cloud-pill{font-size:8px;letter-spacing:1.1px}}
@media(prefers-reduced-motion:reduce){.cloud-scene{transition:none}.cloud-scene.is-current img{animation:none;transform:none}.cloud-auth *{scroll-behavior:auto!important}.cloud-scene-tabs button span,.cloud-submit{transition:none}}
/* Account and licensing components retain their in-app appearance. */
.cloud-license-banner{display:flex;justify-content:space-between;gap:10px;padding:10px 25px;background:#eff7ed;color:#3c6746;border-bottom:1px solid #dfebdc;font-size:11px;flex-wrap:wrap}.cloud-expired{padding:70px 25px;text-align:center;max-width:650px;margin:auto}.cloud-expired h1{font-size:30px;line-height:1.3;margin:25px 0}.cloud-expired p{line-height:1.9;color:#6a7b70}.cloud-expired .btn{margin:20px 0}
.company-links{margin:20px 0}.company-links label{margin-bottom:18px}.company-url{display:block;margin-top:8px;overflow-wrap:anywhere;line-height:1.7;font-weight:400}.company-links form{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.company-links .checkbox{font-weight:400;line-height:1.6}.company-links .form-error{margin-top:16px}.company-domain-result{margin-top:14px;line-height:1.7}.company-links .btn{white-space:normal}

.pwa-update-available main#main.cloud-auth{padding-bottom:170px}

/* The connection screen stays independent of company logos and their network requests. */
.cloud-connection,main#main.cloud-connection{box-sizing:border-box;display:grid;place-items:center;min-height:100vh;min-height:100dvh;max-width:none;margin:0;padding:48px 24px 120px;background:#f6f9f5;color:#193b30;text-align:center}
.cloud-connection-content{width:100%;max-width:440px;overflow-wrap:anywhere}
.cloud-connection-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px;font-size:23px;letter-spacing:-.6px}
.cloud-connection-brand>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#24764f;color:#d3edc7}
.cloud-connection-brand svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cloud-connection h1{margin:0 0 16px;font-size:clamp(26px,6vw,34px);line-height:1.2;letter-spacing:-.8px;color:#193b30}
.cloud-connection p{margin:0 0 24px;font-size:16px;line-height:1.7;color:#52685e}
.cloud-connection .btn.primary{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:14px 24px;border:1px solid #24764f;border-radius:10px;background:#24764f;color:#fff;text-decoration:none;font-family:inherit;font-weight:600;font-size:15px;line-height:1.4;white-space:normal}
.cloud-connection .btn.primary:hover{background:#195d3e;border-color:#195d3e}
.cloud-connection .btn:focus-visible{outline:3px solid #24764f;outline-offset:4px}
.cloud-connection p.cloud-connection-note{margin:28px 0 0;font-size:13px;color:#62766c}
body:has(.cloud-connection) #toast{background:#193b30}

/* Subscription details share the company's theme and stack on small screens. */
.subscription-page{max-width:1120px;margin:0 auto}.subscription-back{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-bottom:22px}.subscription-back a{font-size:13px;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}.subscription-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start}.subscription-overview,.subscription-payment{padding:28px;min-width:0;margin:0 0 22px}.subscription-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.subscription-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted,#66766e);margin-bottom:12px}.subscription-heading h1,.subscription-heading h2{margin:0;font-size:27px;line-height:1.25}.subscription-heading p{margin:9px 0 0;overflow-wrap:anywhere;color:var(--muted,#66766e)}.subscription-state{display:inline-flex;flex-shrink:0;border-radius:20px;padding:7px 11px;font-size:12px;font-weight:600}.subscription-state.is-current{background:#e9f5eb;color:#236640}.subscription-state.is-pending{background:#fff2d8;color:#805415}.subscription-plan{margin:26px 0 22px;padding:20px;border:1px solid var(--line,#dfe7e2);border-radius:14px;background:var(--bg,#f7f9f5)}.subscription-plan>span{display:block;font-size:12px;color:var(--muted,#66766e)}.subscription-plan>strong{display:block;font-size:24px;margin-top:7px}.subscription-plan p{font-size:13px;margin:10px 0 0;line-height:1.7}.subscription-plan small{display:block;margin-top:10px;font-size:12px;line-height:1.7}.subscription-dates{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}.subscription-dates>div{min-width:0}.subscription-dates dt{font-size:12px;color:var(--muted,#66766e);margin-bottom:8px}.subscription-dates dd{font-size:14px;font-weight:600;line-height:1.6;margin:0}.subscription-tolerance{font-size:12px;line-height:1.7;color:var(--muted,#66766e);margin:18px 0 0}.subscription-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.subscription-actions .btn,.subscription-support .btn,.subscription-renewal .btn{white-space:normal;text-align:center;justify-content:center;min-height:44px;line-height:1.5}.subscription-payment h2{font-size:23px;margin:0 0 10px}.subscription-payment>p{font-size:14px;line-height:1.7}.subscription-steps{list-style:none;counter-reset:subscription-step;padding:0;display:grid;gap:22px;margin:26px 0}.subscription-steps li{counter-increment:subscription-step;position:relative;padding-left:44px;min-height:32px}.subscription-steps li:before{content:counter(subscription-step);position:absolute;left:0;top:0;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--bg,#f7f9f5);border:1px solid var(--line,#dfe7e2);font-size:13px;font-weight:700}.subscription-steps strong{display:block;font-size:14px}.subscription-steps span{display:block;font-size:13px;line-height:1.7;color:var(--muted,#66766e);margin-top:5px}.subscription-renewal{border-top:1px solid var(--line,#dfe7e2);margin-top:24px;padding-top:18px}.subscription-renewal summary{cursor:pointer;font-size:13px;font-weight:600;min-height:30px}.subscription-renewal p,.subscription-owner-note{font-size:13px;line-height:1.7}.subscription-support{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:22px 24px;margin:0 0 24px;background:var(--surface,#fff);border:1px solid var(--line,#dfe7e2);border-radius:16px}.subscription-support>div{flex:1 1 280px;min-width:0}.subscription-support h2{font-size:17px;margin:0 0 7px}.subscription-support p{font-size:13px;line-height:1.7;color:var(--muted,#66766e);margin:0}#billing-message{font-size:13px;overflow-wrap:anywhere}#billing-message:empty{display:none}
@media(max-width:800px){.subscription-layout{grid-template-columns:1fr;gap:0}.subscription-overview,.subscription-payment{padding:22px}.subscription-dates{gap:14px}.subscription-support{padding:20px}.subscription-heading h1,.subscription-heading h2{font-size:24px}}
@media(max-width:480px){.subscription-heading{flex-wrap:wrap}.subscription-dates{grid-template-columns:1fr}.subscription-overview,.subscription-payment{padding:20px 18px}.subscription-actions{flex-direction:column}.subscription-actions .btn,.subscription-support .btn{width:100%}.subscription-plan{padding:17px}.subscription-support>div{flex-basis:100%}}