@font-face{font-family:Inter;src:url('/static/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;--brand-brown:#361b10;--brand-cream:#f4e8d5;--brand-sand:#dfc5a0;--sage-ink:#426f60;--sage-fill:#b9d5c5;--selection-bg:#e3ede5;--ink:var(--brand-brown);--surface:var(--brand-cream);--accent:var(--ink);--muted:var(--ink);--border:var(--ink);--header-height:140px;--control-bg:#fffaf3;--control-border:#8c705a;--control-placeholder:#795f4b;--field-placeholder:#86817c;--focus-ring:#94613d;--error:#a42121;color:var(--ink);background:var(--surface)}
*{box-sizing:border-box}body{margin:0}a{color:var(--ink);text-underline-offset:5px}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}:focus-visible{outline:3px solid currentColor;outline-offset:5px}h1:focus{outline:none}h1{font-size:2rem;font-weight:800;line-height:1.08;letter-spacing:-.055em;margin:0 0 18px}h2{font-size:1.25rem;line-height:1.25;margin:28px 0 12px}.page{width:min(620px,calc(100% - 40px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}.brand-link{display:block;flex:none}.header-actions{display:flex;align-items:center;gap:24px}.language-switch{position:relative;font-size:.8125rem;font-weight:550;z-index:8}.language-switch summary{display:flex;align-items:center;gap:9px;min-height:40px;padding:7px 2px;list-style:none;cursor:pointer}.language-switch summary::-webkit-details-marker{display:none}.language-globe{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.language-chevron{width:6px;height:6px;margin:0 3px 3px 5px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.language-switch[open] .language-chevron{transform:rotate(225deg);margin-bottom:-3px}.language-options{position:absolute;top:calc(100% + 4px);right:0;min-width:170px;padding:5px;background:var(--brand-cream);color:var(--brand-brown);border:1px solid #b8a18c;box-shadow:0 5px 18px #00000012;border-radius:7px}.language-options a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px;padding:8px 12px;color:inherit;text-decoration:none;border-radius:4px}.language-options a[aria-current]{font-weight:750}@media(hover:hover) and (pointer:fine){.language-options a:hover{background:#e7d9c5}}.header img{display:block;width:208px;height:auto}.shop-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:12px 20px;border:1px solid currentColor;border-radius:6px;text-decoration:none;font-size:.9375rem;font-weight:750;letter-spacing:-.015em;transition:background-color 160ms,color 160ms}.shop-arrow{font-size:1.5rem;line-height:1}.shop-short{display:none}@media(hover:hover) and (pointer:fine){.shop-link:hover{background:var(--ink);color:var(--surface)}}.footer{font-size:.6875rem;border-top:1px solid currentColor;margin:32px 0 0;padding:20px 0}.skip{position:absolute;left:20px;top:-100px;background:var(--brand-cream);color:var(--brand-brown);padding:12px;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* Keep the entrance colours; use quiet, light surfaces inside each branch. */
.split-page{isolation:isolate;min-height:100svh;background:var(--surface);color:var(--ink);-webkit-tap-highlight-color:transparent}
.split-page[data-theme=split]{--divider-slant:clamp(12px,2vw,32px)}
.split-page[data-theme=split]::before,.split-page[data-theme=split]::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none}
.split-page[data-theme=split]::before{background:var(--brand-brown);clip-path:polygon(calc(33.333333% + var(--divider-slant)) 0,calc(66.666667% + var(--divider-slant)) 0,calc(66.666667% - var(--divider-slant)) 100%,calc(33.333333% - var(--divider-slant)) 100%)}
.split-page[data-theme=split]::after{background:var(--brand-sand);clip-path:polygon(calc(66.666667% + var(--divider-slant)) 0,100% 0,100% 100%,calc(66.666667% - var(--divider-slant)) 100%)}
.split-page:not([data-theme=split]){--ink:var(--brand-brown);--surface:#f8f4ed;--accent:var(--ink);--muted:#6f5d50;--border:var(--ink);--control-bg:#fbf8f3;--control-border:#93806d;--control-placeholder:var(--muted);--field-placeholder:#716a62;--focus-ring:var(--ink);--error:#a42121;color-scheme:light}
.split-page[data-theme=training]{--surface:#f2eadf;--control-bg:#f8f2e9}
.page--journey{width:100%;min-height:100svh;display:flex;flex-direction:column}
.page--journey>.header{padding:20px 5vw;min-height:var(--header-height)}
.split-page[data-theme=split] .header .shop-link{--ink:var(--brand-brown);--surface:var(--brand-sand);color:var(--ink)}
.split-page[data-theme=split] .language-switch{color:var(--brand-brown)}
.page--journey>main{flex:1;min-width:0}
.page--journey>.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border:0;margin:0;padding:22px 5vw;min-height:64px}
.page--journey>.footer>span{display:none}
.split-page[data-theme=split] .footer>a:last-child{color:var(--brand-brown)}
.journey{view-transition-name:journey}
.split-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;min-height:calc(100svh - var(--header-height) - 64px)}
.split-half{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:38px clamp(24px,3.4vw,64px)}
.on-white{--ink:var(--brand-brown);--surface:var(--brand-cream);--accent:var(--ink);--muted:var(--ink);--border:var(--ink);color:var(--ink)}
.on-training{--ink:var(--brand-brown);--surface:var(--brand-sand);--accent:var(--ink);--muted:var(--ink);--border:var(--ink);color:var(--ink)}
.on-black{--ink:var(--brand-cream);--surface:var(--brand-brown);--accent:var(--ink);--muted:var(--ink);--border:var(--ink);color:var(--ink);color-scheme:dark}
.flow-shell{width:min(760px,calc(100% - 96px));margin:0 auto;padding:18px 0 48px;min-height:calc(100svh - var(--header-height) - 64px)}
.flow-shell--form,.flow-shell.success{max-width:660px}
.root-choice{display:flex;flex-direction:column;align-self:center;align-items:flex-start;text-align:left;width:fit-content;max-width:100%;gap:28px;text-decoration:none;color:var(--ink);padding:18px 0}
.direction-icon{width:56px;height:56px}
.root-title{font-size:clamp(2rem,4vw,4rem);font-weight:750;line-height:1.08;letter-spacing:-.04em;max-width:13ch;min-height:2.04em;overflow-wrap:normal;hyphens:none}
.root-title>span{display:block}
.root-description{font-size:.9375rem;line-height:1.65;max-width:30ch;min-height:3.3em}
.continue-label{display:flex;align-items:center;gap:22px;margin-top:12px;text-transform:uppercase;font-size:.6875rem;font-weight:750;letter-spacing:.12em}
.continue-icon{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:50px;height:50px;font-size:1.6rem;font-weight:400;transition:transform 220ms ease,background-color 220ms ease,color 220ms ease}
@media(hover:hover) and (pointer:fine){.root-choice:hover .continue-icon{transform:translate(4px,-4px);background:var(--ink);color:var(--surface)}}
.journey-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;margin-bottom:32px;position:sticky;top:0;z-index:3;padding:10px 0;background:var(--surface)}
.journey-navigation .back-control{justify-self:start}
.journey-navigation .language-switch{grid-column:3;justify-self:end}
.journey-brand{grid-column:2;display:block;line-height:0}
.language-code{display:none}
.journey-navigation .back-control{white-space:nowrap}
@media(max-width:480px){.journey-navigation .language-name{display:none}.journey-navigation .language-code{display:inline}.journey-navigation .language-switch summary{gap:6px}}
@media(max-width:360px){.journey-navigation{gap:6px}.journey-navigation .back-control{padding-inline:10px;font-size:.6875rem;letter-spacing:.03em}.journey-navigation .journey-brand img{width:72px}}
.journey-brand img{display:block;width:132px;height:auto}
.page--journey:has(#site-header[hidden])>main .flow-shell{padding-top:16px}
.back-control{display:inline-flex;align-items:center;min-height:44px;padding:9px 16px;border:1px solid var(--control-border);border-radius:6px;text-decoration:none;text-transform:uppercase;font-weight:600;font-size:.75rem;letter-spacing:.04em;transition:color 160ms,background-color 160ms}
@media(hover:hover) and (pointer:fine){.back-control:hover{background:var(--ink);color:var(--surface)}}
.journey-context{margin:0 0 14px;text-transform:uppercase;font-size:.6875rem;font-weight:650;letter-spacing:.09em}
.journey-heading h1{font-size:clamp(2rem,3.1vw,3.25rem);font-weight:600;line-height:1.15;letter-spacing:-.025em}
.journey-heading{margin-bottom:26px}.form-intro{font-size:.875rem;line-height:1.7;max-width:56ch}
.choice-grid{display:flex;flex-direction:column;border-top:1px solid currentColor}
.choice{display:grid;grid-template-columns:32px minmax(0,1fr) 24px;align-items:center;gap:20px;min-height:104px;padding:20px 8px;border-bottom:1px solid currentColor;color:var(--ink);text-decoration:none;transition:color 160ms,background-color 160ms,padding 160ms}
.choice-icon{width:30px;height:30px}.choice strong{font-size:1rem;font-weight:600;line-height:1.35;display:block}.choice-description{display:block;margin-top:7px;font-size:.75rem;line-height:1.5}.choice-arrow{font-size:1.45rem;transition:transform 160ms}
@media(hover:hover) and (pointer:fine){.choice:hover{background:var(--ink);color:var(--surface);padding-inline:14px}.choice:hover .choice-arrow{transform:translate(2px,-2px)}}.choice.htmx-request,.root-choice.htmx-request{opacity:.6}

.field{margin-bottom:22px}.field label{display:block;font-size:.875rem;font-weight:600;margin-bottom:9px}.hint{font-size:.8125rem;margin:0 0 10px}.field input,.field textarea,.field select{display:block;width:100%;min-width:0;border:1px solid var(--control-border);border-radius:8px;background-color:var(--control-bg);color:var(--ink);padding:12px 14px;line-height:1.5;box-shadow:0 1px 2px #00000005;transition:border-color 140ms,box-shadow 140ms}.field input{min-height:48px}.field textarea{min-height:124px;resize:vertical}.field input::placeholder{color:var(--control-placeholder);opacity:1}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--focus-ring);outline:2px solid var(--focus-ring);outline-offset:2px}.field [aria-invalid=true]{border-color:var(--error)}.field input:disabled,.field select:disabled{opacity:.5;cursor:not-allowed}.submit{display:block;min-height:48px;padding:12px 24px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:var(--surface);font-size:.875rem;font-weight:650;letter-spacing:0;transition:transform 160ms}@media(hover:hover) and (pointer:fine){.submit:hover{transform:translateY(-2px)}}.submit:disabled{opacity:.6;cursor:wait}.terms{font-size:.6875rem;line-height:1.7;margin:16px 0 0}.form-errors{border:2px solid currentColor;padding:14px;margin:0 0 24px;font-size:.875rem}.form-errors p{margin:6px 0 0}.field-error{font-size:.75rem;font-weight:600;margin:8px 0 0;color:var(--error)}.trap{display:none}.success{padding:30px 0}.success p{font-size:.875rem;line-height:1.7;margin:22px 0}.success-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 0 30px;border:1px solid currentColor;font-size:1.6rem}.privacy-document{padding-top:18px}.privacy-document h1{overflow-wrap:anywhere;hyphens:auto}.privacy-document h2{margin-top:32px}.privacy-document p,.privacy-document li{font-size:.9375rem;line-height:1.7}.privacy-document ul{padding-left:22px}

@keyframes journey-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes journey-out{to{opacity:0;transform:translateX(-18px)}}
@keyframes journey-back-in{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes journey-back-out{to{opacity:0;transform:translateX(18px)}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-group(journey){animation-duration:240ms}
::view-transition-old(journey){animation:journey-out 160ms ease both}
::view-transition-new(journey){animation:journey-in 240ms cubic-bezier(.2,.7,.2,1) both}
@keyframes choose-dark{from{clip-path:polygon(57% 0,100% 0,100% 100%,43% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
@keyframes choose-light{from{clip-path:polygon(0 0,57% 0,43% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
:root[data-theme-change=dark]::view-transition-new(root){animation:choose-dark 340ms cubic-bezier(.2,.7,.2,1) both}
:root[data-theme-change=light]::view-transition-new(root){animation:choose-light 340ms cubic-bezier(.2,.7,.2,1) both}
:root[data-journey-direction=back]::view-transition-old(journey){animation-name:journey-back-out}
:root[data-journey-direction=back]::view-transition-new(journey){animation-name:journey-back-in}
@media(min-width:801px) and (max-width:1200px){.split-page[data-theme=split] .header-actions{flex-direction:column-reverse;align-items:flex-end;gap:4px}}
@media(max-width:800px){
 :root{--header-height:128px}
 .split-page[data-theme=split]::before,.split-page[data-theme=split]::after{display:none}.page--journey>.header{padding:18px 24px;min-height:var(--header-height)}
 .split-page[data-theme=split]>.page>.header{background:var(--brand-cream)}
 .split-page[data-theme=split]>.page>.header .shop-link{--ink:var(--brand-brown);--surface:var(--brand-cream);color:var(--ink)}
 .header-actions{flex-direction:column-reverse;align-items:flex-end;gap:3px}
 .header img{width:148px}.header .shop-link{font-size:.8125rem;padding:10px 14px;min-height:44px;gap:10px}
 .split-page[data-theme=split] .language-switch{color:var(--brand-brown)}
 .page--journey>.header img{width:148px}.page--journey>.header .shop-link{font-size:.8125rem;padding:10px 14px;min-height:44px;gap:10px}
 .shop-full{display:none}.shop-short{display:inline}.shop-arrow{font-size:1.25rem}
 .split-layout{display:flex;flex-direction:column;gap:0;padding:0;min-height:0}
 .split-half{padding:32px 24px}.on-white,.on-black,.on-training{background:var(--surface)}
 .root-choice{min-height:240px;justify-content:center;padding:0;gap:18px}
 .root-title{font-size:clamp(2rem,8.5vw,3.4rem);max-width:14ch;line-height:1.02}
 .direction-icon{width:40px;height:40px}.root-description{font-size:.8125rem;max-width:36ch}
 .continue-label{margin-top:0;gap:18px}.continue-icon{width:40px;height:40px;font-size:1.35rem}
 .flow-shell{width:calc(100% - 48px);padding:26px 0 36px}
 .journey-navigation{margin-bottom:30px;gap:10px}.journey-brand img{width:84px}.journey-heading h1{font-size:2.2rem}.choice{min-height:100px;gap:16px;padding-block:18px}.choice strong{font-size:.9375rem}
 .page--journey>.footer{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 24px}
 .split-page[data-theme=split]>.page>.footer{background:var(--brand-brown);color:var(--brand-cream)}
 .split-page[data-theme=split]>.page>.footer>a{color:var(--brand-cream)}
 .field input,.field textarea{font-size:1rem}.submit{width:100%}
}
html[lang=en] .root-title{font-size:clamp(2rem,3.8vw,4rem);max-width:14ch}
html[lang=de] .root-title{font-size:clamp(1.9rem,3.2vw,3.5rem);max-width:16ch;overflow-wrap:normal;hyphens:none}
html[lang=de] .journey-heading h1{overflow-wrap:break-word;hyphens:auto}
@media(max-width:380px){.header img,.page--journey>.header img{width:128px}.header,.page--journey>.header{gap:16px}}
.field select{appearance:none;min-height:48px;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23795f4b' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.field select option{background:var(--control-bg);color:var(--ink)}
.company-lookup{position:relative}.company-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:4;max-height:18rem;overflow-y:auto;padding:4px;border:1px solid var(--control-border);border-radius:8px;background:var(--control-bg);box-shadow:0 5px 18px #00000012}.company-options button{display:block;width:100%;min-height:48px;padding:10px;border:0;border-radius:4px;text-align:left;color:var(--ink);background:transparent;overflow-wrap:anywhere}.company-options button[aria-selected=true]{background:var(--selection-bg)}@media(hover:hover) and (pointer:fine){.company-options button:hover{background:var(--selection-bg)}}.company-options strong{display:block;font-size:.875rem;font-weight:600}.company-options span{display:block;margin-top:3px;font-size:.75rem;color:var(--control-placeholder)}.company-hint,.company-status{margin:8px 0 0;font-size:.75rem;color:var(--control-placeholder)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field-optional{font-size:.7rem;font-weight:400}
.context-fields{margin-bottom:26px}
.receipt code{display:inline-block;max-width:100%;overflow-wrap:anywhere;border:1px solid currentColor;padding:10px;margin-top:10px;font-size:.85rem;user-select:all}
.request-status{border:1px solid currentColor;padding:12px;font-size:.875rem}
@media(max-width:600px){.field-row{gap:12px}}
@media(prefers-reduced-motion:reduce){
 .field input,.field textarea,.field select,.submit,.choice,.choice-arrow,.continue-icon,.back-control,.shop-link{transition:none}
 .choice:hover .choice-arrow,.root-choice:hover .continue-icon,.submit:hover{transform:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
/* Scale the public canvas as a system on roomy displays, not just its headings. */
@media(min-width:1600px) and (min-height:850px){
 html:not(.staff-root){font-size:clamp(18px,1vw,24px)}
 .page--journey{--header-height:9rem}
 .page--journey>.header{padding-block:1.5rem}
 .page--journey>.header img{width:12rem}
 .split-half{padding-inline:clamp(48px,4vw,120px)}
 .root-choice{gap:1.75rem}
 .direction-icon{width:3.5rem;height:3.5rem}
 .continue-icon{width:3rem;height:3rem}
 .continue-label{gap:1.25rem}
 .language-switch summary{min-height:2.75rem;gap:.6rem}
 .language-options{min-width:11rem}
 .language-options a{padding:.6rem .8rem}
 .language-globe{width:1rem;height:1rem}
 .language-chevron{width:.35rem;height:.35rem}
 .shop-link{padding:.8rem 1.25rem;min-height:3rem}
 .back-control{min-height:2.75rem;padding:.65rem 1rem}
 .journey-brand img{width:8rem}
 .choice{min-height:6rem;gap:1.25rem;padding:1.25rem .5rem;grid-template-columns:2rem minmax(0,1fr) 1.5rem}
 .choice-icon{width:1.75rem;height:1.75rem}
 .choice-description{font-size:.875rem}
 .page:not(.page--journey):not(.page--staff){width:min(42rem,calc(100% - 80px))}
 .flow-shell.success{max-width:42rem;width:min(42rem,calc(100% - 80px))}
 .success p{font-size:1rem}
}
@media(forced-colors:active){.field select{appearance:auto;background-image:none}}