/* Shared white Aero chrome. Decorations carry no product state. */
:root{--aero-ink:#15272f;--aero-muted:#506876;--aero-edge:#c4dce4;--aero-green:#146b59}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:8px;left:8px;transform:translateY(-160%);z-index:20;background:#fff;padding:12px;color:#146b59}.skip-link:focus{transform:none}
.aero-icon{width:32px;height:32px;flex:none;vertical-align:middle;overflow:visible}
.action-icon{width:26px;height:26px;margin-right:8px;vertical-align:middle}
html[data-ui="simple"] .aero-icon{filter:grayscale(1);opacity:.85}
html[data-ui="simple"] .glass-leaf{display:none}
html[data-ui="aero"]{color-scheme:light;--bg:#fbfefe;--card:#fff;--tx:#15272f;--mu:#506876;--bd:#c4dce4;--ac:#146b59;--ok:#146b59;--soft:#edf8f5}
html[data-ui="aero"] body{background:radial-gradient(ellipse at 0 3%,#e8f9f7 0,transparent 28%),radial-gradient(ellipse at 100% 20%,#edf8ff 0,transparent 26%),#fff;color:var(--tx)}
html[data-ui="aero"] :is(.site-header,.public-page>header,.owner-page header){border:1px solid #cbdee5;border-top:0;border-radius:0 0 28px 28px;background:linear-gradient(110deg,#f8feffcc,#fff 45%,#edf8facc);box-shadow:inset 0 -3px 0 #fff,0 4px 13px #3e7a8d15;position:relative}
html[data-ui="aero"] :is(.site-header,.public-page>header)::after{content:"";position:absolute;width:96px;height:80px;right:12px;bottom:-3px;background:url('/glass-leaf.svg') center/contain no-repeat;opacity:.35;pointer-events:none}
html[data-ui="aero"] :is(.site-header nav,.public-page header nav,.owner-page header a){position:relative;z-index:1}
html[data-ui="aero"] :is(.public-page,.account-page,.owner-page){font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif}
html[data-ui="aero"] :is(.btn:not(.g),.mbtn,.account-page button[type=submit],.owner-page button:not(.g):not(.ui-switch)){background:linear-gradient(#7bc9a7 0,#23866a 19%,#177157 48%,#105c49 51%,#17785e);border:1px solid #188366;box-shadow:inset 0 1px 0 #ffffffd9,inset 0 0 0 2px #ffffff40,0 3px 7px #146b5926;text-shadow:0 1px 1px #073d33;color:#fff;border-radius:11px}
html[data-ui="aero"] :is(.btn.g,.ui-switch){background:linear-gradient(#fff,#eaf4f7);color:#234e60!important;border:1px solid #b6d1dd;box-shadow:inset 0 2px 0 white,0 2px 4px #224b5c14;text-shadow:none}
.ui-switch{font:inherit;font-size:12px;cursor:pointer;padding:8px 12px;min-height:44px;border:1px solid #c4dce4;border-radius:12px;background:#fff;color:#146b59}
:is(.account-page,.public-page,.owner-page) :focus-visible{outline:3px solid #178c91;outline-offset:4px}
html[data-ui="aero"] :is(.public-page input,.account-page input,.owner-page input,.owner-page select,.owner-page textarea){background:#fff;border:1px solid #b9d3df;color:#15272f;box-shadow:inset 0 2px 3px #2b607114;border-radius:9px}
html[data-ui="aero"] .public-page header .w{height:auto;min-height:78px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
html[data-ui="aero"] .public-page .w{max-width:1200px}
html[data-ui="aero"] .public-page .logo{font-size:24px;letter-spacing:-.5px}
html[data-ui="aero"] .public-page .logo svg{width:42px;height:42px}
html[data-ui="aero"] .public-page .hero{padding:72px 0;gap:56px}
html[data-ui="aero"] .public-page .mock{border:1px solid #bcd9e3;border-radius:24px;background:linear-gradient(140deg,#fff 45%,#eaf8fa);box-shadow:inset 0 0 0 3px #fff,inset 0 -8px 12px #d7eef37a,0 0 0 5px #eef9fb,0 8px 24px #295e7214;padding:28px}
html[data-ui="aero"] .public-page .step{border:0;border-radius:0;background:transparent;padding:0 24px 0 0;box-shadow:none}
html[data-ui="aero"] .public-page .step+.step{border-left:1px solid var(--bd);padding-left:24px}
html[data-ui="aero"] .public-page .step::before{background:linear-gradient(#fff,#d2eee4);border:1px solid #a3cebd;box-shadow:inset 0 2px 0 #fff;color:#17634e}
html[data-ui="aero"] .public-page .plan{border-radius:0;border:0;border-left:1px solid var(--bd);background:transparent;box-shadow:none;padding:0 28px}
html[data-ui="aero"] .public-page .plan.main{border-left:3px solid #219175}
html[data-ui="aero"] .public-page .price{gap:32px}
html[data-ui="aero"] .public-page :is(.dot.t,.seg){border-color:#9acbbf}
html[data-ui="aero"] .public-page .legal{padding:48px 24px 64px}
.account-page{margin:0;min-height:100dvh;font:16px/1.6 "Segoe UI",Arial,sans-serif;background:#fff;color:#15272f;display:flex;flex-direction:column}
.account-page *{box-sizing:border-box}
.account-page a{color:#146b59;text-underline-offset:4px}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 36px;margin:0 20px}
.site-header .logo{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;letter-spacing:-.6px;text-decoration:none;color:#15272f}
.site-header .logo svg{width:46px;height:46px;color:#146b59}
.site-header nav{display:flex;align-items:center;gap:24px}
.site-header nav>a{font-size:14px;text-decoration:none}
.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:min(1040px,100%);margin:auto;padding:64px 36px;min-height:660px}
.account-intro{position:relative;min-height:420px}
.account-intro .eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#506876}
.account-intro h1{font-size:clamp(40px,4.8vw,62px);line-height:1.12;letter-spacing:-2px;margin:22px 0}
.account-intro p{font-size:17px;color:#506876}
.glass-leaf{height:240px;width:260px;background:url('/glass-leaf.svg') center/contain no-repeat;position:absolute;right:-8px;bottom:-40px}
.account-form{min-width:0}
.account-form h2{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin:0 0 14px}
.account-form p{font-size:14px;color:#506876;margin:14px 0}
.account-form .account-description{font-size:16px;margin-bottom:28px}
.account-form label{display:block;font-size:14px;font-weight:600;margin:20px 0 7px}
.account-form input:not([type=hidden]){display:block;width:100%;font:inherit;min-height:48px;padding:12px 14px;border:1px solid #b9d3df;border-radius:8px;box-sizing:border-box}
.account-form input[type=password]{letter-spacing:.02em}
.account-form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;font:600 16px "Segoe UI",Arial,sans-serif;min-height:50px;padding:10px 24px;width:100%;margin-top:24px;cursor:pointer;background:#146b59;color:#fff;border:1px solid #146b59;border-radius:8px}
.account-form .form-message{border-left:3px solid #ab3b44;padding:10px 14px;color:#922c36;background:#fff6f6;overflow-wrap:anywhere}
html[data-ui="aero"] .account-form{border-left:1px solid #c4dce4;padding-left:48px}
.account-footer{display:flex;gap:28px;justify-content:center;font-size:13px;padding:24px;border-top:1px solid #dbe9ed;margin-top:auto}
html[data-ui="aero"] .owner-page .w{max-width:1280px;padding:0 28px 48px}
html[data-ui="aero"] .owner-page header{padding:20px;gap:20px;margin-bottom:32px;flex-wrap:wrap}
html[data-ui="aero"] .owner-page header h1{font-size:24px}
html[data-ui="aero"] .owner-page .c{border:0;border-top:1px solid var(--bd);border-radius:0;box-shadow:none;background:transparent;padding:28px 0;margin:0}
html[data-ui="aero"] .owner-page .tile{border:0;border-radius:0;border-right:1px solid var(--bd);box-shadow:none;background:transparent;padding:8px 20px}
html[data-ui="aero"] .owner-page .tile:last-child{border:0}
html[data-ui="aero"] .owner-page .tiles{gap:0;margin-bottom:32px}
html[data-ui="aero"] .owner-page button{min-height:44px}
html[data-ui="aero"] .owner-page .c .c{padding:16px 0}
html[data-ui="aero"] .owner-page :is(.mu,.tile .k){color:#506876}
@media(max-width:767px){.site-header{margin:0 8px;padding:12px 16px;gap:12px}.site-header nav{gap:12px}.site-header .logo{font-size:22px}.site-header .logo svg{width:34px;height:34px}.account-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 24px;min-height:0}.account-intro{min-height:0}.account-intro h1{font-size:38px;letter-spacing:-1px;margin:12px 0}.account-intro p{font-size:15px}.account-intro .glass-leaf{width:110px;height:120px;right:0;bottom:-20px;opacity:.7}.account-intro br{display:none}.account-intro h1 br::after{content:" "}.account-intro h1{max-width:260px}.account-form h2{font-size:28px}html[data-ui="aero"] .account-form{border-left:0;border-top:1px solid #c4dce4;padding:32px 0 0}html[data-ui="aero"] .public-page .hero{gap:32px;padding:44px 0}html[data-ui="aero"] .public-page header nav{gap:12px!important;flex-wrap:wrap}html[data-ui="aero"] .public-page .steps{gap:28px}html[data-ui="aero"] .public-page .step+.step{border:0;padding-left:0}html[data-ui="aero"] .public-page .plan{padding:0 20px}.account-footer{gap:20px}html[data-ui="aero"] .owner-page .w{padding:0 16px 32px}html[data-ui="aero"] .owner-page header{gap:12px}}
@media(prefers-reduced-motion:reduce){:is(.account-page,.public-page,.owner-page) *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.public-page :is(p,li,a,code){overflow-wrap:anywhere}

.design-table{max-width:100%;overflow-x:auto}.design-table table{min-width:560px;width:100%}

@media(max-width:767px){.account-intro{display:none}.account-layout{padding-top:40px}html[data-ui="aero"] .account-form{border-top:0;padding-top:0}}

html[data-ui="aero"] .owner-page header h1{display:flex;align-items:center;gap:12px}html[data-ui="aero"] .owner-page header h1 svg{width:38px;height:38px;color:#146b59}