@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:hsl(215 35% 12%);--muted:hsl(215 20% 40%);--green:hsl(185 50% 32%);--lime:hsl(22 85% 42%);--line:hsl(40 20% 84%);--bg:#ffffff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:11px 16px;font-weight:700}button:hover{filter:brightness(.96)}a{color:inherit}aside{width:236px;background:#fff;position:fixed;inset:0 auto 0 0;padding:38px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{text-decoration:none;font:800 31px Manrope,sans-serif;letter-spacing:-1.7px}.brand span{color:hsl(22 85% 42%)}.brand i{display:block;font:700 16px 'DM Sans',sans-serif;letter-spacing:2.5px;margin-top:9px;color:var(--muted)}nav{margin-top:49px;display:grid;gap:9px}nav a{text-decoration:none;padding:13px 16px;border-radius:8px;color:hsl(215 20% 40%);display:flex;gap:13px}nav a.active{background:hsl(185 35% 94%);color:hsl(185 50% 32%);font-weight:700}nav a span{width:19px}.aside-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:22px;font-size:16px}.aside-bottom p{color:var(--muted);line-height:1.8}.avatar,.profile{display:inline-grid;place-items:center;background:hsl(185 35% 94%);color:var(--green);width:36px;height:36px;border-radius:50%;font-size:16px;font-weight:700}.avatar{display:grid;margin-bottom:12px}.shell{margin-left:236px}header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;color:var(--muted);font-size:16px}header b{color:var(--ink);font-weight:700}header>div{display:flex;gap:20px;align-items:center}.switch select{margin-left:8px;border:1px solid var(--line);padding:6px;border-radius:5px;background:hsl(0 0% 98%)}.demo{padding:10px 42px;background:#eef1e7;font-size:16px;letter-spacing:1.1px;font-weight:700;color:#617358}.demo span{font-size:16px;letter-spacing:0;font-weight:700;margin-left:15px}main{max-width:1400px;padding:39px 42px 48px;margin:auto}.eyebrow{color:var(--muted);font-size:16px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase}h1{font:700 30px Manrope,sans-serif;letter-spacing:-1px;margin:10px 0}h2{font:700 17px Manrope,sans-serif;margin:0}h3{font-size:16px;margin:0}p{line-height:1.6}.muted{color:var(--muted)}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.heading p{margin:8px 0 0;color:var(--muted)}.primary{background:var(--green);color:#fff;border-color:var(--green)}.heading button{padding:13px 20px}.stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:19px;margin-bottom:28px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.balance{background:var(--green);color:#fff;position:relative;overflow:hidden}.balance:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #ffffff19;border-radius:50%;right:-80px;top:-65px;pointer-events:none}.stat-number{font:700 36px Manrope,sans-serif;letter-spacing:-1.3px;margin:16px 0 6px}.stat-number small{font:700 16px 'DM Sans',sans-serif;letter-spacing:0}.stats p{font-size:16px;margin:0;color:var(--muted)}.balance p,.balance .eyebrow{color:hsl(185 25% 90%)}.bar{height:5px;border-radius:10px;background:#ffffff30;margin:17px 0 10px;overflow:hidden}.bar span{display:block;height:100%;background:var(--lime)}.columns{display:grid;grid-template-columns:1.8fr 1fr;gap:24px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.text-button{padding:0;background:none;border:0;font-size:16px;color:var(--green)}.task-row{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:18px 0;cursor:pointer}.task-row:last-child{padding-bottom:0}.task-icon{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:hsl(185 50% 32%);flex-shrink:0}.task-copy{flex:1}.task-copy p{margin:5px 0 0;font-size:16px;color:var(--muted)}.badge{display:inline-block;font-size:16px;border-radius:5px;padding:6px 9px;white-space:nowrap;background:#eef1eb;color:#657466}.badge.progress{background:#edf1fc;color:#5f77a6}.badge.waiting{background:#fff3dc;color:#aa813b}.badge.done{background:#e9f2e6;color:#628056}.stack{display:grid;gap:20px}.note{background:hsl(185 35% 96%)}.note p{font-size:16px;color:hsl(215 20% 40%)}.note button{background:transparent;border-color:hsl(185 30% 72%)}.activity{padding:0 0 18px 18px;border-left:1px solid var(--line);position:relative;margin-left:4px}.activity:before{content:'';width:7px;height:7px;background:#adc497;border-radius:50%;position:absolute;left:-4px;top:5px}.activity p{margin:6px 0 0;font-size:16px;color:var(--muted)}.activity strong{font-size:16px;font-weight:700}.activity:last-child{padding-bottom:0}footer{padding:0 42px 25px;font-size:16px;color:hsl(215 20% 40%);display:flex;justify-content:space-between}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{flex:1}.toolbar select{width:180px}input,textarea,select{border:1px solid hsl(40 20% 84%);border-radius:7px;background:#fff;padding:11px;color:var(--ink)}textarea{min-height:95px;resize:vertical}label.field{display:grid;gap:8px;margin:17px 0;font-size:16px}table{width:100%;border-collapse:collapse;font-size:16px}th{text-align:left;color:var(--muted);font-size:16px;font-weight:700;padding:14px 10px;background:hsl(0 0% 97%)}td{padding:17px 10px;border-bottom:1px solid var(--line)}.policy{padding:15px;background:hsl(185 35% 96%);font-size:16px;border-radius:8px;margin-top:20px}.empty{padding:35px;text-align:center;color:var(--muted)}.detail{line-height:1.8;white-space:pre-wrap}.comment{padding:14px;background:#ffffff;border-radius:7px;margin:10px 0;font-size:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.wide{max-width:700px}dialog{border:1px solid var(--line);border-radius:15px;width:min(550px,93vw);max-height:90vh;padding:28px;color:var(--ink)}dialog::backdrop{background:#14291f70;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{border:0;font-size:24px;padding:0 5px}#submit{width:100%;margin-top:15px}#form-error{color:#ac493a;font-size:16px}#toast{display:none;position:fixed;bottom:25px;right:25px;background:var(--green);color:white;padding:15px 23px;border-radius:9px;box-shadow:0 10px 40px #0002;z-index:3}button:focus-visible,a:focus-visible{outline:3px solid hsl(185 50% 44%);outline-offset:3px}.check{display:flex;gap:9px;align-items:flex-start;font-size:16px;line-height:1.5}.check input{margin-top:3px}.danger{color:#a35043}.small{font-size:16px}.receipt{margin-top:18px} @media(min-width:1500px){main{padding-top:55px}}@media(max-width:1000px){aside{width:190px;padding:30px 18px}.shell{margin-left:190px}main{padding:30px 24px}.columns{grid-template-columns:1fr}.stats{grid-template-columns:1.2fr 1fr 1fr}header,.demo{padding-left:24px;padding-right:24px}}@media(max-width:650px){aside{position:static;width:100%;padding:18px}.brand{font-size:25px}.brand i,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:18px;gap:3px}nav a{padding:9px;font-size:16px;white-space:nowrap}nav a span{display:none}.shell{margin-left:0}header{height:60px;padding:0 18px}.demo{padding:9px 18px}.demo span{display:block;margin:5px 0 0}main{padding:25px 18px}.heading{align-items:flex-start}h1{font-size:24px}.heading button{font-size:16px;padding:11px}.stats{grid-template-columns:1fr 1fr;gap:12px}.balance{grid-column:1/-1}.card{padding:18px}.two{grid-template-columns:1fr}.badge{font-size:16px;padding:5px}.task-row{gap:8px}.task-icon{display:none}h3{font-size:16px}.toolbar{flex-wrap:wrap}.toolbar select{width:100%}footer{padding:0 18px 20px}.table-wrap{overflow:auto}}

.usage-overview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65vh;padding:25px 0}.usage-overview h1{font-size:22px;margin:0 0 35px}.usage-doughnut{--unused:hsl(22 85% 42%);width:min(330px,75vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--green) 0deg var(--usage),var(--unused) var(--usage) 360deg);display:grid;place-items:center}.usage-centre{width:77%;height:77%;border-radius:50%;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.usage-centre strong{font:700 52px Manrope,sans-serif;letter-spacing:-2px}.usage-centre span{font-size:16px;color:var(--muted)}.usage-legend{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;margin-top:32px;font-size:16px;color:var(--muted)}.usage-legend>span{display:flex;align-items:center;gap:7px}.usage-legend strong{color:var(--ink)}.usage-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.usage-dot.used{background:var(--green)}.usage-dot.remaining{background:var(--lime)}


.usage-overview h1{font-weight:800}.usage-centre strong{font-weight:800}.usage-centre span,.usage-legend,.usage-legend strong{font-weight:700}

.brand img{display:block;width:176px;max-width:100%;height:auto;object-fit:contain}.brand{letter-spacing:normal}@media(max-width:650px){.brand img{width:100px}}

.brand .brand-tagline{font-size:16px;font-style:normal;font-weight:700;letter-spacing:0;line-height:1.5;color:var(--green)}@media(max-width:650px){.brand .brand-tagline{display:block}}

body{font-weight:700}button,input,select,textarea,input::placeholder,textarea::placeholder{font-weight:700}h1,h2,h3,.stat-number,.usage-centre strong{font-weight:800}


body{font-size:16px}nav a{font-size:17px}header{font-size:16px}h1{font-size:32px}h2{font-size:23px}h3{font-size:19px}.usage-overview h1{font-size:28px}.usage-centre strong{font-size:60px}.usage-centre span,.usage-legend{font-size:18px}.section-head,.task-row{flex-wrap:wrap}.task-copy{min-width:160px}footer{gap:16px;flex-wrap:wrap}.brand .brand-tagline{font-size:16px}@media(max-width:650px){header{height:auto;min-height:70px;gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.heading{flex-wrap:wrap}.usage-doughnut{width:min(330px,85vw)}.task-copy{min-width:130px}}


.billing-page{max-width:1050px;margin:0 auto}.billing-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 36px}.billing-heading h1{margin:0}.billing-heading button{padding:14px 24px}.billing-balance{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:0 0 30px;border-bottom:1px solid var(--line)}.billing-balance>span:first-child{grid-column:1/-1;color:var(--muted)}.billing-balance>strong{font:800 52px Manrope,sans-serif;letter-spacing:-2px;color:var(--green)}.billing-balance small{font:700 20px 'DM Sans',sans-serif;letter-spacing:0}.billing-total{color:var(--muted);padding-bottom:8px}.billing-tabs{display:flex;gap:30px;margin:25px 0 32px;border-bottom:1px solid var(--line)}.billing-tabs button{border:0;border-radius:0;background:transparent;padding:14px 0;border-bottom:3px solid transparent;color:var(--muted);font-size:18px}.billing-tabs button.selected{color:var(--ink);border-bottom-color:hsl(22 85% 42%)}.billing-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.billing-section-heading h2{font-size:21px}.billing-ledger th{background:transparent;color:var(--muted);padding:16px 0;border-bottom:1px solid var(--line);font-size:16px;text-transform:none}.billing-ledger td{padding:24px 0;vertical-align:top}.billing-ledger th+th,.billing-ledger td+td{padding-left:24px}.billing-ledger td p{margin:6px 0 0;color:var(--muted);font-size:16px}.billing-ledger .amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.billing-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:25px}.billing-footer p{font-size:16px;color:var(--muted);margin:0}.billing-footer .text-button{font-size:16px;padding:10px 0}@media(max-width:650px){.billing-heading{flex-wrap:wrap;margin-bottom:26px}.billing-heading h1{font-size:28px}.billing-balance{grid-template-columns:1fr}.billing-balance>strong{font-size:44px}.billing-total{font-size:16px}.billing-ledger th+th,.billing-ledger td+td{padding-left:14px}.billing-ledger th,.billing-ledger td{font-size:16px}.billing-footer{align-items:flex-start;flex-direction:column}}

.account-page{max-width:850px;margin:auto}.account-page>h1{margin:0 0 36px}.account-section{border-bottom:1px solid var(--line);padding:0 0 32px;margin:0 0 32px}.account-section h2{font-size:22px;margin:0 0 22px}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-bottom:12px}.account-fields label.field{font-size:17px;margin:0 0 24px}.account-fields input{padding:14px;width:100%;min-width:0}.account-section .primary{padding:14px 24px}.account-service{border:0}.account-service button{color:var(--ink)}.account-payments .section-head{align-items:center;gap:20px}.account-payments .section-head h2{margin:0}.account-payments .task-row{cursor:default}.account-payments .task-copy{min-width:140px}@media(max-width:650px){.account-fields{grid-template-columns:1fr}.account-payments .section-head{flex-wrap:wrap}.account-page>h1{font-size:28px}}

.support-page{max-width:850px;margin:auto}.support-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}.support-heading h1{margin:0}.support-heading button{padding:14px 24px}.support-request{border-top:1px solid var(--line);padding:26px 0}.support-request-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.support-request h2{font-size:22px}.support-message,.support-reply p{font-size:17px;white-space:pre-wrap;overflow-wrap:anywhere}.support-reply{border-left:3px solid var(--green);padding-left:18px;margin:22px 0}.support-reply h3{font-size:17px}.support-empty{border-top:1px solid var(--line);padding:26px 0;color:var(--muted)}@media(max-width:650px){.support-heading,.support-request-heading{flex-wrap:wrap}.support-heading h1{font-size:28px}}

.portal-footer{border-top:1px solid var(--line);margin:20px 42px 0;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:16px;font-weight:700}.portal-footer img{display:block;width:110px;height:auto}.portal-footer>a{color:var(--ink)}.portal-footer>a:last-child{text-underline-offset:5px}@media(max-width:650px){.portal-footer{margin:20px 18px 0}.portal-footer img{width:90px}}

dialog{box-sizing:border-box;max-height:calc(100dvh - 40px);max-width:calc(100vw - 32px);width:560px;margin:auto;padding:28px;overflow-y:auto;overflow-x:hidden}dialog form{min-width:0}.dialog-head{gap:18px;align-items:flex-start}.dialog-head h2{font-size:26px;line-height:1.25;overflow-wrap:anywhere}.dialog-head button{flex-shrink:0;font-size:28px}dialog input,dialog textarea,dialog select{width:100%;min-width:0}dialog .check input{width:20px;min-width:20px;height:20px;flex-shrink:0}#price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:40px;margin:22px 0}#price small{font-size:18px}dialog p{overflow-wrap:anywhere}@media(max-width:650px){dialog{padding:22px;max-height:calc(100dvh - 24px)}.dialog-head h2{font-size:24px}}

/* Strong contrast for navigation and supporting text. */
:root{--muted:hsl(215 35% 20%)}
nav a{color:var(--ink);font-weight:800}
nav a.active{background:var(--green);color:#fff;font-weight:800}
header,header b,.heading p,.eyebrow,.muted,.task-copy p,.account-section p,.billing-total,.billing-footer p,.billing-ledger td p,.billing-ledger th,.support-empty,.usage-centre span,.usage-legend,.aside-bottom p{color:var(--ink);font-weight:700}
.billing-tabs button{color:var(--ink);font-weight:800}
.billing-tabs button.selected{border-bottom-color:hsl(22 85% 42%);color:var(--green)}
input::placeholder,textarea::placeholder{color:hsl(215 35% 25%);opacity:1}
.badge{background:hsl(215 15% 91%);color:hsl(215 35% 18%);font-weight:800}
.badge.progress{background:hsl(185 35% 90%);color:hsl(196 55% 18%)}
.badge.waiting{background:hsl(22 80% 91%);color:hsl(22 85% 26%)}
.badge.done{background:var(--green);color:#fff}
@media(max-width:650px){nav a{padding:12px 14px}}

/* Vertical side navigation at every breakpoint. */
aside{position:fixed;inset:0 auto 0 0;width:260px;height:100dvh;overflow-y:auto;padding:22px 20px;z-index:20}
.shell{margin-left:260px;min-width:0}
#nav{display:flex;flex-direction:column;overflow:visible;margin-top:24px;gap:8px;flex-shrink:0}
#nav a{display:flex;align-items:center;white-space:normal;overflow-wrap:anywhere;padding:14px 16px;min-height:48px;font-size:18px}
#nav a span{display:inline-block;flex-shrink:0;width:20px}
.aside-bottom{padding-top:20px;margin-top:30px}
.menu-toggle{display:none}
.nav-backdrop{position:fixed;inset:0;z-index:19;border:0;border-radius:0;background:hsl(215 35% 12% / .4);padding:0}
.nav-backdrop[hidden]{display:none}
@media(max-height:850px){.aside-bottom{display:none}.brand img{width:130px}.brand .brand-tagline{font-size:16px}}
@media(max-width:900px){aside{width:min(280px,85vw);transform:translateX(-100%);transition:transform .2s ease;background:#fff}.shell{margin-left:0}.menu-toggle{display:inline-block;min-height:44px;font-size:17px;font-weight:800}body.nav-open aside{transform:translateX(0)}aside .brand img{width:150px}aside .brand .brand-tagline{display:block}header{height:auto;min-height:76px;gap:16px;flex-wrap:wrap;padding:16px 20px}#nav{display:flex;flex-direction:column;overflow:visible;margin-top:24px}#nav a{font-size:18px;white-space:normal}.brand{display:block}main{min-width:0}.usage-doughnut{width:min(330px,100%)}}
@media(prefers-reduced-motion:reduce){aside{transition:none}}

.website-footer{display:block;margin:0;padding:0;border-top:1px solid hsl(215 35% 12% / .1);background:#fff;color:var(--ink);font-family:Roboto,system-ui,sans-serif;font-size:16px;font-weight:700}
.website-footer-content{max-width:1280px;margin:0 auto;padding:64px 48px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px}
.website-footer-about{grid-column:span 6}.website-footer-links{grid-column:span 3;min-width:0}
.website-footer-logos{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.website-footer-logos a{display:inline-flex;align-items:center;min-height:44px}.website-footer-logos img{display:block;width:auto;height:112px}.website-footer-logos a:last-child img{height:96px}
.website-footer-about>p{max-width:512px;margin:20px 0;line-height:1.625;font-size:16px}.website-footer-email{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--green);text-decoration:none;overflow-wrap:anywhere}.website-footer-email svg{flex-shrink:0}
.website-footer-socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.website-footer-socials a{width:48px;height:48px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center}.website-footer-socials a:hover{background:hsl(196 55% 18%)}
.website-footer-links h3{text-transform:uppercase;letter-spacing:.1em;font-size:16px;margin:0 0 16px;font-weight:800}.website-footer-links ul{list-style:none;padding:0;margin:0}.website-footer-links li+li{margin-top:4px}.website-footer-links a{display:flex;align-items:center;min-height:44px;font-size:16px;line-height:1.5;color:var(--ink);text-decoration:none}.website-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.website-footer-legal{background:hsl(196 55% 18%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 48px;flex-wrap:wrap}.website-footer-legal p{margin:0;color:#fff}.website-footer-legal>div{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}.website-footer-legal a,.website-footer-legal button{font-size:16px;font-weight:700;color:#fff;text-decoration:none}.website-footer-legal button{background:transparent;border:0;padding:0;min-height:44px}
@media(max-width:1279px){.website-footer-about{grid-column:span 12}.website-footer-links{grid-column:span 6}}
@media(max-width:650px){.website-footer-content{padding:48px 24px;gap:40px}.website-footer-links{grid-column:span 12}.website-footer-logos img{height:96px}.website-footer-logos a:last-child img{height:80px}.website-footer-legal{padding:20px 24px;justify-content:center;text-align:center}}

.website-footer-legal{display:flex;flex-direction:column;align-items:center;text-align:center;background:hsl(196 55% 18%);padding:30px 32px 28px;gap:22px}
.website-footer-legal p{font-size:18px;font-weight:700;line-height:1.5;margin:0;color:#fff}
.website-footer-legal .website-footer-policy-links{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}
.website-footer-legal .website-footer-policy-links a,.website-footer-legal>#cookie-settings{font-size:18px;font-weight:700;line-height:1.5;color:#fff}
.website-footer-legal>#cookie-settings{min-height:44px;background:transparent;border:0;border-radius:0;padding:0}
.website-footer-legal .website-footer-book{display:flex;width:100%;align-items:center;justify-content:center;gap:14px;padding:22px 18px;margin-top:34px;background:var(--green);color:#fff;font-size:20px;font-weight:800;letter-spacing:.1em;line-height:1.4;text-decoration:none;border-radius:0;box-shadow:0 12px 22px hsl(215 35% 8% / .18)}
.website-footer-book svg{flex-shrink:0}
@media(max-width:650px){.website-footer-legal{padding:26px 18px 22px}.website-footer-legal .website-footer-policy-links{gap:18px}.website-footer-legal .website-footer-book{font-size:18px;margin-top:28px}}

.auth-panel{max-width:480px;margin:0 auto;padding:18px 0 40px}.auth-panel>img{display:block;margin:0 auto;width:160px;height:auto}.auth-tagline{text-align:center;color:var(--green);font-weight:800}.auth-panel h1{margin:30px 0}.auth-panel form>button{width:100%;min-height:48px}.auth-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.auth-panel .check{margin:24px 0}.auth-panel input:not([type=checkbox]){width:100%}.auth-panel .check input{width:20px;height:20px;flex-shrink:0}.auth-panel #auth-error,.inline-error{color:hsl(0 65% 35%);font-size:16px}.signed-out #sidebar,.signed-out #menu-toggle,.signed-out #profile-name,.signed-out header>span{display:none}.signed-out .shell{margin-left:0}.signed-out header{min-height:0;height:0;padding:0;border:0;overflow:hidden}.signed-out main{max-width:650px}.account-notice{padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.account-notice button{min-height:44px}.task-open{width:100%;text-align:left;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 0;background:transparent}.task-open h3{font-size:19px}.task-open:last-child{padding-bottom:22px}#client-picker select{max-width:260px}#profile-name:empty{display:none}button:disabled{cursor:wait;opacity:.65}.detail,.comment p{overflow-wrap:anywhere}.account-fields input{font-size:17px}@media(max-width:650px){#client-picker{width:100%}#client-picker select{max-width:100%}.auth-panel{padding-top:0}.signed-out main{padding-top:20px}.task-open{gap:12px}}
/* Compact legal footer and complete onboarding. */
.website-footer-legal{padding:18px 20px 14px;gap:8px}
.website-footer-legal p,.website-footer-legal .website-footer-policy-links a,.website-footer-legal>#cookie-settings{font-size:16px;line-height:1.45}
.website-footer-legal .website-footer-policy-links{gap:8px 20px}
.website-footer-legal>#cookie-settings{min-height:36px;padding:4px 8px}
.auth-panel{padding-bottom:24px}
.auth-links{gap:12px 20px;margin-top:20px}
.onboarding-page{max-width:900px;margin:0 auto}
.onboarding-page>h1{margin:0 0 16px}
.onboarding-page>p{margin:0 0 28px}
.onboarding-section{padding:26px 0;border-top:1px solid var(--line)}
.onboarding-section h2{margin:0 0 20px;font-size:24px}
.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.onboarding-page .field{display:block;margin:0 0 22px;line-height:1.5}
.onboarding-page input,.onboarding-page select,.onboarding-page textarea{display:block;width:100%;min-width:0;margin-top:8px;padding:13px;font-size:16px}
.onboarding-page textarea{min-height:110px;resize:vertical}
.onboarding-page p{line-height:1.55}
.app-access{border:1px solid var(--line);border-radius:12px;padding:20px;margin:22px 0}
.app-access legend{font-size:20px;font-weight:800;padding:0 8px}
.app-access button{min-height:44px}
.kickoff-booking{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:14px 20px;min-height:48px;margin:0 0 24px;border-radius:8px;background:var(--green);color:#fff}
.onboarding-page .field-help{margin:0 0 24px;font-size:16px}
.onboarding-page form>button[type=submit]{min-height:48px;padding:14px 28px}
.onboarding-saved{color:var(--green)}
@media(max-width:650px){.website-footer-legal{padding:16px 16px 12px;gap:6px}.website-footer-legal .website-footer-policy-links{gap:6px 18px}.onboarding-grid{grid-template-columns:1fr}.onboarding-page h1{font-size:28px}.app-access{padding:16px}.onboarding-section{padding:22px 0}.onboarding-page form>button[type=submit],.kickoff-booking{width:100%;box-sizing:border-box}}

.existing-client-signin{display:block;padding:15px 18px;margin:0 0 24px;border:2px solid var(--green);border-radius:8px;color:var(--green);font-size:18px;font-weight:900;text-align:center;text-decoration:none}.existing-client-signin:hover,.existing-client-signin:focus-visible{background:var(--green);color:white}

.agreement-text{font-size:17px;line-height:1.65;margin:24px 0;overflow-wrap:anywhere}.agreement-text p{white-space:pre-wrap;margin:0 0 18px}.agreement-text h2{font-size:21px;margin:30px 0 14px}.contract-fingerprint{font-size:14px;overflow-wrap:anywhere}.agreements-page .support-request{padding:24px 0}.agreement-download{display:inline-block;margin:16px 0}#template-preview{max-height:50vh;overflow-y:auto;border:2px solid var(--green);padding:20px}#fields .check{display:flex;gap:12px;align-items:flex-start;margin:22px 0}#fields .check input{flex-shrink:0;width:22px;height:22px}