:root{--bg:#f6f7f9;--panel:#fff;--text:#15171a;--muted:#69717d;--line:#e4e7eb;--blue:#0d5ca8;--blue2:#1789cf;--red:#e32720;--shadow:0 12px 40px rgba(15,25,40,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;background:#111316;color:#fff;padding:24px 18px;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:10}
.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 25px}.brand-logo{width:58px;height:42px;display:flex;align-items:center;justify-content:center;flex:none}.brand-logo img{max-width:58px;max-height:42px;width:auto;height:auto;object-fit:contain}.mobile-logo{width:39px;height:30px}.mobile-logo img{max-width:39px;max-height:30px}.logo-mark::first-letter{font-size:19px}.brand-name{font-size:15px;font-weight:900;letter-spacing:1px}.brand-sub{font-size:11px;letter-spacing:2px;color:#aeb5bf}
.new-chat{border:1px solid #3b4149;background:#1b1f24;color:#fff;border-radius:11px;padding:12px 14px;text-align:left;font-weight:700;cursor:pointer}.new-chat:hover{background:#242a31}.sidebar nav{display:grid;gap:5px;margin-top:24px}.sidebar nav a{color:#bfc5cd;text-decoration:none;padding:11px 12px;border-radius:9px}.sidebar nav a:hover{background:#1c2026;color:#fff}.sidebar-bottom{margin-top:auto;color:#9ba3ad;font-size:12px;display:flex;align-items:center;gap:8px;padding:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:#33c47a;box-shadow:0 0 0 4px rgba(51,196,122,.12)}
.main{margin-left:255px;width:calc(100% - 255px)}.topbar{height:64px;background:rgba(246,247,249,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:8}.model-pill{font-weight:800}.model-pill span{color:var(--muted);font-weight:500;margin-left:8px}.top-actions a{color:var(--muted);text-decoration:none;font-size:13px}.mobile-brand{display:none}
.hero{background:radial-gradient(circle at 75% 10%,rgba(23,137,207,.18),transparent 28%),linear-gradient(135deg,#fff 0%,#f4f8fc 100%);border-bottom:1px solid var(--line)}.hero-inner{max-width:1050px;margin:auto;padding:80px 34px 55px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.6px;color:var(--blue);margin-bottom:14px}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-3px;margin:0 0 22px;font-weight:900}.hero h1 span{color:var(--blue)}.hero-copy{max-width:650px;color:#626b76;font-size:17px;line-height:1.65}.suggestions{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.suggestions button,.ask-btn{background:#fff;border:1px solid #dce1e6;border-radius:999px;padding:10px 14px;color:#29313a;cursor:pointer;font-weight:650}.suggestions button:hover,.ask-btn:hover{border-color:#a9b9ca;box-shadow:var(--shadow)}
.chat-area{max-width:1050px;margin:auto;padding:25px 34px 45px}.message{display:flex;gap:12px;margin:16px 0}.avatar{width:34px;height:34px;border-radius:10px;background:#111316;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;flex:none}.message.user .avatar{background:var(--blue)}.bubble{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px;max-width:850px;line-height:1.6;box-shadow:0 5px 20px rgba(20,30,40,.04);white-space:pre-wrap}.message.user .bubble{background:#eef6ff}.composer-wrap{margin-top:18px}.composer{background:#fff;border:1px solid #cfd6de;border-radius:16px;display:flex;align-items:flex-end;padding:9px 10px 9px 16px;box-shadow:0 10px 35px rgba(20,30,40,.08)}textarea{border:0;outline:0;resize:none;width:100%;font:inherit;font-size:15px;line-height:1.5;max-height:140px}.composer button{width:39px;height:39px;border:0;border-radius:11px;background:#111316;color:#fff;font-size:22px;cursor:pointer}.composer-note{text-align:center;font-size:11px;color:#8a929c;margin-top:10px}
.section{max-width:1050px;margin:auto;padding:70px 34px}.section-head{margin-bottom:28px}.section h2{font-size:34px;letter-spacing:-1.3px;margin:0}.section-head p{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 7px 25px rgba(15,25,40,.05);display:flex;flex-direction:column}.product-img{background:#edf1f5;height:210px;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover img{transform:scale(1.03)}.product-body{padding:19px}.product-cat{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-weight:800}.product-body h3{margin:7px 0 9px;font-size:21px;letter-spacing:-.4px}.tag{display:inline-block;font-size:11px;font-weight:800;background:#edf7ff;color:#0b65a8;border-radius:999px;padding:5px 8px}.product-body p{color:#69727d;line-height:1.55;font-size:13px;min-height:82px}.card-actions{display:flex;align-items:center;gap:10px}.ask-btn{font-size:12px}.download{font-size:12px;color:var(--blue);text-decoration:none;font-weight:800}.catalogue-section{max-width:none;background:#111316;color:#fff;padding-left:max(34px,calc((100% - 1050px)/2 + 34px));padding-right:max(34px,calc((100% - 1050px)/2 + 34px))}.catalogue-section .eyebrow{color:#6fc5ff}.catalogue-section p{color:#aab1ba}.catalogue-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalogue-row{display:flex;align-items:center;gap:13px;background:#1a1e23;border:1px solid #30353d;color:#fff;text-decoration:none;border-radius:13px;padding:13px 15px}.catalogue-row:hover{background:#20252c}.pdf-icon{font-size:9px;font-weight:900;background:#e22b24;padding:7px 6px;border-radius:6px}.catalogue-row span:nth-child(2){display:flex;flex-direction:column;flex:1}.catalogue-row small{color:#9098a3;margin-top:3px;font-size:10px}.download-icon{font-size:20px;color:#9aa3ad}.about-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.about-panel h2{font-size:35px;letter-spacing:-1.4px;margin:0 0 16px}.about-panel p{color:#68717c;line-height:1.7}.contact-box{border-left:1px solid var(--line);padding-left:30px;display:flex;flex-direction:column;gap:10px;color:#626b75;font-size:14px}.contact-box b{color:#111;font-size:18px}.contact-box a{color:var(--blue);text-decoration:none;font-weight:800;margin-top:8px}footer{border-top:1px solid var(--line);text-align:center;color:#8a929c;font-size:11px;padding:25px}
@media(max-width:900px){.sidebar{display:none}.main{margin-left:0;width:100%}.topbar{padding:0 17px}.mobile-brand{display:flex;align-items:center;gap:9px}.logo-mark.small{width:37px;height:28px;font-size:15px}.model-pill{display:none}.top-actions{font-size:11px}.hero-inner,.chat-area,.section{padding-left:18px;padding-right:18px}.hero-inner{padding-top:55px}.hero h1{letter-spacing:-2px}.product-grid{grid-template-columns:1fr 1fr}.catalogue-list{grid-template-columns:1fr}.about-panel{grid-template-columns:1fr}.contact-box{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:25px}}
@media(max-width:600px){.product-grid{grid-template-columns:1fr}.product-img{height:230px}.hero h1{font-size:42px}.suggestions button{font-size:11px}.section h2{font-size:29px}.about-panel{padding:24px}}

.projects-section{max-width:1180px}
.project-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}
.project-controls{min-width:420px}
.project-controls input{width:100%;padding:12px 15px;border:1px solid var(--line);border-radius:11px;outline:0;background:#fff;font:inherit}
.project-controls input:focus{border-color:#9db8d0;box-shadow:0 0 0 3px rgba(13,92,168,.08)}
.filter-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.filter-pills button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:750;color:#5e6873;cursor:pointer}
.filter-pills button.active,.filter-pills button:hover{background:#111316;color:#fff;border-color:#111316}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.project-card{background:#fff;border:1px solid var(--line);border-radius:15px;min-height:300px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.project-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(15,25,40,.09)}
.project-photo-wrap{height:155px;background:#f3f5f7;position:relative;overflow:hidden}.project-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block}.photo-tag{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.72);color:#fff;font-size:8px;font-weight:800;letter-spacing:.8px;padding:5px 7px;border-radius:5px}.project-logo-wrap{height:92px;background:#fafbfc;border-bottom:1px solid #edf0f3;display:grid;place-items:center;position:relative}.project-logo-wrap.compact-logo{height:58px}.project-logo-wrap.compact-logo img{max-height:38px}
.project-logo-wrap img{max-width:74px;max-height:55px;width:auto;height:auto;object-fit:contain}
.logo-fallback{display:none;width:54px;height:54px;border-radius:12px;background:#111316;color:#fff;place-items:center;font-weight:900;letter-spacing:-1px}
.project-content{padding:13px 15px 15px}.project-meta{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#818a95;font-weight:800;display:flex;gap:5px;align-items:center}
.project-content h3{font-size:16px;line-height:1.18;margin:7px 0 6px;letter-spacing:-.25px}.project-products{font-size:9px;line-height:1.4;color:#5d6975;margin:0 0 6px}.project-note{font-size:10px;line-height:1.4;color:#707985;margin:0 0 7px}.project-source{font-size:9px;color:#a0a7af;margin-top:auto;padding-top:6px}.photo-source{display:inline-block;margin-top:5px;font-size:9px;color:#1769aa;text-decoration:none}.photo-source:hover{text-decoration:underline}.project-empty{display:none;text-align:center;padding:45px;color:#808894}.project-disclaimer{font-size:10px;color:#9098a2;line-height:1.5;margin-top:18px;max-width:850px}
@media(max-width:1050px){.project-grid{grid-template-columns:repeat(2,1fr)}.project-head{display:block}.project-controls{min-width:0;margin-top:22px}}
@media(max-width:700px){.project-grid{grid-template-columns:1fr}}
@media(max-width:500px){.project-grid{grid-template-columns:1fr}.project-card{min-height:195px}}

.project-hero{padding:54px 6vw 44px;background:linear-gradient(135deg,#0e1115,#20262d);color:#fff}.project-hero .hero-copy{color:#cbd2d9;max-width:720px}.portfolio-stats{display:flex;gap:38px;margin-top:28px}.portfolio-stats div{display:flex;flex-direction:column;gap:3px}.portfolio-stats strong{font-size:25px}.portfolio-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#aeb6bf}.dedicated-projects{padding-top:42px}.portfolio-privacy{margin-top:25px;padding:17px 19px;border:1px solid #e6e9ed;background:#f8fafb;border-radius:12px;font-size:11px;line-height:1.55;color:#5f6974}.portfolio-privacy strong{color:#20262d}

.certifications{max-width:none;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-left:max(34px,calc((100% - 1050px)/2 + 34px));padding-right:max(34px,calc((100% - 1050px)/2 + 34px))}.cert-head{display:flex;align-items:center;justify-content:space-between;gap:30px}.ul-fm-mark{width:190px;height:auto;object-fit:contain;border:1px solid #e6e9ed;border-radius:10px;padding:10px;background:#fff}.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.cert-card{display:flex;align-items:center;gap:13px;text-decoration:none;color:#15171a;background:#f8fafc;border:1px solid #e1e6eb;border-radius:13px;padding:13px 14px;transition:.18s}.cert-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(15,25,40,.07);border-color:#c9d5e0}.cert-card>div:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.cert-card b{font-size:13px}.cert-card small{font-size:10px;color:#6c7580;line-height:1.35}.cert-card>span{font-size:16px;color:#7a848f}.cert-mark{width:54px;height:48px;border-radius:8px;display:grid;place-items:center;flex:none;overflow:hidden;background:#fff}.cert-mark img{max-width:54px;max-height:48px;width:auto;height:auto;object-fit:contain}.cert-mark.iso{background:#edf4fa;color:#0d5ca8}.cert-mark.bis{background:#f2f2f2;color:#222;border:1px solid #c9c9c9}.featured-cert{background:#f4f9fd;border-color:#b9d0e2}.cert-disclaimer{font-size:10px;line-height:1.55;color:#7f8892;margin-top:17px;max-width:900px}.cert-disclaimer strong{color:#343b43}@media(max-width:700px){.cert-head{display:block}.ul-fm-mark{width:160px;margin-top:15px}.cert-grid{grid-template-columns:1fr}}
/* Product browser */
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-link{white-space:nowrap;color:var(--blue);font-size:13px;font-weight:800;text-decoration:none}.as-link{display:inline-flex;align-items:center;text-decoration:none}.product-hero{background:linear-gradient(180deg,#eef4fa 0%,#f7f9fb 100%)}.mini-approval{display:flex;align-items:center;gap:8px;margin:10px 0 2px;font-size:10px;font-weight:800;color:#6a7380}.mini-approval img{width:44px;height:31px;object-fit:contain}.detail-grid{display:grid;grid-template-columns:420px 1fr;gap:48px;align-items:center}.detail-image{height:360px;border-radius:22px;overflow:hidden;background:#edf1f5;border:1px solid var(--line);box-shadow:0 12px 35px rgba(15,25,40,.07)}.detail-image img{width:100%;height:100%;object-fit:cover}.product-detail-head h1{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:10px 0 15px}.detail-description{font-size:15px;line-height:1.7;color:#65707c;max-width:720px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;text-decoration:none;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:800}.primary-btn{background:#111;color:#fff}.secondary-btn{border:1px solid var(--line);color:#111;background:#fff}.valve-fm-panel{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid #dfe5ea;border-radius:15px;padding:14px;margin-top:22px;max-width:700px}.valve-fm-logo{width:75px;height:62px;display:grid;place-items:center;background:#fff;flex:none}.valve-fm-logo img{max-width:72px;max-height:60px}.valve-fm-panel strong{font-size:13px}.valve-fm-panel p{margin:5px 0 0;color:#69737e;font-size:11px;line-height:1.5}.catalogue-search{width:320px;max-width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:#fff;outline:none}.browser-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.pdf-frame{height:720px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#eef1f4}.pdf-frame iframe{width:100%;height:100%;border:0}.text-browser{height:720px;border:1px solid var(--line);border-radius:16px;overflow:auto;background:#111316;color:#dfe5ea}.search-count{position:sticky;top:0;background:#1a1e23;color:#9ba5af;font-size:11px;font-weight:800;padding:11px 14px;border-bottom:1px solid #30353d}.text-browser pre{white-space:pre-wrap;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;padding:16px;margin:0}.browser-note{padding-top:0}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr;gap:24px}.detail-image{height:300px}.product-detail-head h1{font-size:40px}.browser-grid{grid-template-columns:1fr}.pdf-frame,.text-browser{height:600px}.section-head{align-items:flex-start;flex-direction:column}.catalogue-search{width:100%}}
.subproduct-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.subproduct-card{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.subproduct-number{font-size:12px;font-weight:900;color:#7e8994;letter-spacing:1px}.subproduct-card h3{margin:0 0 7px;font-size:17px}.subproduct-card p{margin:0;color:#6d7782;font-size:12px;line-height:1.55}@media(max-width:800px){.subproduct-grid{grid-template-columns:1fr}}