body.citon-ready > :not(#citon-app):not(script) { display: none !important; }
#citon-app { min-height: 100vh; background: #f7f9fb; color: #10263d; font: 16px/1.6 Arial, Helvetica, sans-serif; }
#citon-app * { box-sizing: border-box; }
#citon-app a { color: inherit; text-decoration: none; }
.citon-wrap { width: min(1180px, calc(100% - 40px)); margin: auto; }
.citon-top { background: #10263d; color: #d4e4ed; font-size: 12px; }
.citon-top .citon-wrap { min-height: 34px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.citon-nav { position: sticky; top: 0; z-index: 20; background: #fff; border-bottom: 1px solid #dce5ea; }
.citon-nav .citon-wrap { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.citon-brand { display: grid; line-height: 1.05; font-weight: 800; letter-spacing: .07em; font-size: 20px; color: #10263d; }
.citon-brand small { color: #0875bd; font-size: 9px; letter-spacing: .12em; margin-top: 5px; }
.citon-menu { display: flex; align-items: center; justify-content: flex-end; gap: 18px; }
.citon-links { display: flex; gap: 15px; flex-wrap: wrap; justify-content: flex-end; font-size: 12px; font-weight: 700; color: #405160; }
.citon-links a:hover, .citon-links a.active { color: #0875bd; }
.citon-locale { border: 1px solid #bdcbd4; padding: 7px; background: #fff; color: #10263d; font: inherit; font-size: 12px; }
.citon-hero { color: #fff; background: linear-gradient(120deg, #10263d, #174b70); padding: 90px 0 78px; }
.citon-eyebrow { color: #56b7f1; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 10px; }
.citon-hero h1 { font-size: clamp(36px, 6vw, 64px); line-height: 1.05; max-width: 820px; margin: 0 0 20px; }
.citon-hero p { max-width: 760px; color: #d6e5ee; font-size: 18px; }
.citon-home-hero { position: relative; overflow: hidden; min-height: 505px; display: flex; align-items: center; background: linear-gradient(100deg, rgba(4,24,43,.97) 0%, rgba(7,44,75,.91) 51%, rgba(14,72,112,.66) 100%), radial-gradient(circle at 78% 15%, #2787bd 0 2%, transparent 2.4%), linear-gradient(135deg, #0c253b 0%, #154f76 58%, #08263e 100%); }
.citon-home-hero:before { content: ""; position: absolute; inset: 0; opacity: .32; background: repeating-linear-gradient(90deg, transparent 0 70px, rgba(134,196,228,.12) 72px 74px), repeating-linear-gradient(0deg, transparent 0 56px, rgba(255,255,255,.06) 57px 59px); }
.citon-home-hero .citon-wrap { position: relative; z-index: 2; }
.citon-home-hero h1 { max-width: 650px; }
.citon-home-hero p { max-width: 610px; }
.citon-hero-pipes { position: absolute; right: -7%; bottom: 24px; width: 58%; height: 62%; z-index: 1; transform: rotate(-8deg); }
.citon-hero-pipes span { position: absolute; right: 0; width: 92%; height: 19%; border: 14px solid #a7c0cf; border-left-color: #eff8ff; border-radius: 0 90px 90px 0; background: linear-gradient(90deg, #142f43, #668a9e 45%, #eaf6fd 70%, #6a8a9c); box-shadow: 0 12px 18px #0005, inset 0 0 0 7px #1a2b35; }
.citon-hero-pipes span:nth-child(1) { top: 0; width: 76%; } .citon-hero-pipes span:nth-child(2) { top: 20%; width: 100%; } .citon-hero-pipes span:nth-child(3) { top: 40%; width: 86%; } .citon-hero-pipes span:nth-child(4) { top: 60%; width: 96%; } .citon-hero-pipes span:nth-child(5) { top: 80%; width: 78%; }
.citon-hero-proof { display: flex; gap: 14px; flex-wrap: wrap; margin: 22px 0; color: #e7f3f9; font-size: 13px; font-weight: 700; }
.citon-hero-proof span { padding-right: 14px; border-right: 1px solid #72a1bd; }
.citon-hero-proof span:last-child { border: 0; }
.citon-hero-stats { position: absolute; z-index: 3; top: 0; right: 0; width: min(25%, 370px); min-height: 100%; padding: 56px 30px; background: rgba(247,251,254,.94); color: #102d54; clip-path: polygon(14% 0,100% 0,100% 100%,0 100%); display: flex; flex-direction: column; justify-content: center; gap: 32px; }
.citon-hero-stats strong { display: block; font-size: 37px; line-height: 1; color: #075f9e; }.citon-hero-stats span { display: block; font-size: 13px; }
.citon-home-section { padding: 40px 0; }
.citon-section-title-row { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }.citon-section-title-row h2 { margin: 0; font-size: 25px; line-height: 1.15; }.citon-section-title-row p { margin: 0; color: #617282; font-size: 13px; }
.citon-product-strip { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.citon-product-tile { min-width: 0; border: 1px solid #d9e4ea; border-radius: 3px; overflow: hidden; background: #fff; transition: transform .2s, box-shadow .2s; }.citon-product-tile:hover { transform: translateY(-3px); box-shadow: 0 10px 24px #193c551c; }
.citon-product-visual { height: 126px; position: relative; overflow: hidden; background: linear-gradient(135deg, #142d40, #7f9bab 48%, #e6f0f4 49%, #587487 78%, #102b3d); }.citon-product-visual:before, .citon-product-visual:after { content: ""; position: absolute; border: 9px solid #eef6fa; border-radius: 50%; background: #142b38; box-shadow: inset 0 0 0 7px #688595, 10px 5px 0 -3px #c8d9e1, 20px 12px 0 -3px #1a3545; }.citon-product-visual:before { width: 68px; height: 68px; right: 18px; top: 20px; }.citon-product-visual:after { width: 43px; height: 43px; right: 78px; top: 43px; border-width: 6px; }.citon-product-tile:nth-child(2) .citon-product-visual { filter: hue-rotate(18deg); }.citon-product-tile:nth-child(3) .citon-product-visual { filter: hue-rotate(38deg) brightness(.92); }.citon-product-tile:nth-child(4) .citon-product-visual { filter: grayscale(.25); }.citon-product-tile:nth-child(5) .citon-product-visual { filter: hue-rotate(-15deg) brightness(.84); }
.citon-pending-tag { position: absolute; left: 9px; bottom: 8px; z-index: 2; background: rgba(5,40,69,.88); color: #d9f1ff; padding: 3px 6px; font-size: 10px; font-weight: 700; letter-spacing: .05em; }.citon-product-tile .copy { padding: 15px; }.citon-product-tile h3 { margin: 0 0 7px; font-size: 16px; line-height: 1.25; }.citon-product-tile p { margin: 0 0 8px; min-height: 43px; color: #617282; font-size: 12px; }.citon-product-tile a { color: #0875bd; font-size: 12px; font-weight: 800; }
.citon-process { position: relative; overflow: hidden; background: #102b3e; color: #fff; }.citon-process:before { content: ""; position: absolute; inset: 0; opacity: .22; background: repeating-linear-gradient(90deg, transparent 0 80px, #b3e7ff21 82px 85px), linear-gradient(120deg,#06192a,#1a658d); }.citon-process .citon-wrap { position: relative; padding-top: 36px; padding-bottom: 38px; }.citon-process .citon-section-title-row p { color: #c8e0ed; }
.citon-process-row { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; }.citon-step { min-height: 128px; padding: 12px; border: 1px solid #86b7d055; background: #071c2caa; display: flex; flex-direction: column; justify-content: space-between; }.citon-step b { color: #56b7f1; font-size: 12px; }.citon-step span { font-size: 12px; color: #e0edf4; }.citon-step i { font-style: normal; color: #a7cadc; font-size: 11px; }
.citon-home-halves { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }.citon-mini-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.citon-mini-card { min-height: 116px; padding: 12px; border: 1px solid #d9e4ea; background: linear-gradient(145deg,#f9fcfe,#e9f2f7); color: #102d54; }.citon-mini-card strong { display: block; font-size: 13px; }.citon-mini-card span { font-size: 11px; color: #607382; }
.citon-home-about { background: #eef5f9; }.citon-about-grid { display: grid; grid-template-columns: 1.25fr .8fr .9fr; gap: 20px; }.citon-about-panel { min-height: 190px; padding: 24px; background: #fff; border: 1px solid #d9e4ea; }.citon-about-panel h3 { margin: 0 0 10px; font-size: 20px; }.citon-about-panel p { color: #617282; font-size: 14px; }.citon-quote-panel { background: linear-gradient(145deg,#07345a,#082037); color: #fff; }.citon-quote-panel p { color: #d6e6ef; }.citon-quote-panel input, .citon-quote-panel textarea { width: 100%; display: block; margin: 8px 0; padding: 9px; border: 1px solid #7595a9; background: #fff; font: inherit; }.citon-quote-panel button { width: 100%; border: 0; padding: 10px; background: #0875bd; color: #fff; font-weight: 800; }
.citon-button { display: inline-block; background: #0875bd; border: 1px solid #0875bd; color: #fff !important; padding: 11px 17px; font-size: 13px; font-weight: 800; letter-spacing: .03em; margin: 8px 10px 0 0; }
.citon-button.line { background: transparent; border-color: #9ec9e4; }
.citon-section { padding: 68px 0; background: #fff; }
.citon-section.alt { background: #f1f6f9; }
.citon-heading { max-width: 800px; margin-bottom: 30px; }
.citon-heading h2, .citon-card h2 { line-height: 1.15; margin: 0 0 12px; font-size: clamp(28px, 4vw, 42px); }
.citon-heading p, .citon-muted { color: #617282; }
.citon-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.citon-card { border: 1px solid #dce5ea; background: #fff; padding: 23px; }
.citon-card h3 { margin: 0 0 10px; font-size: 20px; line-height: 1.25; }
.citon-card p { color: #617282; font-size: 14px; }
.citon-card a { color: #0875bd; font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.citon-facts { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #dce5ea; }
.citon-fact { padding: 20px; border-right: 1px solid #dce5ea; background: #fff; }
.citon-fact:last-child { border: 0; }
.citon-fact strong { display: block; color: #0875bd; font-size: 22px; }
.citon-breadcrumb { color: #0875bd; font-size: 13px; font-weight: 700; margin-bottom: 12px; }
.citon-notice { border-left: 4px solid #d89013; background: #fff7e6; padding: 14px 17px; color: #65470a; font-size: 14px; margin: 20px 0; }
.citon-table-wrap { overflow-x: auto; margin: 18px 0 35px; border: 1px solid #dce5ea; }
.citon-table { width: 100%; border-collapse: collapse; min-width: 680px; font-size: 13px; background: #fff; }
.citon-table th { background: #10263d; color: #fff; text-align: left; white-space: nowrap; }
.citon-table td, .citon-table th { border: 1px solid #dce5ea; padding: 10px; vertical-align: top; }
.citon-table tbody tr:nth-child(even) { background: #f7fafb; }
.citon-empty { padding: 22px; background: #fff; border: 1px dashed #aebdc8; color: #617282; }
.citon-media-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.citon-media-slot { aspect-ratio: 4 / 3; border: 1px dashed #8fa5b5; background: #eff5f8; padding: 15px; display: flex; flex-direction: column; justify-content: flex-end; color: #496171; }
.citon-media-slot strong { color: #10263d; }
.citon-split { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }
.citon-list { padding-left: 19px; color: #617282; }
.citon-form { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.citon-form label { font-size: 12px; font-weight: 700; color: #425461; }
.citon-form input, .citon-form select, .citon-form textarea { display: block; width: 100%; margin-top: 5px; padding: 11px; border: 1px solid #bdcbd4; background: #fff; font: inherit; }
.citon-form textarea { min-height: 120px; }
.citon-form .full { grid-column: 1 / -1; }
.citon-foot { background: #0b1c2c; color: #b9c8d3; padding: 35px 0; font-size: 13px; }
.citon-foot .citon-wrap { display: flex; justify-content: space-between; gap: 24px; }
[dir="rtl"] .citon-links, [dir="rtl"] .citon-menu { justify-content: flex-start; }
[dir="rtl"] .citon-list { padding-left: 0; padding-right: 19px; }
@media (max-width: 900px) { .citon-links { display: none; } .citon-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 1050px) { .citon-hero-stats { display:none; }.citon-hero-pipes { width: 52%; opacity:.62; }.citon-product-strip { grid-template-columns: repeat(3, 1fr); }.citon-process-row { grid-template-columns: repeat(4,1fr); }.citon-about-grid { grid-template-columns: 1fr 1fr; }.citon-quote-panel { grid-column: 1 / -1; } }
@media (max-width: 620px) { .citon-wrap { width: min(100% - 28px, 1180px); } .citon-top .citon-wrap { justify-content: center; } .citon-top span:first-child { display: none; } .citon-nav .citon-wrap { min-height: 64px; } .citon-grid, .citon-media-grid, .citon-split, .citon-form, .citon-home-halves, .citon-about-grid { grid-template-columns: 1fr; } .citon-facts { grid-template-columns: 1fr; } .citon-fact { border-right: 0; border-bottom: 1px solid #dce5ea; } .citon-foot .citon-wrap { display: block; } .citon-hero { padding: 62px 0; }.citon-home-hero { min-height: 500px; }.citon-hero-pipes { width: 115%; right: -45%; opacity:.32; bottom: 10px; }.citon-product-strip { grid-template-columns: 1fr 1fr; }.citon-process-row { grid-template-columns: repeat(2,1fr); }.citon-mini-row { grid-template-columns: 1fr 1fr; }.citon-section-title-row { align-items: start; flex-direction: column; }.citon-home-section { padding: 30px 0; } }

/* Homepage visual system: neutral steel/blue placeholders are intentional until verified imagery is supplied. */
:root { --citon-navy: #092b47; --citon-deep: #061c30; --citon-blue: #087cc1; --citon-steel: #dfe8ed; --citon-silver: #f3f6f8; --citon-copy: #455866; }
#citon-app { background: #fff; color: #142d40; font-family: Inter, Arial, Helvetica, sans-serif; }
.citon-top { background: #f4f7f8; color: #61717d; border-bottom: 1px solid #dfe7eb; }
.citon-top a { color: inherit; }
.citon-top .citon-wrap { min-height: 32px; font-size: 10px; letter-spacing: .03em; }
.citon-nav { position: sticky; background: #fff; box-shadow: 0 2px 14px #102c4210; border: 0; }
.citon-nav .citon-wrap { min-height: 76px; }
.citon-brand { display: flex; align-items: center; gap: 10px; letter-spacing: .06em; font-size: 18px; white-space: nowrap; }
.citon-brand b { display: grid; place-items: center; width: 32px; height: 32px; background: var(--citon-blue); color: #fff; font-size: 21px; font-family: Georgia, serif; clip-path: polygon(0 0,100% 0,100% 72%,72% 100%,0 100%); }
.citon-brand span { display: grid; gap: 4px; }
.citon-brand small { margin: 0; color: #78909f; font-size: 8px; letter-spacing: .16em; }
.citon-menu { gap: 13px; min-width: 0; }
.citon-links { gap: 18px; flex-wrap: nowrap; font-size: 11px; color: #304a5d; }
.citon-links a { white-space: nowrap; padding: 7px 0; border-bottom: 2px solid transparent; }
.citon-links a:hover, .citon-links a.active { color: var(--citon-blue); border-color: var(--citon-blue); }
.citon-language { display: flex; align-items: center; gap: 5px; color: #6c7c87; font-size: 10px; white-space: nowrap; }
.citon-locale { border: 0; border-left: 1px solid #d7e1e6; padding: 4px 2px 4px 8px; color: #234056; font-weight: 700; }
.citon-nav-cta { background: var(--citon-blue); color: #fff !important; padding: 10px 13px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.citon-home-hero { min-height: 585px; display: block; background: linear-gradient(110deg, #072640 0%, #0b385a 53%, #174f70 100%); }
.citon-home-hero:before { opacity: .16; background: linear-gradient(90deg, transparent 0 50%, #86b5cc26 50% 50.2%, transparent 50.2%), repeating-linear-gradient(0deg, transparent 0 75px, #c6ecff10 76px 77px); }
.citon-hero-layout { min-height: 510px; display: grid; grid-template-columns: minmax(0, .9fr) minmax(400px, .8fr); align-items: center; gap: 34px; position: relative; z-index: 2; }
.citon-hero-copy h1 { color: #fff; max-width: 670px; margin: 0 0 20px; font-size: clamp(39px, 4.4vw, 64px); letter-spacing: -.035em; line-height: 1.04; }
.citon-home-hero .citon-hero-copy > p:not(.citon-eyebrow) { color: #d3e0e8; max-width: 580px; margin: 0; font-size: 16px; line-height: 1.7; }
.citon-eyebrow { color: #65bde9; font-size: 10px; letter-spacing: .17em; }
.citon-hero-actions { display: flex; align-items: center; gap: 16px; margin-top: 27px; }
.citon-button { margin: 0; padding: 12px 18px; background: var(--citon-blue); border-color: var(--citon-blue); font-size: 11px; }
.citon-text-link { color: var(--citon-blue); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.citon-text-link b, .citon-button b { font-size: 15px; margin-left: 5px; }
.citon-home-hero .citon-text-link { color: #dceefa; }
.citon-hero-visual { position: relative; min-height: 360px; overflow: hidden; border-left: 1px solid #86b3ca55; background: linear-gradient(135deg, #143d59aa, #0a253bc9); }
.citon-hero-visual:before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 75% 30%, #7fc9ed40, transparent 20%), linear-gradient(90deg, transparent 0 30%, #b4d9eb11 30% 30.4%, transparent 30.4%); }
.citon-hero-visual i { position: absolute; display: block; right: -45px; height: 58px; border: 10px solid #bbd4e0; border-left-color: #eff8fc; border-radius: 0 34px 34px 0; background: linear-gradient(90deg,#1b4158 0%,#4e7588 44%,#e9f4f8 70%,#779bae 100%); box-shadow: inset 0 0 0 7px #17374b, 0 13px 18px #0015265e; transform: rotate(-11deg); }
.citon-hero-visual i:nth-of-type(1) { top: 49px; width: 75%; }.citon-hero-visual i:nth-of-type(2) { top: 112px; width: 98%; }.citon-hero-visual i:nth-of-type(3) { top: 175px; width: 84%; }.citon-hero-visual i:nth-of-type(4) { top: 238px; width: 93%; }.citon-hero-visual i:nth-of-type(5) { top: 301px; width: 72%; }
.citon-visual-label { position: absolute; z-index: 2; bottom: 14px; left: 16px; padding: 5px 7px; color: #dceff9; background: #082b45dd; font-size: 9px; letter-spacing: .1em; }
.citon-hero-stats { top: auto; bottom: 0; right: max(20px, calc((100vw - 1180px) / 2)); width: min(55%, 640px); min-height: 76px; padding: 0 22px; clip-path: none; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 0; color: #17374f; background: #f7fbfd; }
.citon-hero-stats div { padding: 13px 18px; border-left: 1px solid #d4e1e7; }.citon-hero-stats div:first-child { border: 0; }.citon-hero-stats strong { font-size: 24px; }.citon-hero-stats span { font-size: 10px; color: #5a6d7b; }
.citon-home-section { padding: 76px 0; }.citon-products-section { background: #fff; }
.citon-section-kicker { display: flex; align-items: center; gap: 10px; color: #0b76b7; font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 11px; }.citon-section-kicker i { width: 34px; height: 2px; background: currentColor; }.citon-section-kicker.light { color: #78c9ef; }
.citon-section-title-row { align-items: flex-end; margin-bottom: 30px; }.citon-section-title-row h2, .citon-quality h2, .citon-about-copy h2 { color: #102f47; font-size: clamp(27px,3vw,39px); letter-spacing: -.025em; }.citon-section-title-row p { max-width: 520px; font-size: 13px; line-height: 1.65; }
.citon-product-strip { gap: 16px; }.citon-product-tile { border: 0; border-radius: 0; box-shadow: 0 7px 25px #163d560e; }.citon-product-tile:hover { box-shadow: 0 14px 30px #163d5622; }.citon-product-visual { height: 156px; background: #dbe6ec; filter: none !important; }.citon-product-visual:before, .citon-product-visual:after { border-color: #eaf2f5; }.product-1 { background: linear-gradient(135deg, #143d58, #6c98ae 47%, #d7e9f0 48%, #547b92 72%, #153448); }.product-2 { background: linear-gradient(135deg, #274c62, #a2bfcc 42%, #edf5f7 43%, #6a889a 74%, #153448); }.product-3 { background: linear-gradient(135deg, #17445e, #6ea8c5 41%, #e9f7fc 42%, #4d8ba9 75%, #163c53); }.product-4 { background: linear-gradient(135deg, #293d4c, #8eabb9 46%, #e7eff3 47%, #6d8998 73%, #1e3544); }.product-5 { background: linear-gradient(135deg, #183549, #7998a6 43%, #e4eef2 44%, #557586 73%, #0f2b40); }.citon-product-index { position: absolute; z-index: 2; top: 11px; left: 12px; color: #eaf6fb; font: 700 24px/1 Georgia, serif; }.citon-pending-tag { left: 10px; bottom: 10px; }.citon-product-tile .copy { padding: 18px 16px 20px; }.citon-product-tile h3 { color: #15354e; min-height: 42px; font-size: 15px; }.citon-product-tile p { min-height: 58px; font-size: 12px; line-height: 1.55; }.citon-product-tile a { display: inline-block; border-top: 1px solid #e0e9ed; padding-top: 10px; }
.citon-process { background: var(--citon-deep); }.citon-process:before { opacity: .5; background: linear-gradient(112deg, #061d31 0%, #0e3d5b 52%, #0a2840 100%); }.citon-process .citon-wrap { padding-top: 76px; padding-bottom: 70px; }.citon-process .citon-section-title-row h2 { color: #fff; }.citon-process .citon-section-title-row p { color: #c0d9e7; }.citon-process-row { grid-template-columns: repeat(4, 1fr); gap: 18px; margin-bottom: 27px; }.citon-process-card { border: 1px solid #82b7d14d; background: #0b2b43a8; }.citon-process-image { height: 130px; display: grid; place-items: center; color: #b9dbe9; font-size: 9px; letter-spacing: .1em; background: linear-gradient(135deg,#0c2538,#476f82 48%,#153247 49%,#0a1f31); }.citon-process-card > div:last-child { padding: 16px; }.citon-process-card b { color: #66c0e9; font-size: 11px; }.citon-process-card h3 { margin: 4px 0; color: #fff; font-size: 15px; }.citon-process-card p { margin: 0; color: #bcd2de; font-size: 11px; line-height: 1.5; }.light-link { color: #d9eff9 !important; }
.citon-applications { background: #f4f7f8; }.citon-application-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.citon-application-card { min-height: 214px; padding: 25px; background: #fff; border: 1px solid #e1e9ed; }.citon-application-icon { width: 37px; height: 37px; margin-bottom: 40px; border: 2px solid #0c7ec1; border-radius: 50%; box-shadow: inset 0 0 0 7px #e5f4fa; }.citon-application-card h3 { margin: 0 0 8px; color: #15364f; font-size: 17px; }.citon-application-card p { margin: 0; color: #647984; font-size: 12px; line-height: 1.65; }
.citon-quality { background: #103956; color: #fff; }.citon-quality-grid { display: grid; grid-template-columns: minmax(290px,.9fr) 1.1fr; gap: 74px; align-items: center; padding: 66px 0; }.citon-quality-visual { min-height: 280px; position: relative; display: grid; place-items: center; border: 1px solid #8bbbd253; color: #cce6f1; font-size: 10px; letter-spacing: .12em; background: linear-gradient(135deg,#07243a,#1c5978 55%,#0a314c); }.citon-measure-lines { position: absolute; width: 68%; height: 45%; border-top: 1px solid #b9e7fa66; border-bottom: 1px solid #b9e7fa66; background: repeating-linear-gradient(90deg,transparent 0 11%,#b9e7fa77 11.4% 12%); }.citon-quality h2 { color: #fff; margin: 0 0 12px; }.citon-quality p:not(.citon-eyebrow) { color: #d0e2eb; line-height: 1.7; }
.citon-home-about { padding: 72px 0; background: #eef3f5; }.citon-about-grid { grid-template-columns: 1.15fr .65fr .95fr; gap: 20px; }.citon-about-copy { padding: 18px 12px 10px 0; }.citon-about-copy h2 { margin: 0 0 13px; }.citon-about-copy p { color: #617480; font-size: 14px; line-height: 1.75; }.citon-capacity-panel { padding: 26px; background: #fff; border-top: 3px solid var(--citon-blue); }.citon-capacity-panel span { color: #0d78b9; font-size: 10px; font-weight: 800; letter-spacing: .1em; }.citon-capacity-panel strong { display: block; margin-top: 14px; color: #153a55; font-size: 25px; line-height: 1; }.citon-capacity-panel p { margin: 4px 0 0; color: #6b7e89; font-size: 11px; }.citon-quote-panel { min-height: 0; padding: 27px; background: linear-gradient(135deg,#0a2a43,#104b6e); }.citon-quote-panel h3 { color: #fff; font-size: 20px; }.citon-quote-panel p:not(.citon-eyebrow) { color: #cee2ed; font-size: 12px; line-height: 1.6; }.citon-quote-panel .citon-text-link { display: inline-block; margin-top: 18px; }.citon-foot { padding: 25px 0; }
@media (max-width: 1100px) { .citon-links { gap: 11px; }.citon-nav-cta { display: none; }.citon-hero-layout { grid-template-columns: 1fr .72fr; }.citon-hero-stats { right: 20px; }.citon-quality-grid { gap: 40px; } }
@media (max-width: 800px) { .citon-nav .citon-wrap { align-items: flex-start; padding: 13px 0; }.citon-menu { flex: 1; justify-content: flex-end; flex-wrap: wrap; }.citon-links { order: 2; width: 100%; overflow-x: auto; justify-content: flex-start; padding-bottom: 1px; }.citon-language { order: 1; }.citon-hero-layout { min-height: 560px; grid-template-columns: 1fr; padding-top: 48px; padding-bottom: 112px; }.citon-hero-visual { min-height: 220px; max-width: 620px; width: 100%; margin-left: auto; }.citon-hero-visual i { height: 42px; border-width: 7px; }.citon-hero-visual i:nth-of-type(1) { top: 27px; }.citon-hero-visual i:nth-of-type(2) { top: 72px; }.citon-hero-visual i:nth-of-type(3) { top: 117px; }.citon-hero-visual i:nth-of-type(4) { top: 162px; }.citon-hero-visual i:nth-of-type(5) { top: 207px; }.citon-hero-stats { left: 20px; right: 20px; width: auto; }.citon-process-row { grid-template-columns: 1fr 1fr; }.citon-quality-grid { grid-template-columns: 1fr; }.citon-about-grid { grid-template-columns: 1fr 1fr; }.citon-quote-panel { grid-column: 1 / -1; } }
@media (max-width: 620px) { .citon-top .citon-wrap { display: none; }.citon-nav .citon-wrap { min-height: 0; }.citon-brand { font-size: 15px; }.citon-brand b { width: 28px; height: 28px; }.citon-menu { gap: 7px; }.citon-language span { display:none; }.citon-locale { padding-left: 3px; }.citon-links { gap: 15px; font-size: 10px; }.citon-home-hero { min-height: 0; }.citon-hero-layout { min-height: 0; gap: 25px; padding-top: 47px; padding-bottom: 138px; }.citon-hero-copy h1 { font-size: 35px; }.citon-home-hero .citon-hero-copy > p:not(.citon-eyebrow) { font-size: 14px; }.citon-hero-actions { align-items: flex-start; flex-direction: column; gap: 14px; }.citon-hero-visual { min-height: 185px; }.citon-hero-visual i:nth-of-type(1) { top: 20px; }.citon-hero-visual i:nth-of-type(2) { top: 57px; }.citon-hero-visual i:nth-of-type(3) { top: 94px; }.citon-hero-visual i:nth-of-type(4) { top: 131px; }.citon-hero-visual i:nth-of-type(5) { top: 168px; }.citon-hero-stats { grid-template-columns: 1fr 1fr 1fr; bottom: 0; left: 14px; right: 14px; padding: 0 3px; }.citon-hero-stats div { padding: 11px 8px; }.citon-hero-stats strong { font-size: 17px; }.citon-hero-stats span { font-size: 8px; }.citon-home-section, .citon-home-about { padding: 48px 0; }.citon-section-title-row { margin-bottom: 22px; }.citon-section-title-row h2, .citon-quality h2, .citon-about-copy h2 { font-size: 28px; }.citon-product-strip { grid-template-columns: 1fr; }.citon-product-visual { height: 170px; }.citon-product-tile h3 { min-height: 0; }.citon-product-tile p { min-height: 0; }.citon-process .citon-wrap { padding-top: 48px; padding-bottom: 48px; }.citon-process-row, .citon-application-row, .citon-about-grid { grid-template-columns: 1fr; }.citon-quality-grid { padding: 48px 0; }.citon-quality-visual { min-height: 210px; }.citon-quote-panel { grid-column: auto; }.citon-foot .citon-wrap span { display:block; margin:5px 0; } }

/* Final visual direction: clean industrial surfaces, white space, and explicitly marked image placeholders. */
#citon-app { color:#243447; background:#fff; }
.citon-final-hero { position:relative; min-height:520px; overflow:hidden; background:#e7eef2; }
.citon-final-hero .citon-wrap { min-height:520px; display:grid; grid-template-columns:44% 56%; align-items:stretch; }
.citon-final-hero-copy { position:relative; z-index:2; padding:105px 48px 70px 0; background:linear-gradient(90deg,#102a43 0%,#102a43 76%,transparent 100%); color:#fff; }
.citon-final-hero-copy:before { content:""; position:absolute; z-index:-1; inset:0 0 0 -100vw; background:#102a43; }
.citon-final-hero-copy > p { color:#9ecbed; margin:0 0 14px; font-size:11px; font-weight:800; letter-spacing:.16em; }
.citon-final-hero h1 { max-width:545px; margin:0; color:#fff; font-size:clamp(37px,4vw,58px); line-height:1.1; letter-spacing:-.035em; }
.citon-final-hero h2 { max-width:460px; margin:18px 0 27px; color:#d5e6f1; font-size:15px; line-height:1.55; font-weight:500; }
.citon-final-hero-photo { position:relative; min-height:520px; background:linear-gradient(118deg,#6f9eb7,#dbe8ed 42%,#89a8b7 43%,#f0f5f7 65%,#446c82); }
.citon-final-hero-photo:before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(-13deg,transparent 0 79px,#ffffff4a 80px 86px),linear-gradient(90deg,#102a4329,#fff0); }
.citon-final-hero-photo span,.citon-wide-image span,.citon-company-image span,.citon-page-image-placeholder span { position:absolute; bottom:14px; left:14px; padding:6px 8px; background:#102a43dc; color:#fff; font-size:9px; font-weight:800; letter-spacing:.1em; }
.citon-final-section { padding:76px 0; background:#fff; }.citon-section-heading { margin-bottom:30px; }.citon-section-heading > span { display:inline-block; margin-bottom:9px; color:#075AA8; font-size:10px; font-weight:800; letter-spacing:.16em; }.citon-section-heading h2 { max-width:650px; margin:0 0 11px; color:#243447; font-size:34px; line-height:1.15; letter-spacing:-.025em; }.citon-section-heading p { max-width:650px; margin:0; color:#64748B; font-size:14px; line-height:1.7; }.citon-section-heading.compact { margin-bottom:25px; }
.citon-final-products { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }.citon-final-product { display:flex; min-width:0; flex-direction:column; background:#fff; border:1px solid #dce5ea; }.citon-final-product-image { position:relative; height:172px; overflow:hidden; background:linear-gradient(135deg,#345b70,#adc4cf 48%,#f6fafb 49%,#7697a8); }.citon-final-product-image:after { content:""; position:absolute; width:74px; height:74px; right:14px; top:40px; border:10px solid #eef5f7; border-radius:50%; background:#244a5e; box-shadow:inset 0 0 0 7px #7894a3; }.citon-final-product-image span { position:absolute; z-index:2; left:10px; bottom:10px; padding:4px 5px; background:#102a43d9; color:#fff; font-size:8px; letter-spacing:.08em; }.citon-final-product-image b { position:absolute; z-index:2; top:10px; left:11px; color:#eef8fd; font:700 24px/1 Georgia,serif; }.citon-final-product .product-2 { background:linear-gradient(135deg,#375369,#9bbac7 42%,#eff7fa 43%,#63879a); }.citon-final-product .product-3 { background:linear-gradient(135deg,#174e6c,#7fb4cc 42%,#effbff 43%,#397897); }.citon-final-product .product-4 { background:linear-gradient(135deg,#47525b,#a7b8c2 42%,#f3f6f8 43%,#6b8898); }.citon-final-product .product-5 { background:linear-gradient(135deg,#153e59,#7898a9 42%,#eaf1f4 43%,#416982); }.citon-final-product > div:last-child { padding:17px 15px 18px; }.citon-final-product h3 { min-height:40px; margin:0 0 8px; color:#243447; font-size:15px; line-height:1.25; }.citon-final-product p { min-height:72px; margin:0 0 11px; color:#64748B; font-size:12px; line-height:1.6; }.citon-final-product a { display:block; padding-top:10px; border-top:1px solid #e7edf0; color:#075AA8; font-size:11px; font-weight:800; }.citon-final-product a i { font-style:normal; font-size:15px; }
.citon-advantages { padding:65px 0; background:#F4F7FA; }.citon-advantage-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.citon-advantage { padding:20px 14px; border-left:1px solid #c9d9e3; }.citon-advantage:first-child { border-left:0; }.citon-advantage i { color:#075AA8; font-size:27px; font-style:normal; }.citon-advantage h3 { margin:12px 0 7px; color:#243447; font-size:16px; }.citon-advantage p { margin:0; color:#64748B; font-size:12px; line-height:1.6; }
.citon-manufacturing-feature,.citon-quality-feature,.citon-company-grid,.citon-product-overview,.citon-page-feature { display:grid; grid-template-columns:1.22fr 1fr; gap:52px; align-items:center; }.citon-wide-image,.citon-company-image,.citon-page-image-placeholder { position:relative; min-height:336px; background:linear-gradient(135deg,#335c72,#b0c8d3 48%,#f6fafb 49%,#6a92a7); }.citon-wide-image:before,.citon-company-image:before,.citon-page-image-placeholder:before { content:""; position:absolute; inset:16% 12%; border:1px solid #e7f4fa90; background:repeating-linear-gradient(90deg,#ffffff12 0 20%,transparent 20% 21%); }.citon-manufacturing-feature > div:last-child p,.citon-quality-feature > div:first-child p,.citon-company-grid > div:last-child p { color:#64748B; line-height:1.75; }.citon-process-copy { font-size:13px; }.citon-final-applications { padding:76px 0; background:#F4F7FA; }.citon-final-application-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }.citon-final-application { background:#fff; border:1px solid #dce5ea; }.citon-final-application > div { position:relative; height:112px; background:linear-gradient(135deg,#527887,#c3d3da 47%,#eff6f8 48%,#8aa6b2); }.citon-final-application > div:before { content:""; position:absolute; inset:0; background:linear-gradient(45deg,#102a4325,transparent); }.citon-final-application span { position:absolute; z-index:2; bottom:7px; left:7px; color:#fff; font-size:7px; letter-spacing:.04em; }.citon-final-application h3 { min-height:47px; margin:0; padding:12px 10px; color:#243447; font-size:12px; line-height:1.35; }
.citon-quality-feature { grid-template-columns:1fr 1.22fr; }.quality-image { background:linear-gradient(135deg,#1b516f,#73a6bd 42%,#eaf5f9 43%,#3f718a); }.citon-company-feature { padding:76px 0; background:#fff; }.citon-company-image { min-height:360px; background:linear-gradient(135deg,#2a5369,#acc5d0 46%,#eff6f8 47%,#63869a); }.citon-final-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:26px; background:#dce5ea; }.citon-final-facts div { min-height:100px; padding:18px 12px; background:#F4F7FA; }.citon-final-facts b { display:block; color:#075AA8; font-size:23px; line-height:1.1; }.citon-final-facts span { display:block; margin-top:5px; color:#64748B; font-size:10px; line-height:1.35; }
.citon-final-quote { padding:52px 0; background:#102A43; color:#fff; }.citon-final-quote .citon-wrap { display:flex; align-items:center; justify-content:space-between; gap:38px; }.citon-final-quote span { color:#7dccf2; font-size:10px; font-weight:800; letter-spacing:.15em; }.citon-final-quote h2 { margin:7px 0; color:#fff; font-size:30px; }.citon-final-quote p { max-width:670px; margin:0; color:#c8d9e5; font-size:13px; line-height:1.65; }.citon-final-quote .citon-button { margin:0 8px 0 0; }.citon-outline-button { display:inline-block; padding:12px 16px; border:1px solid #a1cce3; color:#fff; font-size:11px; font-weight:800; }
.citon-inner-hero { padding:74px 0; background:#F4F7FA; border-bottom:1px solid #dce5ea; }.citon-inner-hero p { margin:0 0 8px; color:#075AA8; font-size:10px; font-weight:800; letter-spacing:.14em; }.citon-inner-hero h1 { margin:0 0 10px; color:#243447; font-size:44px; line-height:1.1; }.citon-inner-hero .citon-wrap > p:last-child { max-width:650px; color:#64748B; font-size:15px; font-weight:400; letter-spacing:0; }.citon-technical-section { background:#F4F7FA; }.citon-page-feature { grid-template-columns:1fr 1fr; }.citon-page-feature h2,.citon-product-overview h2 { color:#243447; font-size:32px; }.citon-page-feature .citon-button { margin-top:16px; }.citon-hero { padding:70px 0; color:#243447; background:#F4F7FA; }.citon-hero h1 { color:#243447; font-size:44px; }.citon-hero p { color:#64748B; }.citon-hero .citon-button.line { border-color:#075AA8; color:#075AA8!important; }.citon-table th { background:#075AA8; }.citon-foot { padding:50px 0 0; background:#102A43; color:#fff; }.citon-footer-grid { display:grid; grid-template-columns:1.4fr 1.2fr 1fr; gap:42px; }.citon-footer-grid strong { font-size:18px; letter-spacing:.07em; }.citon-footer-grid p { color:#c2d3df; font-size:12px; line-height:1.7; }.citon-footer-grid b { display:block; margin-bottom:12px; font-size:12px; }.citon-footer-grid a { display:block; margin:7px 0; color:#c2d3df; font-size:12px; }.citon-footer-bottom { margin-top:35px; border-top:1px solid #456276; color:#b8cbd8; font-size:11px; }.citon-footer-bottom .citon-wrap { padding:16px 0; }
@media (max-width:1000px) { .citon-final-products { grid-template-columns:repeat(3,1fr); }.citon-final-application-grid { grid-template-columns:repeat(3,1fr); }.citon-final-hero .citon-wrap { grid-template-columns:50% 50%; }.citon-manufacturing-feature,.citon-quality-feature,.citon-company-grid { gap:30px; } }
@media (max-width:700px) { .citon-final-hero,.citon-final-hero .citon-wrap,.citon-final-hero-photo { min-height:0; }.citon-final-hero .citon-wrap { display:block; }.citon-final-hero-copy { padding:64px 0 55px; }.citon-final-hero-copy:before { inset:0 -14px 0 -14px; }.citon-final-hero h1 { font-size:37px; }.citon-final-hero-photo { height:230px; }.citon-final-section,.citon-final-applications,.citon-company-feature { padding:52px 0; }.citon-section-heading h2 { font-size:28px; }.citon-final-products,.citon-final-application-grid,.citon-advantage-grid,.citon-final-facts { grid-template-columns:1fr 1fr; }.citon-final-product p { min-height:0; }.citon-advantage { border-left:0; border-top:1px solid #c9d9e3; }.citon-manufacturing-feature,.citon-quality-feature,.citon-company-grid,.citon-product-overview,.citon-page-feature { grid-template-columns:1fr; }.citon-quality-feature > div:first-child { order:2; }.citon-wide-image,.citon-company-image,.citon-page-image-placeholder { min-height:230px; }.citon-final-quote .citon-wrap { display:block; }.citon-final-quote h2 { font-size:26px; }.citon-final-quote > .citon-wrap > div:last-child { margin-top:22px; }.citon-outline-button { margin-top:10px; }.citon-footer-grid { grid-template-columns:1fr; gap:18px; } }
@media (max-width:430px) { .citon-final-products,.citon-final-application-grid,.citon-advantage-grid,.citon-final-facts { grid-template-columns:1fr; }.citon-final-application h3 { min-height:0; }.citon-final-product-image { height:185px; } }

/* Layout reconstructed from the supplied CITON design board. Image areas remain labeled until licensed/verified media is supplied. */
.citon-top { display:none; }.citon-desktop-brandbar { background:#fff; border-bottom:1px solid #dfe7ec; }.citon-desktop-brandbar .citon-wrap { min-height:50px; display:flex; align-items:center; gap:16px; }.citon-desktop-brandbar .citon-brand { padding-right:15px; border-right:1px solid #d9e2e8; }.citon-brand b { background:#075AA8; }.citon-brand-message { display:grid; gap:2px; flex:1; min-width:0; }.citon-brand-message strong { color:#102A43; font-size:14px; }.citon-brand-message span { overflow:hidden; color:#64748B; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.citon-search-placeholder { width:160px; padding:8px 10px; border:1px solid #d7e2e8; border-radius:3px; color:#94a3b8; font-size:10px; }.citon-mobile-menu { display:none; border:0; background:transparent; color:#102A43; font-size:21px; }.citon-nav { position:relative; background:#102A43; box-shadow:none; }.citon-nav .citon-wrap { min-height:36px; }.citon-links { justify-content:flex-start; gap:0; height:36px; }.citon-links a { padding:10px 19px; color:#fff; border:0; font-size:11px; }.citon-links a:hover,.citon-links a.active { color:#fff; background:#075AA8; border:0; }.citon-nav-cta { padding:9px 14px; border-radius:3px; }.citon-language { font-size:10px; }.citon-locale { color:#102A43; }
.ref-home { width:min(1536px,100%); margin:0 auto; display:grid; grid-template-columns:minmax(0,3.05fr) minmax(340px,1fr); background:#fff; }.ref-main { min-width:0; border-right:1px solid #dce5ea; }.ref-side { min-width:0; padding:12px 16px; background:#fff; }.ref-side h2,.ref-section h2,.ref-bottom h2 { margin:0 0 11px; color:#102A43; font-size:19px; line-height:1.1; }.ref-side h2 a,.ref-section h2 a { float:right; color:#075AA8; font-size:9px; text-decoration:none; }.ref-hero { position:relative; min-height:270px; overflow:hidden; background:#102A43; }.ref-hero-photo { position:absolute; inset:0; background:linear-gradient(120deg,#183b52,#7c9faf 45%,#e7eff2 46%,#597c8c 68%,#19394c); }.ref-hero-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#061d32ed 0%,#0a2d45c7 39%,#102a4312 72%); }.ref-hero-photo span,.ref-photo span { position:absolute; z-index:2; left:11px; bottom:10px; padding:4px 6px; background:#102a43e8; color:#fff; font-size:8px; font-weight:800; letter-spacing:.07em; }.ref-hero-copy { position:relative; z-index:2; width:60%; padding:27px 34px; color:#fff; }.ref-hero-copy small { color:#c6e5f7; font-size:11px; }.ref-hero-copy h1 { margin:7px 0 7px; color:#fff; font-size:36px; line-height:1.02; letter-spacing:-.035em; }.ref-hero-copy p { margin:0; color:#fff; font-size:13px; }.ref-hero-points { display:flex; gap:13px; margin:17px 0; font-size:9px; font-weight:700; }.ref-hero-points span { max-width:72px; }.ref-hero-copy > a,.ref-manufacturing > div > a,.ref-about a,.ref-quote a { display:inline-block; padding:9px 17px; border-radius:18px; background:#075AA8; color:#fff; font-size:11px; font-weight:800; text-decoration:none; }.ref-products { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; padding:12px 24px; }.ref-product { overflow:hidden; border:1px solid #dce5ea; border-radius:4px; background:#fff; }.ref-photo { position:relative; overflow:hidden; min-height:125px; background:linear-gradient(135deg,#224d65,#9ab9c6 45%,#edf5f7 46%,#54798d); }.ref-product .ref-photo { min-height:88px; }.ref-product .ref-photo:after { content:""; position:absolute; right:9px; top:18px; width:50px; height:50px; border:7px solid #ebf4f7; border-radius:50%; background:#173d51; box-shadow:inset 0 0 0 6px #7995a3; }.ref-product-2 { background:linear-gradient(135deg,#28485a,#8cb0c0 43%,#eef7fa 44%,#608296); }.ref-product-3 { background:linear-gradient(135deg,#15506d,#77b2cf 43%,#edfafe 44%,#367696); }.ref-product-4 { background:linear-gradient(135deg,#404c56,#9eb2bd 43%,#f1f5f6 44%,#668294); }.ref-product-5 { background:linear-gradient(135deg,#173a51,#789aaa 43%,#eaf1f4 44%,#476f84); }.ref-product h3 { min-height:29px; margin:8px 10px 3px; color:#102A43; font-size:12px; line-height:1.2; }.ref-product p { min-height:37px; margin:0 10px 6px; color:#64748B; font-size:10px; line-height:1.35; }.ref-product a { display:block; padding:6px 10px 9px; color:#075AA8; font-size:10px; font-weight:800; text-decoration:none; }.ref-manufacturing { position:relative; display:grid; grid-template-columns:1.45fr 1fr; min-height:130px; background:#0d3855; color:#fff; }.ref-manufacturing > .ref-photo { min-height:130px; background:linear-gradient(135deg,#12394e,#62869a 47%,#1f5270); }.ref-manufacturing > .ref-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#00182777,transparent); }.ref-manufacturing > div:last-child { padding:16px; }.ref-manufacturing h2 { margin:0 0 6px; color:#fff; font-size:19px; }.ref-manufacturing p { margin:0 0 9px; color:#e2edf3; font-size:10px; line-height:1.45; }.ref-manufacturing > div > a { padding:7px 13px; font-size:9px; }.ref-facts { position:absolute; right:15px; bottom:13px; display:flex; gap:14px; }.ref-facts span { display:grid; gap:1px; color:#dcebf3; font-size:8px; text-align:center; }.ref-facts b { color:#fff; font-size:18px; }.ref-section { padding:14px 24px; border-bottom:1px solid #e1e8ec; }.ref-section h2 small { margin-left:8px; color:#64748B; font-size:9px; font-weight:400; }.ref-apps,.ref-quality-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }.ref-app .ref-photo,.ref-quality .ref-photo { min-height:80px; }.ref-app b,.ref-quality b { display:block; padding-top:5px; color:#102A43; font-size:9px; line-height:1.2; text-align:center; }.ref-app-2 { background:linear-gradient(135deg,#748e9f,#d9e6eb 48%,#8fa9b7); }.ref-app-3 { background:linear-gradient(135deg,#426175,#b7d0da 48%,#758f9e); }.ref-app-4 { background:linear-gradient(135deg,#244d63,#93b4c2 48%,#4d7184); }.ref-app-5 { background:linear-gradient(135deg,#384950,#b4c3c9 48%,#5f7782); }.ref-app-6 { background:linear-gradient(135deg,#1d4157,#a1bdc9 48%,#547b8d); }.ref-quality-section { border:0; }.ref-quality-grid { grid-template-columns:repeat(5,1fr); }.ref-quality .ref-photo { min-height:86px; }.ref-bottom { display:grid; grid-template-columns:1.12fr 1.14fr .78fr; border-top:1px solid #e1e8ec; }.ref-about { display:grid; grid-template-columns:.85fr 1.15fr; gap:11px; padding:16px 24px; border-right:1px solid #e1e8ec; }.ref-about .ref-photo { min-height:95px; }.ref-about h2,.ref-news h2,.ref-quote h2 { font-size:16px; }.ref-about p,.ref-news p,.ref-quote p { margin:5px 0 10px; color:#64748B; font-size:9px; line-height:1.5; }.ref-about a { padding:7px 12px; font-size:9px; }.ref-news { padding:16px; border-right:1px solid #e1e8ec; }.ref-news h2 small { display:block; margin-top:5px; color:#64748B; font-size:8px; }.ref-quote { padding:16px; background:#102A43; }.ref-quote h2 { color:#fff; }.ref-quote p { color:#d8e7ef; }.ref-quote a { margin:3px 4px 0 0; padding:7px 9px; font-size:8px; }.ref-quote a + a { border:1px solid #83b7d2; background:transparent; }.ref-process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.ref-process-item { position:relative; overflow:hidden; display:block; border:1px solid #d7e3e9; border-radius:3px; color:#102A43; font-size:8px; font-weight:800; text-decoration:none; }.ref-process-item > div { position:relative; min-height:58px; background:linear-gradient(135deg,#315c73,#a7bfca 47%,#eaf3f6 48%,#557889); }.ref-process-item > div:before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,#ffffff18 0 16%,transparent 16% 17%); }.ref-process-item span { position:absolute; z-index:1; left:4px; bottom:4px; color:#fff; font-size:6px; font-weight:400; }.ref-process-item > b { display:inline-block; margin:5px; padding:2px 3px; border-radius:2px; background:#075AA8; color:#fff; font-size:7px; }.ref-process-item i { float:right; margin:6px 5px; color:#075AA8; font-size:14px; font-style:normal; }.ref-why { margin:22px -16px -12px; padding:17px 16px; background:#075AA8; color:#fff; }.ref-why h2 { color:#fff; }.ref-why h2 a { color:#fff; }.ref-why > div { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }.ref-why > div > div { display:grid; justify-items:center; text-align:center; }.ref-why i { display:grid; place-items:center; width:40px; height:40px; border:1px solid #fff; border-radius:50%; font-size:17px; font-style:normal; }.ref-why b { margin-top:6px; font-size:9px; }.ref-why span { margin-top:2px; font-size:7px; }.citon-foot { margin-top:0; }
@media (max-width:1150px) { .ref-home { grid-template-columns:1fr; }.ref-side { border-top:1px solid #dce5ea; }.ref-side .ref-process-grid { grid-template-columns:repeat(6,1fr); }.ref-why { margin-bottom:-12px; }.citon-search-placeholder { display:none; } }
@media (max-width:700px) { .citon-desktop-brandbar .citon-wrap { min-height:58px; }.citon-brand-message { display:none; }.citon-desktop-brandbar .citon-brand { flex:1; border:0; }.citon-nav-cta { display:inline-block; }.citon-mobile-menu { display:block; }.citon-nav { display:none; }.citon-nav.open { display:block; }.citon-nav .citon-wrap { width:100%; }.citon-links { display:flex; height:auto; flex-direction:column; align-items:stretch; }.citon-links a { width:100%; padding:12px 20px; }.ref-main { border:0; }.ref-hero { min-height:360px; }.ref-hero-copy { width:100%; padding:34px 22px; }.ref-hero-copy h1 { font-size:33px; }.ref-hero-points { flex-wrap:wrap; }.ref-products { grid-template-columns:1fr 1fr; padding:12px; }.ref-manufacturing { grid-template-columns:1fr; }.ref-manufacturing > .ref-photo { min-height:160px; }.ref-facts { position:static; justify-content:flex-start; margin-top:11px; }.ref-section { padding:18px 12px; }.ref-apps { grid-template-columns:repeat(3,1fr); gap:8px; }.ref-quality-grid { grid-template-columns:repeat(2,1fr); gap:9px; }.ref-bottom { grid-template-columns:1fr; }.ref-about,.ref-news { border-right:0; border-bottom:1px solid #e1e8ec; }.ref-side { padding:18px 12px; }.ref-side .ref-process-grid { grid-template-columns:repeat(3,1fr); }.ref-why { margin:20px -12px -18px; }.ref-why > div { grid-template-columns:repeat(2,1fr); row-gap:14px; } }
@media (max-width:700px) { .citon-desktop-brandbar .citon-wrap { width:calc(100% - 28px); gap:8px; }.citon-desktop-brandbar .citon-brand { min-width:0; }.citon-desktop-brandbar .citon-brand span { max-width:170px; overflow:hidden; }.citon-desktop-brandbar .citon-brand small { display:none; }.citon-desktop-brandbar .citon-nav-cta { display:none; }.citon-desktop-brandbar .citon-language { flex:0 0 auto; }.citon-desktop-brandbar .citon-locale { max-width:64px; }.citon-mobile-menu { flex:0 0 auto; padding:4px; } }

/* Confirmed XT mark: visual-only replacement keeps the existing header DOM and behavior intact. */
.citon-desktop-brandbar .citon-brand b { width:42px; height:42px; background:#fff url("xt-logo-transparent.png") center/contain no-repeat; color:transparent; clip-path:none; font-size:0; }
.citon-desktop-brandbar .citon-brand { gap:11px; font-size:21px; font-weight:850; }
.citon-desktop-brandbar .citon-brand small { font-size:10px; letter-spacing:.16em; }
.citon-desktop-brandbar .citon-brand-message span { display:none; }
.citon-desktop-brandbar .citon-brand-message strong { font-size:15px; letter-spacing:.01em; }

.citon-contact-cta { display:flex; justify-content:space-between; gap:24px; align-items:center; }
.citon-contact-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:42px; }
.citon-contact-grid h2,.citon-contact-panel h2 { color:#102a43; }
.citon-contact-list { display:grid; grid-template-columns:100px 1fr; gap:12px 18px; margin:24px 0; }
.citon-contact-list dt { color:#64748b; font-size:13px; font-weight:700; }
.citon-contact-list dd { margin:0; }
.citon-contact-list a { color:#075aa8; font-weight:700; text-decoration:none; }
.citon-contact-panel { padding:26px; border:1px solid #dce5ea; background:#f4f7fa; }
.citon-contact-panel p { color:#64748b; line-height:1.55; }
@media (max-width:700px) { .citon-contact-cta,.citon-contact-grid { grid-template-columns:1fr; display:grid; gap:22px; }.citon-contact-list { grid-template-columns:82px 1fr; } }

.citon-detail-grid,.citon-application-detail-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.citon-detail-card,.citon-application-detail { padding:20px; border:1px solid #dce5ea; background:#fff; }
.citon-detail-card > b { color:#075aa8; font-size:20px; }
.citon-detail-card h3,.citon-application-detail h3 { margin:9px 0 7px; color:#102a43; font-size:18px; }
.citon-detail-card p,.citon-application-detail p { color:#64748b; font-size:13px; line-height:1.55; }
.citon-translation-note { margin-top:16px; padding:10px 12px; border-left:3px solid #075aa8; background:#f4f7fa; color:#64748b; font-size:12px; }
.citon-application-detail-grid { grid-template-columns:repeat(3,1fr); }
.citon-application-detail > div:last-child { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.citon-application-detail a { color:#075aa8; font-size:12px; font-weight:700; text-decoration:none; }
@media (max-width:700px) { .citon-detail-grid,.citon-application-detail-grid { grid-template-columns:1fr; } }

/* Product detail pages: layout-only additions; site-wide colors remain unchanged. */
.citon-product-hero { padding:42px 0 36px; background:#f4f7fa; border-bottom:1px solid #dce5ea; }
.citon-product-hero h1 { margin:8px 0; color:#102a43; font-size:42px; line-height:1.08; }
.citon-product-hero p:not(.citon-breadcrumb):not(.citon-eyebrow) { max-width:700px; color:#64748b; font-size:16px; }
.citon-breadcrumb { margin:0 0 18px; color:#64748b; font-size:12px; }
.citon-breadcrumb a { color:#075aa8; }
.citon-product-detail-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:42px; align-items:start; }
.citon-product-gallery { min-width:0; }
.citon-product-main-image { min-height:360px; background-position:center; background-size:cover; border:1px solid #dce5ea; position:relative; }
.citon-product-main-image span { position:absolute; left:12px; bottom:12px; padding:6px 8px; background:#102a43e8; color:#fff; font-size:9px; font-weight:800; letter-spacing:.05em; }
.citon-product-thumbs { display:flex; gap:10px; margin-top:10px; }
.citon-product-thumb { width:82px; height:62px; padding:0; border:1px solid #c9d6de; background:#fff; cursor:pointer; }
.citon-product-thumb span { display:block; width:100%; height:100%; background-size:cover; background-position:center; }
.citon-product-thumb.active { border:2px solid #3976A8; }
.citon-product-thumb.pending { display:grid; place-items:center; color:#64748B; background:#F3F5F7; cursor:default; text-align:center; font-size:9px; line-height:1.25; }
.citon-product-intro h2 { margin:4px 0 10px; color:#102a43; font-size:30px; }
.citon-product-intro > p { color:#64748b; line-height:1.6; }
.citon-image-note { margin-top:18px; font-size:11px; }
.citon-product-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:42px; }
.citon-product-info-grid h2 { color:#102a43; font-size:24px; }
.citon-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.citon-related-card { display:flex; min-height:94px; padding:16px; flex-direction:column; justify-content:space-between; border:1px solid #dce5ea; background:#fff; color:#102a43; text-decoration:none; }
.citon-related-card span { font-weight:800; }
.citon-related-card b { color:#075aa8; font-size:11px; }
@media (max-width:700px) { .citon-product-hero h1 { font-size:32px; }.citon-product-detail-grid,.citon-product-info-grid { grid-template-columns:1fr; gap:24px; }.citon-product-main-image { min-height:260px; }.citon-related-grid { grid-template-columns:1fr; } }

/* Compact homepage: product-first layout with reserved real-video slot. */
.compact-home { background:#fff; color:#243447; }
.compact-intro { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:32px; align-items:end; max-width:1180px; margin:0 auto; padding:150px 20px 64px; }
.compact-intro { position:relative; isolation:isolate; max-width:none; padding-left:max(20px,calc((100% - 1140px)/2)); padding-right:max(20px,calc((100% - 1140px)/2)); background:linear-gradient(90deg,rgba(10,35,55,.9),rgba(10,35,55,.58)),url("citon-ai/hero-industrial-factory.png") center/cover no-repeat; color:#fff; }
.compact-intro > * { position:relative; z-index:1; }
.compact-intro h1 { max-width:720px; margin:8px 0 16px; color:#102a43; font-size:clamp(2.1rem,4vw,3.8rem); line-height:1.06; }
.compact-intro h1 { color:#fff; }
.compact-intro p:not(.citon-eyebrow) { max-width:700px; color:#64748b; line-height:1.7; }
.compact-intro p:not(.citon-eyebrow) { color:#f1f6f9; }
.compact-intro aside { border-left:3px solid #075aa8; padding:16px 0 16px 20px; display:grid; gap:8px; color:#102a43; }
.compact-intro aside { color:#fff; }
.compact-intro aside span { color:#64748b; font-size:13px; }
.compact-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.compact-section,.compact-video,.compact-contact { max-width:1180px; margin:0 auto; padding:58px 20px; }
.compact-section:nth-of-type(2),.compact-apps { background:#f4f7fa; max-width:none; padding-left:max(20px,calc((100% - 1140px)/2)); padding-right:max(20px,calc((100% - 1140px)/2)); }
.compact-heading { display:flex; align-items:end; gap:18px; margin-bottom:24px; }
.compact-heading h2 { margin:0; color:#102a43; font-size:clamp(1.5rem,2.5vw,2.2rem); }
.compact-heading a { margin-left:auto; color:#075aa8; font-weight:700; font-size:13px; }
.compact-products { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.compact-product { border:1px solid #dce5ea; background:#fff; min-width:0; }
.compact-product .ref-photo { min-height:150px; }
.compact-product > div:last-child { padding:16px; }
.compact-product h3 { margin:0 0 8px; color:#102a43; font-size:16px; }
.compact-product p { margin:0 0 14px; color:#64748b; font-size:13px; line-height:1.5; }
.compact-product a { color:#075aa8; font-weight:700; font-size:13px; }
.compact-video { display:grid; grid-template-columns:.8fr 1.2fr; gap:30px; align-items:center; }
.compact-video h2 { margin:6px 0 12px; color:#102a43; }
.compact-video p:not(.citon-eyebrow) { color:#64748b; line-height:1.6; }
.compact-video-frame { min-height:230px; border:1px dashed #9fb4c2; background:#f4f7fa; display:grid; place-content:center; text-align:center; color:#64748b; gap:8px; }
.compact-home .ref-product-1 { background:url("citon-ai/honed-tubes.png") center/cover; }
.compact-home .ref-product-2 { background:url("citon-ai/hydraulic-cylinder-tubes.png") center/cover; }
.compact-home .ref-product-3 { background:url("citon-ai/chrome-plated-piston-rods.png") center/cover; }
.compact-home .ref-product-4 { background:url("citon-ai/cold-drawn-seamless-tubes.png") center/cover; }
.compact-home .ref-product-5 { background:url("citon-ai/high-strength-seamless-steel-tubes.png") center/cover; }
.compact-home .ref-photo > span { display:none; }
.manufacturing-image { background:url("citon-ai/manufacturing-line.png") center/cover !important; }
.quality-image { background:url("citon-ai/quality-honing-inspection.png") center/cover !important; }
body[data-citon-page="manufacturing"] .citon-page-image-placeholder { background:url("citon-ai/manufacturing-line.png") center/cover !important; }
body[data-citon-page="quality-control"] .citon-page-image-placeholder { background:url("citon-ai/quality-honing-inspection.png") center/cover !important; }
.citon-product-main-image span { display:none; }
body[data-citon-page="manufacturing"] .citon-page-image-placeholder span,
body[data-citon-page="quality-control"] .citon-page-image-placeholder span { display:none; }
.citon-application-detail .citon-application-icon { width:100%; min-height:180px; border-radius:0; background-size:cover !important; background-position:center; }
.citon-application-detail-grid .citon-application-detail:nth-child(1) .citon-application-icon { background:url("citon-applications/01_Hydraulic_Systems.jpg") center/cover no-repeat !important; }
.citon-application-detail-grid .citon-application-detail:nth-child(2) .citon-application-icon { background:url("citon-applications/02_Energy_and_Power.jpg") center/cover no-repeat !important; }
.citon-application-detail-grid .citon-application-detail:nth-child(3) .citon-application-icon { background:url("citon-applications/03_Marine_and_Offshore.jpg") center/cover no-repeat !important; }
.citon-application-detail-grid .citon-application-detail:nth-child(4) .citon-application-icon { background:url("citon-applications/04_Mining_Equipment.jpg") center/cover no-repeat !important; }
.citon-application-detail-grid .citon-application-detail:nth-child(5) .citon-application-icon { background:url("citon-applications/05_Material_Handling.jpg") center/cover no-repeat !important; }
.citon-application-detail-grid .citon-application-detail:nth-child(6) .citon-application-icon { background:url("citon-applications/06_Industrial_Automation.jpg") center/cover no-repeat !important; }
.citon-socials, .citon-contact-socials { display:grid; gap:8px; align-content:start; }
.citon-socials { margin-top:16px; }
.citon-socials b, .citon-contact-socials b { color:#fff; font-size:13px; }
.citon-social-link { display:flex; align-items:center; gap:8px; color:#dbe8f0 !important; font-size:12px; }
.citon-social-link:hover { color:#3976A8 !important; }
.citon-social-link span:first-child { display:inline-grid; width:22px; height:22px; place-items:center; border:1px solid #7f9caf; border-radius:50%; font-size:11px; font-weight:700; }
.citon-contact-socials { margin-top:24px; padding-top:18px; border-top:1px solid #dfe5ea; }
.citon-contact-socials b { color:#243B53; }
.citon-contact-socials .citon-social-link { color:#3976A8 !important; }
.citon-about-product-collage { display:grid !important; grid-template-columns:repeat(3,1fr); grid-template-rows:1fr 1fr; gap:4px; padding:4px; background:#F3F5F7 !important; }
.citon-about-product-collage:before { display:none; }
.citon-about-product-collage span { position:static !important; display:block !important; min-height:0; padding:0 !important; background-color:#dce5ea !important; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; }
.citon-about-product-collage span:nth-child(1) { grid-row:span 2; }
.citon-about-product-collage span:nth-child(4) { grid-column:span 2; }
.citon-about-product-hero { background:url("citon-ai/about-product-overview.png") center/cover no-repeat !important; }
.citon-about-product-hero:before { display:none; }
.citon-process-video-card { overflow:hidden; }
.citon-video-slot { position:relative; width:100%; aspect-ratio:16 / 9; margin:-16px -16px 16px; width:calc(100% + 32px); background:#F3F5F7; }
.citon-video-slot video { display:none; width:100%; height:100%; object-fit:cover; background:#101820; }
.citon-video-placeholder { position:absolute; inset:0; display:grid; place-content:center; gap:8px; text-align:center; color:#64748B; background:linear-gradient(135deg,#eef2f5,#dce5ea); }
.citon-video-placeholder span { display:grid; place-items:center; width:42px; height:42px; margin:auto; border:1px solid #3976A8; border-radius:50%; color:#3976A8; font-size:15px; }
.citon-video-placeholder small { font-size:10px; font-weight:800; letter-spacing:.09em; }
.citon-video-slot:has(video[src]) video, .citon-video-slot:has(video source[src]) video { display:block; }
.citon-video-slot:has(video[src]) .citon-video-placeholder, .citon-video-slot:has(video source[src]) .citon-video-placeholder { display:none; }
.citon-video-upload { position:absolute; z-index:2; right:8px; bottom:8px; display:grid; width:12px; min-width:12px; height:12px; min-height:12px; padding:0; border:0; border-radius:50%; place-items:center; background:#fff; box-shadow:0 1px 4px #102a4366; color:#3976A8; font:700 13px/10px Arial,Helvetica,sans-serif; cursor:pointer; }
.citon-video-upload:focus-visible { outline:2px solid #3976A8; outline-offset:2px; }
.citon-video-upload:disabled { opacity:.7; cursor:wait; }
.compact-video-frame.citon-video-slot { min-height:0; width:100%; margin:0; aspect-ratio:16 / 9; }
.citon-manufacturing-intro-section { padding:22px 0; }
.citon-manufacturing-intro { grid-template-columns:1fr 1fr; gap:28px; }
.citon-manufacturing-intro .citon-page-image-placeholder { min-height:156px; }
.citon-manufacturing-intro > div:last-child { align-self:center; }
.citon-manufacturing-intro h1 { margin:0; color:#243B53; font-size:clamp(32px,4vw,46px); line-height:1.1; letter-spacing:-.03em; white-space:nowrap; word-break:normal; overflow-wrap:normal; }
.citon-manufacturing-process-section { padding:14px 0 22px; }
.citon-manufacturing-process-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; }
.citon-manufacturing-process-grid .citon-process-video-card { min-height:0; padding:8px; }
.citon-manufacturing-process-grid .citon-process-video-card .citon-video-slot { width:calc(100% + 16px); margin:-8px -8px 8px; aspect-ratio:16 / 9; }
.citon-manufacturing-process-grid .citon-process-video-card h3 { margin:0; color:#243B53; font-size:15px; line-height:1.35; word-break:normal; overflow-wrap:normal; hyphens:none; }
.citon-manufacturing-process-grid .citon-process-video-card:nth-child(7) { grid-column:2; width:auto; justify-self:stretch; }
.citon-material-reference { padding:28px 0 50px; }
.citon-material-reference .citon-heading h2 { font-size:clamp(30px,3vw,40px); }
@media (max-width:900px) { .citon-manufacturing-process-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; } .citon-manufacturing-process-grid .citon-process-video-card:nth-child(7) { grid-column:1 / -1; width:calc((100% - 12px) / 2); justify-self:center; } }
@media (max-width:700px) { .citon-manufacturing-intro,.citon-manufacturing-process-grid { grid-template-columns:1fr; } .citon-manufacturing-intro .citon-page-image-placeholder { min-height:180px; } .citon-manufacturing-intro h1 { white-space:normal; } .citon-manufacturing-process-grid .citon-process-video-card:nth-child(7) { grid-column:auto; width:auto; justify-self:stretch; } }
.citon-application-detail:first-child .citon-application-icon { min-height:150px; background:url("citon-ai/application-hydraulic-cylinder.png") center/cover; }
.compact-video-frame span { color:#075aa8; font-size:12px; font-weight:800; letter-spacing:.08em; }
.compact-video-frame small { font-size:12px; }
.compact-apps > p { max-width:720px; color:#64748b; line-height:1.7; }
.compact-contact { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; border-top:1px solid #dce5ea; }
.compact-contact h2 { margin:6px 0 10px; color:#102a43; }
.compact-contact p:not(.citon-eyebrow) { color:#64748b; }
.compact-contact-links { display:grid; gap:12px; justify-items:start; color:#075aa8; font-size:14px; }
@media (max-width:800px) { .compact-intro,.compact-video,.compact-contact { grid-template-columns:1fr; padding-top:110px; }.compact-products { grid-template-columns:repeat(2,minmax(0,1fr)); }.compact-heading { align-items:start; flex-wrap:wrap; }.compact-heading a { margin-left:0; width:100%; }.compact-contact { padding-top:42px; } }
@media (max-width:480px) { .compact-products { grid-template-columns:1fr; }.compact-product .ref-photo { min-height:180px; } }

/* Unified industrial palette: white / light gray / deep industrial blue / steel blue. */
#citon-app { background:#fff; color:#243B53; }
.citon-top, .citon-foot, .citon-footer-bottom { background:#243B53; }
.citon-nav { background:#fff; border-color:#dfe5ea; }
.citon-brand, .citon-section-title-row h2, .citon-heading h2, .citon-product-intro h2, .citon-product-info-grid h2 { color:#243B53; }
.citon-brand small, .citon-links a:hover, .citon-links a.active, .citon-breadcrumb a, .citon-related-card b, .citon-text-link, .citon-product-strip a, .citon-final-product a, .compact-product a, .compact-heading a, .compact-contact-links a { color:#3976A8; }
.citon-button, .citon-nav-cta { background:#3976A8; border-color:#3976A8; color:#fff; }
.citon-button.line, .citon-outline-button { border-color:#3976A8; color:#3976A8; background:#fff; }
.citon-home-section, .citon-section, .compact-section, .compact-video, .compact-contact { background:#fff; }
.citon-home-section.alt, .citon-section.alt, .compact-apps { background:#F3F5F7; }
.citon-card, .citon-product-tile, .citon-final-product, .compact-product, .citon-related-card, .citon-detail-card, .citon-contact-panel { border-color:#dfe5ea; background:#fff; }
.citon-technical-section, .citon-technical-section table, .citon-technical-section th { background:#fff; }
.citon-technical-section th { background:#F3F5F7; color:#243B53; }
.citon-technical-section td { border-color:#dfe5ea; color:#243447; }
.citon-process, .citon-quality, .citon-quote-panel { background:#243B53; }
.compact-intro h1, .compact-video h2, .compact-contact h2 { color:#243B53; }
.compact-intro h1 { color:#fff; }
.compact-actions .citon-outline-button { display:none; }
.compact-actions .citon-button { min-width:178px; text-align:center; margin:0; }
.compact-intro aside { border-color:#3976A8; }
.compact-video-frame { background:#F3F5F7; border-color:#b9c7d1; }