.material-intelligence-module__DCzqpG__shell{color:#172033;background:#f6f3ed;min-height:100vh;font-family:Inter,system-ui,sans-serif}.material-intelligence-module__DCzqpG__topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f3edf5;border-bottom:1px solid #1720331f;justify-content:space-between;gap:20px;padding:17px 5vw;display:flex;position:sticky;top:0}.material-intelligence-module__DCzqpG__topbar a{color:inherit;align-items:center;gap:7px;font-size:12px;text-decoration:none;display:inline-flex}.material-intelligence-module__DCzqpG__topbar>span{color:#746a5d;font-family:Georgia,serif}.material-intelligence-module__DCzqpG__hero{background:radial-gradient(circle at 80% 0,#899c8129,#0000 36%);border-bottom:1px solid #1720331a;padding:84px 7vw 56px}.material-intelligence-module__DCzqpG__hero>span,.material-intelligence-module__DCzqpG__sectionHead small,.material-intelligence-module__DCzqpG__substitution small{letter-spacing:.15em;text-transform:uppercase;color:#8a6d50;font-size:10px}.material-intelligence-module__DCzqpG__hero h1{letter-spacing:-.035em;max-width:1000px;margin:18px 0;font-family:Georgia,serif;font-size:clamp(48px,7vw,92px);font-weight:400;line-height:.96}.material-intelligence-module__DCzqpG__hero h1 em{color:#7c6a55;font-weight:400}.material-intelligence-module__DCzqpG__hero>p{color:#59616c;max-width:820px;font-size:17px;line-height:1.7}.material-intelligence-module__DCzqpG__principles{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.material-intelligence-module__DCzqpG__principles span{background:#ffffff8c;border:1px solid #1720331f;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:inline-flex}.material-intelligence-module__DCzqpG__filters{background:#ece8e0;border-bottom:1px solid #1720331a;grid-template-columns:1.4fr repeat(3,.6fr);gap:10px;padding:20px 7vw;display:grid}.material-intelligence-module__DCzqpG__filters label{background:#fff;border:1px solid #1720331f;border-radius:11px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;display:flex}.material-intelligence-module__DCzqpG__filters input,.material-intelligence-module__DCzqpG__filters select,.material-intelligence-module__DCzqpG__compareSelectors select{width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:0}.material-intelligence-module__DCzqpG__library,.material-intelligence-module__DCzqpG__compare{padding:56px 7vw 76px}.material-intelligence-module__DCzqpG__sectionHead{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.material-intelligence-module__DCzqpG__sectionHead h2{margin:6px 0 0;font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);font-weight:400}.material-intelligence-module__DCzqpG__sectionHead p{color:#646b76;max-width:560px;margin:0;line-height:1.6}.material-intelligence-module__DCzqpG__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.material-intelligence-module__DCzqpG__card{background:#fff;border:1px solid #1720331f;border-radius:17px;flex-direction:column;gap:13px;min-width:0;padding:21px;display:flex}.material-intelligence-module__DCzqpG__cardTop{text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;gap:10px;font-size:10px;display:flex}.material-intelligence-module__DCzqpG__cardTop b{background:#f1eee8;border-radius:999px;padding:5px 8px}.material-intelligence-module__DCzqpG__cardTop b[data-state=supported],.material-intelligence-module__DCzqpG__impactMatrix b[data-state=supported]{color:#42654a}.material-intelligence-module__DCzqpG__cardTop b[data-state=limited],.material-intelligence-module__DCzqpG__impactMatrix b[data-state=limited]{color:#8a6339}.material-intelligence-module__DCzqpG__cardTop b[data-state=unknown],.material-intelligence-module__DCzqpG__impactMatrix b[data-state=unknown]{color:#7a6e62}.material-intelligence-module__DCzqpG__card h3,.material-intelligence-module__DCzqpG__compareGrid h3,.material-intelligence-module__DCzqpG__substitution h2{font-family:Georgia,serif;font-weight:400}.material-intelligence-module__DCzqpG__card h3{margin:0;font-size:25px;line-height:1.12}.material-intelligence-module__DCzqpG__card>p{color:#626873;margin:0;font-size:13px;line-height:1.6}.material-intelligence-module__DCzqpG__chips{flex-wrap:wrap;gap:6px;display:flex}.material-intelligence-module__DCzqpG__chips span{border:1px solid #1720331a;border-radius:999px;padding:5px 8px;font-size:10px}.material-intelligence-module__DCzqpG__card dl{gap:9px;margin:0;display:grid}.material-intelligence-module__DCzqpG__card dl div{gap:3px;display:grid}.material-intelligence-module__DCzqpG__card dt{text-transform:uppercase;letter-spacing:.1em;color:#8a6d50;font-size:9px}.material-intelligence-module__DCzqpG__card dd{color:#5d6570;margin:0;font-size:12px;line-height:1.5}.material-intelligence-module__DCzqpG__impactMatrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.material-intelligence-module__DCzqpG__impactMatrix>div{border-top:1px solid #17203314;justify-content:space-between;gap:8px;padding-top:7px;font-size:10px;display:flex}.material-intelligence-module__DCzqpG__impactMatrix span{text-transform:capitalize;color:#6a707b}.material-intelligence-module__DCzqpG__impactMatrix b{font-weight:600}.material-intelligence-module__DCzqpG__card footer{border-top:1px solid #17203314;gap:9px;margin-top:auto;padding-top:12px;display:grid}.material-intelligence-module__DCzqpG__card footer button{color:#fff;cursor:pointer;background:#172033;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;display:flex}.material-intelligence-module__DCzqpG__card footer code{overflow-wrap:anywhere;color:#8a8f97;font-size:9px}.material-intelligence-module__DCzqpG__empty{text-align:center;color:#747a84;border:1px dashed #1720332e;border-radius:16px;padding:40px}.material-intelligence-module__DCzqpG__compare{color:#f7f2e9;background:#172033}.material-intelligence-module__DCzqpG__compare .material-intelligence-module__DCzqpG__sectionHead p{color:#c7cad1}.material-intelligence-module__DCzqpG__compareSelectors{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.material-intelligence-module__DCzqpG__compareSelectors label{background:#ffffff0a;border:1px solid #ffffff26;border-radius:12px;gap:7px;padding:12px;display:grid}.material-intelligence-module__DCzqpG__compareSelectors span{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.material-intelligence-module__DCzqpG__compareSelectors select{color:#f7f2e9}.material-intelligence-module__DCzqpG__compareSelectors option{color:#172033}.material-intelligence-module__DCzqpG__compareGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.material-intelligence-module__DCzqpG__compareGrid article{background:#ffffff09;border:1px solid #ffffff26;border-radius:17px;padding:22px}.material-intelligence-module__DCzqpG__compareGrid h3{margin:0 0 18px;font-size:28px}.material-intelligence-module__DCzqpG__compareGrid h4{letter-spacing:.1em;text-transform:uppercase;color:#d6c3a7;margin:22px 0 8px;font-size:10px}.material-intelligence-module__DCzqpG__compareGrid ul{color:#c7cad1;margin:0;padding-left:18px;font-size:12px;line-height:1.6}.material-intelligence-module__DCzqpG__compareGrid .material-intelligence-module__DCzqpG__impactMatrix>div{border-color:#ffffff1a}.material-intelligence-module__DCzqpG__compareGrid .material-intelligence-module__DCzqpG__impactMatrix span{color:#bfc3cc}.material-intelligence-module__DCzqpG__substitution{background:#e9e5dc;grid-template-columns:.8fr 1.2fr;gap:40px;padding:58px 7vw;display:grid}.material-intelligence-module__DCzqpG__substitution h2{margin:8px 0;font-size:36px}.material-intelligence-module__DCzqpG__substitution p{color:#626873;line-height:1.65}.material-intelligence-module__DCzqpG__substitutionList{align-content:start;gap:9px;display:grid}.material-intelligence-module__DCzqpG__substitutionList button{text-align:left;cursor:pointer;background:#fff;border:1px solid #1720331f;border-radius:12px;justify-content:space-between;gap:20px;padding:14px;display:flex}.material-intelligence-module__DCzqpG__substitutionList button span{font-weight:600}.material-intelligence-module__DCzqpG__substitutionList button small{color:#7b6b56}.material-intelligence-module__DCzqpG__footer{border-top:1px solid #1720331a;justify-content:space-between;gap:20px;padding:22px 7vw;font-size:11px;display:flex}.material-intelligence-module__DCzqpG__footer a{color:inherit;text-decoration:none}.material-intelligence-module__DCzqpG__topbar a:focus-visible,.material-intelligence-module__DCzqpG__filters input:focus-visible,.material-intelligence-module__DCzqpG__filters select:focus-visible,.material-intelligence-module__DCzqpG__card footer button:focus-visible,.material-intelligence-module__DCzqpG__compareSelectors select:focus-visible,.material-intelligence-module__DCzqpG__substitutionList button:focus-visible,.material-intelligence-module__DCzqpG__footer a:focus-visible{outline-offset:3px;outline:2px solid}.material-intelligence-module__DCzqpG__srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1050px){.material-intelligence-module__DCzqpG__filters{grid-template-columns:1fr 1fr}.material-intelligence-module__DCzqpG__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-intelligence-module__DCzqpG__topbar>span{display:none}}@media (max-width:680px){.material-intelligence-module__DCzqpG__topbar,.material-intelligence-module__DCzqpG__hero,.material-intelligence-module__DCzqpG__filters,.material-intelligence-module__DCzqpG__library,.material-intelligence-module__DCzqpG__compare,.material-intelligence-module__DCzqpG__substitution,.material-intelligence-module__DCzqpG__footer{padding-left:18px;padding-right:18px}.material-intelligence-module__DCzqpG__filters,.material-intelligence-module__DCzqpG__grid,.material-intelligence-module__DCzqpG__compareSelectors,.material-intelligence-module__DCzqpG__compareGrid,.material-intelligence-module__DCzqpG__substitution{grid-template-columns:1fr}.material-intelligence-module__DCzqpG__sectionHead{display:block}.material-intelligence-module__DCzqpG__sectionHead p{margin-top:12px}.material-intelligence-module__DCzqpG__hero h1{font-size:46px}.material-intelligence-module__DCzqpG__impactMatrix{grid-template-columns:1fr}.material-intelligence-module__DCzqpG__footer{display:grid}}@media (prefers-reduced-motion:reduce){.material-intelligence-module__DCzqpG__shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
