/* Corrosion Integrity — design system Every rule is scoped to .ci-scope so it cannot touch the rest of the site. Colour tokens live on .ci-scope; the dark palette is keyed off . Generated file — edit the source, not this. */ .ci-scope,.ci-scope *,.ci-scope *::before,.ci-scope *::after{box-sizing:border-box} .ci-scope{font-family:var(--sans);font-size:16.5px;line-height:1.62;color:var(--ink); background:var(--ground);-webkit-font-smoothing:antialiased} .ci-scope img,.ci-scope svg,.ci-scope canvas{display:block;max-width:100%} .ci-scope a{color:inherit;text-decoration:none} .ci-scope button{font:inherit;color:inherit} .ci-scope{ color-scheme: light; --surface: #ffffff; --ground: #f3f5f7; --ground-deep: #e9edf0; --panel: #fbfcfd; --line: #e0e6ea; --line-2: #cfd8de; --ink: #0c1219; --ink-2: #3d4b57; --ink-3: #6d7c89; --ink-4: #9aa7b2; --accent: #0b4f9e; --accent-deep: #06305f; --accent-soft: #e8f0fa; --current: #00a0c6; --oxide: #b4451b; --zinc: #8fa3ae; --d-bg: #0c1219; --d-panel: #0f1720; --d-panel-2: #131c25; --d-hover: #151f2a; --d-well: #0b1218; --d-field: #111a23; --d-field-2: #141f29; --d-line: #1f2a37; --d-line-2: #26313d; --d-hi: #ffffff; --d-tx: #dfe6ec; --d-tx-2: #a9b7c3; --d-tx-3: #8697a5; --d-tx-4: #5d7180; --d-eyebrow: #7fc4dd; --current-2: #22b6d8; --on-current: #04222b; --on-accent: #ffffff; --shadow: 12,18,25; --sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --disp: "Archivo", "Archivo Expanded", var(--sans); --mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace; --gut: clamp(20px, 4vw, 56px); --max: 1240px; --r: 2px; } @media (prefers-color-scheme: dark){ html:not([data-theme="light"]) .ci-scope{ color-scheme: dark; --surface:#10161d; --ground:#0a0e13; --ground-deep:#070b0f; --panel:#141b23; --line:#1e2731; --line-2:#2b3743; --ink:#eef3f7; --ink-2:#b3c1cd; --ink-3:#8496a3; --ink-4:#63737f; --accent:#4d9dea; --accent-deep:#7ab8f5; --accent-soft:#152436; --current:#2cc0e0; --oxide:#e07a4d; --d-bg:#141c24; --d-panel:#18212a; --d-panel-2:#1c2630; --d-hover:#212c37; --d-well:#111920; --d-field:#1a232c; --d-field-2:#1f2934; --d-line:#2a3641; --d-line-2:#38454f; --d-hi:#ffffff; --d-tx:#e5ecf2; --d-tx-2:#b3c1cd; --d-tx-3:#93a3b0; --d-tx-4:#6d7d8a; --d-eyebrow:#7fd0e8; --shadow:0,0,0; --on-accent:#08131f; } } html[data-theme="dark"] .ci-scope{ color-scheme: dark; --surface:#10161d; --ground:#0a0e13; --ground-deep:#070b0f; --panel:#141b23; --line:#1e2731; --line-2:#2b3743; --ink:#eef3f7; --ink-2:#b3c1cd; --ink-3:#8496a3; --ink-4:#63737f; --accent:#4d9dea; --accent-deep:#7ab8f5; --accent-soft:#152436; --current:#2cc0e0; --oxide:#e07a4d; --d-bg:#141c24; --d-panel:#18212a; --d-panel-2:#1c2630; --d-hover:#212c37; --d-well:#111920; --d-field:#1a232c; --d-field-2:#1f2934; --d-line:#2a3641; --d-line-2:#38454f; --d-hi:#ffffff; --d-tx:#e5ecf2; --d-tx-2:#b3c1cd; --d-tx-3:#93a3b0; --d-tx-4:#6d7d8a; --d-eyebrow:#7fd0e8; --shadow:0,0,0; --on-accent:#08131f; } .ci-scope img, .ci-scope svg, .ci-scope canvas{display:block;max-width:100%} .ci-scope a{color:inherit;text-decoration:none} .ci-scope button{font:inherit;color:inherit} .ci-scope :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1px} .ci-scope .ci-wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut);width:100%} .ci-scope .ci-eyebrow{ font-family:var(--mono);font-size:.685rem;font-weight:500; letter-spacing:.19em;text-transform:uppercase;color:var(--accent); display:flex;align-items:center;gap:.7em;margin:0 0 1.1rem; } .ci-scope .ci-eyebrow::before{content:"";width:26px;height:1px;background:var(--accent);opacity:.5;flex:none} .ci-scope .ci-eyebrow.ci-on-dark{color:var(--d-eyebrow)} .ci-scope .ci-eyebrow.ci-on-dark::before{background:var(--d-eyebrow)} .ci-scope h1, .ci-scope h2, .ci-scope h3, .ci-scope h4{font-family:var(--disp);font-stretch:118%;font-weight:700;margin:0;text-wrap:balance;letter-spacing:-.016em} .ci-scope h1{font-size:clamp(2.55rem,5.6vw,4.35rem);line-height:.98;font-weight:800} .ci-scope h2{font-size:clamp(1.85rem,3.5vw,2.85rem);line-height:1.04} .ci-scope h3{font-size:1.16rem;line-height:1.22;letter-spacing:-.006em} .ci-scope h4{font-family:var(--sans);font-size:.94rem;font-weight:600;letter-spacing:0} .ci-scope p{margin:0 0 1.05em;max-width:66ch} .ci-scope p:last-child{margin-bottom:0} .ci-scope .ci-lead{font-size:clamp(1.02rem,1.6vw,1.19rem);line-height:1.58;color:var(--ink-2)} .ci-scope .ci-dat{font-family:var(--mono);font-variant-numeric:tabular-nums} .ci-scope .ci-hi{color:var(--accent)} .ci-scope .ci-sheet-rules{position:fixed;inset:0;pointer-events:none;z-index:1} .ci-scope .ci-sheet-rules i{position:absolute;top:0;bottom:0;width:1px;background:var(--line);opacity:.85} @media (max-width:1360px){ .ci-scope .ci-sheet-rules{display:none} } .ci-scope .ci-hdr{ position:sticky;top:0;z-index:60;background:var(--ground); background:color-mix(in srgb, var(--ground) 86%, transparent); backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line); transition:box-shadow .3s ease, background .3s ease; } .ci-scope .ci-hdr.ci-stuck{box-shadow:0 1px 0 var(--line),0 14px 34px -28px rgba(var(--shadow),.5)} .ci-scope .ci-hdr-in{display:flex;align-items:center;gap:clamp(14px,3vw,40px);height:72px} .ci-scope .ci-brand{display:flex;align-items:center;gap:11px;flex:0 1 auto;min-width:0} .ci-scope .ci-brand .ci-lg{height:36px;width:auto;flex:none} .ci-scope .ci-lg-dark{display:none} html[data-theme="dark"] .ci-scope .ci-lg-light{display:none} html[data-theme="dark"] .ci-scope .ci-lg-dark{display:block} @media (prefers-color-scheme:dark){ html:not([data-theme="light"]) .ci-scope .ci-lg-light{display:none} html:not([data-theme="light"]) .ci-scope .ci-lg-dark{display:block} } .ci-scope .ci-ft-lg{flex:none} .ci-scope .ci-ft-lg .ci-lg{height:52px;width:auto;opacity:.92} .ci-scope .ci-nav a[aria-current="page"]{color:var(--ink);font-weight:600} .ci-scope .ci-nav a[aria-current="page"]::after{right:0} .ci-scope .ci-brand-tx{display:flex;flex-direction:column;line-height:1;min-width:0} .ci-scope .ci-brand-tx b{font-family:var(--disp);font-stretch:118%;font-size:.98rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ci-scope .ci-brand-tx span{font-family:var(--mono);font-size:.575rem;letter-spacing:.19em;text-transform:uppercase;color:var(--ink-3);margin-top:3px} .ci-scope .ci-nav{display:flex;align-items:center;gap:clamp(10px,1.8vw,26px);margin-left:auto} .ci-scope .ci-nav a{font-size:.845rem;font-weight:500;color:var(--ink-2);padding:6px 0;position:relative;white-space:nowrap} .ci-scope .ci-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--accent);transition:right .32s cubic-bezier(.2,.7,.2,1)} .ci-scope .ci-nav a:hover{color:var(--ink)} .ci-scope .ci-nav a:hover::after{right:0} .ci-scope .ci-hdr-cta{display:flex;align-items:center;gap:14px;flex:none} .ci-scope .ci-tel{font-family:var(--mono);font-size:.82rem;font-weight:500;color:var(--ink);white-space:nowrap} .ci-scope .ci-tel:hover{color:var(--accent)} .ci-scope .ci-btn{ display:inline-flex;align-items:center;gap:.6em;border:1px solid var(--accent); background:var(--accent);color:var(--on-accent);padding:.62em 1.15em;border-radius:var(--r); font-size:.845rem;font-weight:600;cursor:pointer;white-space:nowrap; transition:background .22s ease,transform .22s ease,box-shadow .22s ease; } .ci-scope .ci-btn:hover{background:var(--accent-deep);border-color:var(--accent-deep);transform:translateY(-1px);box-shadow:0 10px 22px -14px rgba(11,79,158,.85)} .ci-scope .ci-btn.ci-ghost{background:transparent;color:var(--accent)} .ci-scope .ci-btn.ci-ghost:hover{background:var(--accent-soft);color:var(--accent-deep)} .ci-scope .ci-btn.ci-lg{padding:.82em 1.5em;font-size:.9rem} .ci-scope .ci-btn.ci-on-dark{border-color:rgba(255,255,255,.28);background:transparent;color:var(--d-hi)} .ci-scope .ci-btn.ci-on-dark:hover{background:var(--d-hi);color:var(--accent-deep);border-color:var(--d-hi)} .ci-scope .ci-burger{display:none;width:38px;height:38px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r);cursor:pointer;align-items:center;justify-content:center} .ci-scope .ci-burger svg{width:16px;height:16px} @media (max-width:1080px){ .ci-scope .ci-nav{position:fixed;inset:72px 0 auto;flex-direction:column;align-items:stretch;gap:0; background:var(--surface);border-bottom:1px solid var(--line);padding:8px var(--gut) 20px; display:none;box-shadow:0 24px 40px -30px rgba(var(--shadow),.6)} .ci-scope .ci-nav.ci-open{display:flex} .ci-scope .ci-nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:.95rem} .ci-scope .ci-burger{display:flex} .ci-scope .ci-tel{display:none} } .ci-scope .ci-tel-ic{display:none;width:38px;height:38px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent); border-radius:var(--r);align-items:center;justify-content:center;flex:none} .ci-scope .ci-tel-ic svg{width:16px;height:16px} @media (max-width:620px){ .ci-scope .ci-hdr-cta>.ci-btn{display:none} .ci-scope .ci-tel-ic{display:flex} .ci-scope .ci-brand .ci-lg{height:30px} .ci-scope .ci-hdr-in{gap:10px} .ci-scope .ci-hdr-cta{gap:8px} } @media (max-width:400px){ .ci-scope .ci-thm{display:none} } .ci-scope .ci-hero{position:relative;background:var(--ground);border-bottom:1px solid var(--line);overflow:hidden} .ci-scope .ci-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(28px,4vw,64px); align-items:center;padding-block:clamp(46px,7vw,92px)} .ci-scope .ci-hero-copy{position:relative;z-index:2} .ci-scope .ci-hero h1 .ci-ln{display:block;overflow:hidden} .ci-scope .ci-hero h1 .ci-ln>span{display:block;transform:translateY(105%);animation:riseIn .9s cubic-bezier(.16,.84,.24,1) forwards} .ci-scope .ci-hero h1 .ci-ln:nth-child(2)>span{animation-delay:.09s} .ci-scope .ci-hero h1 .ci-ln:nth-child(3)>span{animation-delay:.18s} @keyframes riseIn{to{transform:none}}.ci-scope .ci-hero .ci-lead{margin-top:1.3rem;max-width:50ch;opacity:0;animation:fadeUp .8s .38s cubic-bezier(.2,.7,.2,1) forwards} .ci-scope .ci-hero-act{display:flex;flex-wrap:wrap;gap:12px;margin-top:2rem;align-items:stretch;opacity:0;animation:fadeUp .8s .5s cubic-bezier(.2,.7,.2,1) forwards} @keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ci-scope .ci-hero-tag{display:inline-flex;align-items:center;gap:.65em;font-family:var(--mono);font-size:.67rem; letter-spacing:.17em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line-2); background:var(--surface);padding:.5em .85em;border-radius:100px;margin-bottom:1.5rem; opacity:0;animation:fadeUp .7s .1s cubic-bezier(.2,.7,.2,1) forwards} .ci-scope .ci-pulse{width:6px;height:6px;border-radius:50%;background:var(--current);flex:none; box-shadow:0 0 0 0 rgba(0,160,198,.6);animation:pulse 2.6s infinite} @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,160,198,.55)}70%{box-shadow:0 0 0 8px rgba(0,160,198,0)}100%{box-shadow:0 0 0 0 rgba(0,160,198,0)}}.ci-scope .ci-hero-fig{position:relative;opacity:0;animation:fadeUp 1s .28s cubic-bezier(.2,.7,.2,1) forwards} .ci-scope .ci-fig-frame{position:relative;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r); box-shadow:0 40px 70px -56px rgba(var(--shadow),.55)} .ci-scope .ci-fig-bar{display:flex;align-items:center;gap:14px;padding:9px 12px;border-bottom:1px solid var(--line); font-family:var(--mono);font-size:.635rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);overflow:hidden} .ci-scope .ci-fig-bar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ci-scope .ci-fig-bar .ci-sep{margin-left:auto;flex:none} @media (max-width:620px){ .ci-scope .ci-fig-bar .ci-ttl{display:none} } .ci-scope .ci-fig-bar b{color:var(--ink-2);font-weight:500} .ci-scope #ci-cpCanvas{width:100%;height:clamp(280px,32vw,380px);display:block} .ci-scope .ci-fig-legend{display:flex;flex-wrap:wrap;gap:14px 20px;padding:10px 12px;border-top:1px solid var(--line); font-family:var(--mono);font-size:.635rem;letter-spacing:.06em;color:var(--ink-3)} .ci-scope .ci-fig-legend span{display:inline-flex;align-items:center;gap:.5em} .ci-scope .ci-sw{width:14px;height:2px;flex:none} @media (max-width:960px){ .ci-scope .ci-hero-in{grid-template-columns:1fr;gap:34px} .ci-scope .ci-hero-fig{order:2} } @media (max-width:560px){ .ci-scope .ci-hero-act .ci-btn{flex:1 1 100%;justify-content:center} .ci-scope .ci-hero-tag{font-size:.615rem;letter-spacing:.13em} } .ci-scope .ci-creds{background:var(--d-bg);color:var(--d-tx);overflow:hidden;border-bottom:1px solid var(--ink);position:relative;z-index:2} .ci-scope .ci-creds-track{display:flex;gap:44px;padding:13px 0;width:max-content;animation:marq 42s linear infinite} .ci-scope .ci-creds:hover .ci-creds-track{animation-play-state:paused} @keyframes marq{to{transform:translateX(-50%)}}.ci-scope .ci-creds-track span{font-family:var(--mono);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase; color:var(--d-tx-2);display:inline-flex;align-items:center;gap:.7em;white-space:nowrap} .ci-scope .ci-creds-track span::before{content:"";width:4px;height:4px;background:var(--current);border-radius:50%;flex:none} .ci-scope .ci-creds-track b{color:var(--d-hi);font-weight:500} .ci-scope .ci-sec{padding-block:clamp(58px,8vw,110px);border-bottom:1px solid var(--line);position:relative;background:var(--ground)} .ci-scope .ci-sec.ci-alt{background:var(--surface)} .ci-scope .ci-sec.ci-dark{background:var(--d-bg);color:var(--d-tx);border-bottom-color:var(--d-line);z-index:2} .ci-scope .ci-sec.ci-dark h2, .ci-scope .ci-sec.ci-dark h3{color:var(--d-hi)} .ci-scope .ci-sec.ci-dark p{color:var(--d-tx-2)} .ci-scope .ci-sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(20px,4vw,56px); align-items:end;margin-bottom:clamp(30px,4vw,54px)} .ci-scope .ci-sec-head .ci-lead{margin:0} @media (max-width:860px){ .ci-scope .ci-sec-head{grid-template-columns:1fr;gap:16px;align-items:start} } .ci-scope .ci-reveal{opacity:0;transform:translateY(18px)} .ci-scope .ci-reveal.ci-in{opacity:1;transform:none; transition:opacity .75s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .75s cubic-bezier(.2,.7,.2,1) var(--d,0s)} .ci-scope .ci-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r)} .ci-scope .ci-stat{padding:clamp(20px,2.6vw,30px);border-right:1px solid var(--line)} .ci-scope .ci-stat:last-child{border-right:0} .ci-scope .ci-stat .ci-n{font-family:var(--disp);font-stretch:118%;font-weight:800;font-size:clamp(2rem,3.6vw,3rem); line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:.06em} .ci-scope .ci-stat .ci-n em{font-style:normal;color:var(--accent)} .ci-scope .ci-stat .ci-k{font-family:var(--mono);font-size:.665rem;letter-spacing:.15em;text-transform:uppercase; color:var(--ink-3);margin-top:.85rem;line-height:1.5} @media (max-width:760px){ .ci-scope .ci-stats{grid-template-columns:1fr 1fr} .ci-scope .ci-stat:nth-child(2n){border-right:0} .ci-scope .ci-stat:nth-child(-n+2){border-bottom:1px solid var(--line)} } .ci-scope .ci-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line-2); background:var(--surface);border-radius:var(--r);overflow:hidden} .ci-scope .ci-cap{padding:clamp(24px,2.8vw,36px);border-right:1px solid var(--line);position:relative; transition:background .3s ease} .ci-scope .ci-cap:last-child{border-right:0} .ci-scope .ci-cap::before{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--accent);transition:width .45s cubic-bezier(.2,.7,.2,1)} .ci-scope .ci-cap:hover{background:var(--panel)} .ci-scope .ci-cap:hover::before{width:100%} .ci-scope .ci-cap .ci-ic{width:34px;height:34px;color:var(--accent);margin-bottom:1.15rem} .ci-scope .ci-cap h3{margin-bottom:.7rem} .ci-scope .ci-cap p{font-size:.935rem;color:var(--ink-2);margin-bottom:1.1rem} .ci-scope .ci-tick{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem} .ci-scope .ci-tick li{font-size:.86rem;color:var(--ink-2);padding-left:1.15em;position:relative;line-height:1.5} .ci-scope .ci-tick li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:1px;background:var(--accent)} @media (max-width:900px){ .ci-scope .ci-cap-grid{grid-template-columns:1fr} .ci-scope .ci-cap{border-right:0;border-bottom:1px solid var(--line)} .ci-scope .ci-cap:last-child{border-bottom:0} } .ci-scope .ci-ndt{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:0; border:1px solid var(--d-line);border-radius:var(--r);overflow:hidden;background:var(--d-panel)} .ci-scope .ci-ndt-list{display:flex;flex-direction:column;border-right:1px solid var(--d-line)} .ci-scope .ci-ndt-btn{display:flex;align-items:center;gap:.9em;text-align:left;background:transparent;border:0; border-bottom:1px solid var(--d-line);padding:15px 20px;cursor:pointer;color:var(--d-tx-2); transition:background .25s ease,color .25s ease;position:relative} .ci-scope .ci-ndt-btn:last-child{border-bottom:0} .ci-scope .ci-ndt-btn .ci-ab{font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.06em; color:var(--d-tx-4);width:3.6em;flex:none;transition:color .25s ease} .ci-scope .ci-ndt-btn .ci-nm{font-family:var(--sans);font-size:.9rem;font-weight:500} .ci-scope .ci-ndt-btn:hover{background:var(--d-hover);color:var(--d-hi)} .ci-scope .ci-ndt-btn[aria-selected="true"]{background:var(--d-hover);color:var(--d-hi)} .ci-scope .ci-ndt-btn[aria-selected="true"] .ci-ab{color:var(--current)} .ci-scope .ci-ndt-btn[aria-selected="true"]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--current)} .ci-scope .ci-ndt-panel{padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:1.15rem; align-self:start} .ci-scope .ci-ndt-panel h3{font-size:1.5rem} .ci-scope .ci-ndt-panel p{color:var(--d-tx-2);font-size:.945rem;margin:0} .ci-scope .ci-trace{width:100%;height:74px;border:1px solid var(--d-line);background:var(--d-well);border-radius:var(--r)} .ci-scope .ci-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--d-line); border:1px solid var(--d-line);border-radius:var(--r);margin-top:auto} .ci-scope .ci-spec div{background:var(--d-panel);padding:13px 15px} .ci-scope .ci-spec{margin-top:.4rem} .ci-scope .ci-spec dt{font-family:var(--mono);font-size:.615rem;letter-spacing:.15em;text-transform:uppercase;color:var(--d-tx-4);margin-bottom:.4rem} .ci-scope .ci-spec dd{margin:0;font-size:.855rem;color:var(--d-tx);line-height:1.45} @media (max-width:820px){ .ci-scope .ci-ndt{grid-template-columns:1fr} .ci-scope .ci-ndt-list{border-right:0;border-bottom:1px solid var(--d-line)} .ci-scope .ci-spec{grid-template-columns:1fr} } .ci-scope .ci-pull{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center} .ci-scope .ci-pull .ci-big{font-family:var(--disp);font-stretch:118%;font-weight:800;font-size:clamp(3.2rem,9vw,7rem); line-height:.86;letter-spacing:-.045em;color:var(--accent);font-variant-numeric:tabular-nums} .ci-scope .ci-pull .ci-big small{font-size:.36em;letter-spacing:-.01em;display:block;color:var(--ink-2); font-family:var(--mono);font-weight:500;font-stretch:normal;margin-top:.9rem;text-transform:uppercase;letter-spacing:.14em} @media (max-width:760px){ .ci-scope .ci-pull{grid-template-columns:1fr} } .ci-scope .ci-chips{display:flex;flex-wrap:wrap;gap:8px} .ci-scope .ci-chip{font-family:var(--mono);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase; border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2); padding:.55em .85em;border-radius:100px;transition:border-color .25s,color .25s,background .25s} .ci-scope .ci-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)} .ci-scope .ci-sec.ci-dark .ci-chip{border-color:var(--d-line-2);background:var(--d-panel-2);color:var(--d-tx-2)} .ci-scope .ci-sec.ci-dark .ci-chip:hover{border-color:var(--current);color:var(--d-hi);background:var(--d-hover)} .ci-scope .ci-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px} .ci-scope .ci-filter{font-family:var(--mono);font-size:.695rem;letter-spacing:.11em;text-transform:uppercase; border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);padding:.55em .9em; border-radius:100px;cursor:pointer;transition:all .22s ease} .ci-scope .ci-filter:hover{border-color:var(--accent);color:var(--accent)} .ci-scope .ci-filter[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)} .ci-scope .ci-prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:14px} .ci-scope .ci-prod{border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r); padding:18px;display:flex;flex-direction:column;gap:.55rem;position:relative; transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease} .ci-scope .ci-prod:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:0 22px 34px -26px rgba(var(--shadow),.45)} .ci-scope .ci-prod .ci-cat{font-family:var(--mono);font-size:.615rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-4)} .ci-scope .ci-prod .ci-gl{position:absolute;top:15px;right:15px;width:22px;height:22px;color:var(--ink-4);transition:color .28s ease} .ci-scope .ci-prod:hover .ci-gl{color:var(--accent)} .ci-scope .ci-prod .ci-cat{padding-right:30px} .ci-scope .ci-prod h4{font-size:1rem;line-height:1.28} .ci-scope .ci-prod .ci-use{font-size:.83rem;color:var(--ink-3);line-height:1.5;flex:1} .ci-scope .ci-prod .ci-add{margin-top:.35rem;align-self:flex-start;border:1px solid var(--line-2);background:transparent; color:var(--ink-2);font-family:var(--mono);font-size:.655rem;letter-spacing:.13em;text-transform:uppercase; padding:.55em .8em;border-radius:100px;cursor:pointer;transition:all .22s ease} .ci-scope .ci-prod .ci-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)} .ci-scope .ci-prod .ci-add[data-on="1"]{background:var(--accent);border-color:var(--accent);color:var(--d-hi)} .ci-scope .ci-prod.ci-hide{display:none} .ci-scope .ci-note{font-family:var(--mono);font-size:.7rem;letter-spacing:.05em;color:var(--ink-3);margin-top:20px} .ci-scope .ci-tray{position:fixed;right:20px;bottom:20px;z-index:70;background:var(--d-bg);color:var(--d-hi); border-radius:var(--r);box-shadow:0 24px 44px -22px rgba(var(--shadow),.75); display:flex;align-items:center;gap:14px;padding:12px 14px; transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.8,.2,1)} .ci-scope .ci-tray.ci-show{transform:none} .ci-scope .ci-tray .ci-ct{font-family:var(--mono);font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:var(--d-tx-2)} .ci-scope .ci-tray .ci-ct b{color:var(--d-hi)} .ci-scope .ci-tray button{border:0;background:var(--current);color:var(--on-current);font-weight:600;font-size:.8rem; padding:.6em 1em;border-radius:var(--r);cursor:pointer;transition:filter .2s} .ci-scope .ci-tray button:hover{filter:brightness(1.1)} .ci-scope .ci-tray .ci-x{background:transparent;color:var(--d-tx-4);padding:.3em .5em;font-size:1rem} .ci-scope .ci-tray .ci-x:hover{color:var(--d-hi)} @media (max-width:520px){ .ci-scope .ci-tray{left:20px;right:20px;justify-content:space-between} } .ci-scope .ci-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line-2); background:var(--surface);border-radius:var(--r);overflow:hidden} .ci-scope .ci-two>div{padding:clamp(24px,3vw,38px)} .ci-scope .ci-two>div:first-child{border-right:1px solid var(--line)} @media (max-width:820px){ .ci-scope .ci-two{grid-template-columns:1fr} .ci-scope .ci-two>div:first-child{border-right:0;border-bottom:1px solid var(--line)} } .ci-scope .ci-cover{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px; background:var(--line);border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden} .ci-scope .ci-cover>div{background:var(--surface);padding:clamp(20px,2.4vw,28px)} .ci-scope .ci-cover .ci-lbl{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase; color:var(--accent);margin-bottom:.85rem} .ci-scope .ci-cover address{font-style:normal;font-size:.9rem;color:var(--ink-2);line-height:1.6} .ci-scope .ci-cover strong{display:block;font-family:var(--sans);font-weight:600;color:var(--ink);font-size:.95rem;margin-bottom:.3rem} .ci-scope .ci-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px)} @media (max-width:900px){ .ci-scope .ci-contact{grid-template-columns:1fr} } .ci-scope .ci-form{display:grid;grid-template-columns:1fr 1fr;gap:14px} .ci-scope .ci-f-full{grid-column:1/-1} .ci-scope label{display:flex;flex-direction:column;gap:7px;font-family:var(--mono);font-size:.635rem; letter-spacing:.15em;text-transform:uppercase;color:var(--d-tx-3)} .ci-scope input, .ci-scope textarea, .ci-scope select{ font-family:var(--sans);font-size:.94rem;color:var(--d-hi);background:var(--d-field); border:1px solid var(--d-line-2);border-radius:var(--r);padding:.75em .85em;width:100%; transition:border-color .22s ease,background .22s ease} .ci-scope textarea{min-height:132px;resize:vertical;line-height:1.55} .ci-scope input:focus, .ci-scope textarea:focus, .ci-scope select:focus{outline:none;border-color:var(--current);background:var(--d-field-2)} .ci-scope input::placeholder, .ci-scope textarea::placeholder{color:var(--d-tx-4)} .ci-scope select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--d-tx-3) 50%),linear-gradient(135deg,var(--d-tx-3) 50%,transparent 50%); background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat} .ci-scope .ci-form .ci-btn{grid-column:1/-1;justify-content:center;background:var(--current);border-color:var(--current);color:var(--on-current)} .ci-scope .ci-form .ci-btn:hover{background:var(--current-2);border-color:var(--current-2);color:var(--on-current)} @media (max-width:560px){ .ci-scope .ci-form{grid-template-columns:1fr} } .ci-scope .ci-reach{display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem} .ci-scope .ci-offices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:2.4rem;padding-top:1.8rem;border-top:1px solid var(--d-line)} .ci-scope .ci-offices .ci-lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--d-eyebrow);margin:0 0 .55rem} .ci-scope .ci-offices address{font-style:normal;font-size:.86rem;line-height:1.6;color:var(--d-tx-2)} @media (max-width:420px){ .ci-scope .ci-offices{grid-template-columns:1fr} } .ci-scope .ci-reach a{display:flex;align-items:center;gap:.75em;font-family:var(--mono);font-size:.95rem;color:var(--d-hi)} .ci-scope .ci-reach a:hover{color:var(--current)} .ci-scope .ci-reach svg{width:16px;height:16px;color:var(--current);flex:none} .ci-scope .ci-ft{background:var(--d-bg);color:var(--d-tx-3);padding-block:38px;position:relative;z-index:2} .ci-scope .ci-ft-in{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center} .ci-scope .ci-ft a{color:var(--d-tx-2)} .ci-scope .ci-ft a:hover{color:var(--d-hi)} .ci-scope .ci-ft .ci-small{font-family:var(--mono);font-size:.665rem;letter-spacing:.1em;text-transform:uppercase} .ci-scope .ci-ft .ci-soc{display:flex;gap:14px;margin-left:auto} .ci-scope .ci-ft .ci-soc a{width:34px;height:34px;border:1px solid var(--d-line-2);border-radius:var(--r); display:flex;align-items:center;justify-content:center;transition:all .22s} .ci-scope .ci-ft .ci-soc a:hover{border-color:var(--current);color:var(--current)} .ci-scope .ci-ft .ci-soc svg{width:15px;height:15px} .ci-scope .ci-rail{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:50;display:flex; flex-direction:column;align-items:flex-end;gap:9px;pointer-events:none} .ci-scope .ci-rail i{display:block;width:12px;height:1px;background:var(--line-2);transition:all .3s ease} .ci-scope .ci-rail i.ci-on{width:22px;background:var(--accent)} @media (max-width:1440px){ .ci-scope .ci-rail{display:none} } @media (prefers-reduced-motion:reduce){ .ci-scope .ci-reveal{opacity:1;transform:none} .ci-scope .ci-creds-track{animation:none} .ci-scope .ci-hero h1 .ci-ln>span{transform:none} .ci-scope .ci-hero .ci-lead, .ci-scope .ci-hero-act, .ci-scope .ci-hero-fig, .ci-scope .ci-hero-tag{opacity:1} } .ci-scope .ci-thm{width:38px;height:38px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r); cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;color:var(--ink-2); transition:border-color .22s ease,color .22s ease} .ci-scope .ci-thm:hover{border-color:var(--accent);color:var(--accent)} .ci-scope .ci-thm svg{width:16px;height:16px} .ci-scope .ci-thm .ci-moon{display:none} html[data-theme="dark"] .ci-scope .ci-thm .ci-moon{display:block} html[data-theme="dark"] .ci-scope .ci-thm .ci-sun{display:none} @media (prefers-color-scheme: dark){ html:not([data-theme="light"]) .ci-scope .ci-thm .ci-moon{display:block} html:not([data-theme="light"]) .ci-scope .ci-thm .ci-sun{display:none} } .ci-scope .ci-phero{padding-block:clamp(46px,7vw,86px)} .ci-scope .ci-phero-h{font-size:clamp(2.4rem,5.2vw,4rem);max-width:16ch} .ci-scope .ci-phero-l{margin-top:1.3rem;max-width:62ch} .ci-scope .ci-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:2.2rem} .ci-scope .ci-jump a{display:inline-flex;align-items:baseline;gap:.7em;border:1px solid var(--line-2);background:var(--ground); padding:.6em 1em;border-radius:100px;font-size:.86rem;font-weight:500;color:var(--ink-2); transition:border-color .22s,color .22s,background .22s} .ci-scope .ci-jump a span{font-size:.62rem;letter-spacing:.13em;color:var(--ink-4)} .ci-scope .ci-jump a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)} .ci-scope .ci-jump a:hover span{color:var(--accent)} .ci-scope .ci-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px; background:var(--d-line);border:1px solid var(--d-line);border-radius:var(--r);overflow:hidden} .ci-scope .ci-steps li{background:var(--d-panel);padding:clamp(20px,2.4vw,28px);display:flex;flex-direction:column;gap:.55rem; transition:background .3s ease} .ci-scope .ci-steps li:hover{background:var(--d-hover)} .ci-scope .ci-steps li span{font-size:.68rem;letter-spacing:.16em;color:var(--current)} .ci-scope .ci-steps li b{font-family:var(--disp);font-stretch:118%;font-size:1.08rem;color:var(--d-hi);letter-spacing:-.008em} .ci-scope .ci-steps li em{font-style:normal;font-size:.87rem;color:var(--d-tx-2);line-height:1.55} @media (max-width:900px){ .ci-scope .ci-steps{grid-template-columns:1fr 1fr} } @media (max-width:600px){ .ci-scope .ci-steps{grid-template-columns:1fr} } .ci-scope .ci-acc{border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r);overflow:hidden} .ci-scope .ci-acc details{border-bottom:1px solid var(--line)} .ci-scope .ci-acc details:last-child{border-bottom:0} .ci-scope .ci-acc summary{list-style:none;cursor:pointer;padding:18px clamp(18px,2.4vw,28px);display:flex;align-items:baseline; gap:1em;flex-wrap:wrap;position:relative;transition:background .25s ease} .ci-scope .ci-acc summary::-webkit-details-marker{display:none} .ci-scope .ci-acc summary::after{content:"";position:absolute;right:clamp(18px,2.4vw,28px);top:50%;width:11px;height:11px; border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3); transform:translateY(-70%) rotate(45deg);transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .25s} .ci-scope .ci-acc details[open] summary::after{transform:translateY(-20%) rotate(-135deg);border-color:var(--accent)} .ci-scope .ci-acc summary:hover{background:var(--panel)} .ci-scope .ci-acc summary b{font-family:var(--disp);font-stretch:118%;font-size:1.12rem;font-weight:700;letter-spacing:-.008em;padding-right:34px} .ci-scope .ci-acc summary em{font-style:normal;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em; text-transform:uppercase;color:var(--ink-4)} .ci-scope .ci-acc-in{padding:0 clamp(18px,2.4vw,28px) 24px;max-width:74ch; animation:accIn .4s cubic-bezier(.2,.7,.2,1)} @keyframes accIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.ci-scope .ci-acc-in p{font-size:.94rem;color:var(--ink-2)} .ci-scope .ci-acc-in .ci-tick{margin-top:1rem} .ci-scope .ci-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px; background:var(--line);border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden} .ci-scope .ci-m{background:var(--surface);padding:18px;display:flex;flex-direction:column;gap:.4rem; transition:background .28s ease} .ci-scope .ci-m:hover{background:var(--accent-soft)} .ci-scope .ci-m span{font-size:.68rem;letter-spacing:.14em;color:var(--accent);font-weight:600} .ci-scope .ci-m b{font-size:.98rem;font-weight:600} .ci-scope .ci-m em{font-style:normal;font-size:.83rem;color:var(--ink-3);line-height:1.5} .ci-scope .ci-shot{display:block;position:relative;aspect-ratio:16/7;border:1px solid var(--line);border-radius:var(--r); background:var(--ground-deep);overflow:hidden;margin-bottom:.35rem} .ci-scope .ci-shot img{width:100%;height:100%;object-fit:cover;display:block} .ci-scope .ci-shot .ci-shot-ph{display:none;position:absolute;left:50%;top:50%;width:34px;height:34px; transform:translate(-50%,-50%);color:var(--ink-4);opacity:.55} .ci-scope .ci-shot[data-fail="1"] img{display:none} .ci-scope .ci-shot[data-fail="1"] .ci-shot-ph{display:block} .ci-scope .ci-qpanel{border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r); padding:clamp(22px,3vw,32px);display:flex;flex-direction:column;gap:1rem} .ci-scope .ci-qlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--line); border:1px solid var(--line);border-radius:var(--r);overflow:hidden} .ci-scope .ci-qlist li{background:var(--panel);padding:11px 14px;display:flex;align-items:center;gap:12px;font-size:.9rem} .ci-scope .ci-qlist li b{font-weight:500;flex:1} .ci-scope .ci-qlist li button{border:0;background:transparent;color:var(--ink-4);cursor:pointer;font-size:1.05rem;line-height:1;padding:2px 6px} .ci-scope .ci-qlist li button:hover{color:var(--oxide)} .ci-scope .ci-qempty{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);margin:0} .ci-scope .ci-crit{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0; border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r);overflow:hidden} .ci-scope .ci-crit-ctl{padding:clamp(24px,3vw,38px);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:1.1rem} .ci-scope .ci-crit-read{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap} .ci-scope .ci-crit-v{font-family:var(--disp);font-stretch:118%;font-weight:800;font-size:clamp(2.6rem,6vw,4.2rem); line-height:.9;letter-spacing:-.035em;color:var(--ink);font-variant-numeric:tabular-nums} .ci-scope .ci-crit-u{font-family:var(--mono);font-size:1rem;color:var(--ink-3)} .ci-scope .ci-crit-u sub{font-size:.62em} .ci-scope .ci-crit-state{margin-left:auto;font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase; padding:.5em .85em;border-radius:100px;border:1px solid currentColor;white-space:nowrap;align-self:center} .ci-scope .ci-crit-state[data-s="ok"]{color:#0a7d5a} .ci-scope .ci-crit-state[data-s="over"]{color:var(--accent)} .ci-scope .ci-crit-state[data-s="low"]{color:#a06a10} .ci-scope .ci-crit-state[data-s="bad"]{color:var(--oxide)} html[data-theme="dark"] .ci-scope .ci-crit-state[data-s="ok"]{color:#4bd4a4} html[data-theme="dark"] .ci-scope .ci-crit-state[data-s="low"]{color:#e0b45c} @media (prefers-color-scheme:dark){ html:not([data-theme="light"]) .ci-scope .ci-crit-state[data-s="ok"]{color:#4bd4a4} html:not([data-theme="light"]) .ci-scope .ci-crit-state[data-s="low"]{color:#e0b45c} } .ci-scope .ci-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .ci-scope .ci-crit-slider{display:block;position:relative} .ci-scope #ci-critRange{-webkit-appearance:none;appearance:none;width:100%;height:34px;background:transparent;cursor:ew-resize;padding:0;border:0} .ci-scope #ci-critRange::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--track,var(--line))} .ci-scope #ci-critRange::-moz-range-track{height:6px;border-radius:3px;background:var(--track,var(--line))} .ci-scope #ci-critRange::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%; background:var(--surface);border:2px solid var(--ink);box-shadow:0 2px 8px rgba(var(--shadow),.35)} .ci-scope #ci-critRange::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--surface); border:2px solid var(--ink);box-shadow:0 2px 8px rgba(var(--shadow),.35)} .ci-scope #ci-critRange:focus-visible::-webkit-slider-thumb{border-color:var(--accent)} .ci-scope .ci-crit-scale{display:flex;justify-content:space-between;font-size:.64rem;color:var(--ink-4);letter-spacing:.04em;margin-top:-.6rem} .ci-scope .ci-crit-zones{display:grid;grid-template-columns:23% 32% 25% 20%;gap:1px;background:var(--line); border:1px solid var(--line);border-radius:var(--r);overflow:hidden} .ci-scope .ci-crit-zones i{background:var(--panel);padding:9px 10px;font-style:normal;display:flex;flex-direction:column;gap:.2rem; transition:background .3s ease} .ci-scope .ci-crit-zones i b{font-family:var(--mono);font-size:.585rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-weight:500} .ci-scope .ci-crit-zones i em{font-style:normal;font-size:.68rem;color:var(--ink-4);line-height:1.35} .ci-scope .ci-crit-zones i[data-on="1"]{background:var(--accent-soft)} .ci-scope .ci-crit-zones i[data-on="1"] b{color:var(--accent)} .ci-scope .ci-crit-zones[data-z="bad"] i[data-on="1"]{background:color-mix(in srgb,var(--oxide) 12%,var(--surface))} .ci-scope .ci-crit-zones[data-z="bad"] i[data-on="1"] b{color:var(--oxide)} .ci-scope .ci-crit-zones[data-z="low"] i[data-on="1"]{background:color-mix(in srgb,#c2870f 14%,var(--surface))} .ci-scope .ci-crit-zones[data-z="low"] i[data-on="1"] b{color:#8a5f08} html[data-theme="dark"] .ci-scope .ci-crit-zones[data-z="low"] i[data-on="1"] b{color:#e0b45c} @media (prefers-color-scheme:dark){ html:not([data-theme="light"]) .ci-scope .ci-crit-zones[data-z="low"] i[data-on="1"] b{color:#e0b45c} } .ci-scope .ci-crit-note{font-size:.9rem;color:var(--ink-2);margin:0;min-height:3.2em} .ci-scope .ci-crit-fig{margin:0;padding:clamp(24px,3vw,38px);display:flex;flex-direction:column;gap:1rem;background:var(--panel)} .ci-scope .ci-crit-fig figcaption{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)} .ci-scope #ci-critSvg{width:100%;height:auto} .ci-scope #ci-critSvg .ci-w-fill{fill:var(--ground-deep)} .ci-scope #ci-critSvg .ci-w-line{fill:none;stroke:var(--ink);stroke-width:1.4} .ci-scope #ci-critSvg .ci-w-hi{stroke:var(--surface);stroke-width:2;opacity:.7} .ci-scope #ci-critSvg .ci-w-dim line{stroke:var(--ink-4);stroke-width:1} .ci-scope #ci-critSvg .ci-w-dim text{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;fill:var(--ink-4)} .ci-scope #ci-critSvg .ci-pit{fill:var(--oxide)} .ci-scope #ci-critSvg .ci-cur{stroke:var(--current);stroke-width:1.4;fill:none;stroke-linecap:round} .ci-scope .ci-crit-legend{font-size:.64rem;letter-spacing:.05em;color:var(--ink-4);margin:0;line-height:1.5} @media (max-width:900px){ .ci-scope .ci-crit{grid-template-columns:1fr} .ci-scope .ci-crit-ctl{border-right:0;border-bottom:1px solid var(--line)} .ci-scope .ci-crit-zones{grid-template-columns:1fr 1fr} } .ci-scope .ci-crit-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line); border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:.4rem 0 0} .ci-scope .ci-crit-spec div{background:var(--surface);padding:11px 12px} .ci-scope .ci-crit-spec dt{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-bottom:.35rem} .ci-scope .ci-crit-spec dd{margin:0;font-size:.82rem;color:var(--ink-2);line-height:1.4} .ci-scope .ci-crit-fig{justify-content:flex-start} @media (max-width:520px){ .ci-scope .ci-crit-spec{grid-template-columns:1fr} }