@charset "UTF-8";
:root{color-scheme:light;--green:#123d32;--orange:#c45116;--muted:#52645b;--line:#dce4dd;--paper:#fff9ef}*{box-sizing:border-box}body{margin:0;background:#f7f8f4;color:var(--green);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}header,footer{max-width:1240px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}header img{display:block;height:auto}header a,footer a{color:inherit;text-decoration:none;font-weight:600}main{max-width:1240px;margin:auto;padding:35px 28px 70px;min-height:72vh}footer{border-top:1px solid var(--line);font-size:13px;flex-wrap:wrap;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-1.5px}h2{font-size:25px;letter-spacing:-.6px;line-height:1.25}h3{font-size:21px}p{color:var(--muted)}button,input,select{font:inherit}button{border:1px solid transparent;background:var(--green);color:white;border-radius:12px;min-height:46px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:650;cursor:pointer;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#215845;transform:translateY(-1px)}button:disabled{opacity:.48;cursor:not-allowed}button.quiet{background:transparent;color:var(--green);border-color:var(--line)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e88a51;outline-offset:3px}a{color:var(--green)}.entry{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-top:30px}.intro h1{font-size:clamp(38px,5vw,58px);margin:18px 0}.intro>p{font-size:19px;max-width:37ch}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#577465;display:block}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 4px 22px #173d3205}.auth{display:flex;flex-direction:column;gap:18px;max-width:490px;width:100%;margin:auto}.auth form,.transfer form{display:flex;flex-direction:column;gap:17px}.social{display:grid;gap:10px}.social .google{color:#243e31;background:white;border-color:var(--line)}.social .facebook{background:#0866ff}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.field input,.field select{border:1px solid #bdcdc0;background:#fcfdfb;border-radius:10px;color:#153b2e;padding:12px;width:100%;min-height:47px;min-width:0}.field input::placeholder{color:#6e7b72;font-weight:400}.divider{text-align:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.small{font-size:12px;line-height:1.65}.steps{list-style:none;padding:0;display:grid;gap:18px;margin:32px 0}.steps li{display:flex;align-items:center;gap:14px;font-weight:600}.steps span{width:32px;height:32px;background:#e7efe6;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:13px}.trust,.notice{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.65;padding:16px;border-radius:12px;background:#edf3ec}.trust svg,.notice svg{flex-shrink:0}.trust{background:transparent;padding:0;max-width:44ch}.notice{margin:14px 0}.notice.error{color:#8e2e23;background:#fff0eb;display:block}.notice.error p{color:inherit}.notice.error button{margin:10px}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.account-heading h1{margin:8px 0}.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px;overflow:auto}.tabs button{background:transparent;color:var(--muted);white-space:nowrap}.tabs button[aria-current]{background:var(--green);color:white}.current{border-radius:22px;background:var(--green);padding:30px;color:var(--paper);display:flex;justify-content:space-between;align-items:center}.current .eyebrow,.current p{color:#c7dbce}.current h2{font-size:34px;margin:7px 0}.current>svg{width:52px;height:52px;color:#9fcab3}.usage{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.usage article{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.usage strong{font-size:25px}.usage small{font-size:14px;color:var(--muted);font-weight:400}.usage span{font-size:13px;color:var(--muted)}.next{display:flex;gap:25px;justify-content:space-between;align-items:center;margin-top:24px}.next p{font-size:14px;margin-top:8px;max-width:62ch}.next button{flex-shrink:0}.pending{width:100%;background:#fff0d8;color:#79511d;justify-content:flex-start;font-size:13px}.section-heading{margin:26px 0}.section-heading p{margin-top:8px;font-size:14px}.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.plan{display:flex;flex-direction:column;gap:13px;padding:22px;position:relative}.plan.popular{border:2px solid #377d57;background:#fcfefb}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.plan-top>svg{color:#347857}.tag{padding:5px 9px;background:#edf3eb;border-radius:8px;color:#315940;font-size:11px;font-weight:750;white-space:nowrap}.tag.submitted{color:#79511d;background:#fff0d8}.tag.rejected{color:#8e2e23;background:#fff0eb}.description{font-size:13px;min-height:42px}.price{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line);padding:8px 0 18px;min-height:95px}.price strong{font-size:26px;letter-spacing:-1px;overflow-wrap:anywhere}.price del{font-size:12px;color:var(--muted)}.price span{font-size:12px;color:var(--muted)}.plan ul{list-style:none;padding:0;margin:4px 0 14px;display:grid;gap:13px;font-size:13px}.plan li{display:flex;gap:9px;align-items:flex-start}.plan li svg{width:17px;height:20px;flex-shrink:0;color:#45805c}.plan button,.plan>.small{margin-top:auto}.history{display:grid;gap:12px}.history-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:19px}.grow{flex:1;min-width:140px}.history-row h3{font-size:17px}.history-row p,.history-row small{font-size:12px;overflow-wrap:anywhere}.pager{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px;font-size:13px}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.bank dl{display:grid;gap:5px;margin:22px 0}.bank dt{font-size:12px;color:var(--muted)}.bank dd{margin:0 0 12px;font-size:17px;font-weight:650;overflow-wrap:anywhere}.express{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:15px 0}.receipt-preview{max-width:100%;height:180px;object-fit:contain;background:#f1f4ef;border-radius:10px}.break{overflow-wrap:anywhere}.loading{padding:60px;text-align:center}.skip{position:absolute;top:-90px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}@media(max-width:1000px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.entry{gap:30px}.usage article{gap:8px}}@media(max-width:620px){header,footer{padding:20px}main{padding:20px 18px 45px}.entry,.payment-grid{grid-template-columns:1fr;gap:25px;padding-top:0}.intro h1{font-size:40px}.intro>p{font-size:16px}.steps{gap:12px;margin:20px 0}.trust{display:none}.card{padding:20px}.plans{grid-template-columns:1fr}.plan .description{min-height:0}.usage{gap:8px}.usage article{padding:14px;flex-direction:column;align-items:flex-start}.usage strong{font-size:22px}.usage small{font-size:11px}.usage span{font-size:11px}.account-heading{align-items:flex-start}.account-heading .quiet{padding:9px;font-size:12px}.account-heading p{font-size:13px}.next{align-items:flex-start;flex-direction:column;gap:16px}.current{padding:22px}.current>svg{width:35px;height:35px}.tabs{gap:0}.tabs button{font-size:13px;padding:11px}.history-row{gap:10px}.history-row .quiet{font-size:12px;padding:9px}.bank dd.iban{font-size:15px}.transfer h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.account-identity{overflow-wrap:anywhere;max-width:65ch}
/* Shared brand geometry: clear forms in front, quiet arcs behind. */
body{background:#fff9ef}.portal-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.app-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #bfd0c3;border-radius:999px;padding:9px 15px;color:#123d32;text-decoration:none;font-size:13px;font-weight:700;min-height:42px}.app-link:hover{background:#eaf1e8}
.intro,.current{position:relative;isolation:isolate;overflow:hidden}.intro{background:#123d32;border-radius:30px;padding:38px;color:#fff9ef}.intro h1,.intro>p,.intro .trust p{color:#fff9ef}.intro .eyebrow{color:#bfd9c8}.intro .steps span{background:#f47a35;color:#123d32}.intro .trust{color:#bcd6c6}.intro::before,.current::before{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;width:460px;height:460px;border:65px solid #83ad9315;right:-220px;top:-250px}.intro::after,.current::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;width:370px;height:370px;border:1px solid #bfd9c830;right:-200px;bottom:-200px}.intro .steps{position:relative}.entry{gap:40px;align-items:stretch;padding-top:10px}.entry .auth{align-self:center}.section-heading h2{font-size:clamp(27px,3vw,38px);line-height:1.15;max-width:22ch}.section-heading p{max-width:70ch}.plan{box-shadow:0 8px 26px #123d3207;border-radius:24px}.plan.popular{border-color:#347c5b;box-shadow:0 14px 35px #123d3212}.plan .tag{background:#e2f0e5}.plan button{width:100%}.plan-top>svg{width:28px;height:28px}.current{box-shadow:0 15px 32px #123d3212}.account-heading{padding:23px;background:#f5eee1;border-radius:24px}.tabs button{border-radius:999px}.express{gap:12px}.express img{width:80px;height:32px;object-fit:contain;flex-shrink:0}.express strong{font-size:15px}.bank{border-top:3px solid #f47a35}.bank dd.iban{background:#f1f5ee;padding:12px;border-radius:12px;letter-spacing:.5px}.card,.intro{animation:kimbota-in .22s ease-out both}@keyframes kimbota-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.entry{gap:24px}.intro{padding:28px}.intro h1{font-size:43px}}@media(max-width:620px){header{flex-wrap:wrap;gap:14px}.portal-links{gap:12px;font-size:13px}.app-link{padding:8px 12px;font-size:12px}.entry{gap:20px}.intro{padding:25px;border-radius:24px}.intro h1{font-size:35px}.intro>p{font-size:15px}.intro .steps{font-size:14px;gap:11px}.account-heading{padding:18px}.section-heading h2{font-size:29px}.tabs{padding-top:2px}.express img{width:72px;height:29px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Accessible identity and prominent plan navigation. */
[data-account]{min-width:0}.site-account{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#123d32}.account-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:2px solid #c9d9ce;border-radius:50%;background:#e8f0e9;color:#123d32;font-size:12px;font-weight:800;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-name{font-size:12px;max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-signout,.account-entry{border:1px solid #becfc2;background:#fff9ef;color:#123d32;padding:8px 11px;border-radius:999px;min-height:40px;font:600 12px system-ui;cursor:pointer;text-decoration:none}.account-signout:hover:not(:disabled),.account-entry:hover{background:#123d32;color:#fff9ef}.account-signout:disabled{opacity:.5;cursor:wait}.plans-link{display:inline-flex;align-items:center;border-radius:999px;background:#123d32;color:#fff9ef;padding:8px 15px;font-weight:750}.plans-link:hover{background:#215845;color:#fff9ef}.plans-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px;padding-bottom:35px;border-top:1px solid #e0dfd4}.plans-callout h2{font-size:29px;line-height:1.2;margin:8px 0}.plans-callout p{max-width:60ch;color:#52645b;font-size:15px}.plans-callout .button{flex-shrink:0}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800}@media(max-width:900px){header{flex-wrap:wrap;padding-top:18px;padding-bottom:18px}header nav{gap:14px;align-items:center}.plans-callout{align-items:flex-start;flex-direction:column}}@media(max-width:560px){header.wrap{display:grid;grid-template-columns:1fr auto}header.wrap nav{grid-column:1/-1;grid-row:2}header.wrap [data-account]{grid-column:2;grid-row:1}.account-name{display:none}.site-account{gap:6px}.account-signout{font-size:11px;padding:7px}.plans-callout h2{font-size:25px}}
button.quiet:hover:not(:disabled),.tabs button:hover:not(:disabled){background:#e6efe7;color:#123d32}.tabs button[aria-current]:hover:not(:disabled){background:#215845;color:#fff}.social .google:hover:not(:disabled){background:#edf3ee;color:#123d32}.social .facebook:hover:not(:disabled){background:#0754cc;color:#fff}.pending:hover:not(:disabled){background:#f4e0bd;color:#664014}.receipt-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}header{flex-wrap:wrap}.site-account button{font-size:12px;padding:8px 11px;min-height:40px;transform:none}@media(max-width:620px){header [data-account]{order:3;flex-basis:100%}.site-account{justify-content:flex-end}}
/* Portal header: identity and sign-in stay at the right; compact layout prevents clipping on phones. */
@media (min-width:621px){header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;justify-content:normal}header>[data-account]{justify-self:end}header>.portal-links{justify-self:end}}
@media (max-width:620px){header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}header>a:first-child{grid-column:1;grid-row:1}header>[data-account]{grid-column:2;grid-row:1;order:initial;justify-self:end;min-width:0}header>.portal-links{grid-column:1/-1;grid-row:2;justify-content:flex-end;width:100%}main{padding-top:30px}.entry{padding-top:8px}.intro,.card,.section-heading,.account-heading{min-width:0}.intro h1,.section-heading h2,.account-heading h1,.transfer h2{overflow-wrap:anywhere}.intro{overflow:visible}.intro::before,.intro::after{z-index:0}.intro>*{position:relative;z-index:1}}

/* Portal header: navigation always has its own row before the available width gets tight. */
@media (max-width:840px){
  header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-top:16px;padding-bottom:16px;gap:14px 18px}
  header>a:first-child{grid-column:1;grid-row:1;min-width:0}
  header>[data-account]{grid-column:2;grid-row:1;order:initial;justify-self:end;min-width:0}
  header>.portal-links{grid-column:1/-1;grid-row:2;justify-content:flex-end;width:100%;gap:12px}
}