/* FindYourChemical 2.0 — About, FAQs and Contact pages.
   All three inherit the existing catalog header and premium footer. */
.fyc-info-hero{padding:0 0 72px;background:linear-gradient(112deg,#edf8f4 0%,#f8fcfa 61%,#e4f1f0 100%);border-bottom:1px solid #dae8e5}
.fyc-info-hero .fyc-breadcrumbs,.fyc-simple-hero .fyc-breadcrumbs{padding:23px 0 42px}
.fyc-info-hero-layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(315px,.85fr);gap:62px;align-items:center}
.fyc-info-hero h1{font-size:clamp(37px,4.6vw,63px);letter-spacing:-.06em;line-height:1.12;margin:15px 0 24px;max-width:820px;color:#193b44;font-weight:790}
.fyc-info-hero h1 em{font-style:normal;color:#157a71}
.fyc-info-hero-layout>div:first-child>p{font-size:16px;line-height:1.8;color:#57747c;max-width:660px;margin:0}
.fyc-info-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:29px}
.fyc-info-primary,.fyc-info-secondary{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 18px;border-radius:7px;font-size:13px;font-weight:750;text-decoration:none}
.fyc-info-primary{background:#13786f;color:white;border:1px solid #13786f}
.fyc-info-primary:hover{background:#0b6059;color:white;text-decoration:none}
.fyc-info-secondary{border:1px solid #b8d6d0;color:#196a64;background:#fff}
.fyc-info-secondary:hover{background:#edf7f4;text-decoration:none}
.fyc-about-art{background:linear-gradient(145deg,#113540,#1c4b4e);border:1px solid #315c5d;border-radius:18px;padding:30px;min-height:340px;color:#fff;box-shadow:0 20px 55px rgba(21,54,62,.14)}
.fyc-about-art-tag{font-size:10px;letter-spacing:.16em;color:#95cabe;font-weight:800}
.fyc-about-axis{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:27px}
.fyc-about-art-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}
.fyc-about-art-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #7dc6b4;border-radius:50%;color:#d9fff3;font-size:17px;font-weight:800}
.fyc-about-art-node strong{font-size:16px}
.fyc-about-art-node small{font-size:10px;color:#b5d8d2}
.fyc-about-center{height:37px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-left:1px solid #70aa9e;margin:0 auto}
.fyc-about-center span{display:block;width:5px;height:5px;border-radius:50%;background:#90d6c6;transform:translateX(-3px)}
.fyc-about-art>p{font-size:12px;text-align:center;color:#c5e1dd;margin:23px 0 0}
.fyc-info-section{padding:76px 0}
.fyc-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.fyc-story-grid h2,.fyc-info-heading h2{font-size:clamp(28px,3.2vw,41px);letter-spacing:-.045em;line-height:1.2;color:#193b47;margin:15px 0 0}
.fyc-story-copy p{font-size:15px;line-height:1.95;color:#506e78;margin:0 0 17px}
.fyc-audiences-section{background:#f0f6f5;border-top:1px solid #e1ebea;border-bottom:1px solid #e1ebea}
.fyc-info-heading{max-width:780px;margin-bottom:29px}
.fyc-info-heading p{font-size:14px;color:#627c82;margin:12px 0 0}
.fyc-audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.fyc-audience-card{display:flex;flex-direction:column;padding:34px;background:#fff;border:1px solid #dee9e8;border-radius:13px;box-shadow:0 8px 20px rgba(11,48,55,.03)}
.fyc-audience-supplier{border-top:3px solid #f0a453}
.fyc-audience-card:first-child{border-top:3px solid #299184}
.fyc-audience-number{font-size:11px;letter-spacing:.11em;color:#238276;font-weight:800}
.fyc-audience-card h3{font-size:24px;line-height:1.27;letter-spacing:-.035em;color:#1b3f49;margin:15px 0 10px;max-width:450px}
.fyc-audience-card>p{font-size:14px;color:#657e85;line-height:1.75;margin:0 0 14px}
.fyc-audience-card ul{list-style:none;padding:0;display:grid;gap:11px;margin:7px 0 28px}
.fyc-audience-card li{position:relative;padding-left:23px;font-size:13px;color:#516d75;line-height:1.6}
.fyc-audience-card li:before{content:"✓";position:absolute;left:0;color:#188075;font-weight:850}
.fyc-audience-card>a{margin-top:auto;color:#13766c;font-size:13px;font-weight:760}
.fyc-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fyc-benefits-grid>div{border-top:2px solid #94cfc2;padding:18px 5px 0 0}
.fyc-benefits-grid span{font-size:11px;letter-spacing:.1em;color:#248475;font-weight:800}
.fyc-benefits-grid h3{font-size:18px;line-height:1.34;color:#24434b;margin:16px 0 9px}
.fyc-benefits-grid p{font-size:13px;line-height:1.75;color:#69818a;margin:0}
.fyc-about-cta{padding:46px 0;background:#e9f5f1;border-top:1px solid #d7ebe4}
.fyc-about-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.fyc-about-cta h2{max-width:800px;font-size:clamp(25px,3vw,34px);letter-spacing:-.035em;line-height:1.25;margin:11px 0}
.fyc-about-cta p{margin:0;color:#668087;font-size:14px}
.fyc-about-cta a{flex-shrink:0;padding:14px 20px;background:#14776e;color:#fff;border-radius:8px;font-size:13px;font-weight:760}
.fyc-about-cta a:hover{background:#0a5d55;text-decoration:none}
.fyc-simple-hero{background:linear-gradient(110deg,#ecf7f4,#f7fbfa 75%);border-bottom:1px solid #d9e9e4;padding:0 0 48px}
.fyc-simple-hero h1{font-size:clamp(38px,4.8vw,60px);line-height:1.12;letter-spacing:-.055em;color:#173a44;margin:15px 0 15px}
.fyc-simple-hero>div>p{color:#5c7980;max-width:740px;font-size:16px;line-height:1.7;margin:0}
.fyc-faq-jump{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.fyc-faq-jump a{display:inline-flex;align-items:center;gap:10px;padding:10px 13px;background:white;border:1px solid #cce3dd;border-radius:7px;color:#256f68;font-size:12px;font-weight:690}
.fyc-faq-jump a:hover{background:#e5f4ef;text-decoration:none}
.fyc-faq-section{padding:51px 0 85px}
.fyc-faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px;align-items:start}
.fyc-faq-list{min-width:0}
.fyc-faq-group{margin:0 0 45px;scroll-margin-top:25px}
.fyc-faq-group-heading h2{font-size:25px;letter-spacing:-.035em;margin:9px 0 6px;color:#1a3d46}
.fyc-faq-group-heading p{font-size:13px;color:#71878c;margin:0 0 19px}
.fyc-faq-questions{border:1px solid #dae7e7;border-radius:10px;background:#fff;overflow:hidden}
.fyc-faq-item{border-bottom:1px solid #e4eeee}
.fyc-faq-item:last-child{border-bottom:0}
.fyc-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 23px;font-size:14px;font-weight:700;line-height:1.45;color:#244652}
.fyc-faq-item summary::-webkit-details-marker{display:none}
.fyc-faq-item summary:focus-visible{outline:3px solid #75c7b8;outline-offset:-4px}
.fyc-faq-item[open] summary{color:#166e68}
.fyc-faq-plus{display:grid;place-items:center;width:27px;height:27px;border:1px solid #c9e0db;border-radius:50%;font-size:18px;flex:0 0 27px;color:#237d71;font-weight:400;line-height:1}
.fyc-faq-item[open] .fyc-faq-plus{transform:rotate(45deg);background:#e7f5f0}
.fyc-faq-answer{padding:0 55px 21px 23px;font-size:13px;color:#59737b;line-height:1.85}
.fyc-faq-sidebar{position:sticky;top:20px;display:grid;gap:13px}
.fyc-faq-help-card{background:#153a45;border-radius:12px;padding:26px;color:#e5f6f2}
.fyc-faq-help-card .fyc-section-kicker{color:#a2ddca}
.fyc-faq-help-card h2{font-size:23px;line-height:1.3;margin:14px 0 11px;letter-spacing:-.03em;color:#fff}
.fyc-faq-help-card p{color:#bdd3d8;font-size:13px;line-height:1.75;margin:0 0 21px}
.fyc-faq-help-card>a:first-of-type{display:flex;justify-content:space-between;background:#f8981e;color:#17313a;border-radius:7px;padding:12px 15px;font-weight:770;font-size:12px}
.fyc-faq-help-card>a:hover{text-decoration:none}
.fyc-faq-help-divider{height:1px;background:#466470;margin:23px 0 16px}
.fyc-faq-help-label{display:block;color:#c2dad9;font-size:12px;margin-bottom:9px}
.fyc-faq-help-link{font-size:12px;font-weight:750;color:#c4f7e9!important}
.fyc-faq-notice{font-size:11px;line-height:1.7;color:#738a90;padding:0 8px}
.fyc-contact-hero{padding-bottom:43px}
.fyc-contact-section{padding:53px 0 80px}
.fyc-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:31px;align-items:start}
.fyc-contact-panel{background:#fff;border:1px solid #dce8e9;border-radius:13px;padding:35px;box-shadow:0 8px 28px rgba(20,67,76,.035);min-width:0}
.fyc-contact-panel-head h2{font-size:28px;letter-spacing:-.04em;margin:10px 0 7px;color:#1f434d}
.fyc-contact-panel-head p{font-size:13px;color:#718a91;margin:0 0 24px}
.fyc-contact-form{display:grid;gap:19px}
.fyc-contact-field{display:grid;gap:7px;min-width:0}
.fyc-contact-field label{font-size:12px;color:#31535c;font-weight:760}
.fyc-contact-field label span,.fyc-contact-consent strong{color:#ad5a40}
.fyc-contact-field input,.fyc-contact-field textarea,.fyc-contact-field select{width:100%;min-width:0;max-width:100%;border:1px solid #cbdfe0;background:#fbfdfd;border-radius:7px;padding:11px 13px;font:inherit;font-size:13px;color:#254750;transition:border-color .12s}
.fyc-contact-field textarea{resize:vertical;line-height:1.7}
.fyc-contact-field :is(input,textarea,select):focus{outline:2px solid #b6e3d9;border-color:#238579}
.fyc-contact-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fyc-contact-consent{display:flex;gap:10px;align-items:flex-start;color:#677f86;font-size:12px;line-height:1.6}
.fyc-contact-consent input{margin-top:4px}
.fyc-contact-submit{font:inherit;cursor:pointer;font-size:13px;border:0;justify-self:start}
.fyc-contact-fineprint{font-size:11px;color:#819198;margin:0;line-height:1.6}
.fyc-contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fyc-contact-errors{background:#fff4ef;border:1px solid #edc4b5;border-radius:8px;color:#914e3e;padding:16px 20px;margin-bottom:23px;font-size:12px}
.fyc-contact-errors ul{padding-left:19px;margin:9px 0 0}
.fyc-contact-errors li{margin:3px 0}
.fyc-contact-success{padding:20px 10px}
.fyc-contact-success-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e4f5ec;color:#156b51;font-size:25px;font-weight:750;margin-bottom:20px}
.fyc-contact-success h2{font-size:25px;letter-spacing:-.035em;margin:0 0 12px}
.fyc-contact-success p{color:#607c83;font-size:14px;line-height:1.8}
.fyc-contact-success a{font-size:13px;font-weight:750}
.fyc-contact-aside{display:grid;gap:19px}
.fyc-contact-direct{background:#153a45;color:#fff;border-radius:12px;padding:28px}
.fyc-contact-direct .fyc-section-kicker{color:#a6dfcf}
.fyc-contact-direct h2{font-size:24px;line-height:1.28;letter-spacing:-.035em;margin:13px 0}
.fyc-contact-direct p{color:#c4d6da;line-height:1.75;font-size:13px;margin:0 0 20px}
.fyc-contact-email{display:flex;gap:8px;align-items:center;overflow-wrap:anywhere;font-size:14px;font-weight:760;color:#ffba70;border-bottom:1px solid #527575;padding-bottom:11px}
.fyc-contact-email:hover{color:#ffd5a2;text-decoration:none}
.fyc-contact-direct-note{display:block;font-size:11px;color:#b4ccd0;margin-top:14px;line-height:1.6}
.fyc-contact-support-links{border:1px solid #dfe9e9;background:#fff;border-radius:12px;padding:25px}
.fyc-contact-support-links>.fyc-section-kicker{display:block;margin-bottom:13px}
.fyc-contact-support-links>a{display:flex;justify-content:space-between;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #e9eeee}
.fyc-contact-support-links>a:last-child{border-bottom:0}
.fyc-contact-support-links>a:hover{text-decoration:none}
.fyc-contact-support-links>a>span:first-child{display:grid;gap:2px}
.fyc-contact-support-links strong{font-size:13px;color:#244b51}
.fyc-contact-support-links small{font-size:11px;color:#7c9195}
@media(max-width:1050px){.fyc-info-hero-layout{gap:26px}.fyc-faq-layout{grid-template-columns:minmax(0,1fr) 280px}.fyc-contact-layout{grid-template-columns:minmax(0,1fr) 295px}}
@media(max-width:860px){.fyc-info-hero-layout{grid-template-columns:1fr}.fyc-about-art{min-height:250px}.fyc-about-axis{flex-direction:row;justify-content:space-around;gap:10px}.fyc-about-center{height:1px;width:44px;flex-direction:row;border:0;border-top:1px solid #70aa9e}.fyc-story-grid{grid-template-columns:1fr;gap:18px}.fyc-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fyc-faq-layout,.fyc-contact-layout{grid-template-columns:1fr}.fyc-faq-sidebar{position:static}.fyc-contact-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.fyc-info-hero,.fyc-info-section{padding-bottom:48px}.fyc-info-section{padding-top:48px}.fyc-info-hero h1{font-size:38px}.fyc-audience-grid,.fyc-benefits-grid,.fyc-contact-aside,.fyc-contact-field-grid{grid-template-columns:1fr}.fyc-audience-card,.fyc-contact-panel{padding:23px}.fyc-simple-hero .fyc-breadcrumbs,.fyc-info-hero .fyc-breadcrumbs{padding-bottom:28px}.fyc-about-cta-inner{flex-direction:column;align-items:flex-start}.fyc-faq-section{padding:34px 0 54px}.fyc-faq-item summary{padding:17px 15px;font-size:13px}.fyc-faq-answer{padding:0 15px 19px;font-size:12px}.fyc-faq-jump{gap:7px}}
