@font-face{font-family:'switzer';font-weight:100 900;font-style:normal;font-display:swap;src:url('/fonts/switzer-v1/Switzer-Variable.woff2') format('woff2')}
@font-face{font-family:'switzer';font-weight:100 900;font-style:italic;font-display:swap;src:url('/fonts/switzer-v1/Switzer-VariableItalic.woff2') format('woff2')}
body{font-weight:400}
strong,b{font-weight:700}
img{width:auto;max-width:100%;height:auto}
:root{color-scheme:dark;--ink:#0E121B;--ink-2:#141A26;--raise:#19212F;--panel:#1A2233;--line:rgba(255,255,255,.085);--line-2:rgba(255,255,255,.14);--cream:#F5EFE2;--cream-ink:#1B212E;--cream-mut:#6A6A5E;--cream-line:rgba(27,33,46,.12);--cream-gold:#A87F2F;--cream-gold-ink:#8A6724;--gold:#C9A24B;--gold-br:#E4C570;--gold-soft:rgba(201,162,75,.13);--error:#B5533F;--error-soft:rgba(181,83,63,.1);--text:#EEF1F7;--mut:#98A1B2;--mut-2:#8A93A5;--rd:18px;--rd-sm:12px;--maxw:1160px;--disp:'switzer',system-ui,-apple-system,'Segoe UI',sans-serif;--body:'switzer',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'switzer',system-ui,-apple-system,'Segoe UI',sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
/* Animated scrolling is motion the visitor did not ask for, across the whole
   viewport, and a vestibular trigger. Every other reduced-motion block in
   these sheets switches its animation off; this declaration was the one that
   was missed. See FINDINGS.md item 4. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{overflow-x:clip}
body{background:radial-gradient(1100px 520px at 50% 0%, rgba(201,162,75,.17), transparent 66%), radial-gradient(900px 560px at 12% 26%, rgba(201,162,75,.10), transparent 60%), radial-gradient(950px 600px at 90% 44%, rgba(201,162,75,.10), transparent 60%), radial-gradient(1100px 560px at 50% 100%, rgba(201,162,75,.16), transparent 66%), var(--ink);background-repeat:no-repeat;background-attachment:scroll;color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--disp);font-weight:600;letter-spacing:-.02em;line-height:1.05}
.eyebrow{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.gold{color:var(--gold-br)}
.gold-grad{color:transparent;background:linear-gradient(94deg,var(--gold-br),#F6E2A0 52%,var(--gold));-webkit-background-clip:text;background-clip:text}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:600;font-size:15px;padding:11px 22px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:.22s ease;white-space:nowrap}
.btn-gold{background:var(--gold);color:#1a1505;position:relative;overflow:hidden}
.btn-gold::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-22deg);animation:shimmer 5s ease-in-out infinite}
@keyframes shimmer{0%,55%{left:-70%}78%,100%{left:140%}}
.btn-gold:hover{background:var(--gold-br);transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(201,162,75,.55)}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--line-2)}
.btn-ghost:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}
.scrollbar{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;background:linear-gradient(90deg,var(--gold),var(--gold-br));box-shadow:0 0 12px rgba(201,162,75,.6)}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:13px 24px;transition:.3s ease;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(14,18,27,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-weight:600;font-size:20px;letter-spacing:-.01em}
.brand img.wordmark{height:20.4px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a{position:relative;font-size:15px;font-weight:500;color:var(--mut);letter-spacing:.005em;padding:2px 0;transition:color .22s}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:var(--gold-br);transform:scaleX(0);transform-origin:50% 50%;opacity:0;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .25s}
.nav-links a:hover{color:var(--text)}
.nav-links a:hover::after{transform:scaleX(.55);opacity:.45}
.nav-links a.active{color:var(--gold-br)}
.nav-links a.active::after{transform:scaleX(1);opacity:1;box-shadow:0 0 9px rgba(228,197,112,.55)}
.nav-cta{display:flex;align-items:center;gap:22px}
.nav-cta .contact-link{font-family:var(--body);font-size:14.5px;font-weight:500;color:var(--mut);transition:color .2s}
.nav-cta .contact-link:hover{color:var(--text)}
.nav-cta .contact-link.active{color:var(--gold-br)}
.menu-btn{display:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:var(--text);align-items:center;justify-content:center;cursor:pointer;transition:.2s;padding:0}
.menu-btn:hover{background:rgba(255,255,255,.08)}
.menu-btn svg{width:20px;height:20px}
.mobile-panel{display:none;position:fixed;top:64px;left:14px;right:14px;z-index:49;background:rgba(20,26,38,.97);backdrop-filter:blur(16px);border:1px solid var(--line-2);border-radius:16px;padding:14px;flex-direction:column;gap:2px}
.mobile-panel.open{display:flex}
.mobile-panel a{padding:12px 14px;border-radius:10px;font-weight:500;color:var(--mut)}
.mobile-panel a:hover{background:rgba(255,255,255,.05);color:var(--text)}
.mobile-panel a.active{color:var(--gold-br)}
.mobile-panel .btn{margin-top:8px;justify-content:center;color:#1a1505}
@media(max-width:820px){
.nav-links{display:none}
.menu-btn{display:flex}
.nav-cta{display:none}
.brand .sub{display:none}
}
.hero{position:relative;padding:148px 0 40px;overflow-x:clip}
.hero-glow{position:absolute;top:-16%;left:50%;transform:translateX(-50%);width:1000px;height:640px;pointer-events:none;background:radial-gradient(ellipse at center, rgba(201,162,75,.24), transparent 64%);filter:blur(22px)}
.hero .wrap{position:relative;z-index:1}
.sg-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:30px;border:1px solid rgba(201,162,75,.35);background:var(--gold-soft);position:relative;overflow:hidden;font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-br);margin-bottom:22px}
.sg-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--gold-br);animation:dotpulse 2.4s infinite;flex:none}
@keyframes dotpulse{0%{box-shadow:0 0 0 0 rgba(228,197,112,.6)}70%{box-shadow:0 0 0 8px rgba(228,197,112,0)}100%{box-shadow:0 0 0 0 rgba(228,197,112,0)}}
.blur-in{opacity:0;filter:blur(12px);will-change:opacity,filter}
@keyframes blurIn{to{opacity:1; filter:blur(0)}}
.hero h1.blur-in{animation:blurIn 1.1s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:.35s}
.hero-copy>*{animation:heroUp .85s cubic-bezier(.2,.7,.2,1) both}
.hero-copy>*:nth-child(1){animation-delay:.05s}
.hero-copy>*:nth-child(2){animation-delay:.14s}
.hero-copy>*:nth-child(3){animation-delay:.24s}
@keyframes heroUp{from{opacity:0; transform:translateY(22px)}to{opacity:1; transform:none}}
.hero h1{font-size:clamp(40px,6vw,64px);margin-bottom:16px}
.hero p.lede{color:var(--mut);font-size:clamp(17px,2.2vw,20px);max-width:56ch;line-height:1.55}
.tabs-wrap{margin-top:30px;animation:heroUp .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:.42s}
.tabs{display:inline-flex;gap:6px;padding:6px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.tab{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:600;font-size:15px;color:var(--mut);padding:11px 20px;border-radius:11px;border:none;background:none;cursor:pointer;transition:color .2s var(--ease), background .25s var(--ease);white-space:nowrap}
.tab svg{width:17px;height:17px;flex:none}
.tab:hover{color:var(--text)}
.tab.active{color:#1a1505;background:var(--gold)}
.tab.active svg{color:#1a1505}
@media(max-width:480px){
.tabs{width:100%}
.tab{flex:1;justify-content:center;padding:11px 12px;font-size:14px}
.tab .tab-sub{display:none}
}
.panels{padding:40px 0 30px;animation:heroUp .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:.52s}
.panel{display:none}
.panel.active{display:block;animation:reveal .4s var(--ease)}
@keyframes reveal{from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:none}}
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:start}
@media(max-width:880px){
.contact-grid{grid-template-columns:1fr;gap:26px}
}
.form-card{background:var(--cream);color:var(--cream-ink);border-radius:var(--rd);padding:30px 28px;box-shadow:0 1px 2px rgba(0,0,0,.3), 0 24px 60px -20px rgba(0,0,0,.5)}
.form-card .form-intro{padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--cream-line)}
.form-card .form-intro h2{font-size:23px;margin-bottom:7px}
.form-card .form-intro p{font-size:14px;color:var(--cream-mut);line-height:1.5}
.form-card{min-height:560px;display:flex;flex-direction:column}
.form-card>section.wiz-step.is-active{display:flex;flex-direction:column;flex:1}
.form-card .wiz-nav{margin-top:auto;padding-top:24px}
@media(max-width:880px){
.form-card{min-height:0}
.form-card .wiz-nav{margin-top:24px;padding-top:0}
}
.field{margin-bottom:17px}
.field-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:440px){
.field-two{grid-template-columns:1fr;gap:0}
}
label{display:block;font-family:var(--body);font-size:12.5px;font-weight:500;color:var(--cream-ink);margin-bottom:7px;letter-spacing:.005em}
label .req{color:var(--gold)}
.hint{display:block;font-size:11.5px;color:var(--cream-mut);margin-top:6px;line-height:1.45}
.role-select{display:flex;flex-direction:column;gap:9px}
.role-card{background:#fff;border:1px solid var(--cream-line);border-radius:12px;padding:14px;cursor:pointer;text-align:left;color:var(--cream-ink);font-family:inherit;width:100%;display:flex;align-items:center;gap:12px;-webkit-appearance:none;transition:border-color .25s var(--ease), box-shadow .25s var(--ease), transform .1s var(--ease)}
.role-card:active{transform:scale(.99)}
.role-card.active{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.role-icon{width:38px;height:38px;border-radius:11px;background:rgba(201,162,75,.15);color:var(--cream-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .25s var(--ease)}
.role-card.active .role-icon{background:var(--gold)}
.role-icon svg{width:19px;height:19px}
.role-text{flex:1;min-width:0}
.role-title{font-family:var(--disp);font-size:14.5px;font-weight:600;margin-bottom:2px;letter-spacing:-.005em}
.role-desc{font-size:12px;color:var(--cream-mut);line-height:1.4}
.role-check{width:19px;height:19px;border-radius:50%;border:1.5px solid var(--cream-line);flex-shrink:0;position:relative;transition:all .25s var(--ease)}
.role-card.active .role-check{background:var(--gold);border-color:var(--gold)}
.role-card.active .role-check::after{content:'';position:absolute;top:50%;left:50%;width:4px;height:8px;border:solid var(--cream-ink);border-width:0 2px 2px 0;transform:translate(-50%,calc(-50% - .85px)) rotate(45deg)}
.field.err .role-select{outline:1.5px solid var(--error);outline-offset:8px;border-radius:14px}
.wiz-step{display:none}
.wiz-step.is-active{display:block;animation:wizIn .3s var(--ease) both}
@keyframes wizIn{from{opacity:0; transform:translateY(6px)}to{opacity:1; transform:none}}
@media(prefers-reduced-motion:reduce){
.wiz-step.is-active{animation:none}
}
.wiz-bar{display:flex;list-style:none;margin:0 0 28px;padding:0}
.wiz-bar>li{flex:1;min-width:0;display:flex}
.wiz-pip{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:0;padding:0;font-family:var(--disp);font-size:11.5px;font-weight:500;letter-spacing:.01em;color:var(--cream-mut);text-align:center;cursor:default;-webkit-appearance:none}
.wiz-pip::before{content:"";position:absolute;top:12px;right:50%;width:100%;height:1px;background:var(--cream-line);transition:background .4s var(--ease)}
.wiz-bar>li:first-child .wiz-pip::before{display:none}
.wiz-pip.is-on::before,.wiz-pip.is-done::before{background:var(--cream-gold)}
.wiz-num{position:relative;z-index:1;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--cream);border:1px solid var(--cream-line);font-size:11px;font-weight:600;color:var(--cream-mut);font-variant-numeric:tabular-nums;transition:background .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease), box-shadow .3s var(--ease)}
.wiz-pip.is-on{color:var(--cream-ink);font-weight:600}
.wiz-pip.is-on .wiz-num{border-color:var(--cream-gold-ink);color:var(--cream-gold-ink);box-shadow:0 0 0 3px var(--gold-soft)}
.wiz-pip.is-done .wiz-num{background:var(--cream-gold-ink);border-color:var(--cream-gold-ink);color:var(--cream)}
.wiz-pip.is-done{cursor:pointer}
.wiz-pip.is-done:hover .wiz-num{filter:brightness(1.07)}
.wiz-pip:focus-visible{outline:none}
.wiz-pip:focus-visible .wiz-num{outline:2px solid var(--cream-gold);outline-offset:3px}
.wiz-lbl{display:block;line-height:1.25}
@media(max-width:420px){
.wiz-bar{margin-bottom:24px}
.wiz-lbl{font-size:10px}
.wiz-pip{gap:7px}
}
.wiz-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wiz-nav{display:flex;align-items:stretch;gap:10px;margin-top:24px}
.wiz-nav>.submit-btn{flex:1 1 auto;width:auto;margin:0}
.wiz-back{flex:0 0 auto;background:transparent;color:var(--cream-mut);border:1px solid var(--cream-line);padding:15px 18px;border-radius:12px;font-family:var(--disp);font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:7px;-webkit-appearance:none;transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease)}
.wiz-back svg{width:16px;height:16px}
.wiz-back:hover{color:var(--cream-ink);border-color:rgba(27,33,46,.28);background:rgba(27,33,46,.03)}
.wiz-back:active{transform:translateY(1px)}
.wiz-back:focus-visible{outline:2px solid var(--cream-gold);outline-offset:2px}
@media(max-width:420px){
.wiz-back{padding:15px 14px;font-size:0;gap:0}
.wiz-back svg{width:18px;height:18px}
}
.pre-select{text-align:center;padding:20px 16px;color:var(--cream-mut);font-size:12px;font-family:var(--mono);letter-spacing:.02em;border:1px dashed var(--cream-line);border-radius:12px}
.pre-select.hidden{display:none}
.callout{display:flex;gap:10px;align-items:flex-start;background:rgba(201,162,75,.1);border:1px solid rgba(201,162,75,.4);border-radius:12px;padding:14px;margin-bottom:17px;font-size:12.5px;line-height:1.5;color:var(--cream-ink)}
.callout-icon{width:17px;height:17px;flex:none;margin-top:1px;color:var(--gold)}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;padding:13px 14px;background:#fff;border:1px solid var(--cream-line);border-radius:10px;font-family:var(--body);font-size:16px;color:var(--cream-ink);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);-webkit-appearance:none;appearance:none}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
textarea{resize:vertical;min-height:104px;line-height:1.45}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236A6A5E' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
select,option{font-family:var(--body)}
.cselect{position:relative}
.cselect-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;opacity:0;pointer-events:none}
.cselect-btn{width:100%;padding:13px 38px 13px 14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236A6A5E' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--cream-line);border-radius:10px;font-family:var(--body);font-size:16px;color:var(--cream-ink);text-align:left;cursor:pointer;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
.cselect-btn:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.cselect.open .cselect-btn{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.cselect-val.is-placeholder{color:var(--cream-mut)}
.field.err .cselect-btn{border-color:var(--error);box-shadow:0 0 0 3px var(--error-soft)}
.cselect-list{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--cream-line);border-radius:12px;box-shadow:0 18px 42px -12px rgba(27,33,46,.30);max-height:288px;overflow:auto}
.cselect-opt{padding:11px 12px;border-radius:8px;font-family:var(--body);font-size:15px;color:var(--cream-ink);cursor:pointer;transition:background .12s,color .12s}
.cselect-opt.is-placeholder{display:none}
.cselect-opt:hover,.cselect-opt.active{background:var(--gold-soft)}
.cselect-opt[aria-selected="true"]{color:var(--gold-br);font-weight:600}
.tel-wrap{display:flex;align-items:stretch;background:#fff;border:1px solid var(--cream-line);border-radius:10px;overflow:hidden;transition:border-color .15s var(--ease), box-shadow .15s var(--ease)}
.tel-wrap:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.tel-dial{flex:none;width:auto;max-width:112px;border:none!important;box-shadow:none!important;border-radius:0;border-right:1px solid var(--cream-line)!important;background:rgba(27,33,46,.05);color:var(--cream-ink);font-family:var(--body);font-size:14px;padding:0 26px 0 12px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236A6A5E' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;text-overflow:ellipsis}
.tel-dial:focus{outline:none}
.tel-wrap:focus-within .tel-dial{border-right-color:var(--gold)!important}
.tel-wrap input{border:none!important;box-shadow:none!important;border-radius:0;flex:1;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip-btn{font-family:var(--body);font-size:12.5px;font-weight:500;color:var(--cream-ink);background:#fff;border:1px solid var(--cream-line);border-radius:20px;padding:8px 13px;cursor:pointer;transition:all .15s var(--ease);-webkit-appearance:none}
.chip-btn:active{transform:scale(.97)}
.chip-btn.active{background:var(--gold);border-color:var(--gold);color:#1a1505;font-weight:600}
.consent{display:flex;gap:10px;padding:13px;background:rgba(27,33,46,.04);border-radius:10px;margin:4px 0 20px;cursor:pointer}
.consent input{margin-top:2px;accent-color:var(--gold);flex-shrink:0;width:16px;height:16px}
.consent-text{font-size:12px;color:var(--cream-mut);line-height:1.5}
.consent-text a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
/* Not var(--cream-mut): this button's own rgba(27,33,46,.07) overlay composites
   --cream #F5EFE2 down to #E6E1D5, where --cream-mut #6A6A5E reaches only 4.20:1.
   #5F5F55 is the same hue, darker, at 4.95:1. The token is left alone — it passes
   on --cream and a dozen other rules use it. FINDINGS.md item 3. */
.submit-btn{position:relative;overflow:hidden;background:rgba(27,33,46,.07);color:#5F5F55;border:1px solid var(--cream-line);padding:15px 22px;border-radius:12px;font-family:var(--disp);font-size:15px;font-weight:600;cursor:pointer;transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease), transform .1s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;-webkit-appearance:none}
.submit-btn.ready{background:var(--gold);color:#1a1505;border-color:transparent;box-shadow:0 12px 30px -10px rgba(201,162,75,.6)}
.submit-btn.ready::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);transform:skewX(-20deg);animation:shimmer 2.8s ease-in-out infinite;pointer-events:none}
.submit-btn:active{transform:scale(.99)}
.submit-btn svg{width:15px;height:15px}
.submit-note{font-family:var(--mono);font-size:11px;color:var(--cream-mut);text-align:center;letter-spacing:.01em;margin-top:12px}
.submit-note strong{color:var(--cream-ink);font-weight:600}
.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.topic-grid .chip-btn{display:flex;align-items:center;gap:11px;text-align:left;background:#fff;border:1px solid var(--cream-line);border-radius:12px;padding:12px 13px;font-family:var(--disp);font-size:13.5px;font-weight:500;color:var(--cream-ink);letter-spacing:-.005em;line-height:1.3;width:100%;transition:border-color .25s var(--ease), box-shadow .25s var(--ease), transform .1s var(--ease)}
.topic-grid .chip-btn:active{transform:scale(.99)}
.topic-grid .chip-btn.active{background:#fff;color:var(--cream-ink);font-weight:600;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.tc-ic{flex:none;width:34px;height:34px;border-radius:10px;background:rgba(201,162,75,.15);color:var(--cream-ink);display:flex;align-items:center;justify-content:center;transition:background .25s var(--ease)}
.topic-grid .chip-btn.active .tc-ic{background:var(--gold)}
.tc-ic svg{width:18px;height:18px}
.tc-lbl{min-width:0}
@media(max-width:440px){
.topic-grid{grid-template-columns:1fr;gap:8px}
}
.prog-notice{display:none;border:1px solid rgba(201,162,75,.55);background:rgba(201,162,75,.1);border-radius:12px;padding:20px 18px;margin:2px 0 4px}
.prog-notice.show{display:block}
.prog-notice h3{font-family:var(--disp);font-size:16px;color:var(--cream-ink);margin-bottom:10px}
.prog-notice p{font-size:13.5px;line-height:1.55;color:var(--cream-ink);margin-bottom:11px}
.prog-notice p.pn-alt{font-size:12px;color:var(--cream-mut);margin-bottom:0}
.pn-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--gold);color:#1a1505;border:1px solid transparent;border-radius:12px;padding:14px 18px;margin:0 0 12px;text-decoration:none;font-family:var(--disp);font-size:14.5px;font-weight:600;letter-spacing:.005em;box-shadow:0 10px 26px -12px rgba(201,162,75,.6);transition:background .2s ease, transform .1s ease}
.pn-cta:hover{background:var(--gold-br)}
.pn-cta:active{transform:scale(.99)}
.pn-cta svg{width:15px;height:15px}
.field.err input,.field.err select,.field.err textarea{border-color:var(--error);box-shadow:0 0 0 3px var(--error-soft)}
.field.err .chips{outline:1.5px solid var(--error);outline-offset:8px;border-radius:14px}
.err-msg{display:none;font-size:11.5px;color:var(--error);margin-top:9px;font-weight:500;line-height:1.45}
.field.err .role-select~.err-msg,.field.err .chips~.err-msg{margin-top:18px}
.field.err .err-msg{display:block}
.hp-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.form-status{display:none;align-items:flex-start;gap:9px;margin:0 0 18px;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.45}
.form-status.show{display:flex}
.form-status.error{background:var(--error-soft);border:1px solid rgba(181,83,63,.4);color:#7a2f22}
.form-status svg{width:16px;height:16px;flex:none;margin-top:1px}
.submit-btn.sending{cursor:progress;opacity:.85}
.submit-btn .spin{display:none;width:15px;height:15px;border:2px solid rgba(26,21,5,.35);border-top-color:#1a1505;border-radius:50%;animation:spin .7s linear infinite}
.submit-btn.sending .spin{display:inline-block}
.submit-btn.sending .btn-label,.submit-btn.sending>svg{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.consent.err{border:1px solid var(--error);background:var(--error-soft)}
.aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:96px}
@media(max-width:880px){
.aside{position:static;top:auto}
}
.info-card{background:linear-gradient(180deg,var(--raise),#141b29);border:1px solid var(--line);border-radius:var(--rd);padding:22px}
.info-card h3{font-size:16px;margin-bottom:14px}
.info-row{display:flex;gap:13px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--line)}
.info-row:first-of-type{border-top:none;padding-top:0}
.info-ico{width:38px;height:38px;border-radius:10px;background:var(--gold-soft);color:var(--gold-br);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.info-ico svg{width:18px;height:18px}
.info-txt{flex:1;min-width:0}
.info-txt .k{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut-2);margin-bottom:5px}
.info-txt .v{display:block;font-size:14.5px;color:var(--text);font-weight:500;word-break:break-word;line-height:1.35}
.info-txt .v:hover{color:var(--gold-br)}
.info-txt .sub{display:block;font-size:12.5px;color:var(--mut);margin-top:4px;line-height:1.4}
.trust-strip{display:flex;flex-wrap:wrap;gap:9px}
.trust-strip .tchip{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:10px;background:var(--gold-soft);border:1px solid rgba(201,162,75,.35);font-family:var(--disp);font-weight:500;font-size:13px;letter-spacing:.005em;color:var(--gold-br);position:relative;overflow:hidden}
.trust-strip .tchip svg{width:15px;height:15px;color:var(--gold-br);flex:none}
.trust-strip .tchip::after{content:"";position:absolute;top:0;left:-70%;width:42%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);animation:shimmer 5.5s ease-in-out infinite;pointer-events:none}
.trust-strip .tchip:nth-child(2)::after{animation-delay:1.22s}
.trust-strip .tchip:nth-child(3)::after{animation-delay:1.44s}
.note-card{border:1px solid rgba(201,162,75,.28);background:var(--gold-soft);border-radius:var(--rd);padding:18px 20px}
.note-card .note-k{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-br);margin-bottom:8px}
.note-card p{font-size:13.5px;color:var(--text);line-height:1.55;margin:0;opacity:.9}
.htb{padding:76px 0 90px;margin-top:44px}
.htb-head{margin-bottom:36px;text-align:center}
.htb-head h2{font-size:clamp(24px,3.2vw,32px);margin:12px 0 0}
.htb-tl{display:flex;gap:0;margin-bottom:26px}
.htb-tl-step{flex:1;position:relative;padding:0 16px;text-align:center}
.htb-tl-step::before{content:"";position:absolute;top:8px;left:50%;width:100%;height:2px;background:linear-gradient(90deg,var(--gold-br),rgba(201,162,75,.14));z-index:0}
.htb-tl-step:last-child::before{display:none}
.htb-node{position:relative;z-index:1;width:18px;height:18px;margin:0 auto 20px;border-radius:50%;background:var(--gold-br);box-shadow:0 0 0 6px var(--gold-soft)}
.htb-node::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--gold-br);animation:htbPing 1.9s cubic-bezier(0,0,.2,1) infinite}
.htb-tl-step:nth-child(2) .htb-node::after{animation-delay:.5s}
.htb-tl-step:nth-child(3) .htb-node::after{animation-delay:1s}
.htb-tl-step:nth-child(4) .htb-node::after{animation-delay:1.5s}
.htb-tl-step:first-child .htb-node{background:#34D399;box-shadow:0 0 0 6px rgba(52,211,153,.15)}
.htb-tl-step:first-child .htb-node::after{background:#34D399}
.htb-num2{display:block;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.2em;color:var(--mut-2);margin-bottom:6px}
.htb-tl-step h3{font-size:16.5px;font-weight:600;margin:0 0 7px;color:var(--text)}
.htb-tl-step p{color:var(--mut);font-size:13.5px;line-height:1.55;max-width:215px;margin:0 auto}
@keyframes htbPing{0%{transform:scale(1); opacity:.6} 70%,100%{transform:scale(2.6); opacity:0}}
.htb-note{text-align:center;font-size:13.5px;color:var(--mut);line-height:1.55;margin:0 0 24px}
.htb-note a{color:var(--gold-br);font-weight:600;border-bottom:1px solid rgba(228,197,112,.35);transition:color .2s, border-color .2s}
.htb-note a:hover{color:var(--gold);border-color:var(--gold)}
.htb-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid rgba(201,162,75,.28);background:var(--gold-soft);border-radius:var(--rd);padding:17px 24px}
.htb-strip-item{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--text);opacity:.9}
.htb-strip-item svg{width:16px;height:16px;color:var(--gold-br);flex:none}
.htb-strip-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--disp);font-weight:600;font-size:13.5px;color:var(--gold-br);transition:color .2s}
.htb-strip-link:hover{color:var(--gold)}
.htb-strip-link svg{width:15px;height:15px}
@media(max-width:860px){
.htb{padding:48px 0 60px;margin-top:26px}
.htb-head{text-align:left;margin-bottom:26px}
.htb-tl{flex-direction:column;max-width:430px;margin:0 auto 22px}
.htb-tl-step{flex:none;display:flex;gap:18px;text-align:left;padding:0 0 26px}
.htb-tl-step::before{top:9px;left:8px;width:2px;height:100%;background:linear-gradient(180deg,var(--gold-br),rgba(201,162,75,.14))}
.htb-node{margin:2px 0 0}
.htb-tl-step p{margin:0;max-width:none}
}
.success{display:none;background:var(--cream);color:var(--cream-ink);border-radius:var(--rd);padding:34px 28px;box-shadow:0 1px 2px rgba(0,0,0,.3), 0 24px 60px -20px rgba(0,0,0,.5);text-align:center}
.success.show{display:block;animation:reveal .4s var(--ease)}
.success-ico{width:56px;height:56px;background:var(--gold);border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;color:#1a1505;animation:pop .5s var(--ease);position:relative}
.success-ico::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--gold);animation:successRing 1s var(--ease) .2s forwards;opacity:0}
@keyframes successRing{0%{transform:scale(1); opacity:.6}100%{transform:scale(1.5); opacity:0}}
.success-ico svg path{stroke-dasharray:26;stroke-dashoffset:26;animation:drawCheck .45s var(--ease) .32s forwards}
@keyframes drawCheck{to{stroke-dashoffset:0}}
.success.show .success-ico svg path{stroke-dashoffset:26;animation:drawCheck .45s var(--ease) .32s forwards}
@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
.success h2{font-size:23px;margin-bottom:8px}
.success p{color:var(--cream-mut);font-size:14.5px;line-height:1.55;max-width:44ch;margin:0 auto}
.success .ref{display:inline-flex;align-items:center;gap:7px;background:rgba(27,33,46,.05);border:1px solid var(--cream-line);padding:7px 13px;border-radius:20px;font-family:var(--mono);font-size:11.5px;color:var(--cream-ink);margin-top:18px}
.success .ref .lbl{font-family:var(--body);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cream-mut);font-weight:600}
.rail-card{background:linear-gradient(180deg,var(--raise),#141b29);border:1px solid var(--line);border-radius:var(--rd);padding:22px 24px}
.rail-card h3{font-size:15px;margin-bottom:4px}
.rail-card .rail-sub{font-size:12.5px;color:var(--mut-2);margin-bottom:16px;line-height:1.45}
.mail-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);transition:color .18s}
.mail-row:first-of-type{border-top:none;padding-top:2px}
.mail-row .flag{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--gold-br);background:var(--gold-soft);border:1px solid rgba(201,162,75,.3);border-radius:6px;padding:4px 7px;flex:none}
.mail-row .addr{font-size:14px;color:var(--text);font-weight:500;word-break:break-word}
.mail-row:hover .addr{color:var(--gold-br)}
.office-block{padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}
.office-block + .office-block{}
.office-item{margin-bottom:15px}
.office-item:last-child{margin-bottom:0}
.office-item .oi-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.office-item .oi-head .pin{width:14px;height:14px;color:var(--gold-br);flex:none}
.office-item .oi-head .city{font-family:var(--disp);font-weight:600;font-size:14px;color:var(--text)}
.office-item .oi-addr{font-size:12.5px;color:var(--mut);line-height:1.5;margin:0 0 5px 22px}
.office-item .oi-hours{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--mut-2);line-height:1.45;margin-left:22px}
.office-item .oi-hours svg{width:13px;height:13px;color:var(--gold-br);opacity:.8;flex:none;margin-top:1px}
.office-item .oi-mail{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--gold-br);margin:8px 0 0 22px;transition:color .2s}
.office-item .oi-mail svg{width:13px;height:13px;opacity:.85;flex:none}
.office-item .oi-mail:hover{color:var(--gold)}
.office-block--mail .office-item{margin-bottom:12px}
.office-block--mail .oi-mail{margin-top:5px}
footer{padding:54px 0 30px;margin-top:40px;background:radial-gradient(900px 500px at 50% 110%, rgba(201,162,75,.10), transparent 62%), var(--ink-2)}
.foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:40px}
.foot-brand{max-width:340px}
.foot-brand .brand{margin-bottom:14px}
.foot-brand .brand img.wordmark{height:24px}
.foot-brand p{color:var(--mut);font-size:13.5px;line-height:1.5;margin:0}
.foot-cols{display:flex;gap:64px;flex-wrap:wrap}
/* h2, not h4 (FINDINGS.md item 2). The report suggested h4, but the heading
   immediately before the footer is h1 on 404 and h2 on nine other pages, so
   h4 still skipped a level on eleven of twelve. Going shallower never skips,
   so h2 is valid everywhere. font-weight and line-height are pinned because
   these sheets carry a bare h2{font-weight:600;line-height:1.05} that h4 was
   never subject to; inherit keeps the body ratio, which differs per sheet. */
.foot-col h2{font-family:var(--mono);font-size:11px;font-weight:700;line-height:inherit;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.foot-col a{display:block;color:var(--mut);font-size:14.5px;padding:5px 0;transition:.2s}
.foot-col a:hover{color:var(--gold-br)}
.foot-bot{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap;font-size:13px;color:var(--mut)}
.fb-left{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap}
.fb-links a{color:var(--mut);transition:color .2s}
.fb-links a:hover{color:var(--text)}
.fb-links a + a{margin-left:18px;position:relative}
.fb-links a + a::before{content:"·";position:absolute;left:-11px;color:var(--mut)}
@media(max-width:640px){
.foot-bot{flex-direction:column;align-items:flex-start;gap:12px}
.fb-left{flex-direction:column;align-items:flex-start;gap:10px}
}
.foot-note{font-size:12px;color:var(--mut);margin-top:16px;font-style:italic}
@media(max-width:880px){
.hero{padding:122px 0 26px}
.tabs-wrap{margin-top:26px}
}
@media(max-width:640px){
.hero{padding:108px 0 20px}
.hero h1{font-size:clamp(36px,10vw,52px)}
.hero p.lede{font-size:16px}
.sg-badge{font-size:11px;letter-spacing:.12em;padding:7px 13px}
.tabs-wrap{margin-top:22px}
.panels{padding:26px 0 24px}
.form-card{padding:24px 20px}
.form-card .form-intro h2{font-size:21px}
.info-card{padding:20px}
.success{padding:30px 22px}
}
@media(max-width:480px){
.wrap{padding:0 18px}
.field{margin-bottom:15px}
.chip-btn{padding:9px 14px}
.submit-btn{padding:16px 22px}
.info-row{padding:12px 0}
}
@media(max-width:380px){
.hero h1{font-size:34px}
.tab{gap:6px;padding:11px 8px}
.tab svg{width:15px;height:15px}
}
#nav .nav-links{font-size:16.5px;font-weight:400}
#nav .nav-links a{font-size:16.5px;font-weight:400;position:relative}
#nav .nav-cta .contact-link,#nav .contact-link{font-size:16.5px;font-weight:400}
#nav .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:var(--gold-br);transform:scaleX(0);transform-origin:50% 50%;opacity:0;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .25s}
#nav .nav-links a:hover::after{transform:scaleX(.55);opacity:.45}
#nav .nav-links a.active::after{transform:scaleX(1);opacity:1;box-shadow:0 0 9px rgba(228,197,112,.55)}
@media(min-width:821px){
#nav .nav-links{position:absolute;left:50%;transform:translateX(-50%)}
}
#nav .nav-links a::after{background:linear-gradient(94deg,var(--gold-br),#F6E2A0);transform-origin:0 50%;transition:transform .38s cubic-bezier(.22,.61,.36,1), opacity .3s}
#nav .nav-links a:hover::after{transform:scaleX(1);opacity:.85}
#nav .btn-gold{padding:10px 18px;border-radius:10px;font-size:14px}
#nav .btn-gold,#nav .nav-sales-m{background:rgba(201,162,75,.18);color:var(--gold-br);border:1px solid transparent;box-shadow:none;font-weight:500}
#nav .btn-gold:hover,#nav .nav-sales-m:hover{background:var(--gold);color:#1a1505;border-color:transparent}
#nav.nav{transition:background .3s ease, border-color .3s ease, padding .3s ease, box-shadow .3s ease}
#nav.scrolled{background:rgba(14,18,27,.7);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.09);padding-top:10px;padding-bottom:10px}
.mobile-panel{top:70px;left:12px;right:12px;background:rgba(15,20,30,.9);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:6px 22px;gap:0;box-shadow:0 32px 64px -24px rgba(0,0,0,.65)}
.mobile-panel.open{animation:mpIn .3s cubic-bezier(.22,.61,.36,1) both}
@keyframes mpIn{from{opacity:0; transform:translateY(-10px)}to{opacity:1; transform:none}}
.mobile-panel a{padding:16px 2px;border-radius:0;font-weight:400;font-size:15.5px;letter-spacing:.01em;color:var(--text);border-bottom:1px solid rgba(255,255,255,.06);background:none}
.mobile-panel a:hover{background:none;color:var(--gold-br)}
.mobile-panel a.active{color:var(--gold-br)}
.mobile-panel a.btn.btn-gold{margin:0;padding:16px 2px;background:none;border:none;border-radius:0;color:var(--gold-br);font-weight:600;font-size:15.5px;justify-content:space-between;overflow:visible;box-shadow:none}
.mobile-panel a.btn.btn-gold::after{content:"\2192";position:static;width:auto;height:auto;background:none;transform:none;animation:none;font-weight:400}
.mobile-panel::before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(10,13,19,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.mobile-panel .mp-eyebrow{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-br);opacity:.8;padding:12px 2px 4px}
.mobile-panel a{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.mobile-panel a .mp-d{font-size:12px;color:var(--mut-2,var(--mut));font-weight:400}
.mobile-panel a.btn.btn-gold{flex-direction:row;align-items:center}
.mobile-panel.open>*{animation:mpItem .38s cubic-bezier(.22,.61,.36,1) both}
.mobile-panel.open>*:nth-child(1){animation-delay:.03s}
.mobile-panel.open>*:nth-child(2){animation-delay:.07s}
.mobile-panel.open>*:nth-child(3){animation-delay:.11s}
.mobile-panel.open>*:nth-child(4){animation-delay:.15s}
.mobile-panel.open>*:nth-child(5){animation-delay:.19s}
.mobile-panel.open>*:nth-child(6){animation-delay:.23s}
@keyframes mpItem{from{opacity:0; transform:translateY(7px)}to{opacity:1; transform:none}}
.mobile-panel a:last-of-type{border-bottom:none}
.mobile-panel{padding:8px 20px 4px}
.mobile-panel::after{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(228,197,112,.55),transparent)}
.mobile-panel a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;padding:13px 2px}
.mobile-panel a::after{content:"\203A";font-size:19px;line-height:1;color:var(--mut-2,var(--mut));opacity:.55;padding-right:2px}
.mobile-panel .mp-ic{width:38px;height:38px;border-radius:11px;background:var(--gold-soft,rgba(201,162,75,.13));border:1px solid rgba(201,162,75,.28);display:flex;align-items:center;justify-content:center}
.mobile-panel .mp-ic svg{width:17px;height:17px;color:var(--gold-br)}
.mobile-panel .mp-tx{display:flex;flex-direction:column;gap:2px}
.mobile-panel .mp-t{font-family:var(--disp);font-weight:500;font-size:16.5px;letter-spacing:-.01em;color:var(--text)}
.mobile-panel .mp-d{font-size:12px;color:var(--mut-2,var(--mut));font-weight:400}
.mobile-panel a.active .mp-t{color:var(--gold-br)}
.mobile-panel a.active .mp-ic{border-color:rgba(228,197,112,.6);box-shadow:0 0 14px -4px rgba(228,197,112,.5)}
.mobile-panel .mp-foot{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);padding:13px 2px 12px;border-top:1px solid rgba(255,255,255,.06)}
@media(prefers-reduced-motion:reduce){
.mobile-panel.open>*{animation:none}
}
@media(max-width:640px){
footer .foot-brand .brand{display:none}
footer .foot-brand::before{content:"Schonell";display:block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-br);margin-bottom:14px}
footer .foot-brand p{font-size:14.5px;line-height:1.7;color:var(--mut);margin:0}
footer .foot-brand p br{display:none}
footer .foot-top{margin-bottom:38px;gap:38px}
footer .foot-cols{display:grid;grid-template-columns:auto auto auto;gap:28px 22px;width:100%;justify-content:space-between}
footer .foot-col h2{white-space:nowrap}
footer .foot-bot{gap:14px}
footer .foot-bot>span{font-size:11.5px;letter-spacing:.02em;color:var(--mut);line-height:1.7}
footer .fb-left{display:flex;flex-direction:column;gap:8px;font-size:11.5px}
footer .foot-note{font-style:normal;font-size:11px;opacity:.6;margin-top:12px}
footer .foot-bot{border-top:0;position:relative}
footer .foot-bot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(228,197,112,.45),transparent)}
}
@media(min-width:641px){
footer{padding:72px 0 34px}
footer .foot-brand .brand{display:none}
footer .foot-brand::before{content:"Schonell";display:block;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-br);margin-bottom:16px}
footer .foot-top{margin-bottom:48px}
footer .foot-cols{gap:88px}
footer .foot-brand p{max-width:44ch}
footer .foot-bot{border-top:0;position:relative;padding-top:26px}
footer .foot-bot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(228,197,112,.4),transparent)}
footer .foot-note{font-style:normal;font-size:11.5px;opacity:.65}
}
.nav-sales-m{display:none}
.nav-sales-m .s-short{display:none}
@media(max-width:820px){
.nav-sales-m{display:inline-flex;align-items:center;margin-left:auto;margin-right:12px;padding:10px 16px;font-size:14px;border-radius:10px}
}
@media(max-width:380px){
.nav-sales-m{margin-right:10px;padding:9px 13px;font-size:13px}
.nav-sales-m .s-long{display:none}
.nav-sales-m .s-short{display:inline}
}
@media(min-width:821px){
.nav{padding-left:40px;padding-right:40px}
}
.sg-badge{display:inline-flex;align-items:baseline;gap:0;padding:0;border:0;background:none;border-radius:0;overflow:visible;font-size:12px;letter-spacing:.2em}
.sg-badge .dot{display:none}
.sg-badge::after{content:none}
.sg-badge em{font-style:normal;margin-left:15px;padding-left:16px;position:relative;letter-spacing:.2em}
.sg-badge em::before{content:"";position:absolute;left:0;top:.1em;bottom:.1em;width:1px;background:currentColor;opacity:.38}
@media(max-width:359px){
.hero .sg-badge{padding:0;font-size:12px;letter-spacing:.2em}
}

/* ---------------------------------------------------------------------------
   No-JavaScript fallback.

   Reveal-on-scroll, the FAQ accordions, the feature rows and the staggered hero
   copy all start hidden and are uncovered by script. With scripting off or
   broken that left every page blank below the hero — 127 FAQ paragraphs and 25
   reveal blocks on the home page alone, and nothing said so.

   These undo the hidden state. The .js class is set in the <head> by build.js,
   so none of this applies when a script actually ran. Decorative things that
   start at opacity 0 — spinners, glows, hover underlines, the demo mockups —
   are deliberately left alone: the point is that the page reads, not that the
   animations are simulated.
   --------------------------------------------------------------------------- */
html:not(.js) .rv,
html:not(.js) .reveal,
html:not(.js) .frow,
html:not(.js) .blur-in,
html:not(.js) .faq-item,
html:not(.js) .pp-fig,
html:not(.js) .faq-a p,
html:not(.js) .rv h2,
html:not(.js) .list-intro,
html:not(.js) .trust-strip,
html:not(.js) .hero-ctas,
html:not(.js) .tier-note h3,
html:not(.js) .price,
html:not(.js) .sg-stack li,
html:not(.js) .ph figcaption span,
html:not(.js) .hs-eyebrow,
html:not(.js) .hs-copy .lede,
html:not(.js) .hs-copy .hv-ctas,
html:not(.js) .hs-lede-m,
html:not(.js) .hs-copy h1 .hl>span,
html:not(.js) .hv-line.l2{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
html:not(.js) .faq-a{grid-template-rows:1fr}

/* Both enquiry panels, with scripting off (SEO-W2.1).

   #panel-sales carries the `hidden` attribute and .panel{display:none}, and the
   only thing that ever revealed it was selectTab() reading location.hash. With
   scripting off the sales form — the site's one qualified-lead path, linked as
   "Talk to sales" from the nav and mobile panel of every page — was unreachable,
   and #sales is a JS token rather than an element id, so the fragment did not
   help either.

   An author display declaration beats the UA sheet's [hidden]{display:none}, so
   this reveals both panels; each has its own heading, so the page reads as two
   stacked forms. The tab strip is hidden because its buttons do nothing without
   the script that drives them — leaving it visible would offer a control that
   silently fails. */
html:not(.js) .panel{display:block}
html:not(.js) .tabs-wrap{display:none}

/* Skip link and the main landmark (see AGENTS.md).
   Off-screen rather than display:none, so it stays in the tab order and can be
   reached by the very first Tab press; it flies in on focus. #main takes
   tabindex="-1" so following the link actually moves focus, not just the
   viewport, and the scroll-margin keeps the fixed nav off the heading. */
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;padding:12px 20px;background:#0E121B;color:#E4C570;border:1px solid currentColor;border-radius:0 0 10px 0;font-size:15px;font-weight:600;line-height:1;text-decoration:none}
.skip-link:focus{left:0}
#main{scroll-margin-top:90px}
#main:focus{outline:none}

/* Tap targets on touch devices (TCH-04).
   The footer's column links measured 33px and the Privacy/Terms pair 14px,
   against the 44px WCAG asks for. Padding rather than height, so the footer
   keeps its proportions on a pointer device — where these are fine already. */
@media (hover:none){
  footer .foot-col a{padding-block:11px}
  footer .fb-links a{display:inline-block;padding-block:15px}
}

/* The drawer's second group heading (see index.css note). */
.mp-eyebrow-2{margin-top:14px}