:root{
  --ink:#0F1F2A; --ink2:#33475A; --dim:#63788A; --line:#E3E9EE; --line2:#D2DCE4;
  --bg:#F7F9FB; --white:#FFFFFF;
  --navy:#10314E; --navy2:#194567;
  --teal:#0E8C7F; --teal-bg:#E7F5F3;
  --saffron:#E8871E; --saffron-bg:#FDF1E2;
  --chakra:#1D5FA8;
  --shadow:0 1px 2px rgba(16,49,78,.05), 0 8px 24px -12px rgba(16,49,78,.14);
  --shadow-lg:0 2px 6px rgba(16,49,78,.06), 0 24px 48px -16px rgba(16,49,78,.22);
  --r:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,.disp{font-family:'Bricolage Grotesque','Inter',sans-serif}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:14px}
a{color:inherit;text-decoration:none}
.mono{font-family:'IBM Plex Mono',monospace}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
:focus-visible{outline:2px solid var(--chakra);outline-offset:2px;border-radius:4px}

/* ───── top strip ───── */
.strip{background:var(--navy);color:#B9CBDB;font-size:12px}
.strip .wrap{display:flex;align-items:center;gap:18px;height:34px}
.strip b{color:#fff;font-weight:600}
.strip .right{margin-left:auto;display:flex;gap:16px}
.strip a:hover{color:#fff}
.tri{display:inline-flex;gap:0;border-radius:2px;overflow:hidden;height:10px;width:16px;flex-direction:column}
.tri span{flex:1}
@media(max-width:680px){.strip .right{display:none}}

/* ───── header ───── */
header.main{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}
.hrow{display:flex;align-items:center;gap:22px;height:70px}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logomark{width:40px;height:40px;border-radius:10px;background:var(--navy);display:grid;place-items:center;position:relative;overflow:hidden}
.logomark svg{width:24px;height:24px}
.logotxt .l1{font-family:'Bricolage Grotesque';font-weight:800;font-size:19px;letter-spacing:-.3px;line-height:1;color:var(--navy)}
.logotxt .l2{font-size:9.5px;letter-spacing:1.8px;color:var(--dim);font-weight:600;margin-top:2px}
.searchbar{flex:1;max-width:560px;display:flex;border:1.5px solid var(--line2);border-radius:10px;overflow:hidden;background:var(--white);transition:border-color .15s, box-shadow .15s}
.searchbar:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px rgba(16,49,78,.08)}
.searchbar input{flex:1;border:none;padding:11px 14px;outline:none;background:transparent}
.searchbar button{border:none;background:var(--navy);color:#fff;padding:0 20px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:7px}
.searchbar button:hover{background:var(--navy2)}
.hnav{display:flex;gap:4px;margin-left:auto;flex-shrink:0}
.hnav button{background:none;border:none;padding:9px 13px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink2)}
.hnav button:hover{background:var(--bg)}
.hnav button.cta{background:var(--saffron);color:#fff}
.hnav button.cta:hover{background:#d5790f}
.hnav button.active{background:var(--navy);color:#fff}
@media(max-width:900px){.hrow{flex-wrap:wrap;height:auto;padding:12px 0;row-gap:10px}.searchbar{order:3;max-width:none;flex-basis:100%}.hnav{margin-left:auto}}

/* ───── category bar ───── */
.catbar{background:var(--white);border-bottom:1px solid var(--line)}
.catbar .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.catbar .wrap::-webkit-scrollbar{display:none}
.catbar button{background:none;border:none;padding:12px 14px;font-size:13.5px;font-weight:500;color:var(--ink2);white-space:nowrap;border-bottom:2.5px solid transparent;display:flex;align-items:center;gap:7px}
.catbar button:hover{color:var(--navy)}
.catbar button.on{color:var(--navy);border-bottom-color:var(--saffron);font-weight:700}
.catbar .cnt{font-size:11px;color:var(--dim);font-weight:500;background:var(--bg);padding:1px 7px;border-radius:9px}

/* ───── hero ───── */
.hero{background:linear-gradient(140deg,var(--navy) 0%, #123B5E 55%, #17507E 100%);color:#fff;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-140px;top:-160px;width:560px;height:560px;border-radius:50%;border:70px solid rgba(255,255,255,.045)}
.hero::before{content:"";position:absolute;right:120px;bottom:-220px;width:400px;height:400px;border-radius:50%;border:56px solid rgba(232,135,30,.13)}
.hero .wrap{padding:54px 24px 46px;position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .9fr;gap:44px;align-items:center}
.hero h1{font-size:clamp(30px,4.3vw,46px);font-weight:800;letter-spacing:-1px;line-height:1.08}
.hero h1 em{font-style:normal;color:var(--saffron)}
.hero p.sub{color:#B9CDDD;font-size:16px;margin:16px 0 26px;max-width:520px}
.hero .stats{display:flex;gap:0;border:1px solid rgba(255,255,255,.16);border-radius:14px;overflow:hidden;backdrop-filter:blur(4px);background:rgba(255,255,255,.05);max-width:560px}
.hero .stat{flex:1;padding:16px 18px;border-right:1px solid rgba(255,255,255,.12)}
.hero .stat:last-child{border-right:none}
.hero .stat .n{font-family:'Bricolage Grotesque';font-weight:800;font-size:26px;line-height:1}
.hero .stat .n span{color:var(--saffron)}
.hero .stat .l{font-size:11.5px;color:#9FB8CB;margin-top:5px;letter-spacing:.4px}
.heropanel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:22px}
.heropanel h3{font-size:13px;letter-spacing:1.6px;color:#9FB8CB;font-weight:700;margin-bottom:14px;font-family:'IBM Plex Mono'}
.heropanel .qlink{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;color:#EAF2F8;transition:background .12s;cursor:pointer}
.heropanel .qlink:hover{background:rgba(255,255,255,.09)}
.heropanel .qlink .ic{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.1);display:grid;place-items:center;flex-shrink:0}
.heropanel .qlink svg{width:18px;height:18px;stroke:#F4C177}
.heropanel .qlink .sub{display:block;font-size:11.5px;color:#94AFC3;font-weight:400}
@media(max-width:880px){.hero .wrap{grid-template-columns:1fr}.heropanel{display:none}}
@media(max-width:560px){.hero .stats{flex-wrap:wrap}.hero .stat{flex-basis:50%;border-bottom:1px solid rgba(255,255,255,.12)}}

/* ───── section shells ───── */
section.blk{padding:44px 0 8px}
.sechead{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.sechead h2{font-size:24px;font-weight:800;letter-spacing:-.4px;color:var(--navy)}
.sechead .rule{flex:1;height:1px;background:var(--line2);min-width:40px}
.sechead .more{font-size:13px;font-weight:600;color:var(--chakra);background:none;border:none}
.sechead .more:hover{text-decoration:underline}
.eyebrow{font-family:'IBM Plex Mono';font-size:11px;letter-spacing:2px;color:var(--saffron);font-weight:600;text-transform:uppercase;margin-bottom:6px;display:block}

/* ───── Make in India banner ───── */
.mii{margin:26px 0 4px;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(105deg,#E8871E 0%,#E8871E 30%,#FDF6EC 30.2%,#FDF6EC 69.8%,#2E8B57 70%,#2E8B57 100%);border:1px solid var(--line2);box-shadow:var(--shadow)}
.mii .inner{position:relative;z-index:2;display:flex;align-items:center;gap:26px;padding:26px 30px;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.78))}
.mii .wheel{width:74px;height:74px;flex-shrink:0;border-radius:50%;border:3px solid #1D5FA8;display:grid;place-items:center;position:relative;background:#fff}
.mii .wheel svg{width:56px;height:56px;animation:spin 26s linear infinite;transform-origin:center}
@keyframes spin{to{transform:rotate(360deg)}}
.mii h2{font-size:clamp(19px,3vw,27px);font-weight:800;letter-spacing:-.4px;color:var(--navy);line-height:1.2}
.mii h2 .hi{color:#B4541F}
.mii p{font-size:13.5px;color:var(--ink2);margin-top:6px;max-width:640px}
.mii .cta2{margin-left:auto;flex-shrink:0;border:none;background:var(--navy);color:#fff;font-weight:700;font-size:14px;padding:12px 22px;border-radius:10px}
.mii .cta2:hover{background:var(--navy2)}
@media(max-width:760px){.mii .inner{flex-wrap:wrap}.mii .cta2{margin-left:0}}

/* ───── department groups ───── */
.deptwrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.dept{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.dept h3{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--saffron);font-family:'IBM Plex Mono';font-weight:600;margin-bottom:11px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.dept a.dlink{display:flex;justify-content:space-between;align-items:center;padding:6px 2px;font-size:13.5px;font-weight:500;color:var(--ink2);border-radius:6px;cursor:pointer}
.dept a.dlink:hover{color:var(--navy);background:var(--bg)}
.dept a.dlink .n{font-size:11px;color:var(--dim);font-family:'IBM Plex Mono'}

/* ───── category tiles ───── */
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.cattile{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px 16px 15px;cursor:pointer;transition:transform .15s, box-shadow .15s, border-color .15s;position:relative;overflow:hidden}
.cattile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--navy)}
.cattile .ic{width:42px;height:42px;border-radius:10px;background:var(--teal-bg);display:grid;place-items:center;margin-bottom:12px}
.cattile .ic svg{width:22px;height:22px;stroke:var(--teal)}
.cattile h3{font-size:14.5px;font-weight:700;letter-spacing:-.1px;line-height:1.3}
.cattile .meta{font-size:12px;color:var(--dim);margin-top:5px}
.cattile .meta b{color:var(--teal);font-weight:700}

/* ───── company cards ───── */
.cogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}
.cocard{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:20px;cursor:pointer;transition:transform .15s, box-shadow .15s, border-color .15s;display:flex;flex-direction:column}
.cocard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--navy)}
.cotop{display:flex;gap:14px;align-items:flex-start}
.avatar{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;font-family:'Bricolage Grotesque';font-weight:800;font-size:19px;color:#fff;flex-shrink:0;letter-spacing:-.5px}
.cocard h3{font-size:16.5px;font-weight:750;letter-spacing:-.2px;line-height:1.25}
.coloc{font-size:12.5px;color:var(--dim);margin-top:3px;display:flex;align-items:center;gap:5px}
.coloc svg{width:12px;height:12px;stroke:var(--saffron)}
.verify{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--teal);background:var(--teal-bg);padding:4px 9px;border-radius:20px;letter-spacing:.3px}
.verify svg{width:11px;height:11px}
.coabout{font-size:13px;color:var(--ink2);line-height:1.55;margin:13px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.certrow{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}
.cert{font-family:'IBM Plex Mono';font-size:10px;letter-spacing:.5px;padding:3.5px 8px;border-radius:4px;background:var(--bg);border:1px solid var(--line2);color:var(--ink2);font-weight:500}
.cofoot{margin-top:auto;padding-top:13px;border-top:1px dashed var(--line2);display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--dim)}
.cofoot .prods{font-weight:700;color:var(--navy)}
.cofoot .view{color:var(--chakra);font-weight:600;display:flex;align-items:center;gap:4px}

/* ───── product cards ───── */
.prodgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:14px}
.pcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform .15s, box-shadow .15s;display:flex;flex-direction:column}
.pcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.pimg{height:118px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#F2F6F9,#E6EDF3)}
.pimg svg{width:46px;height:46px;stroke:var(--navy);opacity:.55}
.ptype{position:absolute;top:10px;left:10px;font-family:'IBM Plex Mono';font-size:9.5px;letter-spacing:1px;background:var(--navy);color:#fff;padding:4px 9px;border-radius:4px;font-weight:500}
.pbody{padding:14px 15px 15px;display:flex;flex-direction:column;flex:1}
.pcard h4{font-size:15px;font-weight:700;letter-spacing:-.1px;line-height:1.3}
.pco{font-size:12px;color:var(--saffron);font-weight:600;margin:4px 0 8px}
.pdesc{font-size:12.5px;color:var(--ink2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.pact{display:flex;gap:8px;margin-top:13px}
.pact .rfq{flex:1;border:none;background:var(--navy);color:#fff;font-size:12.5px;font-weight:600;padding:8px;border-radius:7px}
.pact .rfq:hover{background:var(--navy2)}
.pact .det{border:1px solid var(--line2);background:none;color:var(--ink2);font-size:12.5px;font-weight:600;padding:8px 12px;border-radius:7px}
.pact .det:hover{border-color:var(--navy);color:var(--navy)}

/* ───── brand wall ───── */
.brandwall{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:36px}
.brand{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:13px 10px;text-align:center;font-family:'Bricolage Grotesque';font-weight:700;font-size:13px;color:var(--ink2);cursor:pointer;letter-spacing:-.1px;transition:all .13s}
.brand:hover{color:var(--navy);border-color:var(--navy);box-shadow:var(--shadow)}

/* ───── filter toolbar (directory views) ───── */
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.toolbar select{padding:9px 34px 9px 12px;border:1.5px solid var(--line2);border-radius:9px;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2363788A' fill='none' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;font-weight:500;color:var(--ink)}
.toolbar .count{margin-left:auto;font-size:13px;color:var(--dim)}
.toolbar .count b{color:var(--navy)}
.chip{border:1.5px solid var(--line2);background:var(--white);border-radius:20px;padding:7px 15px;font-size:13px;font-weight:600;color:var(--ink2)}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.chiprow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}

/* ───── company profile ───── */
.profile{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.probanner{background:linear-gradient(135deg,var(--navy),#1A5077);padding:30px 30px 26px;color:#fff;position:relative;overflow:hidden}
.probanner::after{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;border:38px solid rgba(255,255,255,.06)}
.prohead{display:flex;gap:18px;align-items:center;position:relative;z-index:2;flex-wrap:wrap}
.prohead .avatar{width:68px;height:68px;font-size:26px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.prohead h2{font-size:26px;font-weight:800;letter-spacing:-.5px}
.prohead .sub{color:#AEC6D8;font-size:13.5px;margin-top:4px}
.probody{padding:26px 30px 30px}
.protabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:22px}
.protabs button{background:none;border:none;padding:10px 16px;font-size:14px;font-weight:600;color:var(--dim);border-bottom:2.5px solid transparent}
.protabs button.on{color:var(--navy);border-bottom-color:var(--saffron)}
.factgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:22px}
.fact{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:13px 15px}
.fact .k{font-size:10.5px;letter-spacing:1.2px;color:var(--dim);font-family:'IBM Plex Mono';text-transform:uppercase}
.fact .v{font-weight:700;font-size:15px;margin-top:4px;color:var(--navy)}
.backbtn{display:inline-flex;align-items:center;gap:7px;background:var(--white);border:1.5px solid var(--line2);border-radius:9px;padding:9px 16px;font-size:13.5px;font-weight:600;color:var(--ink2);margin-bottom:18px}
.backbtn:hover{border-color:var(--navy);color:var(--navy)}

/* ───── RFQ modal ───── */
.overlay{position:fixed;inset:0;background:rgba(10,25,40,.55);z-index:200;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}
.modal{background:var(--white);border-radius:16px;max-width:520px;width:100%;box-shadow:var(--shadow-lg);overflow:hidden;max-height:92vh;overflow-y:auto}
.modal .mh{background:var(--navy);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}
.modal .mh h3{font-size:18px;font-weight:800}
.modal .mh button{background:rgba(255,255,255,.12);border:none;color:#fff;width:30px;height:30px;border-radius:8px;font-size:16px}
.modal .mb{padding:22px 24px 24px}
.field{margin-bottom:14px}
.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1.5px solid var(--line2);border-radius:9px;outline:none}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--navy)}
.submit{width:100%;border:none;background:var(--saffron);color:#fff;font-weight:700;font-size:15px;padding:13px;border-radius:10px;margin-top:6px}
.submit:hover{background:#d5790f}
.sent{text-align:center;padding:30px 10px}
.sent .tick{width:58px;height:58px;border-radius:50%;background:var(--teal-bg);display:grid;place-items:center;margin:0 auto 16px}
.sent .tick svg{width:28px;height:28px;stroke:var(--teal)}

/* ───── footer ───── */
footer{background:var(--navy);color:#9FB8CB;margin-top:56px}
footer .wrap{padding:40px 24px 26px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
footer h4{color:#fff;font-size:13px;letter-spacing:1px;margin-bottom:14px;font-family:'IBM Plex Mono';font-weight:500}
footer li{list-style:none;font-size:13px;margin-bottom:8px;cursor:pointer}
footer li:hover{color:#fff}
footer .fine{border-top:1px solid rgba(255,255,255,.12);padding:16px 24px;font-size:11.5px;text-align:center;color:#7A96AC}
@media(max-width:820px){footer .wrap{grid-template-columns:1fr 1fr}}

.hide{display:none!important}
.fadein{animation:fi .3s ease both}
@keyframes fi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ── V2 additions ── */
.hnav a{padding:9px 13px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink2)}
.hnav a:hover{background:var(--bg)}
.hnav a.cta{background:var(--saffron);color:#fff}
.hnav a.cta:hover{background:#d5790f}
.herowrap{padding:54px 24px 46px;position:relative;z-index:2}
.wrap.narrow{max-width:720px}
a.cocard{display:flex}
a.brand{display:block}
a.chip{display:inline-block}
.sechead a.more{font-size:13px;font-weight:600;color:var(--chakra)}
.avatar.big{width:68px;height:68px;font-size:26px;border-radius:16px}
.probanner h1{font-size:26px;font-weight:800;letter-spacing:-.5px;color:#fff;font-family:'Bricolage Grotesque'}
.probanner .vtxt{color:#7FD8CC}
.probanner .cta2{margin-left:auto;background:var(--saffron);color:#fff;font-weight:700;padding:12px 22px;border-radius:10px;flex-shrink:0}
.probody .about{max-width:820px;color:var(--ink2);margin-bottom:8px}
.certrow.big{margin:14px 0 24px}
.cert.cat{background:var(--saffron-bg);border-color:#F2CFA0;color:#9A5B10}
.ph{font-size:18px;font-weight:800;color:var(--navy);margin-bottom:14px;font-family:'Bricolage Grotesque'}
.bis{font-family:'IBM Plex Mono';font-size:9.5px;color:var(--teal);margin-top:8px;letter-spacing:.3px}
.pact a{display:block;text-align:center}
.pact .rfq{flex:1;background:var(--navy);color:#fff;font-size:12.5px;font-weight:600;padding:8px;border-radius:7px}
.pact .rfq:hover{background:var(--navy2)}
.pact .det{border:1px solid var(--line2);color:var(--ink2);font-size:12.5px;font-weight:600;padding:8px 12px;border-radius:7px}
.rfqform{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow)}
.finenote{font-size:11.5px;color:var(--dim);margin-top:12px}
.finenote a{color:var(--chakra)}
.legal h1{font-family:'Bricolage Grotesque';font-size:28px;color:var(--navy);margin-bottom:14px}
.legal h3{font-size:15px;margin:18px 0 6px;color:var(--navy)}
.legal p{color:var(--ink2);font-size:14px;margin-bottom:8px}
footer .fgrid{padding:40px 24px 26px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
footer li a{color:inherit}
.empty{color:var(--dim);padding:24px}
.empty a,.count a{color:var(--chakra);font-weight:600}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
@media(max-width:820px){footer .fgrid{grid-template-columns:1fr 1fr}}

.exintro{color:var(--ink2);font-size:14px;max-width:760px;margin-bottom:16px}
.exsearch{width:100%;max-width:480px;padding:11px 14px;border:1.5px solid var(--line2);border-radius:9px;margin-bottom:18px}
.exgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.exrow{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:10px}
.exrow .exlink{color:var(--chakra);font-weight:600;font-size:12px;white-space:nowrap}
.exrow .exlink.dim{color:var(--dim)}