:root{--ink:#302522;--coffee:#4a3430;--rose:#895f5c;--rose-light:#ead8d2;--ivory:#f6f0e7;--paper:#fffdf9;--line:#e6ddd2;--muted:#7e716c;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:15px/1.55 var(--sans)}a{color:inherit}.app-shell{min-height:100vh;padding-left:248px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#2d201e;color:#f8f1e8;padding:31px 24px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-weight:700;letter-spacing:.12em;line-height:1.03;font-size:15px}.brand em{font:italic 15px var(--serif);letter-spacing:.08em}.brand-mark{height:35px;width:35px;border:1px solid #c39a91;border-radius:50%;display:grid;place-items:center;font:600 22px var(--serif);color:#e7cec5}.sidebar-label,.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#a99791}.sidebar-label{margin:58px 0 17px}.nav-link{color:#ddcfca;text-decoration:none;padding:11px 10px;border-radius:9px;margin:2px 0;display:flex;gap:13px;align-items:center;transition:.2s}.nav-link span{font-size:10px;color:#9f8580}.nav-link:hover,.nav-link.active{background:#493430;color:#fff}.nav-link.active span{color:#e3bbb1}.sidebar-foot{margin-top:auto;border-top:1px solid #513c37;padding:20px 2px;color:#d5c4bd;font-size:12px}.sidebar-foot small{color:#99847e}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bd8c83;margin-right:7px}main{max-width:1450px;margin:auto;padding:46px 58px 70px}.page-header{max-width:820px;margin-bottom:35px}.page-header h1,.hero h1{font:600 clamp(40px,5vw,73px)/1.04 var(--serif);letter-spacing:-.05em;margin:12px 0 17px}.page-header h1 em,.hero h1 em{font-weight:500;color:var(--rose)}.lede{font-size:16px;line-height:1.65;color:#695c56;max-width:700px}.hero{padding:clamp(35px,6vw,82px);background:linear-gradient(125deg,#eaded2,#fbf8f1 60%);border-radius:26px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #d5bab0;border-radius:50%;right:-170px;top:-180px}.hero>*{position:relative;z-index:1}.hero h1{max-width:800px}.hero p{max-width:660px;color:#665752;font-size:17px}.pill,.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:#f3e6de;color:#76524d;font-weight:700}.tag{background:#f0ede6;color:#716660;letter-spacing:.06em}.button{border:0;background:var(--coffee);color:white;border-radius:8px;padding:12px 16px;text-decoration:none;font:600 13px var(--sans);cursor:pointer}.button.ghost{background:transparent;color:var(--coffee);border:1px solid #c9b5ad}.stat-grid,.card-grid{display:grid;gap:15px}.stat-grid{grid-template-columns:repeat(4,1fr);margin:20px 0 49px}.stat{padding:21px;background:var(--paper);border:1px solid var(--line);border-radius:15px}.stat b{display:block;font:600 36px var(--serif);letter-spacing:-.04em}.stat span{color:#766964;font-size:12px}.card-grid{grid-template-columns:repeat(3,1fr)}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px}.card h3{font:600 24px var(--serif);margin:12px 0 7px;letter-spacing:-.03em}.card p{color:#72645f;margin:6px 0}.section{margin-top:56px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.section-title h2{font:600 35px var(--serif);letter-spacing:-.04em;margin:0}.section-title h2 em{color:var(--rose);font-weight:500}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.feature{padding:32px;background:#3c2b28;color:#f6eee6;border-radius:18px}.feature h2{font:500 38px/1.1 var(--serif);margin:14px 0}.feature p{color:#dfcfca;max-width:590px}.opportunity{border-left:2px solid #b9867d;padding-left:13px;margin-top:16px;font-size:13px}.directory-tools{display:flex;gap:10px;margin:22px 0;flex-wrap:wrap}.search{flex:1;min-width:210px;padding:12px 14px;background:#fffdf9;border:1px solid var(--line);border-radius:9px;font:inherit}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{cursor:pointer;border:1px solid var(--line);background:#fffdf9;border-radius:999px;padding:9px 13px;color:#655650;font:600 12px var(--sans)}.tab.active{background:var(--coffee);color:#fff;border-color:var(--coffee)}.directory-meta{color:#776963;font-size:13px;margin:0 0 14px}.contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.contact{padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:flex;gap:10px;align-items:center}.avatar{height:37px;width:37px;border-radius:50%;background:#eadbd2;color:#694945;display:grid;place-items:center;font:600 13px var(--serif);flex:none}.contact-name{font-weight:600;font-size:13px}.contact-phone{font-size:11px;color:#81716b}.company-logo{height:58px;background:#f5f0e8;border:1px solid #eee5da;border-radius:10px;display:flex;align-items:center;padding:8px 13px;font-weight:700;letter-spacing:-.04em;font-size:17px}.company-logo img,.community-mark img{max-height:36px;max-width:100%;object-fit:contain}.company-logo .logo-fallback{display:none}.company-logo img.error+.logo-fallback{display:block}.company-card{display:flex;flex-direction:column;gap:13px}.company-card h3{margin:0}.support{padding-top:11px;border-top:1px solid var(--line);font-size:12px;color:#675954}.support b{color:#8a605a}.experts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.expert-company .company-logo{margin-bottom:14px}.person{padding:8px 0;border-top:1px solid var(--line);font-size:13px}.person small{display:block;color:#7e6f69}.community-card{position:relative}.community-mark{height:62px;width:100%;border-radius:13px;background:#f5f0e8;border:1px solid #eee5da;display:flex;align-items:center;padding:10px;color:#76514d}.community-mark img{max-height:41px}.contact-list{padding:0;margin:18px 0 0;list-style:none;font-size:14px}.contact-list li{padding:12px 0;border-top:1px solid var(--line)}.contact-list small{display:block;color:#84746d;font-size:12px;margin-top:2px}.external{font-size:12px;color:#815b55}.expert-card{transition:transform .2s}.expert-card:hover{transform:translateY(-3px)}.expert-card .number{font:500 15px var(--serif);color:var(--rose)}.expert-details{border-top:1px solid var(--line);padding:10px 0}.expert-details summary{cursor:pointer;font-weight:700;font-size:13px;color:#704d48}.expert-details p{font-size:13px;margin:9px 0 1px}.integration-card{padding:28px}.integration-card h3{font-size:30px}.modal{display:none;position:fixed;inset:0;background:rgba(43,28,26,.55);z-index:10;padding:4vh 5vw;overflow:auto}.modal.open{display:block}.modal-sheet{background:var(--ivory);max-width:1000px;margin:auto;border-radius:20px;min-height:80vh;padding:clamp(25px,5vw,60px);position:relative}.modal-close{position:absolute;right:22px;top:20px;border:0;width:38px;height:38px;border-radius:50%;cursor:pointer;background:#3c2b28;color:white;font-size:23px}.modal-sheet h2{font:600 48px/1.05 var(--serif);margin:12px 0}.modal-sheet h3{font:600 24px var(--serif);margin:29px 0 6px}.modal-sheet p{max-width:780px;color:#665753}.arch{display:grid;gap:11px;margin:24px 0}.arch-main,.arch-output,.agent{border:1px solid var(--line);background:#fffdfa;border-radius:12px;padding:15px;text-align:center;font-weight:600}.arch-main{background:#3b2b28;color:white}.agents{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.empty{padding:24px;color:#776862;background:#fffdf9;border:1px dashed #cfbdb3;border-radius:12px;grid-column:1/-1}@media(max-width:1100px){.experts{grid-template-columns:repeat(3,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.contacts{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{padding-left:0}.sidebar{position:relative;width:100%;height:auto;padding:17px 20px;display:block}.sidebar-label,.sidebar-foot{display:none}.sidebar nav{display:flex;gap:4px;overflow:auto;margin-top:17px}.nav-link{white-space:nowrap;padding:8px 9px}.nav-link span{display:none}main{padding:30px 20px 55px}.stat-grid,.card-grid,.contacts,.experts,.split{grid-template-columns:1fr}.hero{padding:35px 27px}.page-header h1,.hero h1{font-size:42px}.section-title h2{font-size:31px}.modal{padding:0}.modal-sheet{border-radius:0;min-height:100vh}.agents{grid-template-columns:1fr}}