:root {
  --ink: #251045;
  --purple: #35146d;
  --purple-dark: #210d46;
  --purple-soft: #f2edfb;
  --orange: #ff4f13;
  --orange-deep: #e94107;
  --paper: #fbfaf8;
  --mist: #f2f0ed;
  --line: #e8e2dc;
  --muted: #655d6e;
  --white: #fff;
  --radius: 18px;
  --shadow: 0 18px 45px rgba(37,16,69,.12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: 'DM Sans', Arial, sans-serif; line-height: 1.55; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }
.container { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.topbar { background: var(--purple-dark); color: #efeafd; font-size: .74rem; }
.topbar-inner { min-height: 34px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.topbar-inner div { display: flex; align-items: center; gap: 18px; }
.topbar a { color: #fff; }
.site-header { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.97); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); }
.nav-wrap { height: 82px; display: flex; align-items: center; gap: 30px; }
.brand { display: flex; min-width: 212px; align-items: center; gap: 9px; }
.brand > img { width: 55px; height: 47px; object-fit: contain; object-position: left; }
.brand span { display: grid; gap: 2px; }
.brand span img { width: 129px; max-height: 22px; object-fit: contain; object-position: left; }
.brand small { font-weight: 700; color: var(--muted); font-size: .47rem; letter-spacing: .06em; text-transform: uppercase; }
.main-nav { display: flex; align-items: stretch; gap: 25px; margin-left: auto; height: 100%; }
.main-nav a { font-size: .84rem; font-weight: 700; color: #484052; display: grid; place-items: center; border-bottom: 2px solid transparent; }
.main-nav a:hover, .main-nav a.is-active { color: var(--purple); border-color: var(--orange); }
.nav-cta { padding: 11px 15px!important; font-size: .78rem!important; }
.nav-toggle { display: none; border: 0; background: none; font-size: 1.4rem; color: var(--purple); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 47px; padding: 12px 21px; border-radius: 8px; border: 1px solid transparent; cursor: pointer; font-size: .87rem; font-weight: 700; transition: transform .2s, background .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--orange); color: white; box-shadow: 0 10px 19px rgba(255,79,19,.2); }
.button-primary:hover { background: var(--orange-deep); }
.button-ghost { color: white; border-color: rgba(255,255,255,.7); background: rgba(255,255,255,.08); }
.button-ghost:hover { background: white; color: var(--purple); }
.eyebrow { font-size: .71rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; color: var(--purple); margin: 0 0 10px; }
.eyebrow.orange { color: var(--orange); }
h1,h2,h3,h4 { font-family: 'Manrope', Arial, sans-serif; margin: 0; line-height: 1.13; }
h1 { font-size: clamp(2.55rem, 5.1vw, 4.5rem); letter-spacing: -.055em; }
h2 { font-size: clamp(2rem, 3.5vw, 3.15rem); letter-spacing: -.05em; }
h2 em { font-style: normal; color: var(--orange); }
.hero { min-height: 580px; position: relative; isolation: isolate; display: grid; align-items: center; background-color: var(--purple-dark); overflow: hidden; }
.hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(17,5,42,.94) 0%, rgba(28,12,64,.75) 37%, rgba(24,10,61,.23) 72%, rgba(24,10,61,.1)); }
.hero::after { content: ''; position: absolute; z-index: -2; inset: 0; background: url('../images/hero-bs-international.png') center/cover no-repeat; }
.hero-content { color: white; max-width: 720px; padding: 86px 0 116px; margin: 0 auto; text-align: center; }
.hero-content .eyebrow { color: #d8cef5; }
.hero h1 { max-width: 720px; margin: 0 auto; }
.hero h1 span { color: #ff6532; }
.hero p { max-width: 560px; color: #eee9fa; font-size: 1.06rem; margin: 20px auto 29px; }
.hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.stats-ribbon { background: #fff; margin: -45px auto 0; position: relative; z-index: 2; border-radius: 14px; box-shadow: var(--shadow); padding: 24px 30px; display: grid; grid-template-columns: repeat(4, 1fr); }
.stat { padding: 2px 22px; display: flex; gap: 13px; align-items: center; border-right: 1px solid var(--line); }
.stat:last-child { border-right: none; }
.stat-mark { color: var(--purple); border-radius: 9px; font-size: 1.55rem; line-height: 1; }
.stat b { display: block; font-family: 'Manrope'; font-size: .77rem; color: var(--purple); }
.stat span { display: block; font-size: .7rem; color: var(--muted); line-height: 1.25; }
.intro { padding: 115px 0 95px; display: grid; grid-template-columns: .92fr 1.08fr; gap: 68px; align-items: center; }
.intro-copy p:not(.eyebrow) { color: var(--muted); max-width: 470px; margin: 18px 0 29px; }
.year-mark { display: flex; gap: 12px; align-items: end; border-left: 2px solid var(--orange); padding-left: 17px; }
.year-mark strong { font-size: 2.4rem; line-height: .9; color: var(--orange); font-family: 'Manrope'; letter-spacing: -.08em; }
.year-mark span { font-size: .75rem; font-weight: 700; color: var(--muted); max-width: 110px; line-height: 1.25; }
.intro-visual { position: relative; min-height: 365px; border-radius: 18px; overflow: hidden; background: url('../images/hero-bs-international.png') 71% center/cover no-repeat; box-shadow: var(--shadow); }
.intro-visual::after { content: 'B&S INTERNATIONAL'; position: absolute; inset: auto 16px 16px auto; padding: 10px 13px; color: white; background: rgba(37,16,69,.82); backdrop-filter: blur(5px); font: 700 .73rem 'Manrope'; letter-spacing: .09em; }
.section { padding: 95px 0; }
.section-mist { background: var(--mist); }
.section-head { text-align: center; max-width: 710px; margin: 0 auto 42px; }
.section-head p:not(.eyebrow) { color: var(--muted); margin: 15px auto 0; }
.business-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.business-card { position: relative; border-radius: 15px; overflow: hidden; min-height: 260px; background: linear-gradient(145deg, var(--business-color, var(--purple)) 0%, #20173c 140%); color: white; padding: 25px; display: flex; flex-direction: column; justify-content: flex-end; box-shadow: 0 10px 25px rgba(37,16,69,.12); transition: transform .22s, box-shadow .22s; }
.business-card::before { content: ''; position: absolute; inset: 0; opacity: .35; background: url('../images/hero-bs-international.png') right center/cover no-repeat; mix-blend-mode: luminosity; }
.business-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(31,12,63,.06), rgba(18,7,42,.9)); }
.business-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.business-card > * { position: relative; z-index: 1; }
.business-icon { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.55); background: rgba(255,255,255,.13); border-radius: 12px; font: 1.7rem 'Manrope'; position: absolute!important; top: 24px; left: 24px; }
.business-card h3 { font-size: 1.19rem; letter-spacing: -.03em; }
.business-card p { color: rgba(255,255,255,.84); margin: 8px 0 16px; min-height: 43px; font-size: .86rem; }
.card-link { font-size: .8rem; font-weight: 700; color: #ffaf91; }
.card-link span { font-size: 1.05rem; }
.see-all { display: flex; justify-content: center; margin-top: 31px; }
.oem-feature { padding: 96px 0; background: #f7f4f0; }
.oem-panel { position: relative; min-height: 585px; overflow: hidden; border-radius: 20px; background: url('../images/oem-manufacturing-b2b.png') center/cover no-repeat; box-shadow: 0 22px 50px rgba(37,16,69,.18); }
.oem-panel::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(30,8,58,.97) 0%, rgba(39,14,72,.9) 36%, rgba(38,13,67,.42) 63%, rgba(38,13,67,.1) 100%); }
.oem-copy { position: relative; z-index: 1; max-width: 700px; padding: 78px 70px; color: #fff; }
.oem-copy .eyebrow { color: #ff9c79; }
.oem-copy h2 { color: white; }
.oem-copy h2 em { color: #ff6a36; }
.oem-lead { max-width: 585px; margin: 20px 0 24px; color: #eee7f8; font-size: 1.02rem; }
.oem-services { display: grid; gap: 10px; }
.oem-services > div { display: grid; grid-template-columns: 30px 1fr; gap: 12px; align-items: start; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.2); }
.oem-services > div:last-child { border-bottom: 1px solid rgba(255,255,255,.2); }
.oem-services span { color: var(--orange); font: 800 .8rem 'Manrope'; letter-spacing: .04em; padding-top: 2px; }
.oem-services p { margin: 0; color: #dcd2eb; font-size: .81rem; line-height: 1.45; }
.oem-services b { display: block; margin-bottom: 2px; color: #fff; font-size: .87rem; }
.oem-bottom { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 28px; }
.oem-bottom > span { color: #e7dff0; font-size: .74rem; font-weight: 700; line-height: 1.4; }
.oem-bottom .button { flex: 0 0 auto; }
.commitment { padding: 85px 0; background: linear-gradient(107deg, #260a54, #391769 65%, #25104b); color: white; overflow: hidden; }
.commitment-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 58px; align-items: center; }
.commitment p { color: #ddd2f2; }
.commitment-visual { border-radius: 17px; overflow: hidden; min-height: 260px; background: linear-gradient(100deg,rgba(33,8,73,.25),rgba(41,12,74,.1)),url('../images/hero-bs-international.png') 65% center/cover; position: relative; }
.commitment-visual .tag { position: absolute; left: 19px; bottom: 17px; color: white; font: 700 .72rem 'Manrope'; letter-spacing: .1em; background: rgba(26,8,51,.72); padding: 9px 11px; }
.commitment-points { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; padding-top: 8px; }
.commitment-point { display: flex; gap: 13px; padding-right: 20px; border-right: 1px solid rgba(255,255,255,.23); }
.commitment-point:last-child { border: 0; }
.commitment-point i { font-style: normal; color: var(--orange); font-size: 1.5rem; }.commitment-point b { display: block; font-size: .8rem; }.commitment-point span { display: block; font-size: .73rem; color: #d7cce9; line-height: 1.35; margin-top: 3px; }
.contact-surface { padding: 95px 0; display: grid; grid-template-columns: .82fr 1.18fr; gap: 75px; }
.contact-surface p { color: var(--muted); }
.contact-method { display: flex; gap: 11px; margin-top: 18px; }.contact-method i { color: var(--orange); font-style: normal; font-size: 1.2rem; }.contact-method b { display: block; font-size: .76rem; color: var(--purple); }.contact-method span { color: var(--muted); font-size: .83rem; display:block; }
.contact-form { background: white; padding: 28px; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 14px 34px rgba(37,16,69,.07); }
.field-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; }.field-grid .field-wide { grid-column: 1/-1; }
.field label, .stack-form label, .admin-form label { display: grid; gap: 6px; font-size: .75rem; font-weight: 700; color: #554d5e; }.field input,.field textarea,.field select,.stack-form input,.admin-form input,.admin-form textarea,.admin-form select { width: 100%; border: 1px solid #dfd9e3; border-radius: 7px; background: #fff; color: var(--ink); padding: 11px 12px; outline: none; font-size: .86rem; }.field textarea,.admin-form textarea { min-height: 122px; resize: vertical; }.field input:focus,.field textarea:focus,.field select:focus,.stack-form input:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus { border-color: var(--purple); box-shadow: 0 0 0 3px rgba(53,20,109,.1); }
.form-submit { margin-top: 18px; }
.site-footer { background: #210d46; color: #dfd8eb; }.footer-grid { padding: 55px 0 42px; display: grid; grid-template-columns: 1.5fr .75fr 1.1fr .95fr; gap: 38px; }.footer-grid section { display: flex; flex-direction: column; align-items: start; gap: 8px; }.footer-grid h3 { color: white; font-size: .79rem; margin: 8px 0 9px; }.footer-grid p { font-size: .78rem; line-height: 1.58; margin: 10px 0 4px; }.footer-grid section > a:not(.footer-brand) { font-size: .76rem; color: #ded5ec; }.footer-grid section > a:hover { color: #ff946e; }.footer-brand { display: flex; gap: 8px; align-items: center; color:white; font: 1.2rem 'Manrope'; }.footer-brand img { width: 58px; filter: brightness(0) invert(1); }.footer-brand b { color: var(--orange); font-size: .63rem; letter-spacing: .07em; }.footer-link-orange { color: #ff916a!important; font-weight: 700; margin-top: 6px; }.socials { display: flex; gap: 8px; margin-top: 8px; }.socials a { border: 1px solid rgba(255,255,255,.4); border-radius: 50%; display: grid; place-items: center; width: 27px; height: 27px; font-size: .72rem; color:white; }.footer-bottom { border-top: 1px solid rgba(255,255,255,.15); padding: 16px 0; font-size: .69rem; color: #b9abc9; display:flex; justify-content:space-between; }.footer-bottom a:hover { color: white; }
.page-hero { background: linear-gradient(115deg, #270b58, #3c176d); color: white; padding: 92px 0 88px; position: relative; overflow: hidden; }.page-hero::after { content:''; position:absolute; right:-5%; top:-120px; width: 510px; height: 510px; background: radial-gradient(circle,rgba(255,94,43,.35),transparent 63%); }.page-hero .container { position:relative;z-index:1; }.page-hero p:not(.eyebrow) { max-width: 600px; color:#ddd2ef; font-size:1.05rem; margin:17px 0 0; }.page-hero .eyebrow { color:#ff9772; }
.about-detail { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding: 100px 0; }.about-detail p { color:var(--muted); }.vision-card { margin-top:25px; padding:24px; border-left:3px solid var(--orange); background:var(--purple-soft); color:var(--purple); border-radius:0 10px 10px 0; font-weight:600; }.numbers { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; align-content:start; }.number-card { background:white; padding:28px 20px; border:1px solid var(--line); border-radius:13px; }.number-card b { display:block; font:800 2.4rem 'Manrope'; color:var(--orange); letter-spacing:-.08em; }.number-card span { font-size:.78rem; color:var(--muted); }
.business-list { padding:75px 0 100px; }.filter-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }.filter-pill { background:white; border:1px solid var(--line); border-radius:99px; padding:8px 13px; color:var(--purple); font-size:.75rem; font-weight:700; }.filter-pill:first-child,.filter-pill:hover { background:var(--purple); color:white; border-color:var(--purple); }.business-list .business-card { min-height:245px; }
.business-detail { padding:82px 0 95px; }.detail-grid { display:grid;grid-template-columns:1.1fr .9fr;gap:70px; }.detail-copy p { color:var(--muted); font-size:1rem; }.tag-list { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }.tag { background:var(--purple-soft); color:var(--purple); border-radius:99px; padding:7px 11px; font-size:.73rem; font-weight:700; }.detail-aside { border-radius:17px; min-height:365px; background:linear-gradient(160deg,var(--business-color,#36136b),#171328);padding:33px;color:white;box-shadow:var(--shadow);position:relative;overflow:hidden; }.detail-aside::after { content:'';position:absolute;inset:0;background:url('../images/hero-bs-international.png') 80% center/cover;opacity:.3;mix-blend-mode:luminosity; }.detail-aside >* {position:relative;z-index:1}.detail-aside .business-icon {position:static!important;}.detail-aside h2 {margin-top:105px;font-size:2.3rem;}.detail-aside p{color:#eee7f8;}
.values { display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:33px; }.value {background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.value i{color:var(--orange);font-size:1.6rem;font-style:normal}.value h3{font-size:1rem;margin:10px 0 7px}.value p{font-size:.82rem;color:var(--muted);margin:0}.notice { padding:12px 14px; border-radius:8px; font-size:.85rem; margin: 0 0 16px; }.notice-success{background:#ecf8ee;color:#1c6a38;border:1px solid #c7ebd0}.notice-error{background:#fff1ed;color:#a22c0e;border:1px solid #ffd7ca}
.install-page { min-height:100vh; display:grid; place-items:center; padding:20px; background:linear-gradient(135deg,#200a45,#481a75); }.install-card { background:#fff; width:min(440px,100%); padding:40px; border-radius:18px; box-shadow:var(--shadow); }.install-card>img{width:88px;margin-bottom:20px}.install-card h1{font-size:2rem}.install-card>p:not(.eyebrow){color:var(--muted)}.stack-form{display:grid;gap:15px;margin-top:22px}.stack-form .button{margin-top:4px}
/* Admin */
.admin-body { background:#f5f3f7; min-height:100vh; color:#30273a; }.admin-shell { display:grid; grid-template-columns:245px 1fr; min-height:100vh; }.admin-sidebar { background:#240d4a; color:white; padding:27px 16px; }.admin-logo{display:flex;gap:8px;align-items:center;color:white;font:700 1.1rem 'Manrope';padding:0 8px 30px}.admin-logo img{width:48px;filter:brightness(0) invert(1)}.admin-logo b{color:var(--orange);font-size:.56rem;letter-spacing:.08em}.admin-nav{display:grid;gap:5px}.admin-nav a{color:#ded2ee;padding:11px 12px;border-radius:8px;font-size:.84rem;font-weight:700}.admin-nav a:hover,.admin-nav a.active{background:rgba(255,255,255,.13);color:white}.admin-nav .nav-divider{height:1px;background:rgba(255,255,255,.13);margin:14px 8px}.admin-main{min-width:0}.admin-top{background:white;padding:21px 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-top h1{font-size:1.45rem;letter-spacing:-.04em}.admin-user{font-size:.78rem;color:var(--muted)}.admin-content{padding:32px 34px;max-width:1380px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px}.admin-stat{background:white;border-radius:12px;border:1px solid var(--line);padding:22px}.admin-stat b{display:block;color:var(--purple);font:800 2rem 'Manrope';letter-spacing:-.06em}.admin-stat span{font-size:.77rem;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.admin-card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.admin-card h2{font-size:1.07rem;letter-spacing:-.03em;margin-bottom:16px}.admin-card p{color:var(--muted);font-size:.87rem}.quick-actions{display:grid;gap:10px}.quick-actions a{border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--purple);font-weight:700;font-size:.82rem}.quick-actions a:hover{background:var(--purple-soft)}.admin-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.admin-title-row h2{font-size:1.35rem}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px}.admin-table{width:100%;border-collapse:collapse;min-width:690px}.admin-table th{text-align:left;background:#faf9fb;color:#6a5f72;font-size:.71rem;text-transform:uppercase;letter-spacing:.06em}.admin-table td,.admin-table th{padding:14px 15px;border-bottom:1px solid var(--line);vertical-align:top}.admin-table td{font-size:.81rem}.admin-table tr:last-child td{border:0}.table-name{font-weight:700;color:var(--purple);display:block}.muted{color:var(--muted);font-size:.75rem}.badge{display:inline-block;padding:4px 7px;border-radius:99px;background:var(--purple-soft);color:var(--purple);font-size:.68rem;font-weight:700}.badge-new{background:#fff0ea;color:#bf380a}.table-actions{display:flex;gap:9px}.text-link{border:0;background:transparent;color:var(--purple);font-weight:700;padding:0;cursor:pointer;font-size:.76rem}.text-link.danger{color:#b52318}.admin-form{display:grid;gap:16px}.admin-form .field-grid{gap:16px}.admin-form .form-section{border-top:1px solid var(--line);padding-top:19px;margin-top:3px}.admin-form .form-section h3{font-size:.95rem;margin-bottom:13px}.check-label{display:flex!important;align-items:center;gap:9px!important}.check-label input{width:auto!important}.inquiry-message{white-space:pre-wrap;max-width:350px}.empty-state{text-align:center;padding:42px;color:var(--muted)}
@media (max-width: 900px){.nav-wrap{gap:14px}.brand{min-width:185px}.main-nav{gap:14px}.nav-cta{display:none}.stats-ribbon{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}.stat:nth-child(-n+2){border-bottom:1px solid var(--line);padding-bottom:16px}.stat:nth-child(n+3){padding-top:15px}.intro,.commitment-grid,.contact-surface,.about-detail,.detail-grid{grid-template-columns:1fr;gap:38px}.business-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-sidebar{padding:15px;display:flex;align-items:center;gap:15px}.admin-logo{padding:0}.admin-nav{display:flex;flex-wrap:wrap;gap:4px}.admin-nav .nav-divider{display:none}.admin-nav a{padding:7px 9px;font-size:.74rem}.admin-content{padding:25px 20px}.admin-top{padding:19px 20px}.admin-grid{grid-template-columns:1fr}}
@media (max-width: 650px){.container{width:min(100% - 28px,1160px)}.topbar-inner{padding:7px 0;align-items:flex-start}.topbar-inner>span{display:none}.topbar-inner div{gap:11px;flex-wrap:wrap}.nav-wrap{height:70px}.brand>img{width:45px;height:38px}.brand span img{width:112px}.nav-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;height:auto;padding:10px 20px 18px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px rgba(26,10,51,.1)}.main-nav.is-open{display:grid}.main-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.hero{min-height:525px}.hero-content{padding:64px 0 80px}.hero h1{font-size:2.75rem}.stats-ribbon{width:calc(100% - 28px);padding:16px 9px}.stat{padding-left:11px;padding-right:8px;gap:8px}.stat-mark{font-size:1.28rem}.stat b{font-size:.67rem}.stat span{font-size:.61rem}.intro,.section,.contact-surface,.about-detail,.business-detail{padding-top:65px;padding-bottom:65px}.intro-visual{min-height:270px}.business-grid,.values,.commitment-points,.footer-grid,.admin-stats{grid-template-columns:1fr}.business-card{min-height:230px}.commitment{padding:65px 0}.commitment-point{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);padding:0 0 13px}.footer-bottom{flex-direction:column;gap:7px}.field-grid{grid-template-columns:1fr}.field-grid .field-wide{grid-column:auto}.page-hero{padding:64px 0}.admin-user{display:none}.admin-title-row{align-items:flex-start;flex-direction:column}.admin-sidebar{display:block}.admin-logo{padding:0 5px 10px}.admin-nav{display:flex}.admin-nav a{font-size:.7rem;padding:6px}.admin-content{padding:20px 14px}.admin-top{padding:17px 14px}}
/* Mobile refinements: preserve the desktop design while improving touch layout. */
@media (max-width: 700px) {
  body { overflow-x: hidden; }
  .oem-feature { padding: 62px 0; }
  .oem-panel { min-height: 0; border-radius: 16px; background-position: 68% center; }
  .oem-panel::after { background: linear-gradient(90deg, rgba(30,8,58,.96) 0%, rgba(39,14,72,.89) 74%, rgba(38,13,67,.58) 100%); }
  .oem-copy { max-width: none; padding: 50px 28px; }
  .oem-copy h2 { font-size: clamp(2rem, 9vw, 2.7rem); }
  .oem-lead { font-size: .94rem; }
  .oem-bottom { align-items: flex-start; flex-direction: column; gap: 17px; }
  .oem-bottom .button { width: 100%; }
  .main-nav a { min-height: 42px; }
  .button { min-height: 48px; }
}
@media (max-width: 430px) {
  .oem-copy { padding: 42px 20px; }
  .oem-services > div { grid-template-columns: 25px 1fr; gap: 9px; }
  .oem-services p { font-size: .78rem; }
  .stats-ribbon { margin-top: -35px; }
  .contact-form { padding: 20px; }
}