*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#07080a;
  --bg2:#0b0d10;
  --bg3:#10131a;
  --bg4:#161b23;
  --bg5:#1c2130;
  --border:rgba(255,255,255,0.055);
  --border2:rgba(255,255,255,0.09);
  --border3:rgba(255,255,255,0.16);
  --t1:#edeae4;
  --t2:#c8c3bb;
  --t3:#8e8a83;
  --t4:#797672;
  --gold:#d4a853;
  --gold2:#e8c070;
  --gold-dim:rgba(212,168,83,0.10);
  --gold-glow:rgba(212,168,83,0.32);
  --gold-glow2:rgba(212,168,83,0.12);
  --blue:#4f9cf9;
  --blue-dim:rgba(79,156,249,0.09);
  --blue-glow:rgba(79,156,249,0.26);
  --teal:#3dd9c4;
  --teal-dim:rgba(61,217,196,0.08);
  --teal-glow:rgba(61,217,196,0.24);
  --serif:'Fraunces',Georgia,serif;
  --sans:'Sora',sans-serif;
  --mono:'JetBrains Mono',monospace;
  --r:8px;--rl:14px;--rxl:20px;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t1);font-family:var(--sans);font-size:15px;line-height:1.65;overflow-x:hidden;cursor:none}

/* ─── CURSOR ─────────────────────────────── */
#cur{position:fixed;width:6px;height:6px;border-radius:50%;background:var(--gold);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .18s,height .18s;box-shadow:0 0 8px 2px var(--gold-glow)}
#ring{position:fixed;width:32px;height:32px;border-radius:50%;border:1px solid rgba(212,168,83,.28);pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .22s,height .22s,border-color .22s}
#cur.big{width:10px;height:10px}
#ring.big{width:56px;height:56px;border-color:rgba(212,168,83,.10)}

/* ─── NAV ─────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;background:rgba(7,8,10,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}
.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12.5px;letter-spacing:.10em;text-transform:uppercase;color:var(--t1);text-decoration:none;flex-shrink:0}
.nav-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px 3px var(--gold-glow);flex-shrink:0}
.nav-links{display:flex;gap:36px;list-style:none;position:absolute;left:50%;transform:translateX(-50%)}
.nav-links a{font-size:12px;color:var(--t3);text-decoration:none;transition:color .2s;letter-spacing:.02em;font-weight:400}
.nav-links a:hover{color:var(--t1)}
.nav-r{display:flex;align-items:center;gap:12px;flex-shrink:0}
.nav-pill{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);background:var(--bg3);border:1px solid var(--border2);padding:5px 12px;border-radius:100px}
.btn-g{font-size:12px;font-weight:500;color:var(--bg);background:var(--gold);padding:8px 22px;border-radius:var(--r);text-decoration:none;box-shadow:0 0 24px -4px var(--gold-glow);transition:opacity .2s,box-shadow .2s;white-space:nowrap}
.btn-g:hover{opacity:.85;box-shadow:0 0 38px -4px var(--gold-glow)}
.btn-o{font-size:12px;color:var(--t2);border:1px solid var(--border2);background:transparent;padding:8px 22px;border-radius:var(--r);text-decoration:none;transition:border-color .2s,color .2s;white-space:nowrap}
.btn-o:hover{border-color:var(--border3);color:var(--t1)}

/* ─── HERO ────────────────────────────────── */
.hero{min-height:100vh;padding:80px 52px 72px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;position:relative;overflow:hidden}
.hero-glow-l{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,83,.06) 0%,transparent 68%);top:-180px;left:-150px;pointer-events:none}
.hero-glow-r{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(79,156,249,.05) 0%,transparent 68%);bottom:-80px;right:-60px;pointer-events:none}
.hero-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 0%,transparent 100%)}

.hero-left{position:relative;z-index:2;padding-top:20px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:24px;padding:5px 14px;background:var(--gold-dim);border:1px solid rgba(212,168,83,.18);border-radius:100px}
.eyebrow::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 7px 2px var(--gold-glow);flex-shrink:0}
.hero-h1{font-family:var(--serif);font-size:clamp(44px,4.8vw,72px);font-weight:300;line-height:1.05;letter-spacing:-.02em;margin-bottom:20px;color:var(--t1)}
.hero-h1 em{font-style:italic;color:var(--gold);text-shadow:0 0 40px rgba(212,168,83,.38)}
.hero-p{font-size:14.5px;color:var(--t2);line-height:1.80;margin-bottom:32px;max-width:440px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.hero-stats{display:flex;gap:32px;padding-top:28px;border-top:1px solid var(--border)}
.h-stat-n{font-family:var(--serif);font-size:32px;font-weight:300;line-height:1;color:var(--t1);margin-bottom:4px}
.h-stat-n span{color:var(--gold)}
.h-stat-l{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}

.hero-right{position:relative;z-index:2;height:520px}
.hv-card{position:absolute;border-radius:var(--rl);overflow:hidden;border:1px solid var(--border2)}
.hv-card img{width:100%;height:100%;object-fit:cover;display:block}
.hv-main{top:0;left:0;right:0;height:300px;box-shadow:0 20px 80px -20px rgba(0,0,0,.8),0 0 0 1px var(--border);background:var(--bg3)}
.hv-main::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,rgba(7,8,10,.6))}
.hv-bot-l{bottom:0;left:0;width:48%;height:200px;border-color:rgba(212,168,83,.2);box-shadow:0 0 40px -8px var(--gold-glow),0 16px 48px -16px rgba(0,0,0,.7)}
.hv-bot-r{bottom:0;right:0;width:48%;height:200px;border-color:rgba(79,156,249,.15);box-shadow:0 0 40px -8px var(--blue-glow),0 16px 48px -16px rgba(0,0,0,.7)}
.hv-label{position:absolute;bottom:10px;left:10px;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--t2);background:rgba(7,8,10,.88);border:1px solid var(--border2);padding:3px 9px;border-radius:100px;backdrop-filter:blur(8px);z-index:2}
.hv-top-badge{position:absolute;top:14px;right:14px;z-index:3;background:rgba(7,8,10,.85);border:1px solid rgba(212,168,83,.22);padding:8px 14px;border-radius:var(--r);backdrop-filter:blur(12px)}
.hv-badge-kv{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:8.5px;letter-spacing:.10em;text-transform:uppercase}
.hv-badge-kv+.hv-badge-kv{margin-top:4px}
.hv-badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.hv-badge-dot.green{background:#3dd9c4;box-shadow:0 0 6px 1px rgba(61,217,196,.5)}
.hv-badge-dot.gold{background:var(--gold);box-shadow:0 0 6px 1px var(--gold-glow)}
.hv-badge-kv span{color:var(--t3);margin-right:4px}
.hv-badge-kv strong{color:var(--t2);font-weight:400}

/* ─── CLIENTS CAROUSEL ────────────────────── */
.clients-sec{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:36px 0;background:var(--bg2);position:relative;overflow:hidden}
.clients-sec::before,.clients-sec::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.clients-sec::before{left:0;background:linear-gradient(to right,var(--bg2),transparent)}
.clients-sec::after{right:0;background:linear-gradient(to left,var(--bg2),transparent)}
.clients-label{text-align:center;font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--t4);margin-bottom:28px}
.clients-track-wrap{overflow:hidden}
.clients-track{display:flex;gap:0;width:max-content;animation:clientScroll 28s linear infinite}
.clients-track:hover{animation-play-state:paused}
.client-logo-item{display:flex;align-items:center;justify-content:center;padding:0 48px;height:52px;border-right:1px solid var(--border);flex-shrink:0}
.client-logo-item img{height:28px;width:auto;filter:brightness(0) invert(1);opacity:.22;transition:opacity .3s}
.client-logo-item:hover img{opacity:.55}
@keyframes clientScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ─── MARQUEE ─────────────────────────────── */
.mq-bar{padding:11px 0;overflow:hidden;background:var(--bg);position:relative;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.mq-bar::before,.mq-bar::after{content:'';position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.mq-bar::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}
.mq-bar::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}
.mq-track{display:flex;width:max-content;animation:mq 32s linear infinite}
.mq-item{display:flex;align-items:center;gap:18px;padding-right:18px;font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--t4);white-space:nowrap}
.mq-sep{color:var(--gold);opacity:.3;font-size:12px}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ─── SECTION SHARED ──────────────────────── */
.sec-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--t3);margin-bottom:14px}
.sec-tag::before{content:'';width:14px;height:1px;background:var(--t4)}
h2.sh{font-family:var(--serif);font-size:clamp(30px,3.2vw,48px);font-weight:300;line-height:1.08;letter-spacing:-.015em;color:var(--t1);margin-bottom:12px}
h2.sh em{font-style:italic;color:var(--gold)}
.sl{font-size:14px;color:var(--t2);line-height:1.80;max-width:500px}
.section-wrap{padding:96px 52px;border-top:1px solid var(--border)}

/* ─── SERVICES ────────────────────────────── */
.services{background:var(--bg2);position:relative;overflow:hidden}
.services::before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(79,156,249,.04) 0%,transparent 70%);top:-80px;right:-80px;pointer-events:none}
.svc-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:40px}
.svc-note{font-size:13px;color:var(--t3);max-width:230px;text-align:right;line-height:1.65}

.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;margin-bottom:12px}
.svc-card{background:var(--bg2);padding:28px 24px;position:relative;transition:background .25s;cursor:default;display:flex;flex-direction:column}
.svc-card:hover{background:var(--bg3)}
.svc-glow-top{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .35s}
.svc-card:hover .svc-glow-top{opacity:1}
.svc-n{position:absolute;top:16px;right:18px;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;color:var(--t4)}
.svc-ico{width:38px;height:38px;border-radius:var(--r);background:var(--bg4);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--gold);font-size:14px;flex-shrink:0}
.svc-h{font-family:var(--serif);font-size:19px;font-weight:300;color:var(--t1);margin-bottom:9px;line-height:1.2}
.svc-p{font-size:12.5px;color:var(--t2);line-height:1.75;margin-bottom:18px;flex:1}
.svc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.svc-tag{font-family:var(--mono);font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:var(--t3);background:var(--bg4);border:1px solid var(--border);padding:3px 7px;border-radius:4px}

.svc-img-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.svc-img{height:140px;border-radius:var(--r);overflow:hidden;border:1px solid var(--border);position:relative}
.svc-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.3) brightness(.5);transition:filter .35s}
.svc-img:hover img{filter:saturate(.65) brightness(.75)}
.svc-img-lbl{position:absolute;bottom:8px;left:8px;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--t2);background:rgba(7,8,10,.85);padding:3px 8px;border-radius:4px;backdrop-filter:blur(8px);border:1px solid var(--border)}

/* ─── ABOUT ───────────────────────────────── */
/* FIX: image column stretches to match the height of the text column naturally.
   - align-items:stretch makes both columns share the row's height.
   - min-height as floor, height:100% to fill what the text dictates.
   - object-fit:cover keeps the image from distorting at any aspect ratio. */
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:stretch}
.about-img{position:relative;border-radius:var(--rl);overflow:hidden;border:1px solid var(--border2);min-height:430px;height:100%}
.about-img img{width:100%;height:100%;object-fit:cover;display:block}
.about-img-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,168,83,.07) 0%,transparent 55%)}
.about-badge{position:absolute;bottom:18px;right:18px;background:rgba(7,8,10,.92);border:1px solid rgba(212,168,83,.25);padding:14px 18px;border-radius:var(--r);backdrop-filter:blur(14px);box-shadow:0 0 24px -8px var(--gold-glow)}
.ab-num{font-family:var(--serif);font-size:28px;font-weight:300;color:var(--gold);line-height:1;margin-bottom:3px;text-shadow:0 0 18px rgba(212,168,83,.45)}
.ab-lbl{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
.about-right{display:flex;flex-direction:column;justify-content:center}
.about-txt{font-size:14px;color:var(--t2);line-height:1.80;margin-bottom:14px}
.about-txt strong{color:var(--t1);font-weight:500}
.pillars{margin-top:26px;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.pillar{display:flex;align-items:center;gap:13px;padding:13px 16px;border-bottom:1px solid var(--border);transition:background .2s}
.pillar:last-child{border-bottom:none}
.pillar:hover{background:var(--bg3)}
.p-ico{width:30px;height:30px;border-radius:var(--r);background:var(--bg4);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold);font-size:12px}
.p-name{font-size:12px;font-weight:500;color:var(--t1);margin-bottom:1px}
.p-sub{font-size:11px;color:var(--t3)}
.p-tag{margin-left:auto;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:var(--gold-dim);border:1px solid rgba(212,168,83,.16);padding:3px 8px;border-radius:100px;flex-shrink:0;white-space:nowrap}

/* ─── PROCESS ─────────────────────────────── */
.process{background:var(--bg2);position:relative;overflow:hidden}
.process::after{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,83,.04) 0%,transparent 70%);bottom:-80px;left:10%;pointer-events:none}
.proc-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:40px}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden}
.step-card{background:var(--bg2);padding:28px 24px;position:relative;transition:background .25s}
.step-card:hover{background:var(--bg3)}
.step-card::after{content:'';position:absolute;bottom:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:0;transition:opacity .3s}
.step-card:hover::after{opacity:.5}
.step-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;color:var(--blue);background:var(--blue-dim);border:1px solid rgba(79,156,249,.18);padding:3px 9px;border-radius:4px;margin-bottom:18px}
.step-h{font-family:var(--serif);font-size:18px;font-weight:300;color:var(--t1);margin-bottom:8px;line-height:1.2}
.step-p{font-size:12.5px;color:var(--t2);line-height:1.72}
.step-ico{display:block;color:var(--blue);font-size:13px;margin-bottom:12px;opacity:.7}

/* ─── TECH STACK ──────────────────────────── */
/* FIX: same approach as about — stretch alignment, image fills row height */
.tech{position:relative;overflow:hidden}
.tech::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,217,196,.04) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none}
.tech-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:stretch}
.tech-left{display:flex;flex-direction:column;justify-content:center}
.tech-right{display:flex;flex-direction:column;justify-content:center}

.tech-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden}
.tech-item{background:var(--bg);padding:18px 16px;transition:background .22s;cursor:default;position:relative;overflow:hidden}
.tech-item:hover{background:var(--bg3)}
.tech-item::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal),transparent);opacity:0;transition:opacity .3s}
.tech-item:hover::after{opacity:.5}
.tech-item-ico{color:var(--teal);font-size:17px;margin-bottom:9px;display:block;opacity:.8}
.tech-item-name{font-size:11.5px;font-weight:500;color:var(--t1);margin-bottom:3px}
.tech-item-cat{font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--t4)}

.tech-img{border-radius:var(--rl);overflow:hidden;border:1px solid var(--border2);position:relative;min-height:340px;height:100%}
.tech-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.3) brightness(.5)}
.tech-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,8,10,.85) 0%,transparent 55%)}
.tech-img-caption{position:absolute;bottom:20px;left:20px;right:20px}
.tech-img-caption h3{font-family:var(--serif);font-size:22px;font-weight:300;color:var(--t1);margin-bottom:8px;line-height:1.2}
.tech-img-caption p{font-size:12.5px;color:var(--t2);line-height:1.65}

/* ─── CASE RESULTS ────────────────────────── */
.results{background:var(--bg2);position:relative;overflow:hidden}
.results::before{content:'';position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,83,.05) 0%,transparent 70%);bottom:-100px;right:-80px;pointer-events:none}
.results-top{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:44px}
.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.result-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);padding:28px;position:relative;overflow:hidden;transition:border-color .25s,transform .25s}
.result-card:hover{border-color:var(--border3);transform:translateY(-2px)}
.result-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}
.result-card::after{content:'';position:absolute;bottom:0;right:0;width:80px;height:80px;background:radial-gradient(circle at bottom right,rgba(212,168,83,.06),transparent);pointer-events:none}
.rc-type{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--t4);margin-bottom:16px;display:flex;align-items:center;gap:7px}
.rc-type::before{content:'';width:3px;height:3px;border-radius:50%;background:var(--gold);flex-shrink:0}
.rc-stat{font-family:var(--serif);font-size:48px;font-weight:300;line-height:1;color:var(--gold);margin-bottom:6px;text-shadow:0 0 28px rgba(212,168,83,.35)}
.rc-stat span{font-size:28px}
.rc-title{font-size:13.5px;font-weight:500;color:var(--t1);margin-bottom:8px}
.rc-desc{font-size:12.5px;color:var(--t2);line-height:1.70}
.rc-industry{margin-top:16px;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--t4);background:var(--bg4);border:1px solid var(--border);padding:3px 8px;border-radius:4px;display:inline-block}

/* FIX: results bottom row — features as proper card with even item distribution,
   image side has subtle overlay treatment and reasonable height. */
.results-bottom-row{display:grid;grid-template-columns:1.05fr 1fr;gap:12px;margin-top:12px;align-items:stretch}

/* features card: items distribute via space-around (no awkward stretching) */
.results-features{display:flex;flex-direction:column;justify-content:space-around;border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;background:var(--bg3);position:relative;padding:8px 0}
.results-features::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:.4}
.rf-item{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;transition:background .2s;position:relative}
.rf-item + .rf-item{border-top:1px solid var(--border)}
.rf-item:hover{background:rgba(255,255,255,.02)}
.rf-ico{width:38px;height:38px;border-radius:var(--r);background:var(--blue-dim);border:1px solid rgba(79,156,249,.20);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--blue);font-size:14px;margin-top:1px;box-shadow:0 0 18px -6px var(--blue-glow)}
.rf-title{font-size:13.5px;font-weight:500;color:var(--t1);margin-bottom:5px;letter-spacing:-.005em}
.rf-desc{font-size:12.5px;color:var(--t2);line-height:1.65}

/* image wrap: lighter filter, gradient overlay, decorative caption */
.results-img-wrap{border-radius:var(--rl);overflow:hidden;border:1px solid var(--border2);height:100%;min-height:280px;position:relative;background:var(--bg3)}
.results-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.65) brightness(.78);transition:filter .4s,transform .8s}
.results-img-wrap:hover img{filter:saturate(.8) brightness(.88);transform:scale(1.02)}
.results-img-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,168,83,.08) 0%,transparent 35%,transparent 65%,rgba(7,8,10,.65) 100%);pointer-events:none;z-index:2}
.results-img-wrap::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5;z-index:3}

/* floating caption overlay on the image */
.results-img-caption{position:absolute;bottom:20px;left:22px;right:22px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.results-img-caption-text{flex:1}
.ric-label{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;display:flex;align-items:center;gap:7px}
.ric-label::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px 2px var(--gold-glow);flex-shrink:0}
.ric-title{font-family:var(--serif);font-size:18px;font-weight:300;color:var(--t1);line-height:1.25;letter-spacing:-.01em}
.ric-badge{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--t2);background:rgba(7,8,10,.85);border:1px solid var(--border2);padding:5px 10px;border-radius:100px;backdrop-filter:blur(8px);flex-shrink:0;white-space:nowrap}

/* ─── WHY ─────────────────────────────────── */
.why{position:relative;overflow:hidden}
.why::before{content:'';position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(79,156,249,.04) 0%,transparent 70%);top:-120px;right:-80px;pointer-events:none}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;margin-top:40px}
.why-card{background:var(--bg);padding:30px 28px;transition:background .25s;position:relative;overflow:hidden}
.why-card:hover{background:var(--bg3)}
.why-card::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:0;transition:opacity .3s}
.why-card:hover::after{opacity:.6}
.why-ico{width:38px;height:38px;border-radius:var(--r);background:var(--blue-dim);border:1px solid rgba(79,156,249,.16);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--blue);font-size:14px;box-shadow:0 0 18px -6px var(--blue-glow)}
.why-h{font-family:var(--serif);font-size:19px;font-weight:300;color:var(--t1);margin-bottom:8px}
.why-p{font-size:13px;color:var(--t2);line-height:1.75}

/* ─── CTA ─────────────────────────────────── */
.cta-sec{padding:96px 52px;border-top:1px solid var(--border);text-align:center;position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 50% at 50% 100%,rgba(212,168,83,.055) 0%,transparent 70%);pointer-events:none}
.cta-sec::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:35%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.28}
.cta-img-row{display:flex;gap:10px;justify-content:center;margin-bottom:44px}
.cta-thumb{width:72px;height:50px;border-radius:var(--r);overflow:hidden;border:1px solid var(--border2);transition:transform .25s,box-shadow .25s;cursor:pointer}
.cta-thumb:nth-child(2){margin-top:16px}
.cta-thumb:nth-child(4){margin-top:16px}
.cta-thumb:hover{transform:translateY(-5px);box-shadow:0 10px 28px -8px rgba(0,0,0,.7)}
.cta-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.35) brightness(.5);transition:filter .3s}
.cta-thumb:hover img{filter:saturate(.7) brightness(.75)}
.cta-h2{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.06;letter-spacing:-.02em;color:var(--t1);margin-bottom:16px}
.cta-h2 em{font-style:italic;color:var(--gold);text-shadow:0 0 40px rgba(212,168,83,.38)}
.cta-sub{font-size:14px;color:var(--t2);max-width:400px;margin:0 auto 30px;line-height:1.78}
.cta-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.cta-contact-row{margin-top:32px;display:flex;gap:28px;justify-content:center;align-items:center;flex-wrap:wrap}
.cta-contact-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--t3);text-decoration:none;transition:color .2s}
.cta-contact-item:hover{color:var(--t2)}
.cta-contact-item i{color:var(--gold);font-size:12px;opacity:.7}

/* ─── FOOTER ──────────────────────────────── */
footer{padding:36px 52px;border-top:1px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.f-logo{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11.5px;letter-spacing:.10em;text-transform:uppercase;color:var(--t3);text-decoration:none}
.f-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px 2px var(--gold-glow)}
.f-copy{font-family:var(--mono);font-size:12px;color:var(--t4);letter-spacing:.06em}
.f-links{display:flex;gap:22px;list-style:none}
.f-links a{font-size:11.5px;color:var(--t3);text-decoration:none;transition:color .2s}
.f-links a:hover{color:var(--t1)}

/* ─── ANIMATIONS ──────────────────────────── */
.rev{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.rev.in{opacity:1;transform:translateY(0)}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}
.ha{opacity:0;animation:haUp .72s ease forwards}
.ha1{animation-delay:.18s}.ha2{animation-delay:.32s}.ha3{animation-delay:.46s}.ha4{animation-delay:.60s}
.ha-r{opacity:0;animation:haR .8s ease .44s forwards}
@keyframes haUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes haR{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}

/* ─── RESPONSIVE ──────────────────────────── */
@media(max-width:1000px){
  nav{padding:0 24px;height:80px}.nav-links,.nav-pill{display:none}
  .hero{grid-template-columns:1fr;padding:90px 24px 60px;min-height:auto;gap:40px}
  .hero-right{height:280px}
  .hv-main{height:180px}.hv-bot-l{height:140px;bottom:0;left:0;width:47%}.hv-bot-r{height:140px;bottom:0;right:0;width:47%}
  .about-inner,.tech-inner,.results-top,.results-bottom-row{grid-template-columns:1fr;gap:40px}
  .about-img,.tech-img,.results-img-wrap{min-height:260px;height:auto}
  .svc-grid,.steps-grid,.why-grid{grid-template-columns:1fr}
  .tech-grid{grid-template-columns:repeat(2,1fr)}
  .svc-img-row{grid-template-columns:repeat(2,1fr)}
  .results-grid{grid-template-columns:1fr}
  .results-bottom-row{gap:12px}
  .section-wrap{padding:60px 24px}
  .svc-top,.proc-top{flex-direction:column;align-items:flex-start}.svc-note{text-align:left}
  .cta-sec{padding:64px 24px}.cta-img-row{display:none}
  footer{flex-direction:column;text-align:center;padding:28px 24px}.f-links{justify-content:center}
}

.main-logo{height:60px}
.footer-logo{height:50px}