:root{
  --bg:#05070b;
  --bg2:#07101b;
  --panel:#0a0f17;
  --panel2:#0d1420;
  --text:#f6f8fb;
  --muted:#aeb8c6;
  --muted2:#6f7b8b;
  --line:rgba(255,255,255,.10);
  --line2:rgba(91,174,255,.26);
  --blue:#39a8ff;
  --blue2:#78c8ff;
  --blue3:#127cff;
  --max:1180px;
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 72% 12%,rgba(28,116,255,.14),transparent 32%),radial-gradient(circle at 12% 42%,rgba(37,166,255,.07),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{color:inherit}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:74px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(5,7,11,.78);backdrop-filter:blur(14px)}
.navin{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.21em}
.brandmark{width:36px;height:36px;border:1px solid rgba(255,255,255,.17);border-radius:50%;display:grid;place-items:center;letter-spacing:0}
.brandtext{display:inline-flex;align-items:baseline;gap:7px}.brandtext small{font-size:.72em;letter-spacing:.18em;color:#c4d9ee}
.navlinks{display:flex;gap:8px;align-items:center}.navlinks a{padding:10px 14px;color:#d7dfe8;font-size:14px}.navlinks a:hover{color:white}
.shop{background:#fff!important;color:#09111b!important;border-radius:999px!important;font-weight:750!important;padding:11px 20px!important}
.hero{padding:132px 0 72px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;right:-150px;top:60px;width:660px;height:660px;border-radius:50%;background:rgba(34,137,255,.12);filter:blur(130px);pointer-events:none}
.badge{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:999px;padding:9px 14px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#c8d3df}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px rgba(57,168,255,.65)}
.heroGrid{display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:center}
.hero h1{font-size:clamp(58px,7.4vw,104px);line-height:.9;letter-spacing:-.06em;margin:28px 0 0}.accent{background:linear-gradient(90deg,#79d1ff,#1686ff);background-clip:text;color:transparent}
.heroCopy{max-width:650px;margin:26px 0 0;color:var(--muted);font-size:19px;line-height:1.7}.heroActions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:750;border:1px solid transparent;cursor:pointer}.btnBlue{background:linear-gradient(90deg,#2eb7ff,#147cff);color:white;box-shadow:0 14px 40px rgba(28,127,255,.22)}.btnBlue:hover{filter:brightness(1.08)}.btnGhost{border-color:var(--line);background:rgba(255,255,255,.025)}
.pulseBlue{animation:pulseButton 2.4s ease-in-out infinite}.pulseCard{position:relative}@keyframes pulseButton{0%,100%{box-shadow:0 14px 40px rgba(28,127,255,.22),0 0 0 0 rgba(39,160,255,.0),0 0 0 1px rgba(115,201,255,.22)}50%{box-shadow:0 18px 52px rgba(28,127,255,.34),0 0 22px rgba(43,165,255,.38),0 0 0 1px rgba(115,201,255,.48)}}@keyframes pulseCardHalo{0%,100%{box-shadow:0 14px 40px rgba(28,127,255,.22),0 0 0 0 rgba(39,160,255,.0),0 0 0 1px rgba(115,201,255,.22)}50%{box-shadow:0 18px 52px rgba(28,127,255,.34),0 0 22px rgba(43,165,255,.38),0 0 0 1px rgba(115,201,255,.48)}}
.heroProduct{position:relative;min-height:440px;display:grid;place-items:center}.heroProduct:after{content:"";position:absolute;width:72%;height:35px;background:rgba(17,124,255,.34);filter:blur(42px);bottom:48px;border-radius:50%}
.metalCard{position:relative;width:min(530px,92%);aspect-ratio:1.6/1;border-radius:24px;background:linear-gradient(135deg,#232b34,#0d1117 40%,#171d25 76%,#07090d);border:1px solid rgba(117,204,255,.76);box-shadow:0 0 0 1px rgba(37,150,255,.18),0 0 34px rgba(31,139,255,.26),inset 0 0 40px rgba(255,255,255,.03);transform:rotate(7deg);overflow:visible;z-index:2}.metalCard.pulseCard:after{content:"";position:absolute;inset:-1px;border-radius:24px;pointer-events:none;animation:pulseCardHalo 2.4s ease-in-out infinite}.metalCard:before{content:"";position:absolute;inset:0;border-radius:24px;background:repeating-linear-gradient(105deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px);opacity:.45}.metalCard .cardName{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:24px;letter-spacing:.23em;white-space:nowrap;z-index:2}.metalCard .cardRole{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:.18em;white-space:nowrap;color:#d0d9e1;z-index:2}.tapBadge{position:absolute;right:22px;top:20px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;z-index:2}.bottomBadge{right:20px;bottom:16px;top:auto}.tapBadgeText{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#dbe9f5;opacity:.9;white-space:nowrap}.tapBadgeShop{font-size:6px;letter-spacing:.12em;text-transform:uppercase;color:#8fbfe9;opacity:.82;white-space:nowrap}.wifiIcon{position:relative;width:22px;height:18px;display:block}.wifiIcon.rotated{transform:rotate(90deg)}.wifiIcon i{position:absolute;left:50%;transform:translateX(-50%);border:2px solid #9dd5ff;border-color:#9dd5ff transparent transparent transparent;border-radius:50%;display:block}.wifiIcon i:nth-child(1){width:9px;height:9px;top:8px}.wifiIcon i:nth-child(2){width:15px;height:15px;top:4px}.wifiIcon i:nth-child(3){width:21px;height:21px;top:0px}
.featureStrip{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:28px 0;background:rgba(255,255,255,.012)}.featureGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.feature{padding:10px 30px;border-right:1px solid var(--line)}.feature:last-child{border-right:0}.featureIcon{width:52px;height:52px;border:1px solid rgba(85,173,255,.28);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:22px;margin-bottom:18px}.feature h3{margin:0;font-size:18px}.feature p{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
.section{padding:86px 0}.sectionHeader{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#8fbfe9}.sectionTitle{font-size:clamp(42px,5vw,66px);line-height:.95;letter-spacing:-.055em;margin:12px 0 0}.sectionText{max-width:530px;color:var(--muted);font-size:17px;line-height:1.7;margin:0}
.databasePanel{border:1px solid var(--line);border-radius:30px;padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.dbTop{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:center}.searchWrap{display:grid;grid-template-columns:1fr auto;border:1px solid rgba(75,163,255,.28);border-radius:15px;overflow:hidden;background:#080d14}.searchWrap input{width:100%;background:transparent;border:0;outline:0;color:white;padding:16px 18px;font-size:16px}.searchWrap input::placeholder{color:#707b89}.searchBtn{border:0;background:linear-gradient(90deg,#208eff,#2aafff);color:white;padding:0 26px;font-weight:750;cursor:pointer}
.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.02);padding:8px 14px;border-radius:999px;color:#bac4cf;font-size:13px;cursor:pointer}.chip:hover,.chip.active{border-color:rgba(57,168,255,.55);background:rgba(27,134,255,.12);color:#8ed5ff}
.profileGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.profileCard{border:1px solid var(--line);background:rgba(255,255,255,.018);border-radius:18px;padding:17px;display:flex;align-items:center;gap:13px;min-width:0;transition:.25s}.profileCard:hover{border-color:rgba(57,168,255,.35);background:rgba(38,137,255,.04)}.avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:17px;color:white;flex:none;background:radial-gradient(circle at 30% 25%,#5cbcff,#143b68 55%,#091523);border:1px solid rgba(117,200,255,.25)}.profileInfo{min-width:0}.profileInfo strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profileInfo span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.profileLink{display:inline-block;color:var(--blue);font-size:13px;font-weight:700;margin-top:7px}.browseLink{display:block;text-align:right;margin-top:16px;color:#88ccff;font-size:12px;text-transform:uppercase;letter-spacing:.18em}
.customGrid{display:grid;grid-template-columns:.78fr 1.22fr;gap:46px;align-items:center}.customCards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.customCards.threeCards{grid-template-columns:repeat(3,1fr)}.designCard{border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));padding:16px}.designVisual{height:245px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(29,127,255,.12),transparent 60%),#070b10;overflow:hidden}.smallCard{position:relative;width:88%;aspect-ratio:1.6/1;border-radius:16px;background:linear-gradient(135deg,#1d252f,#080b0f 65%,#171e27);border:1px solid rgba(84,188,255,.70);box-shadow:0 0 26px rgba(35,151,255,.20);overflow:hidden}.smallCard.bars:before{content:"";position:absolute;left:0;top:0;bottom:0;width:34%;background:repeating-linear-gradient(90deg,#303b49 0 9px,#111720 9px 16px)}.smallCard.diamond:before{content:"◇";position:absolute;left:20%;top:50%;transform:translate(-50%,-50%) scaleY(1.25);font-size:82px;color:rgba(225,239,250,.55);font-family:Georgia,serif}.smallCard.manymore:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 9px,transparent 9px 15px),radial-gradient(circle at 22% 28%,rgba(255,255,255,.1) 0 7px,transparent 7px 15px),radial-gradient(circle at 30% 72%,rgba(255,255,255,.08) 0 5px,transparent 5px 12px);opacity:.9}.smallCard.manymore:after{content:"◇";position:absolute;left:24%;top:52%;transform:translate(-50%,-50%) scaleY(1.1);font-size:58px;color:rgba(225,239,250,.45);font-family:Georgia,serif}.smallCard .your{position:absolute;left:57%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:11.5px;letter-spacing:.20em;white-space:nowrap}.smallCard .your small{display:block;font-size:6.8px;letter-spacing:.27em;margin-top:7px;color:#b8c3ce}.miniTapBadge{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;align-items:flex-end;gap:0;z-index:2;line-height:1.05}.lowerMini{right:8px;bottom:4px}.miniWifi{width:10px;height:10px;display:block;position:relative;margin-bottom:1px}.miniWifi.rotated{transform:rotate(90deg)}.miniWifi i{position:absolute;left:50%;transform:translateX(-50%);border:1.15px solid #a7dbff;border-color:#a7dbff transparent transparent transparent;border-radius:50%;display:block}.miniWifi i:nth-child(1){width:4px;height:4px;top:5px}.miniWifi i:nth-child(2){width:7px;height:7px;top:2px}.miniWifi i:nth-child(3){width:10px;height:10px;top:0}.miniTapText{font-size:3.4px;letter-spacing:.10em;text-transform:uppercase;color:#e4f2ff;opacity:.92;white-space:nowrap;font-weight:600}.miniShopText{font-size:3.2px;letter-spacing:.06em;text-transform:uppercase;color:#9ecdf2;opacity:.92;white-space:nowrap;font-weight:500}.designMeta{padding:15px 3px 3px}.designMeta strong{display:block;font-size:17px}.designMeta span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.footer{border-top:1px solid rgba(255,255,255,.07);padding:34px 0;color:#7f8996;font-size:13px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#a8d6fa}
.pageTop{padding:126px 0 36px}.pageTop h1{font-size:clamp(50px,6vw,82px);line-height:.94;letter-spacing:-.055em;margin:12px 0}.pageTop p{max-width:680px;color:var(--muted);font-size:18px}.filtersBar{display:grid;grid-template-columns:1fr 240px;gap:12px}.filtersBar select{background:#080d14;color:white;border:1px solid var(--line);border-radius:15px;padding:0 14px;outline:none;color-scheme:dark}.resultSummary{color:var(--muted);font-size:14px;margin:18px 0}.directoryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.directoryCard{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.018);padding:22px}.directoryTop{display:flex;align-items:center;gap:14px}.directoryCard h3{margin:0;font-size:20px}.directoryCard .industry{color:#9ed8ff;font-size:13px;margin-top:3px}.directoryCard .company{color:var(--muted);font-size:14px;margin-top:15px}.directoryCard .loc{color:#747f8d;font-size:13px;margin-top:5px}.directoryCard .profileLink{margin-top:18px}
.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}.contactCard{border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.018);padding:30px;min-height:240px}.contactCard h2{font-size:32px;margin:34px 0 10px}.contactCard p{color:var(--muted)}
.vcardShell{padding:124px 0 80px}.vcard{width:min(560px,calc(100% - 36px));margin:auto;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,#0d1520,#080b10);padding:34px;box-shadow:0 30px 100px rgba(0,0,0,.42),0 0 45px rgba(32,137,255,.09)}.vAvatar{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:34px;font-weight:800;background:radial-gradient(circle at 30% 20%,#59bdff,#133968 55%,#08131f);border:1px solid rgba(117,203,255,.3)}.vcard h1{text-align:center;margin:20px 0 0;font-size:36px}.vTitle{text-align:center;color:#9fd8ff;margin-top:5px}.vCompany{text-align:center;color:var(--muted);margin-top:4px}.vActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.vAction{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);padding:14px;text-align:center;color:#d9e3ed}.vSave{grid-column:1/-1;background:white;color:#08111a;font-weight:800;border-color:white;cursor:pointer}.vLinks{display:grid;gap:10px;margin-top:24px}.vLink{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;padding:15px}.vLink span{color:var(--muted)}
.empty{grid-column:1/-1;border:1px dashed rgba(255,255,255,.12);border-radius:20px;padding:30px;text-align:center;color:var(--muted)}
@media(max-width:900px){.heroGrid,.dbTop,.customGrid{grid-template-columns:1fr}.heroProduct{min-height:370px}.heroQuote{display:none}.featureGrid{grid-template-columns:1fr 1fr}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid var(--line)}.profileGrid,.directoryGrid{grid-template-columns:1fr 1fr}.customGrid{gap:32px}.customCards.threeCards{grid-template-columns:1fr 1fr}.sectionHeader{display:block}.sectionText{margin-top:18px}.filtersBar{grid-template-columns:1fr}}
@media(max-width:650px){.navlinks a:not(.shop){display:none}.brandtext small{display:none}.hero{padding-top:115px}.hero h1{font-size:58px}.heroCopy{font-size:16px}.metalCard{width:94%}.featureGrid,.profileGrid,.directoryGrid,.customCards,.customCards.threeCards,.contactGrid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line)}.feature:last-child{border-bottom:0}.databasePanel{padding:20px}.searchWrap{grid-template-columns:1fr}.searchBtn{padding:14px}.filtersBar{grid-template-columns:1fr}.vActions{grid-template-columns:1fr}.vSave{grid-column:auto}}


.smallCard.diamond:after{content:"";position:absolute;inset:4px;border-radius:13px;border:1px solid rgba(194,226,248,.18);box-shadow:inset 0 0 0 1px rgba(0,0,0,.24);pointer-events:none}

/* vCard contact icons */
.vcard .vAction {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.vcard .vIcon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: #9fd8ff;
  stroke-width: 1.75;
}
.vcard .vLabel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.vcard .vLink {
  align-items: center;
}
.vcard .vLink strong {
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}
@media (max-width: 480px) {
  .vcard .vLink {
    align-items: flex-start;
  }
}