:root{
  --navy:#0B2240; --backdrop:#0E1626; --backdrop2:#080f19; --panel:#111c2e;
  --gold-1:#E4C778; --gold-2:#B7913E; --platinum:#F2F4F8; --muted:#A9B4C4;
  --line:rgba(228,199,120,0.18); --maxw:1180px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:88px;}
body{margin:0;background:var(--backdrop);color:var(--platinum);
  font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.gold-text{background:linear-gradient(90deg,var(--gold-1),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent;}

/* Header */
header{position:fixed;top:0;left:0;right:0;z-index:40;background:rgba(11,34,64,0.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;}
.brand{display:flex;align-items:center;gap:12px;line-height:1;}
.brandtext{display:flex;flex-direction:column;line-height:1;}
.brand-mark{width:36px;height:36px;flex:none;}
.brand .word{font-size:1.28rem;font-weight:700;letter-spacing:0.42em;margin-right:-0.42em;}
.brand .sub{font-size:0.52rem;color:var(--muted);text-transform:uppercase;margin-top:7px;letter-spacing:0.86em;margin-right:-0.86em;}
nav.links{display:flex;gap:30px;align-items:center;}
nav.links a{font-size:0.8rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);transition:color .2s;}
nav.links a:hover,nav.links a.active{color:var(--gold-1);}
nav.links a.nav-cta{color:var(--navy);font-weight:600;background:linear-gradient(90deg,var(--gold-1),var(--gold-2));padding:10px 20px;border-radius:2px;letter-spacing:0.12em;}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:3px;padding:8px 10px;cursor:pointer;}
.menu-btn span{display:block;width:20px;height:2px;background:var(--platinum);margin:4px 0;}

/* Page hero / banner */
.page-hero{position:relative;padding:150px 0 70px;overflow:hidden;border-bottom:1px solid var(--line);}
.page-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,25,0.94),rgba(8,15,25,0.72) 55%,rgba(8,15,25,0.4));}
.page-hero .wrap{position:relative;z-index:2;}
.eyebrow{font-size:0.72rem;letter-spacing:0.34em;text-transform:uppercase;color:var(--gold-1);margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold-2);}
.page-hero h1{font-size:clamp(2rem,4.5vw,3.1rem);font-weight:700;margin:0 0 14px;letter-spacing:0.01em;}
.page-hero p{max-width:640px;color:#cdd6e2;font-size:1.06rem;margin:0;}
.crumb{margin-bottom:22px;font-size:0.75rem;letter-spacing:0.08em;color:var(--muted);}
.crumb a:hover{color:var(--gold-1);}

/* Section */
.band{padding:76px 0;border-bottom:1px solid var(--line);}
.section-label{font-size:0.72rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold-1);margin-bottom:14px;display:flex;align-items:center;gap:12px;}
.section-label::before{content:"";width:28px;height:1px;background:var(--gold-2);}
h2{font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:600;margin:0 0 16px;}
.lead{max-width:780px;color:var(--muted);font-size:1.04rem;}

/* Category tiles (hub) */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:36px;}
.cat-tile{position:relative;display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:280px;background:var(--panel);transition:transform .2s,border-color .2s,box-shadow .2s;}
.cat-tile:hover{transform:translateY(-5px);border-color:rgba(228,199,120,0.5);box-shadow:0 22px 50px rgba(0,0,0,0.45);}
.cat-tile .thumb{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.5;}
.cat-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,15,25,0.55),rgba(8,15,25,0.92));}
.cat-tile .body{position:relative;z-index:2;padding:30px 26px;display:flex;flex-direction:column;height:100%;min-height:280px;justify-content:flex-end;}
.cat-tile h3{font-size:1.35rem;margin:0 0 8px;}
.cat-tile p{color:var(--muted);font-size:0.95rem;margin:0 0 16px;}
.cat-tile .go{font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold-1);}
.cat-tile.soon{opacity:0.85;pointer-events:none;}
.cat-tile .pill{position:absolute;top:16px;right:16px;z-index:3;font-size:0.6rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--navy);background:linear-gradient(90deg,var(--gold-1),var(--gold-2));padding:4px 10px;border-radius:20px;font-weight:700;}

/* Product cards */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:22px;margin-top:34px;}
.prod-card{background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.008));border:1px solid var(--line);border-radius:10px;padding:26px 24px;display:flex;flex-direction:column;transition:transform .18s,border-color .2s;}
.prod-card:hover{transform:translateY(-4px);border-color:rgba(228,199,120,0.45);}
.prod-card .prod-media{border-radius:8px;overflow:hidden;border:1px solid var(--line);margin-bottom:18px;aspect-ratio:4/3;background:#0a111d;}
.prod-card .prod-media img{width:100%;height:100%;object-fit:contain;background:#0a111d;}
.prod-card .pn{font-size:1.15rem;font-weight:700;letter-spacing:0.02em;}
.prod-card .sub{color:var(--muted);font-size:0.9rem;margin:4px 0 16px;}
.badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;}
.badge{font-size:0.6rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-2);border:1px solid var(--line);padding:3px 9px;border-radius:20px;}
.specs{list-style:none;padding:0;margin:0 0 18px;font-size:0.9rem;}
.specs li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed rgba(255,255,255,0.06);}
.specs li span:first-child{color:var(--muted);}
.specs li span:last-child{color:var(--platinum);text-align:right;}
.xref{font-size:0.78rem;color:var(--muted);margin:0 0 16px;}
.xref b{color:var(--gold-1);}
.rfq{margin-top:auto;display:inline-block;text-align:center;padding:12px 20px;font-size:0.74rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);font-weight:600;background:linear-gradient(90deg,var(--gold-1),var(--gold-2));border-radius:2px;transition:transform .15s,box-shadow .2s;}
.rfq:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(228,199,120,0.24);}

/* Standards / notes */
.note{margin-top:30px;padding:16px 20px;border-left:2px solid var(--gold-2);background:rgba(228,199,120,0.05);color:var(--muted);font-size:0.9rem;border-radius:0 4px 4px 0;}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.chip{font-size:0.7rem;letter-spacing:0.08em;color:var(--platinum);border:1px solid var(--line);padding:5px 12px;border-radius:20px;background:rgba(255,255,255,0.02);}

/* Footer */
footer{padding:50px 0 40px;background:var(--backdrop2);}
.foot{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;justify-content:space-between;color:var(--muted);font-size:0.8rem;letter-spacing:0.04em;}
.foot .fword{letter-spacing:0.3em;color:var(--platinum);}

/* Brochure-style layout (Elioran dark/gold) */
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.sec{padding:70px 0;border-bottom:1px solid var(--line);}
.sec.dark{background:var(--backdrop2);}
.sec.alt{background:linear-gradient(180deg,var(--backdrop),var(--panel));}
.sec-head{margin-bottom:24px;}
.sec-head .bar{width:52px;height:3px;background:linear-gradient(90deg,var(--gold-1),var(--gold-2));border-radius:2px;margin-bottom:14px;}
.sec-head h2{font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:700;margin:0 0 10px;}
.sec-head p{color:var(--muted);max-width:800px;font-size:1.02rem;margin:0;}
.full-img{width:100%;border-radius:10px;border:1px solid var(--line);box-shadow:0 16px 44px rgba(0,0,0,0.4);margin:14px 0;background:#0a111d;}
.full-img.pad{padding:14px;object-fit:contain;}
.feature-img{width:100%;max-width:1000px;display:block;margin:20px auto;border-radius:10px;border:1px solid var(--line);background:#0a111d;}
.feature-img.pad{padding:14px;}
.img-cap{color:var(--muted);font-size:0.84rem;text-align:center;margin:8px 0 0;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin:22px 0;}
.two-col.rev>div:first-child{order:2;}
.two-col img{width:100%;border-radius:10px;border:1px solid var(--line);background:#0a111d;}
.igrid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;}
.igrid2 img{width:100%;height:280px;object-fit:contain;background:#0a111d;border:1px solid var(--line);border-radius:10px;padding:12px;}
.igrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;}
.igrid3 img{width:100%;height:210px;object-fit:cover;border:1px solid var(--line);border-radius:10px;}
.features{list-style:none;padding:0;margin:14px 0 0;color:var(--muted);}
.features li{padding:6px 0 6px 24px;position:relative;font-size:0.96rem;}
.features li::before{content:"";position:absolute;left:0;top:13px;width:12px;height:2px;background:linear-gradient(90deg,var(--gold-1),var(--gold-2));}
.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px;}
.spec-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:0.92rem;}
.spec-table th{text-align:left;background:rgba(228,199,120,0.08);color:var(--gold-1);padding:10px 14px;letter-spacing:0.04em;font-size:0.74rem;text-transform:uppercase;}
.spec-table td{padding:9px 14px;border-bottom:1px solid rgba(255,255,255,0.06);color:var(--platinum);}
.spec-table td:first-child{color:var(--muted);width:44%;}
.pcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:20px;margin-top:24px;}
.pcard{background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.008));border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;}
.pcard-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;background:rgba(228,199,120,0.06);border-bottom:1px solid var(--line);}
.pcard-head h3{margin:0;font-size:1.02rem;}
.pcard-head .pn{font-family:monospace;font-size:0.8rem;color:var(--gold-1);}
.pcard table{width:100%;border-collapse:collapse;font-size:0.85rem;}
.pcard td{padding:7px 20px;border-bottom:1px solid rgba(255,255,255,0.05);}
.pcard td:first-child{color:var(--muted);width:46%;}
.pcard td:last-child{color:var(--platinum);}
.pcard .rfq{margin:16px 20px 20px;}
.cta-block{margin-top:26px;}
@media (max-width:820px){.two-col,.igrid2{grid-template-columns:1fr;}.two-col.rev>div:first-child{order:0;}.igrid3{grid-template-columns:1fr 1fr;}}

/* RFQ form */
.rfq-section{padding:64px 0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--backdrop),var(--panel));scroll-margin-top:88px;}
.rfq-wrap{max-width:760px;margin:0 auto;}
.rfq-note{color:var(--muted);font-size:0.95rem;margin:6px 0 0;}
.rfq-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;position:relative;}
.rfq-form .full{grid-column:1 / -1;}
.rfq-form label{display:block;font-size:0.64rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.rfq-form input,.rfq-form textarea{width:100%;background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--platinum);font-family:inherit;font-size:0.95rem;}
.rfq-form input:focus,.rfq-form textarea:focus{outline:none;border-color:var(--gold-2);background:rgba(228,199,120,0.05);}
.rfq-form textarea{min-height:110px;resize:vertical;}
.rfq-form .hp{position:absolute;left:-9999px;opacity:0;}
.rfq-submit{appearance:none;border:none;cursor:pointer;padding:14px 26px;font-size:0.76rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);font-weight:700;background:linear-gradient(90deg,var(--gold-1),var(--gold-2));border-radius:2px;transition:transform .15s,box-shadow .2s;}
.rfq-submit:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(228,199,120,0.24);}
.rfq-submit:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none;}
.rfq-help{margin:8px 0 0;font-size:.82rem;color:var(--muted);}
.rfq-lines{border:1px solid var(--line);background:rgba(255,255,255,0.02);border-radius:8px;padding:12px;}
.rfq-lines-head{display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:10px;margin:4px 0 8px;color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;}
.rfq-lines-list{display:grid;gap:10px;}
.rfq-line{display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:10px;align-items:center;}
.rfq-line input{padding:10px 12px;}
.rfq-line-remove{appearance:none;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:6px;padding:9px 10px;cursor:pointer;line-height:1;}
.rfq-line-remove:hover{color:var(--platinum);border-color:rgba(228,199,120,0.45);}
.rfq-line-add{appearance:none;border:1px dashed var(--line);background:transparent;color:var(--gold-1);border-radius:8px;padding:10px 12px;cursor:pointer;margin-top:10px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;}
.rfq-line-add:hover{background:rgba(228,199,120,0.08);}
.rfq-status{margin-top:8px;font-size:0.95rem;display:none;}
.rfq-status.sending{display:block;color:var(--muted);}
.rfq-status.ok{display:block;color:#7fd1a0;}
.rfq-status.err{display:block;color:#e88b8b;}
@media(max-width:600px){.rfq-form{grid-template-columns:1fr;}}

@media (max-width:720px){
  nav.links{position:fixed;inset:74px 0 auto 0;flex-direction:column;gap:0;background:rgba(11,34,64,0.98);border-bottom:1px solid var(--line);padding:10px 0;transform:translateY(-140%);transition:transform .3s ease;}
  nav.links.open{transform:none;}
  nav.links a{padding:14px 24px;width:100%;}
  nav.links a.nav-cta{margin:10px 24px;text-align:center;}
  .menu-btn{display:block;}
  .band{padding:56px 0;}
}

/* ---------- RFQ form ---------- */
.rfq-section{padding:64px 0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--backdrop),var(--panel));scroll-margin-top:88px;}
.rfq-wrap{max-width:760px;margin:0 auto;}
.rfq-note{color:var(--muted);font-size:0.95rem;margin:6px 0 0;}
.rfq-note a{color:var(--gold-1);font-weight:600;}
.rfq-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;position:relative;}
.rfq-form .full{grid-column:1 / -1;}
.rfq-form label{display:block;font-size:0.64rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.rfq-form input,.rfq-form textarea{width:100%;background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--platinum);font-family:inherit;font-size:0.95rem;}
.rfq-form input:focus,.rfq-form textarea:focus{outline:none;border-color:var(--gold-2);background:rgba(228,199,120,0.05);}
.rfq-form textarea{min-height:110px;resize:vertical;}
.rfq-form .hp{position:absolute;left:-9999px;opacity:0;}
.rfq-submit{appearance:none;border:none;cursor:pointer;padding:14px 26px;font-size:0.76rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);font-weight:700;background:linear-gradient(90deg,var(--gold-1),var(--gold-2));border-radius:2px;transition:transform .15s,box-shadow .2s;}
.rfq-submit:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(228,199,120,0.24);}
.rfq-submit:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none;}
.rfq-help{margin:8px 0 0;font-size:.82rem;color:var(--muted);}
.rfq-lines{border:1px solid var(--line);background:rgba(255,255,255,0.02);border-radius:8px;padding:12px;}
.rfq-lines-head{display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:10px;margin:4px 0 8px;color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;}
.rfq-lines-list{display:grid;gap:10px;}
.rfq-line{display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:10px;align-items:center;}
.rfq-line input{padding:10px 12px;}
.rfq-line-remove{appearance:none;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:6px;padding:9px 10px;cursor:pointer;line-height:1;}
.rfq-line-remove:hover{color:var(--platinum);border-color:rgba(228,199,120,0.45);}
.rfq-line-add{appearance:none;border:1px dashed var(--line);background:transparent;color:var(--gold-1);border-radius:8px;padding:10px 12px;cursor:pointer;margin-top:10px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;}
.rfq-line-add:hover{background:rgba(228,199,120,0.08);}
.rfq-status{margin-top:8px;font-size:0.95rem;display:none;}
.rfq-status.sending{display:block;color:var(--muted);}
.rfq-status.ok{display:block;color:#7fd1a0;}
.rfq-status.err{display:block;color:#e88b8b;}
@media(max-width:600px){.rfq-form{grid-template-columns:1fr;}}