/* Account access: local assets, Google-color accents, and forms that work without JavaScript. */
:root{color-scheme:light;--access-blue:#1a73e8;--access-ink:#293f5b;--access-muted:#617995;--access-line:#dce6f3}
*{box-sizing:border-box}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--access-blue);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button,input,select{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;flex-shrink:0}img{max-width:100%;height:auto}[hidden]{display:none!important}h1,h2,h3,p{margin:0}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #4285f4;outline-offset:4px;border-radius:5px}
.access-page{background:#f8fbff;color:var(--access-ink);min-height:100vh;display:flex;flex-direction:column}
.access-skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.access-skip:focus{position:fixed;z-index:20;top:12px;left:12px;background:#fff;padding:12px 17px;border:1px solid #4285f4;border-radius:8px}
.access-header{max-width:1380px;width:calc(100% - 88px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0}
.access-logo{display:block;width:183px}.access-logo img{display:block;width:100%;height:auto}
.access-back{display:flex;align-items:center;gap:8px;color:#607b9e;font-size:11px;font-weight:500;line-height:1.8;padding:9px 0}
.access-back>svg{width:15px;height:15px;transform:rotate(180deg)}
.access-layout{max-width:1380px;width:calc(100% - 88px);margin:8px auto 25px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);background:#fff;border:1px solid var(--access-line);border-radius:23px;overflow:clip;min-height:690px;flex:1;box-shadow:0 9px 35px #25497604}
.access-register .access-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.access-story{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 43px 36px;background:linear-gradient(145deg,#eaf3ff,#f3f8ff 53%,#eaf6ee);border-right:1px solid #dfebf9;isolation:isolate}
.access-story:before{content:'';height:4px;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75%)}
.access-story:after{content:'';width:180px;height:180px;position:absolute;bottom:67px;left:-70px;border:29px solid #d7edde;border-radius:50%;z-index:-1;opacity:.65}
.access-story-copy{width:100%;max-width:380px}
.access-kicker{font-size:8px;line-height:1.9;letter-spacing:1.2px;color:#6b83a2;display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:21px}
.access-color-dots{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}
.access-color-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#4285f4}.access-color-dots i:nth-child(2){background:#ea4335}.access-color-dots i:nth-child(3){background:#fbbc05}.access-color-dots i:nth-child(4){background:#34a853}
.access-story h2{font-size:clamp(33px,3.1vw,45px);line-height:1.15;letter-spacing:-1.8px;font-weight:600;color:#2f496b}
.access-story h2>span{color:#1a73e8}
.access-story-copy>p:last-child{font-size:13px;line-height:1.9;color:#66809f;margin:18px 0 0;max-width:330px}
.access-illustration{width:100%;max-width:365px;margin:32px 0 0;background:#fff;border:1px solid #cedff3;border-radius:15px;overflow:hidden;box-shadow:0 13px 30px #315c8e0c;transform:rotate(-2deg)}
.access-illustration-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;background:#f9fbfe;border-bottom:1px solid #e5edf7;font-size:7px;letter-spacing:.5px;color:#8b9cb1}
.access-illustration-bar>span:first-child{display:flex;gap:4px}.access-illustration-bar i{display:block;width:4px;height:4px;background:#ea4335;border-radius:50%}.access-illustration-bar i:nth-child(2){background:#fbbc05}.access-illustration-bar i:nth-child(3){background:#34a853}
.access-storefront{padding:12px 12px 0}.access-storefront svg{display:block;width:100%;height:auto;max-height:170px}
.access-illustration-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px 13px}.access-illustration-heading>strong{font-size:14px;letter-spacing:-.2px;font-weight:600}.access-illustration-heading>span{font-size:8px;color:#8396af}
.access-illustration-items{display:grid;gap:12px;padding:0 20px 17px}.access-illustration-items>div{display:flex;align-items:center;gap:9px}.access-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.access-icon svg{width:16px;height:16px}.tone-blue{background:#e8f0fe;color:#1a73e8}.tone-red{background:#fce8e6;color:#d93025}.tone-green{background:#e6f4ea;color:#188038}
.access-illustration-items strong{display:block;font-size:10px;font-weight:600;color:#4c6789;line-height:1.7}.access-illustration-items small{display:block;color:#7b91ad;font-size:8px;line-height:1.8;margin-top:1px}.access-illustration-items>div>span:last-child{font-size:11px;color:#34a853;margin-left:auto}
.access-sample-note{padding:9px;background:#f9fcff;border-top:1px solid #e7eef8;text-align:center;font-size:7px;line-height:1.8;color:#7c92af}
.access-story-bottom{display:flex;align-items:center;gap:10px;width:100%;max-width:365px;margin-top:29px;color:#6b8a78;font-size:10px;line-height:1.9}.access-story-bottom>svg{width:20px;height:20px;color:#34a853;padding:3px;border:1px solid #c9e4d3;border-radius:50%}.access-story-bottom strong{font-weight:500;color:#49775b}
.access-main{padding:54px 47px;display:flex;align-items:center;justify-content:center;min-width:0;outline:0}
.access-form-wrap{width:100%;max-width:405px}.access-register .access-form-wrap{max-width:640px}.access-register .access-main{align-items:flex-start;padding:43px 41px}.access-register .access-story{justify-content:flex-start;padding-top:66px}
.access-heading{margin-bottom:29px}.access-form-eyebrow{font-size:8px;letter-spacing:1.5px;color:#7690b0;font-weight:600;line-height:1.8;margin-bottom:13px}.access-heading h1{font-size:30px;line-height:1.2;letter-spacing:-1.1px;font-weight:600;color:#2b4567}.access-heading>p:last-child{font-size:12px;line-height:1.9;color:#738aa6;margin-top:12px}
.access-form{display:block;width:100%}.access-field{margin-bottom:21px;min-width:0}.access-field>label,.access-label-row>label{display:block;font-size:11px;font-weight:600;color:#506c8f;line-height:1.8;margin-bottom:8px}.access-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.access-label-row>a{font-size:10px;line-height:1.8;color:#4776b2;white-space:nowrap}
.access-field input,.access-billing-row select{display:block;width:100%;height:47px;padding:12px 13px;border:1px solid #d7e2f1;border-radius:9px;background:#fff;color:#304e73;font-size:12px;line-height:1.6;box-shadow:0 1px 2px #25497602;outline:none;transition:border-color .15s,box-shadow .15s;min-width:0}
.access-field input::placeholder{color:#8a9db5;opacity:1}.access-field input:focus,.access-billing-row select:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.access-field input[aria-invalid=true]{border-color:#d93025}.access-password{position:relative}.access-password>input{padding-right:60px}.access-password>button{position:absolute;top:1px;right:2px;bottom:1px;border:0;border-radius:0 8px 8px 0;background:#fff;color:#617fa5;font-size:10px;font-weight:600;padding:0 13px;min-width:51px}.access-password>button:hover{background:#f4f8fe}
.access-checkbox{display:flex;align-items:center;gap:9px;font-size:11px;color:#677f9d;margin:0 0 24px;cursor:pointer}.access-checkbox>input{width:16px;height:16px;margin:0;accent-color:#1a73e8;flex-shrink:0}
.access-submit{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;border:1px solid #1a73e8;border-radius:10px;padding:13px 17px;background:#1a73e8;box-shadow:0 5px 14px #1a73e813;color:#fff;font-size:12px;font-weight:600;line-height:1.6}.access-submit>svg{width:18px;height:18px}.access-submit:hover{background:#155fc0;border-color:#155fc0}.access-submit:disabled{background:#9db3cd;border-color:#9db3cd;cursor:not-allowed}
.access-switch{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding-top:23px;margin-top:25px;border-top:1px solid #e4ebf5;font-size:11px;line-height:1.8;color:#7a91ad}.access-switch>a{display:flex;align-items:center;gap:5px;font-weight:600;color:#356cae}.access-switch svg{width:13px;height:13px}
.access-legal{font-size:9px;line-height:1.95;color:#768eac;text-align:center;margin-top:20px}.access-legal>a{color:#527cac;text-decoration:underline;text-underline-offset:3px}
.access-error{font-size:10px;line-height:1.8;color:#bd362b;margin-top:6px}.access-alert{padding:13px 15px;border:1px solid #d4e7da;border-radius:10px;font-size:12px;line-height:1.8;margin:0 0 22px}.access-alert.is-success{background:#eff8f2;color:#327446;display:flex;align-items:flex-start;gap:9px}.access-alert.is-success svg{width:16px;height:16px;margin-top:3px}.access-alert.is-error{background:#fff5f3;border-color:#f2d4ce;color:#ad3c32}.access-alert strong{font-size:12px;display:block;font-weight:600;margin-bottom:3px}
.access-offer{display:flex;align-items:flex-start;gap:11px;background:#edf7f0;border:1px solid #cfe6d7;border-radius:11px;padding:14px 15px;margin:0 0 28px}.access-offer-icon{display:grid;place-items:center;width:28px;height:28px;background:#fff;border:1px solid #d5e9db;color:#34a853;border-radius:8px;flex-shrink:0}.access-offer-icon>svg{width:15px;height:15px}.access-offer strong{font-size:12px;font-weight:600;color:#327746;line-height:1.7}.access-offer p{font-size:10px;line-height:1.8;color:#61856d;margin-top:4px}
.access-form-section{padding:0;margin:0 0 26px;border:0;min-width:0}.access-form-section>h2,.access-form-section>legend{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.8;color:#3e5c80;font-weight:600;letter-spacing:-.1px;margin:0 0 18px;padding:0}.access-form-section>h2>span,.access-form-section>legend>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#edf4ff;color:#4285f4;font-size:9px;font-weight:600}
.access-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px}.access-register .access-field{margin-bottom:18px}.access-phone{display:flex;align-items:center;border:1px solid #d7e2f1;border-radius:9px;overflow:hidden;background:#fff}.access-phone>span{font-size:11px;color:#738aa8;padding:0 12px;border-right:1px solid #e1e9f4;line-height:1.8;flex-shrink:0}.access-phone>input{border:0;box-shadow:none;border-radius:0}.access-phone:focus-within{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.access-phone input:focus{box-shadow:none}
.access-optional{margin:-2px 0 19px}.access-optional>summary{cursor:pointer;color:#6987ad;font-size:10px;line-height:1.9;width:fit-content}.access-optional>summary>span{font-size:9px;color:#8aa0bc;margin-left:5px}.access-optional>.access-field{margin-top:12px;margin-bottom:0}
.access-help{font-size:9px;line-height:1.95;color:#748eac;margin:-6px 0 0}.access-plan-section{border-top:1px solid #e4ebf6;padding-top:24px;margin-bottom:18px}.access-plan-section>legend{float:left;width:100%;margin-bottom:18px}.access-plan-section>legend>span{background:#fcefea;color:#d66d56}.access-billing-row{display:flex;justify-content:space-between;align-items:center;gap:15px;clear:both;margin-bottom:14px}.access-billing-row>label{font-size:11px;color:#6a84a5}.access-billing-row select{width:142px;height:37px;font-size:10px;padding:7px 10px;border-radius:7px}
.access-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:17px}.access-plan-option{display:block;position:relative;cursor:pointer;min-width:0}.access-plan-option>input{position:absolute;top:18px;right:14px;width:18px;height:18px;margin:0;opacity:0}.access-plan-card{display:flex;flex-direction:column;height:100%;padding:15px 14px 14px;border:1px solid #dce6f4;border-radius:11px;background:#fff;transition:border-color .15s,box-shadow .15s;min-width:0}.access-plan-option:hover .access-plan-card{border-color:#b7cef0}.access-plan-option>input:checked+.access-plan-card{border-color:#4285f4;background:#f5f9ff;box-shadow:0 0 0 1px #4285f4}.access-plan-option>input:focus-visible+.access-plan-card{outline:3px solid #4285f4;outline-offset:3px}.access-plan-top{display:flex;justify-content:space-between;align-items:center;gap:9px}.access-plan-top>strong{font-size:13px;font-weight:600;color:#345576}.access-plan-check{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid #d8e3f2;color:transparent;font-size:10px;flex-shrink:0}.access-plan-option>input:checked+.access-plan-card .access-plan-check{background:#4285f4;border-color:#4285f4;color:#fff}.access-plan-badge{display:block;font-size:8px;color:#728ead;margin-top:8px;line-height:1.8;min-height:15px}.access-plan-option.is-reseller .access-plan-badge{color:#188038;font-weight:600}.access-plan-price{display:block;font-size:21px;font-weight:600;letter-spacing:-.5px;color:#345577;line-height:1.5;margin:12px 0 9px;white-space:nowrap}.access-plan-price>small{display:block;font-size:9px;font-weight:400;letter-spacing:0;color:#7b92b0;margin-left:0}.access-plan-capacity{font-size:10px;color:#527397;font-weight:500;line-height:1.8}.access-plan-features{display:block;font-size:8px;color:#7c94b2;line-height:1.9;margin-top:5px}.access-register .access-form>.access-legal{margin:0 0 16px;text-align:left}
.access-footer{width:calc(100% - 88px);max-width:1380px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 23px;font-size:9px;color:#7990ac;line-height:1.9}.access-footer>a{color:#6a86aa}.access-footer .access-color-dots{gap:4px}.access-footer .access-color-dots i{width:13px;height:4px;border-radius:4px}
@media(min-width:1450px){.access-layout{min-height:740px}.access-story{padding-inline:60px}.access-register .access-main{padding:48px 55px}}
@media(max-width:1100px){.access-header,.access-layout,.access-footer{width:calc(100% - 48px)}.access-story{padding:38px 30px}.access-main{padding:42px 34px}.access-register .access-story{padding:50px 28px}.access-register .access-main{padding:36px 29px}.access-story h2{font-size:35px}.access-kicker{font-size:7px;letter-spacing:.7px}.access-plan-price{font-size:19px}}
@media(max-width:900px){.access-layout,.access-register .access-layout{grid-template-columns:minmax(0,1fr);min-height:0;max-width:700px;margin-top:6px;margin-bottom:24px;flex:0}.access-header,.access-footer{max-width:700px}.access-story{display:none}.access-main{padding:47px 41px}.access-register .access-main{padding:38px 37px}.access-page{min-height:100dvh}.access-footer{margin-top:auto;flex-wrap:wrap;justify-content:center;gap:7px 20px}.access-form-wrap{max-width:450px}.access-register .access-form-wrap{max-width:640px}.access-heading h1{font-size:32px}.access-plan-price{font-size:23px}}
@media(max-width:560px){.access-header,.access-layout,.access-footer{width:calc(100% - 32px)}.access-header{padding:21px 0}.access-logo{width:164px}.access-back{font-size:9px;gap:5px}.access-back>svg{width:13px;height:13px}.access-layout{border-radius:16px;margin:3px auto 22px}.access-main,.access-register .access-main{padding:30px 23px}.access-heading{margin-bottom:26px}.access-heading h1{font-size:27px;letter-spacing:-.8px}.access-form-eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:11px}.access-heading>p:last-child{font-size:12px;margin-top:10px}.access-field input{font-size:16px;height:48px}.access-field>label,.access-label-row>label{font-size:11px}.access-password>input{padding-right:56px}.access-password>button{font-size:10px;padding-inline:10px}.access-field-grid{grid-template-columns:minmax(0,1fr);gap:0}.access-register .access-field{margin-bottom:17px}.access-register .access-field-grid:has(#password){gap:0}.access-offer{padding:12px;gap:9px;margin-bottom:25px}.access-offer strong{font-size:11px}.access-offer p{font-size:10px}.access-form-section>h2,.access-form-section>legend{font-size:12px}.access-form-section{margin-bottom:23px}.access-help{font-size:9px}.access-plan-grid{gap:10px}.access-plan-card{padding:14px 11px}.access-plan-top>strong{font-size:12px}.access-plan-price{font-size:20px}.access-plan-price>small{font-size:8px;margin-left:1px}.access-plan-badge{font-size:8px;min-height:29px}.access-plan-capacity{font-size:9px}.access-plan-features{font-size:8px}.access-plan-check{width:14px;height:14px}.access-register .access-form>.access-legal{font-size:9px}.access-switch{font-size:11px;margin-top:23px;padding-top:21px;gap:6px}.access-legal{font-size:9px}.access-footer{flex-direction:column;gap:4px;font-size:8px;padding-bottom:22px}.access-footer .access-color-dots{margin-top:7px}.access-optional>summary{font-size:10px}.access-optional>summary>span{display:block;margin-left:13px}}
@media(max-width:360px){.access-logo{width:149px}.access-back{font-size:8px}.access-main,.access-register .access-main{padding:27px 19px}.access-heading h1{font-size:25px}.access-plan-grid{grid-template-columns:minmax(0,1fr)}.access-plan-badge{min-height:0}.access-plan-price{font-size:24px}.access-plan-capacity{font-size:11px}.access-plan-features{font-size:9px}.access-plan-card{padding:16px}.access-plan-top>strong{font-size:14px}.access-plan-check{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.access-field input,.access-billing-row select,.access-plan-card{transition:none}}

.account-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0 0 28px;padding:0}.account-journey li{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:#536983}.account-journey li>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#edf2f9}.account-journey .is-current{color:#075bc5;font-weight:600}.account-journey .is-current>span{background:#075bc5;color:white}@media(max-width:480px){.account-journey{gap:6px}.account-journey li{flex-direction:column;align-items:flex-start;font-size:12px}}