:root{--gap:1.03cqw;--green:#087d0b;--green-dark:#067108;--blue:#0872ef;--blue-dark:#0762d0;--gold:#e1bd4e}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000}body{display:grid;place-items:center;padding:18px;font-family:"Times New Roman",Times,serif;color:#fff}.site-shell{container-type:inline-size;width:min(1752px,calc(100vw - 36px),calc((100vh - 36px)*2.468));aspect-ratio:1752/710;display:grid;grid-template-columns:minmax(0,2.482fr) minmax(0,1fr);gap:1.03%;overflow:hidden}.primary{display:grid;grid-template-rows:12.2% 7% 71.8% 4.5%;gap:1.5% 0;min-width:0}.tube-banner{position:relative;background:url("images/tubi-banner.jpg") repeat-x center/auto 100%;display:grid;place-items:center}.tube-banner span{background:#0872ef;padding:.35cqw 1.05cqw;font-size:2.25cqw;line-height:1;letter-spacing:.24em;white-space:nowrap}.product-line{background:#fff;color:#000066;display:flex;align-items:center;justify-content:center;font-size:1.93cqw;line-height:1;white-space:nowrap}.product-line em{font-style:italic}.primary-body{display:grid;grid-template-columns:minmax(0,1.624fr) minmax(0,1fr);gap:1.45%;min-height:0}.products{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2.25%}.product-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1.1cqw .7cqw .65cqw;background:var(--green);color:#fff;text-decoration:none;text-align:center}.product-tile:nth-child(2),.product-tile:nth-child(3){background:var(--green-dark)}.product-tile strong{font-size:1.6cqw;line-height:1}.product-tile em{font-size:1.45cqw;line-height:1;font-style:italic}.round-mark,.square-mark{width:4.9cqw;height:4.9cqw;border:1cqw solid rgba(255,255,255,.9)}.round-mark{border-radius:50%}.alloy-mark{height:5.5cqw;display:flex;align-items:end;gap:.45cqw}.alloy-mark i{display:block;width:3.2cqw;height:3.2cqw;border:.68cqw solid var(--gold);border-radius:50%}.alloy-mark i:nth-child(2){width:2.45cqw;height:2.45cqw;border-width:.52cqw}.alloy-mark i:nth-child(3){width:1.7cqw;height:1.7cqw;border-width:.38cqw}.patterned img{width:9.2cqw;height:auto;max-height:6.3cqw;object-fit:contain}.identity{position:relative;background:#fff;color:#000066;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.6cqw .55cqw}.domain{font-size:1.15cqw;color:green;margin-bottom:.35cqw}.identity>img{width:75%;height:auto;min-height:0;object-fit:contain;flex:1}.identity-product{width:100%;border-top:1px solid #d8d8d8;padding:.45cqw 0}.identity-product strong,.identity-product em{display:block;font-size:1.18cqw;line-height:1.05}.identity-product em{font-style:italic}.identity-product small{display:block;margin-top:.3cqw;font-size:.72cqw;color:#087d0b}.since{font-size:1.15cqw}.since b{color:red;font-weight:400}.primary footer{display:flex;align-items:center;padding-left:.35cqw;color:#0872ef;font-size:1.05cqw;white-space:nowrap}.primary footer em{font-style:normal}.right-column{display:grid;grid-template-rows:19.2% 77.8%;gap:3%;min-width:0}.market{overflow:hidden;background:#fff;color:#172029;padding:.75cqw .9cqw;display:grid;grid-template-rows:auto 1fr auto}.market-heading{display:flex;justify-content:space-between;font-size:.72cqw;text-transform:uppercase;letter-spacing:.08em;color:#4d5a60}.market-heading em{font-style:italic;text-transform:none;letter-spacing:0}.ticker{display:grid;grid-template-columns:1fr 1fr;gap:.65cqw;align-items:center}.quote{height:3.5cqw;background:#d5d5d5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5cqw;padding:.45cqw .65cqw}.quote>b{font-size:1.55cqw;color:green}.quote span{font-size:.85cqw}.quote span em{display:block;font-size:.65cqw;color:#526068}.quote output{font:700 1.35cqw Manrope;color:var(--blue-dark)}.market>small{font-size:.58cqw;color:#6e7c82}.services{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2.3% 3.5%}.service{position:relative;overflow:hidden;background:var(--blue);color:#fff;text-decoration:none;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1cqw}.service:nth-child(2){background:var(--blue-dark)}.service strong{font-size:1.55cqw;line-height:1.05}.service em{font-size:.95cqw;font-style:italic;margin-top:.3cqw}.service small{font:400 .72cqw/1.35 "DM Sans",Arial,sans-serif;margin-top:.7cqw;opacity:.9}.contact{grid-column:1/-1;align-items:flex-start;text-align:left;padding-left:1.15cqw}.contact strong{font-size:1.7cqw}.contact small{font-size:.78cqw}.sun{font-size:3cqw;line-height:1;color:#f3d15a}.process-mark{font-size:1.55cqw;color:#f4d46d;margin-bottom:.8cqw}.mail{position:absolute;right:1.3cqw;top:.8cqw;font-size:4cqw;opacity:.22}
@media(max-width:760px){body{display:block;padding:8px}.site-shell{width:100%;aspect-ratio:auto;display:block;overflow:visible}.primary,.right-column{display:block}.tube-banner{height:82px}.tube-banner span{font-size:23px;letter-spacing:.14em}.product-line{height:58px;font-size:20px;white-space:normal;text-align:center}.primary-body{display:block}.products{display:grid;gap:8px;margin-top:8px}.product-tile{min-height:200px;padding:20px 12px}.product-tile strong{font-size:25px}.product-tile em{font-size:20px}.round-mark,.square-mark{width:70px;height:70px;border-width:14px}.alloy-mark{height:78px}.alloy-mark i{width:50px;height:50px;border-width:10px}.alloy-mark i:nth-child(2){width:38px;height:38px;border-width:8px}.alloy-mark i:nth-child(3){width:27px;height:27px;border-width:6px}.patterned img{width:155px;max-height:95px}.identity{min-height:600px;margin-top:8px;padding:15px}.domain{font-size:18px}.identity>img{width:220px}.identity-product strong,.identity-product em{font-size:24px}.identity-product small{font-size:15px}.since{font-size:20px}.primary footer{min-height:55px;white-space:normal;font-size:15px}.market{min-height:170px;margin-top:8px;padding:14px}.market-heading{font-size:11px}.quote{height:58px;padding:7px 10px}.quote>b{font-size:26px}.quote span{font-size:15px}.quote span em{font-size:12px}.quote output{font-size:24px}.market>small{font-size:10px}.services{display:grid;gap:8px;margin-top:8px}.service{min-height:210px;padding:20px}.service strong,.contact strong{font-size:27px}.service em{font-size:17px}.service small,.contact small{font-size:13px}.sun{font-size:50px}.process-mark{font-size:25px}.contact{grid-column:1/-1}.mail{font-size:65px}}

/* Refinements: new banner treatment, cleaner central panel, aligned contact tile */
.tube-banner{background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.22)),url("images/tubi-banner.jpg") repeat-x center/auto 100%;display:flex;align-items:center;justify-content:flex-start;padding-left:0}
.tube-banner span{position:relative;left:30.5%;transform:translateX(-50%);background:#fff;padding:.22cqw .7cqw .18cqw;font:700 2.45cqw/.9 "Times New Roman",Times,serif;letter-spacing:.12em;color:#0000a0;text-shadow:none;box-shadow:none}
.product-tile strong{font-weight:400}
.market{padding:.48cqw .62cqw;grid-template-rows:auto 1fr auto;gap:.18cqw}
.market-heading{font-size:.67cqw;align-items:center}
.market-heading strong{color:#000066;letter-spacing:.06em}
.ticker{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.28cqw .42cqw;min-height:0}
.quote{height:auto;min-height:0;grid-template-columns:auto 1fr auto;gap:.3cqw;padding:.24cqw .38cqw;background:#e2e2e2;border-left:.18cqw solid #087d0b}
.quote>b{font-size:1.05cqw;line-height:1;color:#087d0b}
.quote span{font-size:.63cqw;line-height:1.05}
.quote span em{font-size:.54cqw}
.quote output{font:700 .87cqw/1 Manrope,Arial,sans-serif;color:#000066;white-space:nowrap}
.quote.alloy-value{background:#d9e8ff;border-left-color:#0872ef}
.quote.alloy-value>b{color:#0872ef;font-size:.78cqw}
.market>small{font-size:.51cqw;line-height:1;color:#59656b}
.market>small a{color:#000066}
.identity>img{width:82%}
.since{margin-top:.35cqw}
.contact{align-items:center;text-align:center;padding:1cqw}
.right-column{grid-template-rows:20.7% 71.8% 4.5%;gap:1.5% 0}
.contact{align-items:flex-start;text-align:left;padding-left:1.15cqw}
@media(max-width:760px){.tube-banner{justify-content:flex-start;padding-left:10px}.tube-banner span{left:0;transform:none;font-size:28px;letter-spacing:.08em}.identity>img{width:235px}.right-column{display:block}.market{padding:14px;gap:8px}.market-heading{font-size:12px}.ticker{gap:8px}.quote{min-height:58px;padding:7px 10px}.quote>b,.quote.alloy-value>b{font-size:22px}.quote span{font-size:14px}.quote span em{font-size:11px}.quote output{font-size:17px}.market>small{font-size:11px}.contact{align-items:flex-start;text-align:left;padding:20px}}