:root{--bg:#071019;--panel:#0b1621;--panel2:#0e1c29;--line:#1a6cff;--text:#eef5fb;--muted:#9eb0bf;--cyan:#33a6ff;--steel:#152533;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#102738 0,#071019 34%,#050b11 100%);color:var(--text);line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(39,105,160,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(39,105,160,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 85%)}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 28px}.top{position:sticky;top:0;z-index:20;background:rgba(4,9,14,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(83,151,219,.22)}.nav{height:78px;display:flex;align-items:center;gap:28px}.brand{font-weight:900;letter-spacing:.08em;font-size:30px}.brand small{display:block;font-size:8px;letter-spacing:.34em;color:#b8c5ce;margin-top:-8px}.navlinks{margin-left:auto;display:flex;gap:24px;font-size:13px;font-weight:700;letter-spacing:.06em}.cta{padding:13px 20px;background:linear-gradient(135deg,#0b79ff,#1654d7);border:1px solid #2c8cff;font-weight:800;box-shadow:0 0 28px rgba(20,109,255,.18)}.hero{min-height:680px;display:grid;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(70,150,220,.23)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,15,.97) 0%,rgba(4,12,19,.83) 42%,rgba(3,9,15,.26) 74%),url('assets/machining-closeup.png') center/cover no-repeat;filter:saturate(.7) contrast(1.08)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 48%,rgba(0,112,255,.13) 48.2%,transparent 48.5%),radial-gradient(circle at 76% 38%,rgba(22,119,255,.22),transparent 28%)}.hero .wrap{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.28em;color:var(--cyan);font-weight:800}.hero h1,.pagehero h1{font-size:clamp(46px,7vw,84px);line-height:.95;margin:18px 0 24px;max-width:850px;letter-spacing:-.04em}.hero p{font-size:19px;color:#c1ced8;max-width:610px}.actions{display:flex;gap:14px;margin-top:34px}.ghost{padding:13px 20px;border:1px solid rgba(191,217,239,.45);font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:74px;border-top:1px solid rgba(119,183,235,.22)}.metric{padding:22px 20px;border-right:1px solid rgba(119,183,235,.16)}.metric b{font-size:22px;color:#fff}.metric span{display:block;color:var(--muted);font-size:12px;letter-spacing:.08em}.section{padding:88px 0;position:relative}.section.alt{background:linear-gradient(180deg,rgba(14,28,41,.92),rgba(7,16,25,.92));border-block:1px solid rgba(73,144,202,.18)}.section h2{font-size:44px;line-height:1.08;margin:8px 0 16px;letter-spacing:-.03em}.lead{color:var(--muted);max-width:780px;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.card{background:linear-gradient(145deg,rgba(17,35,51,.88),rgba(7,16,25,.88));border:1px solid rgba(86,151,206,.24);padding:26px;min-height:210px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;width:58px;height:3px;background:var(--line)}.card h3{margin:14px 0 10px;font-size:22px}.card p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.media{border:1px solid rgba(89,158,218,.32);background:#071019;padding:8px;box-shadow:0 22px 70px rgba(0,0,0,.33)}.media img{display:block;width:100%;height:auto;filter:saturate(.72) contrast(1.05)}.taggrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.tag{padding:14px 16px;background:rgba(8,26,39,.72);border-left:2px solid #1887ff;color:#d5e1e9}.industries{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px}.industry{padding:22px 12px;text-align:center;border:1px solid rgba(75,145,203,.22);background:rgba(9,22,33,.68);font-weight:800}.quote{padding:48px;border:1px solid rgba(34,128,255,.5);background:linear-gradient(135deg,rgba(9,35,56,.95),rgba(6,13,20,.95));display:flex;justify-content:space-between;align-items:center;gap:24px}.quote h3{font-size:34px;margin:0}.footer{padding:52px 0;border-top:1px solid rgba(80,145,199,.25);background:#04090e}.footgrid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:38px}.footer h4{margin:0 0 12px}.footer p,.footer a{color:#93a6b5;font-size:14px}.pagehero{padding:110px 0 72px;background:linear-gradient(130deg,rgba(9,25,38,.96),rgba(4,10,16,.96));border-bottom:1px solid rgba(75,145,203,.25)}.pagehero h1{font-size:60px;max-width:900px}.prose{max-width:850px}.list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.list div{padding:18px;border:1px solid rgba(83,151,209,.22);background:rgba(8,21,31,.7)}form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}input,textarea,select{width:100%;padding:14px;background:#07131d;border:1px solid rgba(104,168,223,.34);color:#fff}textarea{grid-column:1/-1;min-height:150px}button{cursor:pointer;border:0}.full{grid-column:1/-1}.notice{font-size:13px;color:#8fa3b3}@media(max-width:900px){.navlinks{display:none}.hero{min-height:620px}.metrics,.cards,.industries,.footgrid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.hero h1{font-size:54px}.pagehero h1{font-size:48px}}@media(max-width:600px){.metrics,.cards,.industries,.footgrid,.list,form{grid-template-columns:1fr}.wrap{padding:0 18px}.hero h1{font-size:44px}.section h2{font-size:36px}.quote{padding:28px;display:block}.quote .cta{display:inline-block;margin-top:18px}.nav{height:68px}.brand{font-size:24px}}

/* ===== AGO v3: page-wide high-tech background system ===== */
body{position:relative;background:#050b11;isolation:isolate}
body:after{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background:
radial-gradient(circle at 18% 12%,rgba(24,110,190,.16),transparent 28%),
radial-gradient(circle at 82% 58%,rgba(0,91,255,.10),transparent 26%),
linear-gradient(145deg,#07111b 0%,#04090f 56%,#08131d 100%)}
body:before{z-index:-1;opacity:.6}

/* technical blueprint texture behind all pages */
main{position:relative;overflow:hidden}
main:before{content:"";position:fixed;inset:78px 0 0;z-index:-3;pointer-events:none;background-image:
linear-gradient(rgba(44,133,209,.055) 1px,transparent 1px),
linear-gradient(90deg,rgba(44,133,209,.045) 1px,transparent 1px),
radial-gradient(circle at 72% 26%,rgba(28,132,255,.08),transparent 22%);background-size:48px 48px,48px 48px,100% 100%}

/* Inner-page cinematic hero background */
.pagehero{position:relative;overflow:hidden;min-height:430px;display:flex;align-items:center;background:transparent}
.pagehero:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:saturate(.62) contrast(1.12) brightness(.67);transform:scale(1.03)}
.pagehero:after{content:"";position:absolute;inset:0;z-index:-1;background:
linear-gradient(90deg,rgba(2,8,14,.98) 0%,rgba(3,11,18,.86) 45%,rgba(4,13,22,.38) 75%,rgba(3,10,17,.72) 100%),
linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.52)),
repeating-linear-gradient(135deg,rgba(26,115,220,.04) 0 1px,transparent 1px 70px)}
.pagehero .wrap{position:relative;z-index:2}
.pagehero .eyebrow{display:inline-flex;align-items:center;gap:10px}
.pagehero .eyebrow:before{content:"";width:42px;height:2px;background:linear-gradient(90deg,#167cff,#44bbff)}

.page-capabilities .pagehero:before{background-image:url('assets/machining-closeup.png');background-position:62% 52%}
.page-equipment .pagehero:before{background-image:url('assets/machining-split.png');background-position:center 48%}
.page-quality .pagehero:before{background-image:url('assets/machining-closeup.png');background-position:72% 60%;filter:saturate(.45) contrast(1.2) brightness(.6)}
.page-industries .pagehero:before{background-image:url('assets/machining-split.png');background-position:72% 50%;filter:saturate(.55) contrast(1.12) brightness(.62)}
.page-about .pagehero:before{background-image:url('assets/machining-closeup.png');background-position:56% 42%;filter:saturate(.48) contrast(1.12) brightness(.62)}
.page-contact .pagehero:before{background-image:url('assets/machining-split.png');background-position:70% 55%;filter:saturate(.42) contrast(1.16) brightness(.58)}
.page-quote .pagehero:before{background-image:url('assets/machining-closeup.png');background-position:70% 48%;filter:saturate(.5) contrast(1.18) brightness(.58)}

/* Give EVERY content section a visible engineered background, not flat black */
.section{background:
linear-gradient(180deg,rgba(6,17,27,.90),rgba(4,11,18,.94)),
radial-gradient(circle at 88% 18%,rgba(20,104,200,.10),transparent 26%);border-top:1px solid rgba(84,155,216,.10)}
.section:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.17;background-image:url('assets/machining-closeup.png');background-size:cover;background-position:center;mix-blend-mode:screen;filter:grayscale(1) contrast(1.15)}
.section:nth-of-type(even):before{background-image:url('assets/machining-split.png');background-position:center 42%;opacity:.13}
.section>.wrap{position:relative;z-index:1}
.section.alt{background:
linear-gradient(135deg,rgba(11,29,44,.95),rgba(5,13,21,.95)),
linear-gradient(90deg,rgba(18,119,255,.05),transparent 35%,rgba(30,132,255,.04));}
.section.alt:after{content:"";position:absolute;inset:0;pointer-events:none;background:
linear-gradient(90deg,transparent 0 8%,rgba(54,139,225,.14) 8% 8.08%,transparent 8.08% 92%,rgba(54,139,225,.09) 92% 92.08%,transparent 92.08%),
linear-gradient(180deg,transparent 0 72%,rgba(40,127,220,.08) 72% 72.2%,transparent 72.2%)}

/* metallic/technical treatment for content elements */
.card,.list div,.industry,.tag,.quote,.media,form{backdrop-filter:blur(2px)}
.card{background:linear-gradient(145deg,rgba(15,32,46,.93),rgba(5,13,21,.91));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 45px rgba(0,0,0,.16)}
.card:after{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border:1px solid rgba(48,137,225,.10);border-radius:50%;box-shadow:0 0 0 24px rgba(48,137,225,.025),0 0 0 48px rgba(48,137,225,.018)}
.list div,.industry,.tag{background:linear-gradient(135deg,rgba(9,26,39,.88),rgba(7,18,28,.74))}

/* Homepage: make all major bands visually distinct */
.page-home .hero:before{filter:saturate(.72) contrast(1.12) brightness(.8)}
.page-home .section:nth-of-type(2):before{background-image:url('assets/machining-split.png');opacity:.18;background-position:center}
.page-home .section:nth-of-type(3):before{background-image:url('assets/machining-closeup.png');opacity:.14;background-position:70% 55%}
.page-home .section:nth-of-type(4):before{background-image:url('assets/machining-split.png');opacity:.11;background-position:60% 48%}
.page-home .section:nth-of-type(5):before{background-image:url('assets/machining-closeup.png');opacity:.15;background-position:70% 50%}

/* header/footer gain subtle metallic depth */
.top{background:linear-gradient(180deg,rgba(5,11,17,.97),rgba(5,10,15,.91));box-shadow:0 12px 34px rgba(0,0,0,.18)}
.footer{position:relative;overflow:hidden;background:linear-gradient(150deg,#04090e,#07131d 55%,#04090e)}
.footer:before{content:"";position:absolute;inset:0;opacity:.09;background-image:url('assets/machining-split.png');background-size:cover;background-position:center 58%;filter:grayscale(1)}
.footer .wrap{position:relative;z-index:1}

@media(max-width:900px){.pagehero{min-height:360px}.section:before{opacity:.1}.pagehero:before{background-position:center}}


/* V4: distinct page imagery + approved AGO logo */
.brand-logo{display:flex;align-items:center;flex:0 0 auto;font-size:0;line-height:0}
.brand-logo img{display:block;width:205px;height:54px;object-fit:cover;object-position:center;border:0;mix-blend-mode:screen}
.footer-logo img{width:225px;height:59px;margin-bottom:16px}
.page-home .hero:before{background-image:linear-gradient(90deg,rgba(3,9,15,.98) 0%,rgba(4,12,19,.84) 40%,rgba(3,9,15,.25) 75%),url('assets/bg-home.jpg');background-position:center;background-size:cover}
.page-capabilities .pagehero:before{background-image:url('assets/bg-capabilities.jpg');background-position:center}
.page-equipment .pagehero:before{background-image:url('assets/bg-equipment.jpg');background-position:center}
.page-quality .pagehero:before{background-image:url('assets/bg-quality.jpg');background-position:center}
.page-industries .pagehero:before{background-image:url('assets/bg-industries.jpg');background-position:center}
.page-about .pagehero:before{background-image:url('assets/bg-about.jpg');background-position:center}
.page-contact .pagehero:before{background-image:url('assets/bg-contact.jpg');background-position:center}
.page-quote .pagehero:before{background-image:url('assets/bg-quote.jpg');background-position:center}
.pagehero:after{background:linear-gradient(90deg,rgba(3,9,15,.97) 0%,rgba(4,12,19,.84) 43%,rgba(3,9,15,.42) 76%,rgba(3,9,15,.58) 100%),linear-gradient(180deg,rgba(5,13,21,.08),rgba(5,13,21,.72))}
@media(max-width:700px){.brand-logo img{width:150px;height:46px}.footer-logo img{width:205px;height:60px}}

/* FINAL: transparent footer brand mark */
.footer-logo{background:transparent!important;border:0!important;box-shadow:none!important}
.footer-logo img{
  background:transparent!important;
  mix-blend-mode:normal!important;
  object-fit:contain!important;
  box-shadow:none!important;
}

/* Organized business contact details */
.contact-line{display:block;margin:.35rem 0;line-height:1.55}
.contact-line a{text-decoration:none}

/* ===== PUBLISH-READY FINALIZATION ===== */
.menu-toggle{display:none;margin-left:auto;background:transparent;color:var(--text);border:1px solid rgba(104,168,223,.35);padding:9px 12px;font-weight:800;letter-spacing:.08em}
.footer-contact{margin-top:22px;display:grid;gap:10px}
.footer-contact .contact-line{margin:0;color:#93a6b5}
.footer-contact strong{color:#c7d6e1;font-size:11px;letter-spacing:.12em}
.footer-contact a:hover,.contact-panel a:hover{text-decoration:underline}
.footer-bottom{padding-top:30px}
.quality-note{margin-top:28px}

.contact-layout,.rfq-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:64px;align-items:start}
.contact-copy{min-width:0}
.contact-panel{margin-top:30px;padding:26px 28px;border:1px solid rgba(83,151,209,.26);background:linear-gradient(145deg,rgba(10,28,42,.9),rgba(6,15,23,.88));box-shadow:0 18px 50px rgba(0,0,0,.18)}
.contact-panel.compact{margin-top:24px}
.contact-item{padding:14px 0;border-bottom:1px solid rgba(100,160,210,.14)}
.contact-item:first-child{padding-top:0}
.contact-item:last-child{border-bottom:0;padding-bottom:0}
.contact-label{display:block;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:4px}
.contact-item a{display:inline-block;color:#eef5fb;font-size:16px;line-height:1.55}
.contact-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.contact-tags span{padding:9px 12px;border:1px solid rgba(83,151,209,.22);background:rgba(8,21,31,.72);font-size:12px;color:#c8d4dc}

.contact-form-shell{padding:30px;border:1px solid rgba(83,151,209,.28);background:linear-gradient(145deg,rgba(10,27,40,.94),rgba(5,13,21,.94));box-shadow:0 20px 60px rgba(0,0,0,.22)}
.contact-form-shell h3{margin:0 0 18px;font-size:26px}
.contact-form-shell form{margin-top:0}
.contact-form-shell label{font-size:12px;font-weight:700;letter-spacing:.05em;color:#b9c8d3}
.contact-form-shell label input,.contact-form-shell label textarea,.contact-form-shell label select{margin-top:7px}
.form-note{margin-top:14px}
.rfq-intro{min-width:0}

@media(max-width:1000px){
  .contact-layout,.rfq-layout{grid-template-columns:1fr;gap:34px}
}
@media(max-width:900px){
  .menu-toggle{display:block}
  .nav{gap:12px;position:relative}
  .navlinks{display:none;position:absolute;left:18px;right:18px;top:72px;margin:0;padding:16px;background:rgba(4,9,14,.98);border:1px solid rgba(83,151,219,.28);box-shadow:0 24px 60px rgba(0,0,0,.42);flex-direction:column;gap:0}
  .navlinks.open{display:flex}
  .navlinks a{padding:13px 4px;border-bottom:1px solid rgba(83,151,219,.12)}
  .navlinks a:last-child{border-bottom:0}
  .nav-quote{margin-left:0}
}
@media(max-width:620px){
  .brand-logo img{width:138px;height:42px}
  .nav-quote{padding:10px 12px;font-size:11px}
  .menu-toggle{font-size:11px;padding:8px 9px}
  .contact-panel,.contact-form-shell{padding:22px}
  .contact-layout,.rfq-layout{gap:26px}
  .footer-contact{margin-top:18px}
}