@font-face{font-family:Barlow;src:url('./fonts/Barlow-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('./fonts/Barlow-Medium.ttf');font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url('./fonts/Barlow-Bold.ttf');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./fonts/BarlowCondensed-SemiBold.ttf');font-weight:600;font-display:swap}
:root{--teal:#5980a6;--teal-dk:#416180;--teal-soft:#d0deeb;--teal-tint:#e4e9ef;--bg:#f2f2f3;--ink:#1d1f20;--ink-2:#454a50;--ink-3:#555b61;--line:#cfd0d1}
html[data-theme=dark]{--bg:#1a1b1c;--ink:#f2f2f3;--ink-2:#d2d7dc;--ink-3:#b7bdc3;--line:#47494b;--teal:#9ebbd8;--teal-dk:#9ebbd8;--teal-soft:#47494b;--teal-tint:#292f36}
body,input,select,textarea{font-family:Barlow,system-ui,sans-serif!important}
h1,h2,h3,.btn{font-family:'Barlow Condensed',system-ui,sans-serif!important}
h1,h2{letter-spacing:.005em!important}
.btn{border-radius:0!important;min-height:44px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
button,select,input:not([type=file]){min-height:44px}
.app,main,.preview-card,.result-card{min-width:0}
.toolbar{flex-wrap:wrap}
.table-wrap{max-width:100%;overflow-x:auto}
#status{overflow-wrap:anywhere}
#leadPanel{display:none!important}
.orebit-help{margin:18px 0;padding:16px;border:1px solid var(--line);font-size:14px;line-height:1.6;background:var(--teal-tint)}
.orebit-help p{margin:6px 0}
.orebit-help a{color:var(--teal-dk);text-decoration:underline}
@media(max-width:600px){.app{width:100%!important;padding-inline:16px!important}.hero h1{font-size:clamp(30px,9vw,42px)!important}.toolbar{gap:10px}.modal-card,.modal-box{max-width:calc(100vw - 32px)!important;max-height:85vh;overflow-y:auto}.orebit-help{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.orebit-wow-bg{display:none!important}
h1,h2,h3{text-transform:uppercase}
.hero h1 .hl{background:none!important;-webkit-text-fill-color:var(--teal)!important}
.orebit-eyebrow{border-radius:0!important;background:transparent!important;padding-inline:0!important;border:0!important}
.orebit-eyebrow .dot{display:none}
.preview-card,.result-card,.card,.modal-box,.modal-card{border-radius:0!important;box-shadow:none!important}
.brand,.nav-brand{font-family:'Barlow Condensed',system-ui,sans-serif!important}
#orebit-mapping label{display:inline-flex;align-items:center;gap:8px;margin:12px 16px 0 0}
#orebit-mapping select{max-width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:6px 10px}
:root{--surface:#e9e9ea;--surface-2:#e9e9ea;--line-2:#cfd0d1}
html[data-theme=dark]{--surface:#232425;--surface-2:#292a2b;--line-2:#47494b}
body{background:var(--bg)!important;color:var(--ink)!important}
.wrap{max-width:1120px!important;padding-inline:24px!important;margin-inline:auto!important}
.app{background:var(--surface)!important;backdrop-filter:none!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:0!important}
.hero{padding-block:48px 24px!important}
.hero h1{font-size:clamp(36px,5vw,60px)!important;line-height:1.05!important}
.orebit-help{background:transparent;padding:12px 16px;margin:12px 0 24px}
.orebit-help summary{cursor:pointer;font-weight:500;min-height:24px}
.orebit-help p{max-width:85ch;padding-top:8px}
.orebit-steps{display:flex;list-style:none;padding:0;margin:0 0 16px;gap:24px;color:var(--ink-2);font-size:14px}
.orebit-steps li{display:flex;align-items:center;gap:10px}
.orebit-steps span{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--teal);color:var(--teal);font-weight:700}
.nav,.topbar{background:var(--bg)!important;border-bottom:1px solid var(--line)!important}
.btn-primary{background:var(--teal)!important;color:var(--bg)!important}
@media(max-width:600px){.wrap{padding-inline:16px!important}.hero{padding-block:30px 20px!important}.orebit-steps{flex-direction:column;gap:8px;font-size:13px}.orebit-help{font-size:13px}.orebit-help p{line-height:1.5}}
.container{max-width:1120px!important;padding-inline:24px!important;width:100%;margin-inline:auto!important}
.orebit-next-step{max-width:1072px;margin:24px auto!important;border-radius:0!important;box-shadow:none!important}
.orebit-next-step a{border-radius:0!important;background:var(--teal)!important;color:var(--bg)!important}
@media(max-width:600px){.container{padding-inline:16px!important}.orebit-next-step{margin-inline:16px!important}}
.hero,.hero h1,.hero p,.orebit-trust,.orebit-eyebrow{animation:none!important}
.hero p{color:var(--ink-2)!important}
.orebit-trust{color:var(--ink-3)!important}
