:root{color-scheme:dark;--ink:#eeeede;--paper:#171e1d;--gold:#cdb684;--line:#35403a;--muted:#b3beb4;--surface:#202927}

body{background:var(--paper);color:var(--ink)}header{background:#171e1d;border-color:#ffffff0c}.brand span{color:var(--gold)}.navcta{border-color:#cdb68480}header nav{color:#c6cec4}

.hero{grid-template-columns:43% 57%;min-height:590px;background:#171e1d;align-items:center}.herotext{padding:65px 0 75px 14%;}.hero h1{font-size:clamp(40px,3.7vw,64px);line-height:1.16;letter-spacing:-2.6px}.hero .eyebrow{color:#b2bcb3;font-size:9px;letter-spacing:3px}.hero .lead{max-width:420px;color:#bec7bd;font-size:15px}.hero .actions{margin-top:36px}.hero .btn{background:transparent;color:#e1c996;border:1px solid #a38b5e;border-radius:40px;padding:18px 25px}.hero .btn:hover{background:#cdb68412}

.periodic-art{display:flex;align-items:center;justify-content:center;padding:40px 8% 40px 5%;min-width:0;position:relative}.periodic-cutout{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;max-width:780px;padding:28px 24px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 58% 65%,#4a52431b,transparent 65%)}

.periodic-cutout:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(to right,#171e1d,transparent 15%,transparent 90%,#171e1d),linear-gradient(to bottom,#171e1d,transparent 14%,transparent 90%,#171e1d)}

.pt-cell{aspect-ratio:1/1.14;position:relative;border:1px solid #83908528;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0;color:#87928966;background:transparent;overflow:hidden}.pt-cell small{font-size:11px;position:absolute;left:11px;top:10px;font-weight:400}.pt-cell b{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(25px,3.2vw,47px);line-height:1.2;font-weight:500;letter-spacing:-1px;margin-top:9px}.pt-cell span{font-size:9px;margin-top:9px;line-height:1.3}.pt-cell.hollow{opacity:.65}.pt-cell.hollow:nth-child(-n+6){opacity:.42}.pt-cell.selected{--metal:#cfd3cd;--low:#9fa69e;--high:#f1f2e9;background:repeating-linear-gradient(112deg,#ffffff06 0px,#ffffff06 1px,#00000008 1px,transparent 3px),linear-gradient(120deg,var(--low),var(--metal) 32%,var(--high) 51%,var(--metal) 72%,var(--low));color:#18201b;border:1px solid #e3e5d877;box-shadow:inset 0 0 15px #ffffff1a;transition:filter .25s,border-color .25s,transform .25s}.pt-cell.selected[data-metal="Rh"]{--metal:lab(90% .8 1.8);--low:#a7afa6;--high:#f1f1e8}.pt-cell.selected[data-metal="Pd"]{--metal:lab(84.5% 0 0);--low:#818d86;--high:#d8ded7}.pt-cell.selected[data-metal="Ag"]{--metal:lab(97.7% -1.2 2.7);--low:#c2c8be;--high:#fffef5}.pt-cell.selected[data-metal="Pt"]{--metal:lab(85.6% .9 4.8);--low:#a6aa9a;--high:#e8e9d8}.pt-cell.selected[data-metal="Au"]{--metal:lab(86.3% 5.6 35.7);--low:#a98a4b;--high:#f0d78b;border-color:#e0c580a8}.pt-cell.selected b{font-weight:600}.pt-cell.selected span{font-size:9px;font-weight:500}.pt-cell.selected i{position:absolute;right:8px;top:9px;font-size:12px;opacity:0;font-style:normal}.pt-cell.selected:hover,.pt-cell.selected:focus-visible{filter:brightness(1.12);border-color:#ffefd0;transform:translateY(-2px)}.pt-cell.selected:hover i,.pt-cell.selected:focus-visible i{opacity:1}.pt-cell.selected:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,transparent 25%,#ffffff9c 50%,transparent 75%);transform:translateY(110%);opacity:0}.pt-cell.selected:is(:hover,:focus-visible):after{animation:periodic-shine 1.6s linear infinite}@keyframes periodic-shine{0%{transform:translateY(110%);opacity:0}20%{opacity:.8}75%{opacity:.8}100%{transform:translateY(-110%);opacity:0}}

.btn{color:#18201b}.light{background:#cdb684;color:#18201b}.catalog,.productcontent{background:#171e1d}.sectionhead p:not(.eyebrow){color:#acb8ac}.catalog .eyebrow,.productcontent>.eyebrow,.tech-section>.eyebrow{color:var(--gold)}.card,.catalog-product,.optiongrid article{background:#202927;border-color:#38433b;color:var(--ink)}.card:hover,.catalog-product:hover{border-color:#a38c62}.cardtop{color:#a6b2a5}.card p,.catalog-product-body p:not(.eyebrow),.optiongrid p,.infopanel p{color:#b2beb1}.card .element{background:#2a352e;border-color:#455044;color:#d0d9cc}.card .element.gold{background:#393322;border-color:#695735;color:#e1c286}.card .tags span{background:#2a352e;color:#c5d2bd;border-color:#3d4a38}.card b{border-color:#3a463b}.catalog-product .textlink,.optiongrid .textlink{color:#d9c190}.infopanel{background:#202927;border:1px solid #35403a}.producthero{background:#1a2320;border-bottom:1px solid #303d34}.product-detail-layout p,.product-benefits{color:#bcc6b8}.product-applications{color:#b3bfae}.tech-grid,.tech-grid>div{border-color:#38433b}.tech-grid>div{background:#1c2621}.tech-grid dt{color:#a5b39e}.technical-note{color:#acb8a6}.tech-section>.textlink{color:var(--gold)}.family-heading{color:#d5be90;margin-top:36px}.contact{background:#1d2822;border-top:1px solid #354438}.contactbox{border-color:#3c4d3f}footer{background:#141c18;border-top:1px solid #29372c}footer p,footer>span{color:#a2b09e}dialog{background:#202a23;border:1px solid #465441;color:#eeeede}input,textarea,select{background:#172019;color:#eceede;border-color:#475541}input::placeholder,textarea::placeholder{color:#8b9c86}.close{color:#eeeede}.formnote{color:#aab9a3}.skip{background:#d4bb87;color:#18201b}

/* Keep hourly market prices within the hero's dark palette. */

.market{background:#171e1d;color:#c3cebd;border-top:1px solid #cdb68420;border-bottom:1px solid #cdb68420}.market-head{border-color:#ffffff08}.market-title{color:#cdb684}.market-status{color:#8fa08c}.market-window:before{background:linear-gradient(to right,#171e1d,transparent)}.market-window:after{background:linear-gradient(to left,#171e1d,transparent)}.market .quote{border-color:#cdb6841f}.market .quote-symbol{color:#e1d7bd}.market .quote-name{color:#8fa08c}.market strong{color:#d1dbc7}.market small{color:#8b9a85}.market-note{border-color:#cdb68414;color:#81947b}.market-note a{color:#a4b394;border-color:#67795d}.market #market-toggle{background:transparent;border-color:#46523e;color:#cdb684}.market #market-toggle:hover{background:#cdb68412}

@media(min-width:1600px){.hero{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2);grid-template-columns:43% 57%}.herotext{padding-left:0}.periodic-art{padding-right:0}.hero h1{font-size:58px}.pt-cell b{font-size:43px}}

@media(max-width:1050px){.hero{grid-template-columns:42% 58%;min-height:520px}.hero h1{font-size:42px}.herotext{padding-left:14%;padding-right:10px}.periodic-art{padding-left:0;padding-right:4%}.periodic-cutout{gap:6px;padding:24px 15px}.pt-cell{padding:8px}.pt-cell span,.pt-cell.selected span{font-size:8px}.pt-cell small{left:8px;top:8px;font-size:9px}.pt-cell b{font-size:33px}}

@media(max-width:700px){.hero{grid-template-columns:1fr;min-height:0}.herotext{padding:48px 6% 15px}.hero h1{font-size:clamp(39px,9vw,55px);letter-spacing:-1.8px}.hero .lead{font-size:14px;margin-top:20px}.hero .eyebrow{font-size:8px;letter-spacing:2.2px;margin-bottom:23px}.hero .actions{margin-top:25px}.periodic-art{padding:10px 2% 30px}.periodic-cutout{max-width:580px;padding:20px 13px;gap:5px}.pt-cell{aspect-ratio:1/1.35;padding:5px}.pt-cell b{font-size:clamp(24px,6vw,34px);margin-top:12px}.pt-cell span,.pt-cell.selected span{font-size:clamp(5px,1.5vw,8px);letter-spacing:0;margin-top:6px}.pt-cell small{font-size:8px;left:5px;top:6px}.pt-cell.selected i{font-size:9px;right:5px;top:5px}.market-head{padding-top:14px}.market-status{font-size:9px}.market-note{line-height:1.8}.catalog{padding-top:55px}}

@media(prefers-reduced-motion:reduce){.pt-cell.selected:after{animation:none!important}.pt-cell.selected{transition:none}}

.pt-cell.hollow{color:#a4afa280;border-color:#8f9d7e45;opacity:.75}.pt-cell.hollow:nth-child(-n+6){opacity:.6}

.periodic-art{user-select:none;-webkit-user-select:none}.pt-cell.hollow{pointer-events:none;user-select:none;-webkit-user-select:none;cursor:default}.pt-cell.hollow *{pointer-events:none;user-select:none;-webkit-user-select:none}.pt-cell.hollow::selection,.pt-cell.hollow *::selection{background:transparent;color:inherit}



.card .card-heading{display:flex;align-items:center;gap:14px;margin:0;line-height:1.35;letter-spacing:-.6px;font-size:23px}.card .card-heading .element{position:static;flex:0 0 auto;width:auto;min-width:42px;height:42px;padding:0 10px;letter-spacing:-.8px;font-size:22px}.card .card-heading>.element+span{min-width:0}.brand small{letter-spacing:1.5px;font-size:8px}@media(max-width:700px){.card .card-heading{font-size:22px;gap:12px}.card .card-heading .element{font-size:21px}.brand small{font-size:7px;letter-spacing:1.1px}}



/* Compact price strip and closer home catalog. */

.market .market-head{padding:7px 6% 4px}.market .market-head button{width:23px;height:23px;font-size:10px}.market .quote{padding:10px 22px;min-width:225px;gap:10px}.market .quote-symbol{font-size:19px}.market .quote strong{font-size:17px}.market .market-note{padding:5px 6%;gap:8px 18px;font-size:8px;line-height:1.5}.catalog#urunler{padding-top:28px}.catalog#urunler .sectionhead{margin-bottom:22px}.catalog#urunler .sectionhead h2{font-size:clamp(27px,3vw,38px);line-height:1.2}@media(max-width:700px){.market .quote{padding:9px 18px;min-width:210px}.market .market-head{padding-top:6px}.market .market-note{padding-top:4px;padding-bottom:4px;gap:3px 12px}.catalog#urunler{padding-top:24px}.catalog#urunler .sectionhead{margin-bottom:20px}}



/* Bottom-docked ticker yields to the footer. */

.market{position:fixed;left:0;right:0;bottom:var(--footer-clearance,0px);z-index:40;box-shadow:0 -6px 24px #0003}.market~.ticker{display:none}body:has(.market) footer{margin-top:var(--market-height,110px)}.market .market-note>span:last-child{display:none}.market .market-note{justify-content:flex-start}.market .market-head{padding-top:5px;padding-bottom:3px}.market .quote{padding-top:8px;padding-bottom:8px}



/* Closer, shorter home product cards. */

.catalog#urunler{padding-top:12px;padding-bottom:38px}.catalog#urunler .sectionhead{margin-bottom:16px}.catalog#urunler .card{padding:22px 24px}.catalog#urunler .card p{min-height:0;margin:14px 0;font-size:12px;line-height:1.65}.catalog#urunler .card .tags{min-height:0;gap:6px}.catalog#urunler .card .tags span{padding:6px 9px;font-size:11px}.catalog#urunler .cards{gap:18px}.catalog#urunler .card .card-heading{font-size:22px}.catalog#urunler .card .card-heading .element{height:34px;min-width:34px;font-size:20px}@media(max-width:700px){.catalog#urunler{padding-top:12px}.catalog#urunler .card{padding:20px}.catalog#urunler .cards{gap:14px}}



/* Reduce the marked empty space around the hero. */

.hero{min-height:0}.hero .herotext{padding-top:30px;padding-bottom:30px}.hero .periodic-art{padding-top:12px;padding-bottom:12px}.hero .periodic-cutout{padding-top:12px;padding-bottom:12px}@media(max-width:1050px){.hero{min-height:0}}@media(max-width:700px){.hero .herotext{padding-top:28px;padding-bottom:10px}.hero .periodic-art{padding-top:4px;padding-bottom:12px}.hero .periodic-cutout{padding-top:10px;padding-bottom:10px}}



.market .market-head .market-status{display:none}.market-details{position:relative}.market-details summary{list-style:none;cursor:pointer;font-size:9px;color:#a4b394;padding:4px 6%;border-top:1px solid #cdb68414}.market-details summary::-webkit-details-marker{display:none}.market-details[open] .market-note{display:flex;flex-wrap:wrap;background:#171e1d}.market .market-head{padding-top:3px;padding-bottom:2px}.market .quote-name{display:none}.market .quote{min-width:180px;padding:7px 20px;gap:10px}.market .quote-symbol{font-size:18px}.market .quote strong{font-size:16px}.hero button.btn{font:inherit;font-size:12px;font-weight:600;cursor:pointer}.hero button.btn span{margin-left:24px}@media(max-width:700px){.market .quote{min-width:155px;padding:7px 16px}.market-details summary{font-size:8px}.market .market-head{padding-top:2px}}

/* Mobile hero: compact heading, table, then quote action. */

@media(max-width:700px){

 .hero{display:flex;flex-direction:column;align-items:stretch;padding:22px 6% calc(var(--market-height,90px) + 18px);gap:0}

 .hero .herotext{display:contents}

 .hero .eyebrow{order:0;margin:0 0 12px;font-size:7px;letter-spacing:1.8px}

 .hero h1{order:1;font-size:clamp(27px,7.3vw,34px);line-height:1.13;letter-spacing:-1px;margin:0}

 .hero .lead{order:2;font-size:12px;line-height:1.5;margin:12px 0 8px;max-width:none}

 .hero .periodic-art{order:3;padding:4px 0 10px;width:100%;box-sizing:border-box}

 .hero .periodic-cutout{padding:8px 0;gap:4px;width:100%;max-width:460px}

 .hero .actions{order:4;margin:6px 0 0;display:flex;justify-content:center}

 .hero .btn{padding:14px 23px}

 .hero .pt-cell{aspect-ratio:1/1.23}

}

/* Desktop home fits the viewport; compact contact band above the ticker. */

@media(min-width:1100px) and (min-height:700px){

 body:has(.hero){height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr) var(--market-height,84px)}

 body:has(.hero)>header{height:64px}

 body:has(.hero)>header .brand{font-size:32px}

 body:has(.hero)>header .brand small{margin-top:6px;font-size:7px}

 body:has(.hero)>main{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) clamp(280px,38vh,440px) 86px}

 body:has(.hero)>footer{display:none}

 body:has(.hero) .hero{min-height:0}

 body:has(.hero) .hero .herotext{padding-top:12px;padding-bottom:12px}

 body:has(.hero) .hero h1{font-size:clamp(32px,4.8vh,58px);line-height:1.12}

 body:has(.hero) .hero .eyebrow{margin-bottom:14px}

 body:has(.hero) .hero .lead{margin-top:15px;font-size:13px}

 body:has(.hero) .hero .actions{margin-top:18px}

 body:has(.hero) .hero .btn{padding:13px 22px}

 body:has(.hero) .periodic-art{min-height:0;padding-top:0;padding-bottom:0;overflow:hidden}

 body:has(.hero) .periodic-cutout{width:min(100%,calc((100dvh - 440px)*1.75));max-width:720px;padding:6px 12px;gap:6px}

 body:has(.hero) .pt-cell{padding:7px}

 body:has(.hero) .pt-cell b{font-size:clamp(23px,3.5vh,43px);margin-top:7px}

 body:has(.hero) .pt-cell span{font-size:7px;margin-top:5px}

 body:has(.hero) .pt-cell small{font-size:8px;top:6px;left:7px}

 body:has(.hero) .catalog#urunler{min-height:0;padding-top:5px;padding-bottom:12px;display:grid;grid-template-rows:36px minmax(0,1fr)}

 body:has(.hero) .catalog#urunler .sectionhead{margin:0;align-items:start}

 body:has(.hero) .catalog#urunler .sectionhead h2{font-size:27px}

 body:has(.hero) .catalog#urunler .cards{height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px 14px}

 body:has(.hero) .catalog#urunler .card{min-height:0;padding:12px 16px;display:flex;flex-direction:column;justify-content:center}

 body:has(.hero) .catalog#urunler .card .card-heading{font-size:18px;gap:10px}

 body:has(.hero) .catalog#urunler .card .element{height:27px;min-width:27px;font-size:16px;border-radius:6px}

 body:has(.hero) .catalog#urunler .card p{font-size:10px;line-height:1.45;margin:7px 0}

 body:has(.hero) .catalog#urunler .card .tags{gap:4px}

 body:has(.hero) .catalog#urunler .card .tags span{font-size:9px;padding:4px 6px}

 body:has(.hero) .contact{min-height:0;padding-top:12px;padding-bottom:12px;grid-template-columns:1fr 1fr;align-items:center;gap:24px}

 body:has(.hero) .contact>div>.eyebrow,body:has(.hero) .contact>div>p:not(.eyebrow),body:has(.hero) .contactbox>p,body:has(.hero) .contactbox>small{display:none}

 body:has(.hero) .contact h2{font-size:25px;letter-spacing:-1px;line-height:1.2}

 body:has(.hero) .contact h2 br{display:none}

 body:has(.hero) .contactbox{display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:center;padding-left:24px}

 body:has(.hero) .contactbox>span{font-size:8px;grid-column:1}

 body:has(.hero) .contactbox>a{font-size:22px;grid-column:1;line-height:1.2}

 body:has(.hero) .contactbox .btn{grid-column:2;grid-row:1/3;padding:11px 16px;font-size:11px;margin:0}

}



@media(min-width:1100px) and (min-height:700px){body:has(.hero) .market{bottom:0!important}body:has(.hero) .periodic-cutout{width:min(100%,calc((100dvh - var(--market-height,100px) - 64px - clamp(280px,38vh,440px) - 86px - 18px)*1.72))}body:has(.hero) .contactbox>a,body:has(.hero) .contactbox>span{margin:0}}



@media(min-width:1100px) and (min-height:700px){

body:has(.hero) .hero{align-items:end;padding-bottom:18px}

body:has(.hero) .catalog#urunler .card{padding:16px 18px;justify-content:flex-start}

body:has(.hero) .catalog#urunler .card p{font-size:11px;line-height:1.55;margin:10px 0;flex:1}

}



/* Balanced hero and breathing room below the catalog heading. */

@media(min-width:1100px) and (min-height:700px){

 body:has(.hero) .hero{align-items:center;padding-top:18px;padding-bottom:18px}

 body:has(.hero) .catalog#urunler{grid-template-rows:52px minmax(0,1fr)}

}



header{position:relative;z-index:20}.products-toggle{font:inherit;color:inherit;border:0;background:transparent;padding:8px 0;cursor:pointer;display:flex;gap:8px;align-items:center}.products-toggle[aria-expanded="true"]{color:var(--gold)}.products-menu[hidden]{display:none!important}.products-menu{position:absolute;left:0;right:0;top:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;background:#202927;padding:18px 6%;border-top:1px solid #38433b;border-bottom:1px solid #695735;box-shadow:0 12px 22px #0003}.products-menu a{font-size:12px;text-align:center;padding:12px 8px;border:1px solid #38433b;border-radius:4px}.products-menu a:hover,.products-menu a:focus-visible{background:#2a352e;color:var(--gold);border-color:var(--gold)}

@media(min-width:1100px) and (min-height:700px){body:has(.hero) .catalog#urunler{padding-top:0;grid-template-rows:64px minmax(0,1fr)}body:has(.hero) .catalog#urunler .sectionhead{align-items:center;display:flex}}

@media(max-width:1000px){.products-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}



.catalog#urunler .sectionhead{justify-content:center;text-align:center}.catalog#urunler .sectionhead>div{width:100%}



.catalog#urunler .sectionhead{justify-content:flex-start;text-align:left}

@media(min-width:1100px) and (min-height:700px){body:has(.hero) .hero{padding-bottom:0}body:has(.hero) .catalog#urunler .sectionhead{align-items:center}}



header .mobile-header-nav{display:none}@media(max-width:700px){body:has(.hero)>header{height:auto;min-height:104px;display:flex;flex-wrap:wrap;align-content:center;gap:13px;padding-top:12px;padding-bottom:12px}header .mobile-header-nav{display:flex;width:100%;justify-content:space-between;gap:12px;font-size:11px}}



@media(max-width:700px){.market-details{display:none}}



/* Logo slogan and compact mobile header after menu removal. */

.brand small{text-transform:none}

@media(max-width:700px){body:has(.hero)>header{min-height:82px;padding-top:14px;padding-bottom:14px;gap:0;align-content:center}.brand small{font-size:7px;letter-spacing:.6px;line-height:1.5;max-width:100%}.hero{padding-top:18px}.hero h1{margin-top:0}}

@media(max-width:700px){.hero{padding-bottom:24px}.catalog#urunler{padding-top:24px}}



.mobile-process{display:none}

@media(max-width:700px){.mobile-process{display:block;order:5;width:100%;margin:16px 0 0;line-height:0;pointer-events:none}.mobile-process video{display:block;width:100%;aspect-ratio:3/1;object-fit:cover;border:0;background:transparent;mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%)}.hero{padding-bottom:20px}}


.hero .quote-mobile-label{display:none}.hero button.btn .quote-desktop-label{margin-left:0}
@media(max-width:700px){
.hero button.btn .quote-desktop-label{display:none}
.hero button.btn .quote-mobile-label{display:inline;margin-left:0}
body:has(.hero) .hero .actions{margin-top:4px}
.hero .actions .btn{padding:9px 16px;min-height:36px;font-size:11px;line-height:16px;width:auto}
.hero button.btn .quote-arrow{margin-left:12px}
.mobile-process{margin-top:8px}
}