.hero{padding-block:clamp(40px,6vw,72px) clamp(48px,6vw,80px)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr)}.hero-copy{display:grid;gap:20px;max-width:900px}.hero-copy h1{max-width:20ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.film{margin:44px 0 0}.film-frame{position:relative;aspect-ratio:16 / 9;max-width:100%;background:#eceae4;border:1px solid var(--line);overflow:hidden}.film-frame video{width:100%;height:100%;object-fit:cover}.film-replay{position:absolute;inset-inline-end:16px;bottom:16px;display:inline-flex;gap:8px;align-items:center;border:1px solid var(--ink);background:#ffffffe6;padding:8px 14px;border-radius:var(--radius);cursor:pointer;font-size:14px}.film figcaption{display:flex;gap:8px 20px;flex-wrap:wrap;padding-top:12px;font-size:14px;color:var(--muted)}.film figcaption .mono{font-size:12px;letter-spacing:.08em;color:var(--ink)}.approval-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid var(--ink)}.approval-list li{display:grid;gap:6px;align-content:start;padding:20px 20px 4px 0;border-inline-end:1px solid var(--line);padding-inline-start:20px}.approval-list li:first-child{padding-inline-start:0}.approval-list li:last-child{border-inline-end:0}.approval-list strong{font-size:18px;font-weight:600}.approval-list span{font-size:14px;color:var(--ink-2)}@media (max-width: 980px){.approval-list{grid-template-columns:repeat(2,minmax(0,1fr))}.approval-list li{border-inline-end:0;border-bottom:1px solid var(--line);padding:16px 0;padding-inline-start:0}}@media (max-width: 520px){.approval-list{grid-template-columns:1fr}}.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.family{background:var(--surface);display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:inherit;position:relative}.family .ph{aspect-ratio:1 / 1;overflow:hidden;background:#fff}.family .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.family .meta{padding:14px 16px 18px;display:grid;gap:6px;align-content:start}.family h3{font-size:16px;font-weight:500}.family .tag{font-family:var(--mono);font-size:12px;color:var(--muted)}.family.featured{grid-column:span 2;grid-row:span 2}.family.featured .ph{aspect-ratio:auto;height:100%;min-height:320px}.family.featured{grid-template-rows:1fr auto}.family.featured h3{font-size:22px}.family.featured .go{display:inline-flex;gap:8px;align-items:center;font-weight:500;margin-top:6px}.family.featured .go:after{content:"→"}html[dir=rtl] .family.featured .go:after{content:"←"}a.family:hover img{transform:scale(1.03)}a.family:hover h3{text-decoration:underline;text-underline-offset:3px}@media (max-width: 980px){.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.family-grid{grid-template-columns:1fr 1fr}.family.featured{grid-column:span 2;grid-row:auto}.family.featured .ph{min-height:0;aspect-ratio:1 / 1}}.refs{background:var(--ink);color:#f2f1ec}.refs .eyebrow{color:#9c9ea3}.refs .lede{color:#c9c7c0}.refs-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:40px}.refs-head .section-head{margin-bottom:0}.stats{margin:0;display:grid;gap:18px}.stats div{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:baseline;border-top:1px solid #34363b;padding-top:14px}.stats dt{font-family:var(--mono);font-size:40px;line-height:1;color:var(--yellow);font-variant-numeric:tabular-nums}.stats dd{margin:0;color:#c9c7c0;font-size:15px}.ref-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:36px}.ref-card{border:1px solid #34363b;padding:22px;display:grid;gap:10px;align-content:start}.ref-card .year{font-family:var(--mono);font-size:13px;color:var(--yellow)}.ref-card h3{font-size:20px;font-weight:500}.ref-card p{color:#c9c7c0;font-size:15px}.ref-card .through{font-size:13px;color:#9c9ea3;border-top:1px solid #34363b;padding-top:10px;margin-top:4px}.ref-card .through b{color:#f2f1ec;font-weight:500}@media (max-width: 900px){.refs-head,.ref-cards{grid-template-columns:1fr}}.client-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.client-grid li{background:var(--surface);border:1px solid var(--line);padding:22px 16px 14px;display:grid;gap:12px;justify-items:center;text-align:center;align-content:space-between}.client-grid img{height:72px;width:100%;object-fit:contain}.client-grid span{font-size:12px;color:var(--muted);line-height:1.35}@media (max-width: 560px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.boq-band{background:var(--yellow);padding-block:clamp(44px,6vw,72px)}.boq-inner{display:flex;gap:24px 48px;align-items:center;justify-content:space-between;flex-wrap:wrap}.boq-inner>div{display:grid;gap:10px;max-width:720px}.boq-band .lede{color:var(--ink)}.family.custom{grid-column:span 3;background:var(--ink);color:#f2f1ec;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.family.custom h3{font-size:22px;font-weight:500;max-width:28ch}.family.custom p{color:#c9c7c0;max-width:52ch}.family.custom .btn{align-self:flex-start}@media (max-width: 980px){.family.custom{grid-column:span 1;padding:18px}.family.custom h3{font-size:17px}.family.custom p{font-size:14px}}:root{--paper: #f4f3ef;--surface: #ffffff;--ink: #141416;--ink-2: #3b3d42;--muted: #6a6d73;--line: #dcd9d1;--line-strong: #c6c2b8;--yellow: #f7b512;--red: #e5202a;--blue: #00aed6;--black: #101113;--ok: #1d7a46;--radius: 4px;--gutter: clamp(16px, 4vw, 48px);--max: 1280px;--sans: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--arabic: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}html[dir=rtl] body{font-family:var(--arabic);line-height:1.8}img,video{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}.ltr{direction:ltr;unicode-bidi:isolate}span.ltr{display:inline-block}.mono{font-family:var(--mono)}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}html[dir=rtl] .eyebrow{font-family:var(--arabic);letter-spacing:0;font-size:14px}h1,h2,h3{margin:0;text-wrap:balance;font-weight:600;letter-spacing:-.01em}h1{font-size:clamp(34px,5.2vw,64px);line-height:1.04;letter-spacing:-.025em}h2{font-size:clamp(26px,3.2vw,40px);line-height:1.12}h3{font-size:18px;line-height:1.3}html[dir=rtl] h1{line-height:1.25;letter-spacing:0}html[dir=rtl] h2{line-height:1.35;letter-spacing:0}p{margin:0}.lede{font-size:clamp(17px,1.5vw,20px);color:var(--ink-2);max-width:60ch}.ribbon-rule{display:grid;grid-template-rows:repeat(4,3px)}.ribbon-rule i:nth-child(1){background:var(--black)}.ribbon-rule i:nth-child(2){background:var(--blue)}.ribbon-rule i:nth-child(3){background:var(--red)}.ribbon-rule i:nth-child(4){background:var(--yellow)}.demo-bar{background:var(--ink);color:#d9d7d0;font-size:13px;padding-block:7px}.demo-bar .wrap{display:flex;gap:8px 16px;flex-wrap:wrap;justify-content:space-between}.demo-bar b{color:var(--yellow);font-weight:500}.site-header{background:var(--surface);position:sticky;top:env(safe-area-inset-top,0px);z-index:40}.site-header .bar{display:flex;align-items:center;gap:24px;min-height:72px}.brand img{height:46px;width:auto}.nav{display:flex;gap:4px;margin-inline-start:16px}.nav a{text-decoration:none;font-size:15px;padding:8px 12px;border-radius:var(--radius);color:var(--ink-2)}.nav a:hover{background:var(--paper);color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--yellow);border-radius:0}.header-actions{margin-inline-start:auto;display:flex;gap:10px;align-items:center}.lang-toggle{border:1px solid var(--line);background:transparent;padding:7px 12px;border-radius:var(--radius);cursor:pointer;font-size:14px}.lang-toggle:hover{border-color:var(--ink)}.btn.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:11px 18px;border-radius:var(--radius);font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.btn:hover{background:#2b2d31}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:#fff}.btn.yellow{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.btn.yellow:hover{background:#ffc633}.btn .count{font-family:var(--mono);font-size:12px;background:var(--yellow);color:var(--ink);min-width:22px;height:22px;border-radius:11px;display:inline-grid;place-items:center;padding:0 6px}.btn .count[data-empty=true]{display:none}@media (max-width: 900px){.nav{display:none}.nav.open{display:flex;flex-direction:column;position:absolute;inset-inline:0;top:100%;background:var(--surface);padding:12px var(--gutter) 20px;border-bottom:1px solid var(--line);margin:0}.btn.menu-toggle{display:inline-flex}.header-actions .btn .label{display:none}.brand img{height:38px}}section{padding-block:clamp(56px,8vw,104px)}.section-head{display:grid;gap:14px;margin-bottom:36px;max-width:760px}.rule-top{border-top:1px solid var(--line)}.site-footer{background:var(--ink);color:#cfcdc6;padding-block:56px 36px;font-size:14px}.site-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.site-footer h4{color:#fff;font-size:13px;font-weight:500;margin:0 0 12px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase}html[dir=rtl] .site-footer h4{font-family:var(--arabic);letter-spacing:0}.site-footer a{color:#cfcdc6;text-decoration:none}.site-footer a:hover{color:#fff}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.site-footer .base{margin-top:44px;padding-top:20px;border-top:1px solid #2c2e33;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8d8f94;font-size:13px}@media (max-width: 860px){.site-footer .cols{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.site-footer .cols{grid-template-columns:1fr}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1414166b;z-index:80}.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(520px,100vw);background:var(--surface);z-index:90;display:flex;flex-direction:column;box-shadow:-20px 0 40px #0000001f;padding-top:env(safe-area-inset-top,0px)}.drawer header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.drawer .body{overflow-y:auto;padding:20px 24px 28px;display:grid;gap:22px}.drawer .foot{padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:grid;gap:10px}.icon-btn{border:0;background:transparent;cursor:pointer;padding:8px;border-radius:var(--radius);line-height:0}.icon-btn:hover{background:var(--paper)}.rfq-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.rfq-item .code{font-family:var(--mono);font-size:13px}.rfq-item .desc{font-size:13px;color:var(--muted)}.qty{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.qty input{width:88px;padding:7px 8px;border:1px solid var(--line);border-radius:var(--radius);font-family:var(--mono);text-align:end}.field{display:grid;gap:6px}.field label{font-size:13px;color:var(--ink-2)}.field input,.field textarea,.field select{padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff}.field input:focus,.field textarea:focus{border-color:var(--ink);outline:none}.fields-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.fields-2{grid-template-columns:1fr}}.dropzone{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:18px;display:grid;gap:6px;text-align:center;cursor:pointer;background:var(--paper)}.dropzone:hover,.dropzone.drag,.dropzone:focus-within{border-color:var(--ink)}.dropzone:focus-within{outline:2px solid var(--blue);outline-offset:2px}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.note{font-size:13px;color:var(--muted)}.notice{background:#fff8e3;border:1px solid #f1d98d;padding:12px 14px;border-radius:var(--radius);font-size:14px}.empty{color:var(--muted);font-size:14px;padding:12px 0}.chip{border:1px solid var(--line-strong);background:var(--surface);padding:7px 14px;border-radius:999px;font-size:14px;cursor:pointer}.chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.table-wrap{position:relative;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:11px 12px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:500;font-size:12px;line-height:1.35;color:var(--muted);background:#fafaf8;vertical-align:bottom}tbody tr:hover{background:#fbfaf6}tr:last-child td{border-bottom:0}td.num,th.num{text-align:end;font-variant-numeric:tabular-nums}td.num{font-family:var(--mono);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}