:root {
  --ink: #07121f;
  --ink-2: #0c1c2d;
  --ink-3: #142a42;
  --blue: #2563eb;
  --blue-2: #1d4ed8;
  --cyan: #39c6f4;
  --mint: #5ee6b9;
  --orange: #ff9f43;
  --text: #122033;
  --muted: #65758a;
  --line: #dce5ef;
  --line-dark: rgba(255,255,255,.12);
  --soft: #f3f7fb;
  --soft-blue: #ecf4ff;
  --white: #fff;
  --success: #20b26b;
  --danger: #dc2626;
  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius: 20px;
  --radius-lg: 28px;
  --radius-xl: 38px;
  --shadow-sm: 0 10px 30px rgba(7,18,31,.06);
  --shadow: 0 24px 70px rgba(7,18,31,.12);
  --shadow-strong: 0 34px 100px rgba(7,18,31,.22);
  --container: 1220px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: #fff;
  font-family: Inter, Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body::selection { background: rgba(37,99,235,.18); }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.container { width: min(var(--container), calc(100% - 44px)); margin: 0 auto; }
.skip-link { position: fixed; left: -9999px; top: 12px; z-index: 1000; background: #fff; color: var(--ink); padding: 12px 16px; border-radius: 10px; box-shadow: var(--shadow); }
.skip-link:focus { left: 12px; }
.ambient { position: fixed; width: 400px; height: 400px; border-radius: 50%; filter: blur(110px); pointer-events: none; opacity: .08; z-index: -1; }
.ambient-one { left: -120px; top: 22%; background: var(--cyan); }
.ambient-two { right: -140px; top: 60%; background: var(--blue); }

h1,h2,h3,h4,h5 { margin: 0 0 .65em; color: inherit; line-height: 1.08; letter-spacing: -.035em; }
h1 { font-size: clamp(3rem, 6vw, 6.3rem); letter-spacing: -.065em; }
h2 { font-size: clamp(2.15rem, 4.2vw, 4.35rem); }
h3 { font-size: 1.3rem; }
p { margin: 0 0 1.3em; }

/* Header */
.site-header { position: sticky; top: 0; z-index: 200; transition: .25s ease; }
.topbar { background: var(--ink); color: #cad5e1; font-size: .78rem; }
.topbar-inner { min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 12px; }
.topbar-inner a { color: var(--mint); font-weight: 800; margin-left: 4px; }
.topbar-badge { padding: 2px 8px; border-radius: 999px; background: rgba(94,230,185,.14); color: var(--mint); font-weight: 900; text-transform: uppercase; letter-spacing: .08em; font-size: .64rem; }
.nav-shell { padding-top: 10px; padding-bottom: 10px; }
.nav-wrap {
  min-height: 72px; display: flex; align-items: center; gap: 22px; padding: 9px 10px 9px 16px;
  border: 1px solid rgba(220,229,239,.78); border-radius: 22px; background: rgba(255,255,255,.9);
  box-shadow: 0 10px 40px rgba(7,18,31,.08); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
}
.site-header.is-scrolled .nav-wrap { box-shadow: 0 18px 55px rgba(7,18,31,.14); background: rgba(255,255,255,.96); }
.brand { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
.brand-mark { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(145deg, var(--blue), #123bb8); box-shadow: 0 10px 25px rgba(37,99,235,.3); overflow: hidden; }
.brand-mark::before { content:""; position: absolute; width: 44px; height: 44px; border-radius: 50%; background: rgba(57,198,244,.55); left: 19px; top: -20px; }
.brand-mark i { position: absolute; width: 20px; height: 3px; border-radius: 2px; background: var(--mint); transform: rotate(-45deg); right: -2px; bottom: 8px; }
.brand-mark b { position: relative; color: #fff; font-size: 1.55rem; font-weight: 900; font-style: italic; line-height: 1; }
.brand-word { display: flex; align-items: baseline; white-space: nowrap; }
.brand-word strong { font-size: 1.16rem; font-weight: 900; letter-spacing: -.035em; }
.brand-word small { color: var(--blue); font-size: .78rem; font-weight: 900; }
.main-nav { display: flex; align-items: center; gap: 5px; margin-left: auto; }
.main-nav a { padding: 11px 10px; border-radius: 10px; font-size: .86rem; font-weight: 760; color: #41536a; transition: .2s ease; }
.main-nav a:hover, .main-nav a.active { color: var(--blue); background: var(--soft-blue); }
.nav-actions { display: flex; gap: 8px; }
.nav-toggle { display: none; border: 0; background: transparent; width: 42px; height: 42px; padding: 10px; border-radius: 12px; }
.nav-toggle span { display: block; height: 2px; background: var(--ink); margin: 5px 0; transition: .2s; }

/* Buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; border: 1px solid transparent; border-radius: 12px; padding: 10px 17px; font-weight: 820; font-size: .9rem; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: #fff; background: linear-gradient(135deg, var(--blue), #1745c7); box-shadow: 0 12px 28px rgba(37,99,235,.27); }
.btn-primary:hover { box-shadow: 0 18px 36px rgba(37,99,235,.36); }
.btn-light { color: var(--ink); background: #fff; box-shadow: 0 12px 30px rgba(7,18,31,.12); }
.btn-ghost { background: #eef3f8; color: #23354b; }
.btn-glass { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.17); color: #fff; backdrop-filter: blur(14px); }
.btn-outline-light { color: #fff; border-color: rgba(255,255,255,.42); background: transparent; }
.btn-outline-light:hover { background: rgba(255,255,255,.09); }
.btn-outline-primary, .btn-custom-outline { border-color: rgba(37,99,235,.36); color: var(--blue); background: #fff; }
.btn-custom-primary { background: var(--blue); color: #fff; }
.btn-lg { min-height: 54px; padding: 14px 22px; border-radius: 14px; font-size: .96rem; }
.btn-block { width: 100%; }
.play-icon { width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.12); font-size: .68rem; }
.text-link { color: var(--blue); font-weight: 850; display: inline-flex; gap: 8px; align-items: center; }
.text-link span { transition: transform .2s; }
.text-link:hover span { transform: translateX(4px); }

/* Home hero */
.hero { position: relative; overflow: hidden; }
.hero-home { background: var(--ink); color: #fff; margin-top: -102px; padding-top: 102px; }
.hero-mesh { position: absolute; inset: 0; background: radial-gradient(circle at 77% 25%, rgba(37,99,235,.34), transparent 28%), radial-gradient(circle at 92% 62%, rgba(57,198,244,.16), transparent 28%), linear-gradient(120deg, transparent 0 52%, rgba(255,255,255,.025) 52% 52.4%, transparent 52.4% 100%); }
.hero-mesh::after { content:""; position:absolute; inset:0; opacity:.25; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(to bottom, #000, transparent 85%); }
.hero-grid { position: relative; min-height: 760px; display: grid; grid-template-columns: .98fr 1.02fr; gap: 70px; align-items: center; padding: 70px 0 60px; }
.hero-copy { position: relative; z-index: 2; }
.hero-kicker { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; color: #d6e0eb; font-size: .78rem; font-weight: 780; letter-spacing: .03em; }
.pulse-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 7px rgba(94,230,185,.12); }
.hero-copy h1 { max-width: 680px; margin-bottom: 24px; }
.hero-copy h1 span { color: transparent; background: linear-gradient(90deg, var(--cyan), var(--mint)); background-clip: text; -webkit-background-clip: text; }
.hero-copy > p { max-width: 640px; color: #aebed0; font-size: clamp(1.05rem, 1.5vw, 1.22rem); }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 30px 0 34px; }
.hero-proof { display: grid; grid-template-columns: repeat(3,1fr); max-width: 670px; gap: 10px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.1); }
.hero-proof span { display: flex; flex-direction: column; padding-right: 12px; }
.hero-proof b { font-size: .88rem; }
.hero-proof small { color: #7f93aa; font-size: .7rem; margin-top: 3px; }
.profile-showcase { position: relative; padding: 40px 18px 60px 30px; z-index: 1; }
.showcase-orbit { position: absolute; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; }
.orbit-one { width: 560px; height: 560px; top: 3%; left: 6%; }
.orbit-two { width: 420px; height: 420px; top: 14%; left: 18%; border-style: dashed; }
.browser-card { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(255,255,255,.24); border-radius: 25px; background: rgba(255,255,255,.98); color: var(--text); box-shadow: 0 50px 120px rgba(0,0,0,.42); transform: rotate(1.3deg); }
.browser-top { height: 44px; padding: 0 14px; display: grid; grid-template-columns: 70px 1fr 30px; align-items: center; gap: 12px; color: #6d7d90; background: #eef3f7; border-bottom: 1px solid #e0e8ef; font-size: .65rem; }
.browser-top > div { display: flex; gap: 6px; }
.browser-top i { display:block; width: 9px; height: 9px; border-radius: 50%; background: #cbd5df; }
.browser-top span { padding: 5px 12px; border-radius: 8px; background: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.browser-top b { letter-spacing: 2px; }
.mini-cover { min-height: 180px; position: relative; display: flex; align-items: flex-end; gap: 17px; padding: 31px; background: linear-gradient(132deg, #0d5c78, #0b2435 74%); color: #fff; overflow: hidden; }
.mini-cover-pattern { position:absolute; inset:0; opacity:.18; background-image: radial-gradient(circle at 1px 1px, #fff 1px, transparent 1.5px); background-size: 18px 18px; mask-image: linear-gradient(90deg, transparent, #000); }
.mini-cover::before { content:""; position:absolute; width:260px; height:260px; border-radius:50%; right:-80px; top:-130px; background:linear-gradient(145deg,rgba(57,198,244,.55),rgba(94,230,185,.18)); filter:blur(4px); }
.mini-logo, .company-logo { position: relative; flex: 0 0 auto; width: 74px; height: 74px; display: grid; place-items: center; border-radius: 19px; background: #fff; box-shadow: 0 15px 35px rgba(0,0,0,.18); }
.mini-logo::after, .company-logo::after { content:""; position:absolute; inset:5px; border-radius:14px; border:1px solid rgba(7,18,31,.08); }
.mini-logo span, .company-logo span { position:relative; z-index:1; color:#0e7490; font-size:1.25rem; font-weight:950; letter-spacing:-.05em; }
.mini-title { position: relative; min-width: 0; }
.mini-title h2 { font-size: 1.45rem; margin: 5px 0 7px; letter-spacing: -.035em; }
.mini-title p { color: #c7e3ec; font-size: .72rem; margin: 0; }
.mini-save, .company-save { width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; background: rgba(255,255,255,.12); color: #fff; cursor: pointer; font-size: 1.25rem; backdrop-filter: blur(12px); }
.mini-save { margin-left: auto; align-self: flex-start; position: relative; }
.mini-save.active, .company-save.active { color: #ff7d9c; }
.verified { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 999px; color: #087443; background: #dbfce9; font-size: .65rem; font-weight: 900; letter-spacing: .01em; }
.mini-verified { background: rgba(219,252,233,.95); }
.mini-body { padding: 25px 28px 29px; }
.mini-person { display: flex; align-items: center; gap: 12px; }
.portrait, .avatar { position:relative; flex:0 0 auto; width: 52px; height: 52px; display:grid; place-items:center; border-radius:16px; overflow:hidden; color:#fff; font-size:.75rem; font-weight:900; background: linear-gradient(145deg,#61758d,#172a40); }
.portrait::before, .avatar::before { content:""; position:absolute; width:24px; height:24px; border-radius:50%; background:rgba(255,255,255,.78); top:9px; }
.portrait::after, .avatar::after { content:""; position:absolute; width:39px; height:24px; border-radius:50% 50% 0 0; background:rgba(255,255,255,.72); bottom:-7px; }
.portrait span, .avatar { text-indent:-999px; }
.portrait-mk { background:linear-gradient(145deg,#1b728b,#183046); }
.avatar.xl { width: 78px; height: 78px; border-radius: 22px; }
.mini-person > div:nth-child(2) { min-width: 0; }
.mini-person small, .mini-person strong, .mini-person span { display:block; }
.mini-person small { color: var(--muted); font-size:.62rem; }
.mini-person strong { font-size:.86rem; margin-top:2px; }
.mini-person span { color:#65758a; font-size:.68rem; }
.online-pill { margin-left:auto; display:flex; gap:5px; align-items:center; color:#087443; font-size:.62rem; font-weight:800; padding:6px 8px; border-radius:999px; background:#eefbf4; }
.online-pill i, .company-card-footer i { width:7px; height:7px; border-radius:50%; background:var(--success); box-shadow:0 0 0 4px rgba(32,178,107,.1); }
.mini-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:21px 0; }
.mini-stats span { padding:12px 10px; border:1px solid #e5ebf1; border-radius:12px; background:#f8fafc; }
.mini-stats b, .mini-stats small { display:block; }
.mini-stats b { font-size:.82rem; }
.mini-stats em { color:#ffb020; font-style:normal; }
.mini-stats small { color:#718196; font-size:.58rem; }
.mini-services, .tag-row { display:flex; flex-wrap:wrap; gap:6px; }
.mini-services { margin-bottom:19px; }
.mini-services span, .tag-row span, .badge-soft { padding:6px 9px; border-radius:8px; background:#eef3f7; color:#4e6075; font-size:.66rem; font-weight:780; }
.floating-review, .floating-request { position:absolute; z-index:4; display:flex; border:1px solid rgba(255,255,255,.18); background:rgba(8,20,34,.85); color:#fff; backdrop-filter:blur(20px); box-shadow:0 20px 50px rgba(0,0,0,.28); }
.floating-review { left:-14px; bottom:0; flex-direction:column; width:205px; padding:16px; border-radius:16px; transform:rotate(-2deg); }
.floating-review span { color:#ffbd45; letter-spacing:2px; font-size:.72rem; }
.floating-review strong { font-size:.76rem; margin:5px 0 2px; }
.floating-review small { color:#90a2b7; font-size:.58rem; }
.floating-request { right:-20px; top:26%; align-items:center; gap:10px; padding:12px 14px; border-radius:15px; }
.floating-request i { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:rgba(94,230,185,.15); color:var(--mint); font-style:normal; }
.floating-request strong,.floating-request small { display:block; }
.floating-request strong { font-size:.68rem; }
.floating-request small { color:#90a2b7; font-size:.55rem; }
.hero-bottomline { position:relative; z-index:2; min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid rgba(255,255,255,.1); color:#7f93aa; font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; }
.hero-bottomline > div { display:flex; flex-wrap:wrap; gap:26px; color:#c2ceda; }

/* Sections */
.section { padding: 105px 0; }
.section-sm { padding: 65px 0; }
.section-soft, .bg-soft { background: var(--soft); }
.section-dark { background: var(--ink); color:#fff; }
.section-head { max-width:790px; text-align:center; margin:0 auto 48px; }
.section-head p { color:var(--muted); font-size:1.05rem; }
.section-head h2 span, .section-head-wide h2 span { color:#7d8ea2; }
.section-head.inline { max-width:none; text-align:left; display:flex; justify-content:space-between; align-items:end; gap:30px; }
.section-head-wide { max-width:none; display:grid; grid-template-columns:1.15fr .85fr; gap:75px; text-align:left; align-items:end; }
.section-head-wide p { color:var(--muted); font-size:1.08rem; margin-bottom:9px; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; margin-bottom:14px; color:var(--cyan); font-size:.68rem; font-weight:900; text-transform:uppercase; letter-spacing:.16em; }
.eyebrow::before { content:""; width:19px; height:2px; background:currentColor; border-radius:2px; }
.eyebrow.dark { color:var(--blue); }

/* Bento */
.intro-section { background:linear-gradient(180deg,#fff,#f7fafe); }
.bento-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:minmax(280px,auto); gap:16px; }
.bento-card { position:relative; overflow:hidden; min-height:280px; padding:28px; border:1px solid var(--line); border-radius:25px; background:#fff; box-shadow:var(--shadow-sm); }
.bento-card::before { content:""; position:absolute; width:220px; height:220px; border-radius:50%; right:-140px; bottom:-150px; background:var(--soft-blue); transition:.35s ease; }
.bento-card:hover::before { transform:scale(1.25); }
.bento-large { grid-column:span 2; grid-row:span 2; min-height:576px; padding:38px; background:linear-gradient(145deg,#fff,#eef5ff); }
.bento-wide { grid-column:span 2; display:grid; grid-template-columns:1fr auto; gap:25px; align-items:center; background:var(--ink); color:#fff; border-color:transparent; }
.bento-accent { background:linear-gradient(145deg,#2558e9,#1537a2); color:#fff; border-color:transparent; }
.card-number { position:absolute; top:24px; right:25px; color:#9cafc3; font-size:.7rem; font-weight:900; }
.bento-accent .card-number,.bento-wide .card-number { color:rgba(255,255,255,.5); }
.bento-icon { width:47px; height:47px; display:grid; place-items:center; margin-bottom:45px; border-radius:14px; background:var(--soft-blue); color:var(--blue); font-size:1.25rem; font-weight:900; }
.bento-accent .bento-icon,.bento-wide .bento-icon { background:rgba(255,255,255,.12); color:#fff; }
.bento-card h3 { max-width:450px; font-size:clamp(1.25rem,2vw,1.75rem); }
.bento-large h3 { font-size:2.15rem; margin-top:70px; max-width:510px; }
.bento-card p { color:var(--muted); font-size:.93rem; max-width:520px; }
.bento-accent p,.bento-wide p { color:rgba(255,255,255,.72); }
.brand-preview { position:absolute; left:38px; right:38px; bottom:38px; display:flex; align-items:center; gap:13px; padding:16px; border-radius:17px; background:rgba(255,255,255,.83); border:1px solid rgba(255,255,255,.9); box-shadow:0 20px 45px rgba(20,55,120,.12); backdrop-filter:blur(15px); }
.brand-preview > div:first-child { width:50px; height:50px; display:grid; place-items:center; border-radius:13px; color:#0e7490; background:#fff; box-shadow:0 8px 20px rgba(7,18,31,.09); font-weight:950; }
.brand-preview b,.brand-preview small { display:block; }
.brand-preview small { color:var(--muted); font-size:.7rem; }
.brand-preview i { margin-left:auto; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#dff9eb; color:#09844d; font-style:normal; }
.bento-metric { position:absolute; left:28px; bottom:28px; }
.bento-metric strong,.bento-metric span { display:block; }
.bento-metric strong { color:var(--blue); font-size:2rem; letter-spacing:-.05em; }
.bento-metric span { color:#8798aa; font-size:.65rem; }
.project-stack { position:absolute; left:28px; right:28px; bottom:28px; height:78px; }
.project-stack i { position:absolute; width:105px; height:72px; border-radius:12px; border:2px solid rgba(255,255,255,.45); background:linear-gradient(145deg,#79d4f1,#1341c8); box-shadow:0 12px 25px rgba(0,0,0,.16); }
.project-stack i:nth-child(1){left:0;transform:rotate(-8deg)}.project-stack i:nth-child(2){left:52px;transform:rotate(2deg)}.project-stack i:nth-child(3){left:105px;transform:rotate(10deg)}
.avatar-stack { position:absolute; left:28px; bottom:30px; display:flex; align-items:center; }
.avatar-stack span,.avatar-stack b { width:45px; height:45px; display:grid; place-items:center; border-radius:50%; border:3px solid #fff; margin-left:-9px; color:#fff; background:linear-gradient(145deg,#7690ab,#1c334b); font-size:.68rem; }
.avatar-stack span:first-child { margin-left:0; }.avatar-stack span:nth-child(2){background:linear-gradient(145deg,#c47748,#6c2f1b)}.avatar-stack span:nth-child(3){background:linear-gradient(145deg,#6a82d8,#283b82)}
.avatar-stack b { background:#e8eef4; color:#42566e; }
.bento-wide a { color:var(--mint); font-weight:850; font-size:.84rem; }
.modern-qr { position:relative; width:170px; height:170px; flex:0 0 auto; border:13px solid #fff; border-radius:17px; background:repeating-conic-gradient(#07121f 0 25%,#fff 0 50%) 0 / 26px 26px; box-shadow:0 25px 50px rgba(0,0,0,.3); }
.modern-qr span { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:45px; height:45px; display:grid; place-items:center; border:6px solid #fff; border-radius:10px; background:var(--blue); color:#fff; font-weight:950; }
.micro-note { margin-top:15px; color:#92a0af; font-size:.68rem; }

/* Audience */
.audience-section { background:#fff; }
.audience-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:85px; align-items:start; }
.audience-copy { position:sticky; top:150px; }
.audience-copy p { color:var(--muted); font-size:1.03rem; max-width:500px; }
.audience-modern-grid { display:grid; gap:12px; }
.audience-modern-card { min-height:145px; display:grid; grid-template-columns:65px 1fr 45px; gap:18px; align-items:center; padding:26px 28px; border:1px solid var(--line); border-radius:22px; background:#fff; transition:.25s ease; }
.audience-modern-card > span { width:50px; height:50px; display:grid; place-items:center; border-radius:15px; background:var(--soft); color:#7b8da2; font-size:.72rem; font-weight:900; }
.audience-modern-card h3 { margin-bottom:7px; }
.audience-modern-card p { color:var(--muted); font-size:.86rem; margin:0; }
.audience-modern-card > i { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:var(--blue); background:var(--soft-blue); font-style:normal; }
.audience-modern-card:hover,.audience-modern-card.active { transform:translateX(8px); border-color:rgba(37,99,235,.28); box-shadow:0 20px 50px rgba(7,18,31,.08); }
.audience-modern-card.active { background:linear-gradient(145deg,#0b1b2d,#122f4b); color:#fff; }
.audience-modern-card.active p { color:#9fb0c2; }
.audience-modern-card.active > span,.audience-modern-card.active > i { background:rgba(255,255,255,.09); color:var(--mint); }

/* Company cards */
.companies-section { background:var(--soft); }
.company-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.company-grid.two { grid-template-columns:repeat(2,1fr); }
.company-card { --company-accent:#0e7490; overflow:hidden; border:1px solid var(--line); border-radius:25px; background:#fff; box-shadow:0 12px 35px rgba(7,18,31,.06); transition:.28s ease; }
.company-card:hover { transform:translateY(-8px); box-shadow:0 28px 70px rgba(7,18,31,.14); }
.company-cover { position:relative; height:150px; padding:20px; overflow:hidden; background:linear-gradient(135deg,var(--company-accent),#07121f 80%); }
.company-cover::before { content:""; position:absolute; width:180px; height:180px; border-radius:50%; right:-50px; top:-100px; background:rgba(255,255,255,.14); }
.company-cover-grid { position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px); background-size:26px 26px; mask-image:linear-gradient(90deg,transparent,#000); }
.company-cover .company-category { position:relative; color:#fff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(10px); padding:7px 10px; border-radius:999px; font-size:.63rem; font-weight:850; }
.company-save { position:absolute; right:17px; top:17px; }
.company-content { padding:0 23px 22px; }
.company-card-head { display:flex; justify-content:space-between; align-items:end; min-height:50px; }
.company-card .company-logo { width:70px; height:70px; margin-top:-35px; border:5px solid #fff; border-radius:19px; box-shadow:0 12px 30px rgba(7,18,31,.14); }
.company-card .company-logo span { color:var(--company-accent); }
.company-rating { text-align:right; padding-bottom:2px; }
.company-rating b,.company-rating small { display:block; }
.company-rating b { color:#b86f00; font-size:.82rem; }
.company-rating small { color:#8796a8; font-size:.61rem; }
.verified-row { display:flex; align-items:center; gap:9px; margin:15px 0 10px; color:#7c8c9e; font-size:.66rem; }
.company-content h3 { font-size:1.3rem; margin:0 0 10px; }
.company-content > p { color:var(--muted); font-size:.86rem; min-height:84px; }
.company-card .tag-row { margin:16px 0 19px; }
.company-card-footer { min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:16px; border-top:1px solid #e8edf2; }
.company-card-footer > span { display:flex; align-items:center; gap:7px; color:#65758a; font-size:.64rem; }
.card-link { display:inline-flex; align-items:center; gap:7px; color:var(--blue); font-size:.75rem; font-weight:900; }
.card-link b { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; background:var(--soft-blue); }

/* Workflow */
.workflow-section { background:#fff; }
.workflow-shell { position:relative; overflow:hidden; padding:70px; border-radius:35px; color:#fff; background:radial-gradient(circle at 95% 20%,rgba(57,198,244,.2),transparent 25%),linear-gradient(135deg,#07121f,#102b47); }
.workflow-shell::before { content:""; position:absolute; inset:0; opacity:.18; background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 1.5px); background-size:23px 23px; mask-image:linear-gradient(90deg,transparent,#000); }
.workflow-head,.workflow-steps,.workflow-shell>.btn { position:relative; }
.workflow-head { display:grid; grid-template-columns:1fr .7fr; gap:40px; align-items:end; }
.workflow-head .eyebrow { grid-column:1/-1; margin-bottom:-25px; }
.workflow-head p { color:#9fb0c3; }
.workflow-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:42px 0 34px; }
.workflow-steps article { min-height:180px; padding:23px; border:1px solid rgba(255,255,255,.11); border-radius:19px; background:rgba(255,255,255,.055); backdrop-filter:blur(15px); }
.workflow-steps article > span { display:block; color:var(--mint); font-size:.68rem; font-weight:900; margin-bottom:33px; }
.workflow-steps h3 { font-size:1.05rem; }
.workflow-steps p { color:#94a7ba; font-size:.78rem; margin:0; }

/* Final CTA */
.final-cta-section { padding-top:20px; }
.final-cta { min-height:500px; display:grid; grid-template-columns:1fr .85fr; gap:30px; align-items:center; padding:75px; border-radius:38px; overflow:hidden; color:#fff; background:linear-gradient(135deg,#204edb,#0b68c9 54%,#08a1bd); box-shadow:0 35px 90px rgba(37,99,235,.24); }
.final-cta-copy { position:relative; z-index:2; }
.final-cta-copy p { color:#d6e9ff; max-width:650px; }
.final-cta-visual { position:relative; min-height:340px; }
.cta-ring { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:250px; height:250px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.3); box-shadow:0 0 0 35px rgba(255,255,255,.06),0 0 0 70px rgba(255,255,255,.035); }
.cta-ring span { width:100px; height:100px; display:grid; place-items:center; border-radius:27px; background:#fff; color:var(--blue); font-size:2.1rem; font-weight:950; box-shadow:0 25px 50px rgba(0,0,0,.2); }
.cta-chip { position:absolute; padding:11px 15px; border:1px solid rgba(255,255,255,.2); border-radius:12px; background:rgba(7,18,31,.52); backdrop-filter:blur(15px); font-size:.7rem; font-weight:850; box-shadow:0 15px 35px rgba(0,0,0,.16); }
.chip-one{left:0;top:20%}.chip-two{right:0;top:43%;color:#ffd267}.chip-three{left:10%;bottom:8%;color:var(--mint)}

/* Inner page hero */
.page-hero { position:relative; overflow:hidden; color:#fff; padding:105px 0 90px; background:radial-gradient(circle at 83% 5%,rgba(57,198,244,.25),transparent 25%),linear-gradient(135deg,#07121f,#11314f); }
.page-hero::after { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:62px 62px; mask-image:linear-gradient(90deg,transparent,#000); }
.page-hero .container { position:relative; z-index:1; }
.page-hero h1 { max-width:950px; font-size:clamp(2.8rem,5vw,5.3rem); }
.page-hero p,.hero-lead { max-width:760px; color:#afbed0; font-size:1.12rem; }
.page-hero.compact { padding:70px 0; }
.hero-content { max-width:820px; }
.search-panel { max-width:980px; display:grid; grid-template-columns:1fr 1fr auto; gap:9px; margin-top:35px; padding:10px; border:1px solid rgba(255,255,255,.17); border-radius:17px; background:rgba(255,255,255,.96); color:var(--text); box-shadow:0 25px 60px rgba(0,0,0,.24); }
.search-panel label { padding:4px 10px; }
.search-panel label+label { border-left:1px solid var(--line); }
.search-panel label span,label>span { display:block; color:#748498; font-size:.65rem; font-weight:850; margin-bottom:2px; }
.search-panel input { border:0; padding:5px 0; }

/* Forms */
input,select,textarea { width:100%; min-height:45px; padding:10px 12px; border:1px solid var(--line); border-radius:11px; outline:none; color:var(--text); background:#fff; transition:.2s; }
textarea { resize:vertical; }
input:focus,select:focus,textarea:focus { border-color:rgba(37,99,235,.55); box-shadow:0 0 0 4px rgba(37,99,235,.1); }
label { display:block; }
fieldset { border:0; padding:0; margin:0; }
legend { font-weight:850; margin-bottom:8px; }

/* Listing */
.listing-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:38px; align-items:start; }
.filters { position:sticky; top:120px; padding:24px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:var(--shadow-sm); }
.filters h2 { font-size:1.2rem; }
.filters > label { margin:18px 0; }
.filters fieldset { margin-top:20px; padding-top:19px; border-top:1px solid var(--line); }
.filters fieldset label { display:flex; align-items:center; gap:8px; margin:10px 0; color:var(--muted); font-size:.82rem; }
.filters input[type="checkbox"] { width:16px; min-height:16px; }
.results-head { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:24px; }
.results-head h2 { font-size:2rem; margin-bottom:4px; }.results-head p { color:var(--muted); margin:0; }.results-head select { width:auto; }

/* Generic feature pages */
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.feature-card,.card-feature,.card-clean,.card-modern,.card-step,.card-highlight,.mini-card { position:relative; height:100%; padding:28px; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:var(--shadow-sm); transition:.25s; }
.feature-card:hover,.card-feature:hover,.card-clean:hover,.card-modern:hover,.card-step:hover,.card-highlight:hover,.mini-card:hover { transform:translateY(-6px); box-shadow:var(--shadow); }
.feature-card > span { color:var(--blue); font-size:.7rem; font-weight:900; }
.feature-card h3 { margin-top:35px; }
.feature-card p,.card-feature p,.card-clean p,.mini-card p { color:var(--muted); margin-bottom:0; }
.feature-icon,.step-icon,.mini-icon { width:52px; height:52px; display:grid; place-items:center; border-radius:15px; color:var(--blue); background:var(--soft-blue); font-weight:900; margin-bottom:20px; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.metric-panel { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.metric-panel > div { min-height:180px; display:flex; flex-direction:column; justify-content:end; padding:23px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:var(--shadow-sm); }
.metric-panel strong { font-size:2.1rem; color:var(--blue); letter-spacing:-.06em; }.metric-panel span { color:var(--muted); font-size:.76rem; }
.check-list { list-style:none; padding:0; margin:25px 0; display:grid; grid-template-columns:repeat(2,1fr); gap:10px 25px; }
.check-list li { position:relative; padding-left:27px; color:var(--muted); }
.check-list li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--success); font-weight:950; }
.check-list.compact { display:block; }.check-list.compact li { margin:9px 0; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.steps article { padding:28px; border:1px solid var(--line); border-radius:22px; background:#fff; }.steps > article > span { color:var(--blue); font-weight:950; font-size:1.7rem; }
.cta-section { color:#fff; padding:75px 0; background:linear-gradient(135deg,#1749d2,#086ba7); }
.cta-section .container { display:flex; justify-content:space-between; align-items:center; gap:35px; }.cta-section p { color:#d4e6f7; }.cta-section h2 { max-width:800px; }
.qr-panel { display:grid; grid-template-columns:1.25fr .75fr; gap:50px; align-items:center; padding:55px; border:1px solid #dce9f6; border-radius:30px; background:linear-gradient(145deg,#f0f7ff,#fff); }
.qr-visual { text-align:center; }.fake-qr { width:190px; height:190px; margin:0 auto; border:15px solid #fff; border-radius:16px; background:repeating-conic-gradient(#07121f 0 25%,#fff 0 50%) 0/30px 30px; box-shadow:var(--shadow); }.qr-visual span { display:block; margin-top:15px; font-weight:850; }
.seo-box,.legal-content { max-width:920px; margin:0 auto; padding:38px; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:var(--shadow-sm); }.legal-content h2,.seo-box h2 { font-size:1.75rem; margin-top:30px; }.legal-content p,.seo-box p { color:var(--muted); }
.error-page { min-height:65vh; display:grid; place-items:center; text-align:center; padding:80px 20px; }.error-page h1 { color:var(--blue); }

/* Company profile */
.company-hero { --accent:#0e7490; position:relative; overflow:hidden; padding:82px 0 70px; color:#fff; background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--accent) 65%,transparent),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 72%,#07121f),#07121f 80%); }
.company-hero::after { content:""; position:absolute; inset:0; opacity:.17; background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 1.5px); background-size:22px 22px; mask-image:linear-gradient(90deg,transparent,#000); }
.company-hero > .container { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:45px; }
.company-hero-main { display:flex; align-items:center; gap:25px; }
.company-logo.large { width:120px; height:120px; border:7px solid rgba(255,255,255,.25); border-radius:27px; }.company-logo.large span { font-size:1.8rem; color:var(--accent); }
.badge-row { display:flex; gap:8px; flex-wrap:wrap; }.badge-row > span:not(.verified) { padding:5px 8px; border-radius:999px; background:rgba(255,255,255,.11); border:1px solid rgba(255,255,255,.12); font-size:.65rem; }
.company-hero h1 { font-size:clamp(2.5rem,5vw,5rem); margin:12px 0; }.company-hero p { color:#d5e1ec; max-width:760px; }.hero-meta { display:flex; flex-wrap:wrap; gap:9px 20px; color:#c3d2df; font-size:.75rem; }
.profile-person { min-width:270px; display:flex; gap:13px; align-items:center; padding:17px; border:1px solid rgba(255,255,255,.14); border-radius:19px; background:rgba(255,255,255,.08); backdrop-filter:blur(16px); }.profile-person small,.profile-person strong,.profile-person span { display:block; }.profile-person small,.profile-person span { color:#b9c8d6; font-size:.68rem; }
.profile-nav { position:sticky; top:102px; z-index:90; border-bottom:1px solid var(--line); background:rgba(255,255,255,.94); backdrop-filter:blur(18px); }.profile-nav .container { min-height:65px; display:flex; align-items:center; gap:24px; }.profile-nav a { color:#516276; font-size:.78rem; font-weight:800; }.profile-nav .btn { margin-left:auto; color:#fff; }
.profile-layout { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:60px; align-items:start; }
.profile-main > section { scroll-margin-top:180px; padding-bottom:75px; margin-bottom:75px; border-bottom:1px solid var(--line); }.profile-main > section:last-child { border-bottom:0; }
.lead-text { color:#526378; font-size:1.13rem; }
.fact-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:30px; }.fact-grid > div { min-height:120px; display:flex; flex-direction:column; justify-content:end; padding:18px; border:1px solid #e5ebf1; border-radius:17px; background:#f8fafc; }.fact-grid strong,.fact-grid span { display:block; }.fact-grid strong { font-size:1.2rem; }.fact-grid span { color:var(--muted); font-size:.65rem; }
.service-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.service-grid article { min-height:170px; padding:23px; border:1px solid var(--line); border-radius:19px; background:#fff; transition:.22s; }.service-grid article:hover { transform:translateY(-4px); box-shadow:var(--shadow-sm); }.service-grid article > span { color:var(--blue); font-size:.68rem; font-weight:900; }.service-grid h3 { margin-top:30px; }.service-grid p { color:var(--muted); font-size:.8rem; margin:0; }
.project-grid { display:grid; gap:14px; }.project-grid article { display:grid; grid-template-columns:230px 1fr; overflow:hidden; border:1px solid var(--line); border-radius:21px; background:#fff; }.project-image { min-height:170px; display:grid; place-items:center; color:#fff; font-weight:900; background:linear-gradient(145deg,#76b5d0,#193b56); }.project-grid article:nth-child(2) .project-image { background:linear-gradient(145deg,#d2a56d,#674322); }.project-grid article:nth-child(3) .project-image { background:linear-gradient(145deg,#7d91c8,#27395f); }.project-grid article > div:last-child { padding:24px; }.project-grid p { color:var(--muted); font-size:.82rem; }.project-grid a { color:var(--blue); font-weight:850; font-size:.75rem; }
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }.team-grid article { padding:23px; text-align:center; border:1px solid var(--line); border-radius:20px; background:#fff; }.team-grid .avatar { margin:0 auto 17px; }.team-grid p,.team-grid span { color:var(--muted); font-size:.76rem; }
.rating-summary { display:grid; grid-template-columns:220px 1fr; gap:35px; align-items:center; padding:28px; border:1px solid var(--line); border-radius:22px; background:#f8fafc; }.rating-summary > div:first-child { text-align:center; }.rating-summary strong,.rating-summary > div:first-child span,.rating-summary small { display:block; }.rating-summary strong { font-size:3.5rem; letter-spacing:-.07em; }.rating-summary > div:first-child span { color:#ffb020; }.rating-summary small { color:var(--muted); }
.bars > div { display:grid; grid-template-columns:60px 1fr 40px; align-items:center; gap:10px; margin:7px 0; font-size:.68rem; }.bars i { height:7px; overflow:hidden; border-radius:99px; background:#e4eaf0; }.bars b { display:block; height:100%; border-radius:99px; background:#ffb020; }.bars em { font-style:normal; color:var(--muted); }
.review-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }.review-grid article { padding:23px; border:1px solid var(--line); border-radius:19px; }.review-grid article > span { color:#ffb020; }.review-grid p { color:var(--muted); font-size:.84rem; }
.profile-sidebar { position:sticky; top:190px; }.contact-card,.side-card { padding:24px; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:var(--shadow-sm); }.contact-card h2 { font-size:1.8rem; margin-top:16px; }.contact-card p { color:var(--muted); font-size:.84rem; }.contact-card label { margin:15px 0; }.contact-card > small { display:block; color:var(--muted); text-align:center; margin-top:10px; font-size:.65rem; }.status-dot { display:inline-flex; align-items:center; gap:7px; padding:6px 9px; border-radius:999px; color:#087443; background:#e7faef; font-size:.68rem; font-weight:850; }.status-dot::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--success); }.side-card { margin-top:12px; box-shadow:none; }.side-card h3 { font-size:1rem; }

/* Footer */
.site-footer { position:relative; overflow:hidden; margin-top:100px; padding-top:70px; color:#b3c1d0; background:var(--ink); }
.footer-orb { position:absolute; right:-180px; top:-240px; width:500px; height:500px; border-radius:50%; background:rgba(37,99,235,.23); filter:blur(80px); }
.footer-intro { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:end; gap:30px; padding-bottom:58px; border-bottom:1px solid rgba(255,255,255,.1); }.footer-intro h2 { max-width:760px; color:#fff; font-size:clamp(2rem,3.5vw,3.8rem); }
.footer-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.7fr repeat(4,1fr); gap:35px; padding:58px 0; }.footer-grid > div { display:flex; flex-direction:column; align-items:flex-start; }.brand-footer { color:#fff; }.footer-brand-column p { max-width:360px; color:#8295a9; font-size:.82rem; }.footer-grid h3 { color:#fff; font-size:.86rem; margin-bottom:17px; }.footer-grid a:not(.brand) { color:#8fa1b4; font-size:.76rem; margin:5px 0; }.footer-grid a:hover { color:#fff; }.trust-row { display:flex; flex-wrap:wrap; gap:7px; }.trust-row span { padding:6px 9px; border:1px solid rgba(255,255,255,.1); border-radius:999px; color:#9fb0c1; font-size:.59rem; }
.footer-bottom { min-height:75px; display:flex; justify-content:space-between; align-items:center; gap:25px; border-top:1px solid rgba(255,255,255,.09); color:#6f8297; font-size:.69rem; }.footer-bottom > div { display:flex; gap:18px; }.footer-bottom a:hover { color:#fff; }
.mobile-cta { display:none; }

/* Small layout utility classes */
.row { display:flex; flex-wrap:wrap; margin:-10px; }.row > * { padding:10px; }.col-lg-6,.col-md-6 { width:50%; }.col-xl-3 { width:25%; }.g-4 { gap:0; }.d-flex { display:flex; }.flex-wrap { flex-wrap:wrap; }.gap-3 { gap:1rem; }.justify-content-center { justify-content:center; }.align-items-stretch { align-items:stretch; }.text-center { text-align:center; }.text-muted-custom { color:var(--muted); }.mx-auto { margin-left:auto; margin-right:auto; }.mb-0{margin-bottom:0}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-3{margin-top:1rem}.pt-0{padding-top:0}.h-100{height:100%}.h4{font-size:1.4rem}.h5{font-size:1.1rem}.dkOrange{color:var(--orange)}

@media (max-width: 1120px) {
  .main-nav { gap:0; }.main-nav a { padding:10px 7px; font-size:.79rem; }.nav-actions .btn-ghost { display:none; }
  .hero-grid { gap:35px; }.floating-request { right:-8px; }.company-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1.6fr repeat(2,1fr); }.footer-grid > div:nth-child(4),.footer-grid > div:nth-child(5){margin-top:10px;}
}

@media (max-width: 900px) {
  .container { width:min(100% - 32px,var(--container)); }
  .topbar-inner { justify-content:flex-start; overflow:hidden; white-space:nowrap; }.topbar-inner a { margin-left:auto; }
  .nav-wrap { position:relative; }.nav-toggle { display:block; margin-left:auto; }.nav-actions { display:none; }
  .main-nav { display:none; position:absolute; top:80px; left:0; right:0; padding:12px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow); }
  .main-nav.open { display:grid; }.main-nav a { padding:13px; }
  .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hero-home { margin-top:-102px; }.hero-grid { grid-template-columns:1fr; min-height:auto; padding:95px 0 50px; }.hero-copy { padding-top:45px; }.profile-showcase { width:min(680px,100%); margin:0 auto; }.hero-bottomline { flex-direction:column; justify-content:center; align-items:flex-start; padding:28px 0; }
  .section { padding:80px 0; }.section-head-wide,.audience-layout,.workflow-head,.final-cta,.split,.profile-layout { grid-template-columns:1fr; }.section-head-wide { gap:20px; }.audience-copy { position:static; }.audience-layout { gap:35px; }
  .bento-grid { grid-template-columns:repeat(2,1fr); }.bento-large { grid-column:span 2; }.bento-wide { grid-column:span 2; }
  .workflow-shell,.final-cta { padding:50px 35px; }.workflow-head .eyebrow { margin-bottom:0; }.workflow-steps { grid-template-columns:1fr; }.workflow-steps article { min-height:auto; display:grid; grid-template-columns:60px 1fr; }.workflow-steps article>span { margin:4px 0; }
  .final-cta-visual { min-height:300px; }.listing-layout { grid-template-columns:1fr; }.filters { position:static; }.company-grid.two { grid-template-columns:1fr; }
  .profile-person { display:none; }.profile-nav { top:102px; overflow:auto; }.profile-nav .container { min-width:max-content; }.profile-sidebar { position:static; }.fact-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:repeat(2,1fr); }.footer-brand-column { grid-column:1/-1; }
}

@media (max-width: 650px) {
  body { padding-bottom:66px; }.container { width:min(100% - 24px,var(--container)); }.topbar { display:none; }.nav-shell { padding:8px 0; }.nav-wrap { min-height:62px; border-radius:17px; }.brand-mark { width:38px; height:38px; }.brand-word strong { font-size:1.02rem; }
  .hero-home { margin-top:-78px; padding-top:78px; }.hero-grid { padding:65px 0 20px; }.hero-copy { padding-top:30px; }.hero-copy h1 { font-size:clamp(3rem,14vw,4.4rem); }.hero-proof { grid-template-columns:1fr; gap:14px; }.hero-proof span { padding-bottom:11px; border-bottom:1px solid rgba(255,255,255,.08); }.hero-actions .btn { width:100%; }
  .profile-showcase { padding:20px 0 70px; }.browser-card { transform:none; border-radius:18px; }.mini-cover { min-height:165px; padding:22px 18px; }.mini-logo { width:59px; height:59px; border-radius:15px; }.mini-title h2 { font-size:1.08rem; }.mini-save { display:none; }.mini-body { padding:20px 18px; }.online-pill { display:none; }.mini-stats { grid-template-columns:1fr 1fr; }.mini-stats span:last-child { display:none; }.floating-request { display:none; }.floating-review { left:14px; bottom:0; }.hero-bottomline > div { gap:13px; font-size:.6rem; }
  .section { padding:68px 0; }.section-head.inline { display:block; }.section-head.inline .text-link { margin-top:10px; }.section-head-wide h2 { font-size:2.4rem; }
  .bento-grid { grid-template-columns:1fr; }.bento-large,.bento-wide { grid-column:auto; }.bento-large { min-height:560px; padding:28px; }.bento-large h3 { font-size:1.75rem; }.brand-preview { left:28px; right:28px; bottom:28px; }.bento-wide { grid-template-columns:1fr; }.modern-qr { width:145px; height:145px; margin-top:5px; }
  .audience-modern-card { grid-template-columns:48px 1fr; padding:20px; }.audience-modern-card > span { width:40px; height:40px; }.audience-modern-card > i { display:none; }.audience-modern-card:hover,.audience-modern-card.active { transform:none; }
  .company-grid { grid-template-columns:1fr; }.company-content > p { min-height:auto; }.workflow-shell { padding:38px 22px; border-radius:26px; }.workflow-steps article { grid-template-columns:45px 1fr; }
  .final-cta { padding:42px 24px; border-radius:28px; }.final-cta-visual { min-height:270px; }.cta-ring { width:180px; height:180px; }.cta-ring span { width:75px; height:75px; }.chip-one{left:0}.chip-two{right:0}.chip-three{left:0}
  .page-hero { padding:75px 0 65px; }.page-hero h1 { font-size:2.75rem; }.search-panel { grid-template-columns:1fr; }.search-panel label+label { border-left:0; border-top:1px solid var(--line); padding-top:10px; }.results-head { display:block; }.results-head select { width:100%; margin-top:14px; }
  .feature-grid,.steps,.metric-panel,.service-grid,.team-grid,.review-grid,.qr-panel { grid-template-columns:1fr; }.feature-card h3 { margin-top:25px; }.check-list { grid-template-columns:1fr; }.cta-section .container,.footer-intro { display:block; }.cta-section .btn,.footer-intro .btn { margin-top:15px; }
  .company-hero { padding:58px 0; }.company-hero-main { align-items:flex-start; }.company-logo.large { width:78px; height:78px; border-radius:19px; }.company-logo.large span { font-size:1.15rem; }.company-hero h1 { font-size:2.2rem; }.hero-meta { display:grid; }.profile-nav { top:78px; }.profile-nav .container { gap:16px; }.profile-nav .btn { display:none; }.fact-grid { grid-template-columns:1fr 1fr; }.project-grid article { grid-template-columns:1fr; }.project-image { min-height:130px; }.rating-summary { grid-template-columns:1fr; }.profile-main>section { padding-bottom:55px; margin-bottom:55px; }
  .footer-intro { padding-bottom:40px; }.footer-grid { grid-template-columns:1fr 1fr; gap:28px 20px; }.footer-bottom { display:block; padding:20px 0; }.footer-bottom>div { margin-top:8px; }.mobile-cta { position:fixed; left:0; right:0; bottom:0; z-index:300; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:8px; background:rgba(255,255,255,.96); border-top:1px solid var(--line); backdrop-filter:blur(16px); }.mobile-cta a { min-height:48px; display:grid; place-items:center; border-radius:12px; background:#eef3f8; font-weight:850; font-size:.78rem; }.mobile-cta a:last-child { color:#fff; background:var(--blue); }
  .row { display:block; margin:0; }.row>* { width:100%; padding:7px 0; }.col-lg-6,.col-md-6,.col-xl-3 { width:100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
}

/* Real logo and profile-image placeholders */
.mini-logo img,
.company-logo img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.portrait img {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-photo {
  flex: 0 0 auto;
  width: 76px;
  height: 76px;
  overflow: hidden;
  border: 3px solid rgba(255,255,255,.26);
  border-radius: 20px;
  background: rgba(255,255,255,.1);
}
.profile-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}