:root {
  --lime: #bbe60c;
  --lime-2: #d9ff47;
  --black: #080a08;
  --black-2: #0d110d;
  --black-3: #141a14;
  --surface: rgba(255,255,255,.055);
  --surface-2: rgba(255,255,255,.085);
  --line: rgba(255,255,255,.12);
  --text: #f5f7f1;
  --muted: #a6aea3;
  --white: #ffffff;
  --shadow: 0 28px 80px rgba(0,0,0,.35);
  --radius-xl: 34px;
  --radius-lg: 26px;
  --radius-md: 18px;
  --container: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--black);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
::selection { background: var(--lime); color: var(--black); }

/* Branded scrollbar — matches SAS Tech black + lime UI */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--lime) var(--black-2);
}

::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

::-webkit-scrollbar-track {
  background: linear-gradient(180deg, var(--black), var(--black-2));
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--lime-2), var(--lime));
  border: 3px solid var(--black-2);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 16px rgba(187,230,12,.14);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--lime-2);
  box-shadow: 0 0 18px rgba(187,230,12,.32);
}

::-webkit-scrollbar-corner {
  background: var(--black);
}

.page-noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 100;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
}
.cursor-glow {
  position: fixed; width: 420px; height: 420px; border-radius: 50%; pointer-events: none; z-index: -1;
  background: radial-gradient(circle, rgba(187,230,12,.12), transparent 64%);
  transform: translate(-50%,-50%); transition: opacity .2s; opacity: 0;
}
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.section { padding: 112px 0; position: relative; }
.section-sm { padding: 74px 0; }
.muted { color: var(--muted); }
.text-lime { color: var(--lime); }
.upper { text-transform: uppercase; }

.eyebrow {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--lime);
}
.eyebrow::before { content: ""; width: 26px; height: 2px; background: var(--lime); box-shadow: 0 0 16px rgba(187,230,12,.7); }
.section-head { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: end; margin-bottom: 52px; }
.section-head h2, .page-hero h1, .hero h1 {
  margin: 0; font-weight: 850; letter-spacing: -.055em; line-height: .95;
}
.section-head h2 { font-size: clamp(44px, 6vw, 78px); max-width: 850px; }
.section-head p { margin: 0; color: var(--muted); font-size: 17px; max-width: 560px; justify-self: end; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 54px; padding: 0 22px; border-radius: 999px; border: 1px solid transparent;
  font-weight: 800; font-size: 14px; letter-spacing: .01em; transition: .28s ease;
}
.btn-primary { background: var(--lime); color: var(--black); box-shadow: 0 10px 35px rgba(187,230,12,.18); }
.btn-primary:hover { transform: translateY(-3px); background: var(--lime-2); box-shadow: 0 15px 45px rgba(187,230,12,.28); }
.btn-ghost { border-color: var(--line); background: rgb(187 230 12);; color: #000000; backdrop-filter: blur(14px); }
.btn-ghost:hover { border-color: rgba(187,230,12,.55); color: var(--lime); transform: translateY(-3px); }
.arrow { font-size: 19px; transition: transform .25s; }
.btn:hover .arrow, .link-arrow:hover .arrow { transform: translateX(4px); }

.site-header {
  position: fixed; top: 16px; left: 0; right: 0; z-index: 90;
}
.nav-wrap {
  height: 72px; display: flex; align-items: center; gap: 28px; padding: 0 12px 0 18px;
  border: 1px solid rgba(255,255,255,.09); border-radius: 22px;
  background: rgba(8,10,8,.70); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 15px 45px rgba(0,0,0,.25);
}
.brand { width: 218px; flex: 0 0 auto; }
.brand img { width: 100%; }
.nav-links { display: flex; align-items: center; gap: 29px; margin-left: auto; }
.nav-links a { font-size: 14px; font-weight: 700; color: #ced4cb; transition: color .2s; position: relative; }
.nav-links a:hover, .nav-links a.active { color: var(--white); }
.nav-links a::after { content: ""; position: absolute; height: 2px; left: 0; right: 100%; bottom: -8px; background: var(--lime); transition: right .25s; }
.nav-links a:hover::after, .nav-links a.active::after { right: 0; }
.nav-cta { margin-left: 10px; min-height: 46px; padding-inline: 18px; }
.menu-btn { display: none; margin-left: auto; width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 14px; background: transparent; color: white; }
.menu-btn span { display: block; width: 20px; height: 2px; background: currentColor; margin: 5px auto; transition: .25s; }

.mobile-menu {
  position: fixed; inset: 0; background: rgba(5,7,5,.98); z-index: 85; padding: 110px 28px 30px; display: none;
}
.mobile-menu.open { display: block; }
.mobile-menu a { display: block; padding: 16px 0; font-size: 29px; font-weight: 800; border-bottom: 1px solid var(--line); letter-spacing: -.03em; }
.mobile-menu .btn { margin-top: 28px; width: 100%; font-size: 15px; }

.hero {
  position: relative; min-height: 100vh; display: flex; align-items: center; padding: 142px 0 70px; isolation: isolate;
  background:
    radial-gradient(circle at 77% 32%, rgba(187,230,12,.12), transparent 32%),
    linear-gradient(180deg, #080a08 0%, #0a0d0a 100%);
}
.hero::before {
  content: ""; position: absolute; inset: 0; z-index: -2; opacity: .3;
  background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 68px 68px; mask-image: linear-gradient(to bottom, #000 15%, transparent 90%);
}
.hero::after { content: ""; position: absolute; width: 660px; height: 660px; border: 1px solid rgba(187,230,12,.11); border-radius: 50%; right: -250px; top: 70px; z-index: -1; box-shadow: 0 0 0 100px rgba(187,230,12,.015), 0 0 0 200px rgba(187,230,12,.01); }
.hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 58px; align-items: center; }
.hero .eyebrow { margin-bottom: 24px; }
.hero h1 { font-size: clamp(62px, 8vw, 115px); max-width: 850px; }
.hero h1 .outline { color: transparent; -webkit-text-stroke: 1px rgba(245,247,241,.62); }
.hero h1 .accent { position: relative; color: var(--lime); }
.hero h1 .accent::after { content: ""; position: absolute; left: 4%; right: 0; bottom: -4px; height: 8px; background: var(--lime); opacity: .2; filter: blur(7px); }
.hero-lead { max-width: 680px; color: #bdc5b9; font-size: 18px; margin: 30px 0 34px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-note { display: flex; align-items: center; gap: 11px; margin-top: 28px; color: #8f988c; font-size: 13px; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 6px rgba(187,230,12,.1), 0 0 24px var(--lime); }

.hero-visual { position: relative; min-height: 640px; }
.hero-photo {
  position: absolute; inset: 58px 0 28px 60px; overflow: hidden; border-radius: 34px;
  border: 1px solid rgba(255,255,255,.13); box-shadow: var(--shadow); background: #181d18;
  transform: rotate(2.5deg);
}
.hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 38%, rgba(4,6,4,.82) 100%), linear-gradient(90deg, rgba(187,230,12,.08), transparent 55%); }
.hero-photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.06); }
.hero-card { position: absolute; z-index: 2; border: 1px solid rgba(255,255,255,.14); background: rgba(13,17,13,.88); backdrop-filter: blur(18px); border-radius: 22px; box-shadow: 0 20px 55px rgba(0,0,0,.3); }
.hero-card.top { top: 0; right: -14px; width: 255px; padding: 18px; }
.hero-card.bottom { bottom: 0; left: 0; width: 310px; padding: 21px; }
.hero-card .mini-label { color: var(--muted); text-transform: uppercase; letter-spacing: .12em; font-size: 10px; font-weight: 800; }
.hero-card strong { display: block; font-size: 22px; letter-spacing: -.04em; margin-top: 5px; }
.hero-card .bars { display: flex; gap: 5px; align-items: end; height: 52px; margin-top: 10px; }
.hero-card .bars i { flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(to top, rgba(187,230,12,.25), var(--lime)); animation: barPulse 2.4s ease-in-out infinite alternate; }
.hero-card .bars i:nth-child(1){height:35%}.hero-card .bars i:nth-child(2){height:58%;animation-delay:.15s}.hero-card .bars i:nth-child(3){height:42%;animation-delay:.3s}.hero-card .bars i:nth-child(4){height:75%;animation-delay:.45s}.hero-card .bars i:nth-child(5){height:62%;animation-delay:.6s}.hero-card .bars i:nth-child(6){height:92%;animation-delay:.75s}.hero-card .bars i:nth-child(7){height:82%;animation-delay:.9s}
@keyframes barPulse { to { filter: brightness(1.35); transform: scaleY(.86); transform-origin: bottom; } }
.stack-row { display: flex; align-items: center; justify-content: space-between; gap: 9px; margin-top: 13px; }
.stack-pill { flex: 1; text-align: center; padding: 8px 6px; background: rgba(255,255,255,.05); border: 1px solid var(--line); border-radius: 10px; font-size: 10px; font-weight: 800; }

.marquee { overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #0a0d0a; }
.marquee-track { width: max-content; display: flex; animation: marquee 24s linear infinite; }
.marquee-item { padding: 19px 29px; display: flex; align-items: center; gap: 29px; white-space: nowrap; text-transform: uppercase; letter-spacing: .13em; font-size: 12px; font-weight: 800; color: #a7afa3; }
.marquee-item b { color: var(--lime); font-size: 18px; }
@keyframes marquee { to { transform: translateX(-50%); } }

.bento { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
.service-card {
  grid-column: span 4; min-height: 315px; position: relative; padding: 28px; overflow: hidden;
  border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  transition: .3s ease;
}
.service-card.wide { grid-column: span 8; }
.service-card:hover { transform: translateY(-7px); border-color: rgba(187,230,12,.42); box-shadow: 0 25px 60px rgba(0,0,0,.22); }
.service-card::after { content: ""; position: absolute; width: 180px; height: 180px; border-radius: 50%; background: var(--lime); filter: blur(70px); opacity: 0; right: -60px; bottom: -70px; transition: opacity .3s; }
.service-card:hover::after { opacity: .10; }
.service-icon { width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; background: var(--lime); color: var(--black); margin-bottom: 52px; }
.service-icon svg { width: 25px; height: 25px; stroke: currentColor; fill: none; stroke-width: 1.8; }
.service-card h3 { margin: 0 0 11px; font-size: 27px; letter-spacing: -.04em; }
.service-card p { margin: 0; color: var(--muted); max-width: 480px; }
.service-number { position: absolute; right: 23px; top: 20px; color: rgba(255,255,255,.2); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.link-arrow { display: inline-flex; align-items: center; gap: 8px; margin-top: 25px; color: var(--lime); font-size: 13px; font-weight: 800; }

.showcase { background: #eef2e8; color: #0a0c0a; overflow: hidden; }
.showcase .eyebrow { color: #506100; }
.showcase .eyebrow::before { background: #596c00; box-shadow: none; }
.showcase .section-head p { color: #5f665a; }
.project-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.project-card { position: relative; overflow: hidden; border-radius: 30px; min-height: 610px; background: #151815; }
.project-card.small { min-height: 296px; }
.project-column { display: grid; gap: 18px; }
.project-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); filter: saturate(.8); }
.project-card:hover img { transform: scale(1.055); }
.project-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(4,6,4,.88) 100%); }
.project-info { position: absolute; z-index: 2; left: 26px; right: 26px; bottom: 25px; color: white; display: flex; justify-content: space-between; gap: 20px; align-items: end; }
.project-info span { display: inline-block; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--lime); font-weight: 800; margin-bottom: 7px; }
.project-info h3 { margin: 0; font-size: 30px; letter-spacing: -.04em; }
.project-info .circle-link { flex: 0 0 auto; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.35); font-size: 24px; backdrop-filter: blur(8px); transition: .25s; }
.project-card:hover .circle-link { background: var(--lime); color: #070907; border-color: var(--lime); transform: rotate(-35deg); }

.metrics-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); border-radius: 28px; overflow: hidden; background: rgba(255,255,255,.025); }
.metric { padding: 34px; border-right: 1px solid var(--line); }
.metric:last-child { border-right: 0; }
.metric strong { display: block; font-size: 42px; letter-spacing: -.05em; color: var(--lime); }
.metric span { color: var(--muted); font-size: 13px; }

.process-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: start; }
.process-sticky { position: sticky; top: 130px; }
.process-sticky h2 { font-size: clamp(48px, 5vw, 78px); line-height: .95; letter-spacing: -.055em; margin: 18px 0 23px; }
.process-sticky p { color: var(--muted); max-width: 470px; }
.process-list { border-top: 1px solid var(--line); }
.process-item { display: grid; grid-template-columns: 70px 1fr; gap: 20px; padding: 34px 0; border-bottom: 1px solid var(--line); }
.process-item .num { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line); color: var(--lime); font-weight: 800; font-size: 12px; }
.process-item h3 { margin: 2px 0 9px; font-size: 26px; letter-spacing: -.035em; }
.process-item p { margin: 0; color: var(--muted); }

.image-split { display: grid; grid-template-columns: 1fr 1fr; min-height: 620px; border-radius: 34px; overflow: hidden; border: 1px solid var(--line); }
.image-split .photo { position: relative; min-height: 520px; }
.image-split .photo img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.35) contrast(1.05); }
.image-split .photo::after { content:""; position:absolute; inset:0; background: linear-gradient(120deg, rgba(187,230,12,.12), transparent 50%); }
.image-split .copy { padding: clamp(38px,5vw,72px); background: #101410; display: flex; flex-direction: column; justify-content: center; }
.image-split h2 { margin: 18px 0 22px; font-size: clamp(43px,5vw,73px); line-height: .96; letter-spacing: -.055em; }
.image-split p { color: var(--muted); font-size: 17px; }
.check-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 24px 0 31px; }
.check { display: flex; align-items: center; gap: 9px; font-weight: 700; font-size: 13px; }
.check::before { content: "✓"; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--lime); color: var(--black); font-size: 12px; font-weight: 900; }

.social-strip { overflow: hidden; }
.social-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 18px; }
.social-intro { border-radius: 28px; border: 1px solid var(--line); padding: 36px; display: flex; flex-direction: column; justify-content: space-between; min-height: 440px; background: #0d110d; }
.social-intro h2 { font-size: clamp(44px,5vw,70px); margin: 20px 0; line-height: .95; letter-spacing: -.055em; }
.social-posts { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.social-card { min-height: 440px; border-radius: 28px; overflow: hidden; border: 1px solid var(--line); padding: 30px; position: relative; background: #101410; }
.social-card.lime { background: var(--lime); color: var(--black); }
.social-card .tag { display: inline-flex; padding: 7px 10px; border-radius: 999px; border: 1px solid currentColor; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; opacity: .78; }
.social-card h3 { font-size: 45px; line-height: .92; letter-spacing: -.06em; margin: 60px 0 20px; max-width: 390px; }
.social-card p { max-width: 390px; opacity: .75; }
.social-card .post-shape { position: absolute; width: 210px; height: 210px; right: -65px; bottom: -65px; border-radius: 50%; border: 30px solid currentColor; opacity: .08; }
.social-card.dark .post-shape { color: var(--lime); opacity: .16; }
.social-card .post-number { position: absolute; right: 28px; top: 27px; font-size: 13px; font-weight: 900; }

.cta-shell { padding: 0 0 30px; }
.cta-box { position: relative; overflow: hidden; padding: 70px; border-radius: 34px; background: var(--lime); color: var(--black); }
.cta-box::after { content: "SAS"; position: absolute; right: -25px; bottom: -105px; font-size: 330px; font-weight: 950; letter-spacing: -.12em; opacity: .07; line-height: 1; }
.cta-box .eyebrow { color: #314000; }
.cta-box .eyebrow::before { background: #314000; box-shadow: none; }
.cta-box h2 { position: relative; z-index: 1; font-size: clamp(50px,7vw,96px); line-height: .88; letter-spacing: -.065em; max-width: 980px; margin: 19px 0 32px; }
.cta-box .btn { background: var(--black); color: white; }
.cta-box .btn:hover { background: #141914; }

footer { padding: 66px 0 30px; background: #050705; border-top: 1px solid var(--line); }
.footer-grid { display: grid; grid-template-columns: 1.4fr .7fr .7fr 1fr; gap: 50px; }
.footer-brand img { width: 220px; }
.footer-brand p { color: var(--muted); max-width: 420px; margin: 23px 0; }
.footer-title { font-size: 12px; text-transform: uppercase; letter-spacing: .14em; color: #6f776d; font-weight: 900; margin-bottom: 20px; }
.footer-links { display: grid; gap: 12px; }
.footer-links a { color: #c6ccc2; font-size: 14px; }
.footer-links a:hover { color: var(--lime); }
.social-links { display: flex; gap: 10px; margin-top: 22px; }
.social-links a { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-weight: 900; font-size: 12px; transition: .25s; }
.social-links a:hover { background: var(--lime); color: var(--black); border-color: var(--lime); }
.footer-bottom { margin-top: 52px; padding-top: 22px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 20px; color: #6e766c; font-size: 12px; }

.page-hero { padding: 190px 0 90px; min-height: 610px; display: flex; align-items: end; position: relative; overflow: hidden; background: radial-gradient(circle at 86% 0%, rgba(187,230,12,.14), transparent 30%); }
.page-hero::before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,#000,transparent); opacity:.45; }
.page-hero .container { position: relative; z-index: 1; }
.page-hero h1 { font-size: clamp(65px,10vw,132px); max-width: 1180px; margin-top: 22px; }
.page-hero p { max-width: 700px; color: var(--muted); font-size: 18px; margin: 28px 0 0; }

.story-grid { display:grid; grid-template-columns: .95fr 1.05fr; gap: 18px; }
.story-image { border-radius: 30px; overflow:hidden; min-height: 620px; border:1px solid var(--line); }
.story-image img { width:100%; height:100%; object-fit:cover; filter:saturate(.75); }
.story-copy { border-radius: 30px; border: 1px solid var(--line); padding: clamp(38px,5vw,70px); background:#0e120e; display:flex; flex-direction:column; justify-content:center; }
.story-copy h2 { font-size: clamp(43px,5.7vw,78px); line-height:.95; letter-spacing:-.055em; margin:18px 0 24px; }
.story-copy p { color:var(--muted); font-size:16px; }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.value-card { padding:32px; min-height:290px; border:1px solid var(--line); border-radius:26px; background:rgba(255,255,255,.025); }
.value-card b { color:var(--lime); font-size:12px; letter-spacing:.13em; }
.value-card h3 { font-size:28px; margin:55px 0 12px; letter-spacing:-.04em; }
.value-card p { color:var(--muted); margin:0; }

.services-list { display:grid; gap:14px; }
.service-row { display:grid; grid-template-columns:90px .75fr 1fr 55px; gap:28px; align-items:center; padding:31px 24px; border-top:1px solid var(--line); transition:.25s; }
.service-row:last-child { border-bottom:1px solid var(--line); }
.service-row:hover { background:rgba(187,230,12,.035); padding-left:32px; }
.service-row .n { color:var(--lime); font-size:12px; font-weight:900; }
.service-row h3 { margin:0; font-size:27px; letter-spacing:-.04em; }
.service-row p { margin:0; color:var(--muted); }
.service-row .go { width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; font-size:20px; }
.service-row:hover .go { background:var(--lime); color:var(--black); border-color:var(--lime); transform:rotate(-35deg); }

.capability-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.capability { border:1px solid var(--line); border-radius:24px; padding:28px; background:rgba(255,255,255,.03); min-height:220px; }
.capability h3 { margin:48px 0 10px; font-size:23px; letter-spacing:-.03em; }
.capability p { margin:0; color:var(--muted); font-size:14px; }
.capability .dot { width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px rgba(187,230,12,.65); }

.portfolio-filters { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:32px; }
.filter-btn { border:1px solid var(--line); background:transparent; color:#c7cec4; border-radius:999px; padding:11px 17px; font-weight:800; font-size:12px; }
.filter-btn.active, .filter-btn:hover { background:var(--lime); border-color:var(--lime); color:var(--black); }
.portfolio-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.work-card { position:relative; min-height:520px; border:1px solid var(--line); border-radius:30px; overflow:hidden; background:#101410; }
.work-card.hidden { display:none; }
.work-card img { width:100%; height:100%; object-fit:cover; filter:brightness(.72) saturate(.75); transition:.55s; }
.work-card:hover img { transform:scale(1.04); filter:brightness(.6) saturate(.9); }
.work-overlay { position:absolute; inset:0; padding:30px; display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.8)); }
.work-top { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.work-category { padding:8px 12px; border-radius:999px; background:rgba(8,10,8,.72); border:1px solid rgba(255,255,255,.18); font-size:10px; text-transform:uppercase; font-weight:900; letter-spacing:.12em; }
.work-index { font-size:12px; font-weight:900; color:var(--lime); }
.work-overlay h3 { font-size:39px; line-height:1; margin:0 0 10px; letter-spacing:-.05em; }
.work-overlay p { margin:0; color:#c7cdc4; max-width:480px; }
.abstract-work { height:100%; min-height:520px; position:absolute; inset:0; background:radial-gradient(circle at 76% 26%, rgba(187,230,12,.34), transparent 25%), linear-gradient(145deg,#161c15,#070907); }
.abstract-work::before { content:""; position:absolute; width:340px; height:340px; border:70px solid rgba(187,230,12,.17); border-radius:50%; right:-60px; bottom:-50px; }
.abstract-work::after { content:"</>"; position:absolute; left:50%; top:48%; transform:translate(-50%,-50%); color:rgba(255,255,255,.16); font-size:120px; font-weight:900; }

.contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:18px; }
.contact-panel, .contact-form { border:1px solid var(--line); border-radius:30px; background:#0e120e; padding:clamp(32px,4vw,55px); }
.contact-panel h2 { font-size:clamp(44px,5vw,72px); line-height:.95; letter-spacing:-.055em; margin:17px 0 24px; }
.contact-panel p { color:var(--muted); }
.contact-details { display:grid; gap:12px; margin-top:36px; }
.contact-item { padding:18px; border:1px solid var(--line); border-radius:17px; display:grid; gap:5px; }
.contact-item small { color:#6e766b; text-transform:uppercase; letter-spacing:.13em; font-weight:900; font-size:9px; }
.contact-item strong { font-size:15px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.field { display:grid; gap:8px; }
.field.full { grid-column:1/-1; }
.field label { font-size:11px; color:#929b8f; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.field input,.field textarea,.field select { width:100%; border:1px solid var(--line); background:#090c09; color:white; border-radius:15px; padding:15px 16px; outline:none; transition:.2s; }
.field textarea { min-height:145px; resize:vertical; }
.field input:focus,.field textarea:focus,.field select:focus { border-color:rgba(187,230,12,.65); box-shadow:0 0 0 4px rgba(187,230,12,.06); }
.form-note { color:#687065; font-size:11px; margin-top:13px; }

.reveal { opacity:0; transform:translateY(24px); transition:opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 1050px) {
  .nav-links, .nav-cta { display:none; }
  .menu-btn { display:block; }
  .hero-grid, .section-head, .process-grid, .image-split, .social-grid, .story-grid, .contact-grid { grid-template-columns:1fr; }
  .hero { min-height:auto; }
  .hero-visual { min-height:560px; max-width:760px; }
  .section-head { gap:20px; }
  .section-head p { justify-self:start; }
  .service-card { grid-column:span 6; }
  .service-card.wide { grid-column:span 6; }
  .metrics-grid { grid-template-columns:repeat(2,1fr); }
  .metric:nth-child(2) { border-right:0; }
  .metric:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .process-sticky { position:static; }
  .project-grid { grid-template-columns:1fr; }
  .project-card { min-height:520px; }
  .project-column { grid-template-columns:1fr 1fr; }
  .project-card.small { min-height:340px; }
  .footer-grid { grid-template-columns:1.3fr 1fr 1fr; }
  .footer-grid > :last-child { grid-column:1/-1; }
  .capability-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 720px) {
  .container { width:min(calc(100% - 26px),var(--container)); }
  .site-header { top:10px; }
  .nav-wrap { height:64px; padding-left:14px; border-radius:18px; }
  .brand { width:186px; }
  .menu-btn { width:42px;height:42px;border-radius:12px; }
  .section { padding:82px 0; }
  .section-sm { padding:58px 0; }
  .hero { padding-top:122px; }
  .hero h1 { font-size:clamp(55px,17vw,82px); }
  .hero-lead { font-size:16px; }
  .hero-actions .btn { width:100%; }
  .hero-visual { min-height:480px; margin-top:16px; }
  .hero-photo { inset:54px 0 32px 15px; border-radius:26px; }
  .hero-card.top { width:200px; right:-4px; padding:14px; }
  .hero-card.bottom { width:250px; padding:16px; }
  .hero-card strong { font-size:18px; }
  .section-head h2 { font-size:47px; }
  .bento { grid-template-columns:1fr; }
  .service-card,.service-card.wide { grid-column:auto; min-height:290px; }
  .service-icon { margin-bottom:38px; }
  .project-card { min-height:430px; border-radius:24px; }
  .project-column { grid-template-columns:1fr; }
  .project-card.small { min-height:330px; }
  .project-info h3 { font-size:25px; }
  .metrics-grid { grid-template-columns:1fr; }
  .metric { border-right:0; border-bottom:1px solid var(--line); }
  .metric:nth-child(2) { border-right:0; }
  .metric:last-child { border-bottom:0; }
  .process-grid { gap:45px; }
  .process-item { grid-template-columns:55px 1fr; }
  .image-split { border-radius:25px; }
  .image-split .photo { min-height:360px; }
  .check-list { grid-template-columns:1fr; }
  .social-posts { grid-template-columns:1fr; }
  .social-intro,.social-card { min-height:360px; }
  .social-card h3 { font-size:39px; margin-top:45px; }
  .cta-box { padding:44px 26px; border-radius:25px; }
  .cta-box h2 { font-size:52px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:36px; }
  .footer-brand { grid-column:1/-1; }
  .footer-grid > :last-child { grid-column:1/-1; }
  .footer-bottom { flex-direction:column; }
  .page-hero { min-height:520px; padding-top:160px; }
  .page-hero h1 { font-size:61px; }
  .story-image { min-height:420px; }
  .values-grid,.capability-grid { grid-template-columns:1fr; }
  .service-row { grid-template-columns:45px 1fr 45px; gap:12px; padding-inline:5px; }
  .service-row p { grid-column:2 / 4; }
  .portfolio-grid { grid-template-columns:1fr; }
  .work-card { min-height:430px; }
  .form-grid { grid-template-columns:1fr; }
  .field.full { grid-column:auto; }
}

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

/* Real portfolio refresh */
.portfolio-hero .portfolio-proof { display:flex; flex-wrap:wrap; gap:22px; margin-top:34px; color:#aeb6ab; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }
.portfolio-proof span { display:flex; align-items:center; gap:9px; }
.portfolio-proof b { color:var(--lime); font-size:18px; letter-spacing:-.04em; }
.portfolio-proof i { width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 18px rgba(187,230,12,.7); }
.portfolio-showcase { padding-top:92px; }
.real-portfolio-grid { align-items:stretch; }
.real-work-card { min-height:610px; cursor:pointer; isolation:isolate; box-shadow:0 20px 70px rgba(0,0,0,.18); transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; }
.real-work-card:nth-child(3n+2) { min-height:560px; }
.real-work-card:hover { transform:translateY(-7px); border-color:rgba(187,230,12,.42); box-shadow:0 34px 90px rgba(0,0,0,.34); }
.real-work-card::after { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 80% 12%,rgba(187,230,12,.16),transparent 28%); pointer-events:none; }
.real-work-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.real-work-card .bike-project-img { object-fit:contain; object-position:center 40%; padding:48px; background:radial-gradient(circle at 50% 38%,#252d20 0,#101510 48%,#080a08 82%); filter:brightness(.92) saturate(1.08); }
.real-work-card:hover .bike-project-img { transform:scale(1.055); filter:brightness(.82) saturate(1.15); }
.real-work-card .work-overlay { z-index:2; background:linear-gradient(180deg,rgba(4,6,4,.20) 0%,rgba(4,6,4,.08) 34%,rgba(4,6,4,.94) 80%,rgba(4,6,4,.99) 100%); }
.work-content { transform:translateY(0); transition:transform .35s ease; }
.real-work-card:hover .work-content { transform:translateY(-4px); }
.project-domain { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:12px; color:var(--lime); font-size:11px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.project-domain span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; border:1px solid rgba(187,230,12,.35); background:rgba(187,230,12,.08); font-size:16px; transition:.3s ease; }
.real-work-card:hover .project-domain span { background:var(--lime); color:var(--black); transform:rotate(45deg); }
.real-work-card .work-overlay h3 { font-size:clamp(34px,4vw,52px); max-width:90%; }
.real-work-card .work-overlay p { font-size:14px; line-height:1.65; max-width:540px; }
.work-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.work-tags span { padding:7px 10px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.055); border-radius:999px; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#dce1da; backdrop-filter:blur(8px); }
.portfolio-note { display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:end; padding:54px; border:1px solid var(--line); border-radius:30px; background:linear-gradient(135deg,rgba(187,230,12,.07),rgba(255,255,255,.025) 46%,rgba(255,255,255,.015)); }
.portfolio-note h2 { margin:17px 0 0; font-size:clamp(42px,5.5vw,72px); line-height:.95; letter-spacing:-.055em; }
.portfolio-note-copy p { color:var(--muted); margin:0 0 24px; font-size:16px; max-width:560px; }
.portfolio-note-copy .link-arrow { display:inline-flex; align-items:center; gap:10px; color:var(--lime); font-weight:850; }

@media (max-width:1050px){
  .portfolio-note { grid-template-columns:1fr; gap:28px; }
}
@media (max-width:720px){
  .portfolio-showcase { padding-top:72px; }
  .real-work-card,.real-work-card:nth-child(3n+2) { min-height:520px; }
  .real-work-card .work-overlay { padding:24px; }
  .real-work-card .work-overlay h3 { font-size:37px; }
  .real-work-card .bike-project-img { padding:34px; }
  .portfolio-note { padding:34px 24px; }
}


/* ==========================================================
   SAS Tech Solutions — 2026 premium revamp additions
   ========================================================== */
.brand { width: 154px; height: 58px; display:flex; align-items:center; overflow:hidden; }
.brand img { width:100%; height:100%; object-fit:contain; }
.footer-brand img { width:250px; max-height:110px; object-fit:contain; object-position:left center; }
.nav-item { position:relative; display:flex; align-items:center; height:72px; }
.nav-item > a small { color:var(--lime); font-size:11px; margin-left:3px; }
.nav-dropdown { position:absolute; top:64px; left:50%; width:590px; padding:16px; display:grid; grid-template-columns:1fr 1fr; gap:6px; border:1px solid rgba(255,255,255,.12); border-radius:22px; background:rgba(8,10,8,.97); box-shadow:0 30px 80px rgba(0,0,0,.5); backdrop-filter:blur(24px); opacity:0; visibility:hidden; transform:translate(-50%,14px); transition:.24s ease; }
.has-dropdown:hover .nav-dropdown,.has-dropdown:focus-within .nav-dropdown { opacity:1; visibility:visible; transform:translate(-50%,0); }
.nav-dropdown .dropdown-kicker { grid-column:1/-1; color:#70796d; text-transform:uppercase; letter-spacing:.14em; font-size:9px; font-weight:900; padding:5px 8px 10px; border-bottom:1px solid var(--line); margin-bottom:5px; }
.nav-dropdown a { display:flex; gap:10px; align-items:center; padding:12px; border-radius:13px; color:#d7ddd3; font-size:12px; }
.nav-dropdown a span { color:var(--lime); font-size:9px; font-weight:900; }
.nav-dropdown a::after { display:none!important; }
.nav-dropdown a:hover { background:rgba(187,230,12,.075); color:#fff; }
.mobile-service-list { display:grid; grid-template-columns:1fr 1fr; gap:0 15px; padding:6px 0 14px 16px; border-bottom:1px solid var(--line); }
.mobile-menu .mobile-sub { padding:9px 0; border:0; font-size:13px; color:#9ca598; font-weight:700; }

.hero-v2 { min-height:100vh; padding:145px 0 0; align-items:stretch; overflow:hidden; background:radial-gradient(circle at 70% 26%,rgba(187,230,12,.13),transparent 30%),radial-gradient(circle at 12% 80%,rgba(187,230,12,.05),transparent 28%),#080a08; }
.hero-v2::before { opacity:.44; background-size:78px 78px; mask-image:linear-gradient(to bottom,#000 5%,transparent 88%); }
.hero-v2::after { display:none; }
.hero-orbit { position:absolute; border:1px solid rgba(187,230,12,.11); border-radius:50%; pointer-events:none; }
.hero-orbit-a { width:760px;height:760px;right:-290px;top:35px;box-shadow:0 0 0 100px rgba(187,230,12,.012),0 0 0 200px rgba(187,230,12,.008); }
.hero-orbit-b { width:380px;height:380px;left:-210px;bottom:20px; }
.hero-v2-grid { position:relative; z-index:2; display:grid; grid-template-columns:1.06fr .94fr; gap:55px; align-items:center; flex:1; padding-bottom:70px; }
.hero-status { display:inline-flex;align-items:center;gap:11px;padding:9px 13px 9px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#aeb6ab;margin-bottom:25px; }
.hero-v2 h1 { font-size:clamp(60px,7.25vw,108px); line-height:.865; max-width:850px; letter-spacing:-.072em; text-wrap:balance; }
.hero-line-outline { color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65); }
.hero-lime { color:var(--lime); text-shadow:0 0 35px rgba(187,230,12,.12); }
.hero-v2 .hero-lead { max-width:650px; margin-top:29px; font-size:17px; }
.hero-wordbar { display:flex;align-items:center;gap:12px;margin-top:27px;padding-top:22px;border-top:1px solid var(--line);max-width:590px;font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#737c70;font-weight:800; }
.hero-wordbar strong { color:var(--lime); letter-spacing:.06em; min-width:180px; }
.hero-stage { min-height:665px; position:relative; }
.hero-stage-glow { position:absolute;width:500px;height:500px;right:-30px;top:80px;background:radial-gradient(circle,rgba(187,230,12,.2),transparent 68%);filter:blur(8px); }
.hero-main-frame { position:absolute;left:56px;right:10px;top:42px;bottom:65px;border-radius:36px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#111711;box-shadow:0 34px 95px rgba(0,0,0,.48);transform:rotate(1.8deg); }
.hero-main-frame::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 43%,rgba(5,7,5,.83) 100%),linear-gradient(100deg,rgba(187,230,12,.08),transparent 47%); }
.hero-main-frame img { width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.08); }
.frame-label { position:absolute;left:25px;right:25px;bottom:24px;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:20px; }
.frame-label span { color:#bbc3b8;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800; }
.frame-label b { color:var(--lime);font-size:13px;letter-spacing:.06em; }
.hero-mini-frame { position:absolute;left:-8px;bottom:18px;width:210px;height:240px;border-radius:27px;overflow:hidden;border:7px solid #0a0d0a;box-shadow:0 26px 60px rgba(0,0,0,.45);transform:rotate(-6deg);z-index:3; }
.hero-mini-frame img { width:100%;height:100%;object-fit:cover;filter:grayscale(.1) saturate(.8); }
.hero-float-card { position:absolute;z-index:4;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:21px;background:rgba(10,13,10,.88);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.38); }
.hero-float-card small { display:block;color:#788174;text-transform:uppercase;font-size:9px;letter-spacing:.13em;font-weight:900;margin-bottom:10px; }
.hero-float-card b { display:block;font-size:13px;margin-top:10px; }
.card-growth { right:-20px;top:0;width:175px; }
.growth-ring { width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime) 0 78%,rgba(255,255,255,.08) 78%);position:relative; }
.growth-ring::after { content:"";position:absolute;inset:8px;background:#0b0f0b;border-radius:50%; }
.growth-ring span { position:relative;z-index:1;font-weight:900;color:var(--lime); }
.card-services { right:5px;bottom:3px;width:255px; }
.service-dots { display:grid;grid-template-columns:1fr 1fr;gap:6px; }
.service-dots i { font-style:normal;text-align:center;padding:8px 5px;border:1px solid var(--line);border-radius:9px;font-size:9px;font-weight:900;color:#dbe1d7; }
.service-dots i:first-child { background:var(--lime);color:var(--black);border-color:var(--lime); }
.hero-code-chip { position:absolute;left:8px;top:58px;z-index:5;padding:9px 12px;border-radius:10px;background:var(--lime);color:var(--black);font-size:11px;font-weight:950;letter-spacing:.05em;transform:rotate(-8deg);box-shadow:0 10px 30px rgba(187,230,12,.2); }
.hero-proof { position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line); }
.hero-proof span { padding:20px 15px;border-right:1px solid var(--line);color:#8f988b;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800; }
.hero-proof span:last-child { border-right:0; }
.hero-proof b { color:var(--lime);margin-right:9px; }

.service-showcase-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px; }
.service-showcase-card { min-height:355px;padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.35s ease; }
.service-showcase-card::before { content:"";position:absolute;width:250px;height:250px;border:45px solid rgba(187,230,12,.07);border-radius:50%;right:-110px;bottom:-110px;transition:.35s; }
.service-showcase-card:hover { transform:translateY(-6px);border-color:rgba(187,230,12,.4);background:linear-gradient(145deg,rgba(187,230,12,.065),rgba(255,255,255,.018)); }
.service-showcase-card:hover::before { transform:scale(1.15);border-color:rgba(187,230,12,.13); }
.service-card-top { display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1; }
.service-card-top span { color:var(--lime);font-size:11px;font-weight:900; }
.service-card-top b { width:43px;height:43px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s; }
.service-showcase-card:hover .service-card-top b { background:var(--lime);border-color:var(--lime);color:var(--black);transform:rotate(45deg); }
.service-showcase-card small { color:#7e877a;text-transform:uppercase;letter-spacing:.1em;font-weight:850;font-size:9px; }
.service-showcase-card h3 { font-size:clamp(31px,3vw,45px);line-height:.97;letter-spacing:-.05em;margin:10px 0 14px;max-width:570px; }
.service-showcase-card p { color:var(--muted);font-size:14px;max-width:610px;margin:0; }
.service-card-foot { color:var(--lime);font-size:12px;font-weight:850;margin-top:24px;position:relative;z-index:2; }
.service-card-foot span { margin-left:8px; }

.featured-work-grid { display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:16px;min-height:760px; }
.featured-work { position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;min-height:320px;background:#111511; }
.featured-work.big { grid-row:1/3; }
.featured-work img { width:100%;height:100%;object-fit:cover;filter:brightness(.68) saturate(.82);transition:.55s; }
.featured-work.big img { object-position:center top; }
.featured-work:hover img { transform:scale(1.045);filter:brightness(.56) saturate(.95); }
.featured-overlay { position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent 35%,rgba(3,5,3,.9) 100%); }
.featured-overlay span { color:var(--lime);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900; }
.featured-overlay h3 { margin:8px 0 13px;font-size:clamp(28px,3.4vw,48px);line-height:.95;letter-spacing:-.05em; }
.featured-overlay b { font-size:11px;color:#c4cbc1; }
.center-cta { text-align:center;margin-top:30px; }

.services-hero-v2 { min-height:690px;background:radial-gradient(circle at 80% 15%,rgba(187,230,12,.18),transparent 30%),#080a08; }
.service-hero-pills { display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;max-width:900px; }
.service-hero-pills a { padding:10px 13px;border:1px solid var(--line);border-radius:999px;color:#b8c0b5;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;background:rgba(255,255,255,.02); }
.service-hero-pills a:hover { background:var(--lime);border-color:var(--lime);color:var(--black); }
.services-list-v2 .service-row { grid-template-columns:72px .8fr 1.15fr 55px;border-radius:16px;border:1px solid transparent;border-top-color:var(--line); }
.services-list-v2 .service-row:hover { border-color:rgba(187,230,12,.25);background:rgba(187,230,12,.04); }

.service-detail-hero { min-height:100vh;padding:150px 0 0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 73% 24%,rgba(187,230,12,.16),transparent 29%),linear-gradient(180deg,#080a08,#0a0d0a); }
.service-detail-hero::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,#000,transparent 88%);opacity:.35; }
.service-detail-bgword { position:absolute;right:-30px;top:70px;font-size:clamp(190px,30vw,480px);font-weight:950;line-height:1;letter-spacing:-.1em;color:rgba(187,230,12,.025);pointer-events:none; }
.service-detail-hero-grid { position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center;padding-bottom:70px; }
.back-link { display:inline-block;margin-bottom:25px;color:#808a7c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em; }
.back-link:hover { color:var(--lime); }
.service-detail-copy .eyebrow { margin-bottom:21px; }
.service-detail-copy h1 { margin:0;font-size:clamp(58px,7.3vw,106px);line-height:.9;letter-spacing:-.067em;max-width:900px; }
.service-detail-copy p { max-width:690px;color:#b0b9ad;font-size:17px;margin:28px 0 33px; }
.service-detail-visual { min-height:620px;position:relative; }
.service-image-main { position:absolute;inset:45px 0 40px 54px;border-radius:36px;overflow:hidden;border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 95px rgba(0,0,0,.48);transform:rotate(2deg); }
.service-image-main::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,7,5,.8) 100%),linear-gradient(110deg,rgba(187,230,12,.1),transparent 45%); }
.service-image-main img { width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08); }
.service-visual-label { position:absolute;left:0;bottom:0;z-index:3;padding:20px 24px;width:250px;border:1px solid var(--line);border-radius:22px;background:rgba(10,13,10,.9);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.36); }
.service-visual-label small { color:#788174;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:900; }
.service-visual-label strong { display:block;color:var(--lime);font-size:26px;letter-spacing:-.04em;margin-top:5px; }
.service-visual-orbit { position:absolute;width:200px;height:200px;border-radius:50%;border:1px solid rgba(187,230,12,.28);right:-30px;top:8px;box-shadow:0 0 0 25px rgba(187,230,12,.025),0 0 0 50px rgba(187,230,12,.012); }
.service-bullet-strip { position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line); }
.service-bullet-strip span { min-height:70px;display:grid;place-items:center;text-align:center;border-right:1px solid var(--line);padding:13px;color:#939c90;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850; }
.service-bullet-strip span:last-child { border-right:0; }

.service-detail-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px; }
.service-detail-card { min-height:300px;padding:27px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.022);transition:.32s ease; }
.service-detail-card:hover { transform:translateY(-5px);border-color:rgba(187,230,12,.35);background:rgba(187,230,12,.035); }
.service-detail-card > span { color:var(--lime);font-size:10px;font-weight:900; }
.service-detail-card h3 { font-size:25px;line-height:1.02;letter-spacing:-.04em;margin:75px 0 13px; }
.service-detail-card p { color:var(--muted);font-size:13px;margin:0; }
.service-process-section { background:#0b0e0b;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.service-process-layout { display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start; }
.service-process-intro { position:sticky;top:130px; }
.service-process-intro h2 { font-size:clamp(47px,5vw,75px);line-height:.95;letter-spacing:-.055em;margin:18px 0 22px; }
.service-process-intro p { color:var(--muted);max-width:450px; }
.service-process-list { border-top:1px solid var(--line); }
.service-process-step { display:grid;grid-template-columns:70px 1fr;gap:24px;padding:31px 0;border-bottom:1px solid var(--line); }
.service-process-step > b { color:var(--lime);font-size:11px; }
.service-process-step h3 { margin:0 0 8px;font-size:26px;letter-spacing:-.04em; }
.service-process-step p { margin:0;color:var(--muted); }
.service-result-panel { display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:end;padding:55px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,rgba(187,230,12,.07),rgba(255,255,255,.025) 47%,rgba(255,255,255,.01)); }
.service-result-panel h2 { margin:17px 0 0;font-size:clamp(45px,5.5vw,72px);line-height:.94;letter-spacing:-.055em; }
.service-result-panel p { color:var(--muted);margin:0 0 24px; }
.service-next { border-top:1px solid var(--line); }
.service-next .container { display:grid;grid-template-columns:1fr 1fr; }
.service-next a { min-height:145px;padding:28px 0;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line); }
.service-next a.next { text-align:right;align-items:flex-end;border-right:0;padding-left:30px; }
.service-next small { color:#6f786c;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:900;margin-bottom:8px; }
.service-next strong { font-size:25px;letter-spacing:-.035em; }
.service-next a:hover strong { color:var(--lime); }

@media(max-width:1050px){
 .hero-v2-grid,.service-detail-hero-grid,.service-process-layout,.service-result-panel{grid-template-columns:1fr}
 .hero-stage{min-height:590px;max-width:760px}
 .service-showcase-grid{grid-template-columns:1fr 1fr}
 .featured-work-grid{grid-template-columns:1fr 1fr;min-height:680px}
 .service-detail-visual{min-height:560px;max-width:760px}
 .service-bullet-strip{grid-template-columns:repeat(3,1fr)}
 .service-bullet-strip span:nth-child(3){border-right:0}.service-bullet-strip span:nth-child(-n+3){border-bottom:1px solid var(--line)}
 .service-detail-grid{grid-template-columns:repeat(2,1fr)}
 .service-process-intro{position:static}
}
@media(max-width:720px){
 .brand{width:132px;height:52px}.footer-brand img{width:210px}
 .mobile-service-list{grid-template-columns:1fr 1fr}
 .hero-v2{padding-top:112px}.hero-v2-grid{gap:25px;padding-bottom:45px}.hero-v2 h1{font-size:clamp(53px,16vw,78px)}.hero-v2 .hero-lead{font-size:15px}
 .hero-stage{min-height:470px}.hero-main-frame{left:25px;right:0;top:35px;bottom:55px;border-radius:26px}.hero-mini-frame{width:145px;height:175px;left:0;bottom:8px}.card-growth{width:145px;right:-4px;padding:13px}.growth-ring{width:60px;height:60px}.card-services{width:205px;right:0;bottom:0;padding:13px}.hero-code-chip{top:44px;left:0}.frame-label span{display:none}.frame-label b{font-size:10px}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof span:nth-child(2){border-right:0}.hero-proof span:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .service-showcase-grid{grid-template-columns:1fr}.service-showcase-card{min-height:320px;padding:24px}.service-showcase-card h3{font-size:34px}
 .featured-work-grid{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto}.featured-work.big{grid-row:auto}.featured-work{min-height:410px}.featured-work.big{min-height:510px}
 .services-list-v2 .service-row{grid-template-columns:45px 1fr 45px}.services-list-v2 .service-row p{grid-column:2/4}
 .service-detail-hero{padding-top:125px;min-height:auto}.service-detail-hero-grid{gap:20px;padding-bottom:45px}.service-detail-copy h1{font-size:clamp(52px,15vw,76px)}.service-detail-copy p{font-size:15px}.service-detail-visual{min-height:450px}.service-image-main{inset:38px 0 35px 20px;border-radius:26px}.service-visual-label{width:205px;padding:16px 18px}.service-visual-label strong{font-size:21px}.service-visual-orbit{width:150px;height:150px;right:-50px}.service-bullet-strip{grid-template-columns:1fr 1fr}.service-bullet-strip span{border-bottom:1px solid var(--line)!important}.service-bullet-strip span:nth-child(even){border-right:0}.service-bullet-strip span:nth-last-child(-n+2){border-bottom:0!important}
 .service-detail-grid{grid-template-columns:1fr}.service-detail-card{min-height:270px}.service-detail-card h3{margin-top:60px}
 .service-process-layout{gap:35px}.service-result-panel{padding:34px 24px;gap:28px}.service-next .container{grid-template-columns:1fr}.service-next a{border-right:0;border-bottom:1px solid var(--line)}.service-next a.next{text-align:left;align-items:flex-start;padding-left:0;border-bottom:0}
}

/* ==========================================================
   V3 — Web3-inspired visual system + visibility/hero fixes
   ========================================================== */

/* Bootstrap-safe text contrast fixes */
.featured-overlay h3,
.project-info h3,
.real-work-card .work-overlay h3 {
  color:#fff !important;
  text-shadow:0 3px 24px rgba(0,0,0,.62);
}
.featured-overlay b { color:#e8ede5 !important; }
.featured-work:focus-visible { outline:2px solid var(--lime); outline-offset:4px; }

/* Homepage selected-work cards sit in a light section, so force card text to stay readable. */
.showcase .featured-work { color:#fff; box-shadow:0 24px 65px rgba(10,15,10,.16); }
.showcase .featured-overlay {
  background:linear-gradient(180deg,rgba(4,6,4,.03) 18%,rgba(4,6,4,.28) 48%,rgba(3,5,3,.96) 100%);
}
.showcase .featured-overlay h3 { max-width:92%; }
.showcase .featured-overlay span { text-shadow:0 2px 12px rgba(0,0,0,.55); }

/* Hero V3: contained, responsive and deliberately free of negative viewport overflow. */
.hero-v3 {
  min-height:auto;
  padding:132px 0 0;
  display:block;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 17%,rgba(187,230,12,.14),transparent 27%),
    radial-gradient(circle at 20% 72%,rgba(187,230,12,.055),transparent 28%),
    linear-gradient(180deg,#070907 0%,#090c09 100%);
}
.hero-v3::before {
  opacity:.34;
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 94%);
}
.hero-v3::after { display:none; }
.hero-v3-mesh {
  position:absolute; inset:0; z-index:-2; pointer-events:none; opacity:.38;
  background-image:
    linear-gradient(30deg,rgba(187,230,12,.08) 1px,transparent 1px),
    linear-gradient(150deg,rgba(187,230,12,.055) 1px,transparent 1px);
  background-size:120px 70px;
  mask-image:radial-gradient(circle at 72% 42%,#000 0 28%,transparent 67%);
}
.hero-v3-glow { position:absolute; border-radius:50%; pointer-events:none; filter:blur(8px); z-index:-1; }
.hero-v3-glow-a { width:460px;height:460px;right:4%;top:12%;background:radial-gradient(circle,rgba(187,230,12,.12),transparent 68%); }
.hero-v3-glow-b { width:340px;height:340px;left:-120px;bottom:5%;background:radial-gradient(circle,rgba(187,230,12,.055),transparent 70%); }
.hero-v3-grid {
  position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
  gap:clamp(36px,5vw,72px); align-items:center; padding-bottom:56px;
}
.hero-v3-copy,.hero-command { min-width:0; }
.hero-v3-copy { padding:24px 0 18px; }
.hero-v3 h1 {
  margin:0; max-width:700px; font-size:clamp(58px,6.25vw,94px); line-height:.88;
  letter-spacing:-.07em; font-weight:900; color:#f7faf4;
}
.hero-v3 h1 > span:first-child { color:#f7faf4; }
.hero-v3 .hero-line-outline { color:transparent; -webkit-text-stroke:1px rgba(246,249,243,.72); text-stroke:1px rgba(246,249,243,.72); }
.hero-v3 .hero-lime { color:var(--lime); -webkit-text-stroke:0; text-shadow:0 0 36px rgba(187,230,12,.15); }
.hero-v3 .hero-lead { max-width:630px; font-size:16px; line-height:1.75; color:#aeb7ab; margin:27px 0 30px; }
.hero-capability-row { display:flex; flex-wrap:wrap; gap:8px 15px; margin-top:25px; max-width:650px; }
.hero-capability-row span { display:flex;align-items:center;gap:8px;color:#7f897c;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em; }
.hero-capability-row i { width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px rgba(187,230,12,.65); }

.hero-command {
  position:relative; width:100%; min-height:575px; border:1px solid rgba(255,255,255,.13); border-radius:34px;
  overflow:hidden; background:#0d120d; box-shadow:0 34px 95px rgba(0,0,0,.48),inset 0 0 0 1px rgba(187,230,12,.025);
  transform-style:preserve-3d; transition:transform .18s ease-out,border-color .3s ease;
}
.hero-command:hover { border-color:rgba(187,230,12,.24); }
.command-top {
  position:absolute; left:0; right:0; top:0; z-index:8; height:54px; padding:0 19px; display:flex;align-items:center;justify-content:space-between;gap:15px;
  background:rgba(5,8,5,.72);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);
  color:#8d9789;font-size:9px;font-weight:900;letter-spacing:.13em;
}
.command-online { display:flex;align-items:center;gap:8px;color:#c5cdc1; }
.command-online i { width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(187,230,12,.07),0 0 16px rgba(187,230,12,.65);animation:nodePulse 1.8s ease-in-out infinite; }
.command-media { position:absolute; inset:54px 0 42px; overflow:hidden; }
.command-media img { width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.66) saturate(.72) contrast(1.08);transform:scale(1.012); }
.command-shade { position:absolute;inset:54px 0 42px;z-index:2;background:linear-gradient(90deg,rgba(5,8,5,.62) 0%,rgba(5,8,5,.08) 50%,rgba(5,8,5,.26) 100%),linear-gradient(180deg,rgba(5,8,5,.04),rgba(5,8,5,.62));pointer-events:none; }
.command-footer {
  position:absolute;left:0;right:0;bottom:0;height:42px;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;
  background:rgba(5,8,5,.88);border-top:1px solid rgba(255,255,255,.09);color:#6f796b;font-size:8px;font-weight:900;letter-spacing:.12em;text-align:center;
}
.command-footer span { border-right:1px solid rgba(255,255,255,.07); }
.command-footer span:last-child { border-right:0; }

.web3-orbit { position:absolute; z-index:4; width:285px;height:285px;right:42px;top:106px;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 0 32px rgba(187,230,12,.09)); }
.orbit-ring { position:absolute;border-radius:50%;border:1px solid rgba(187,230,12,.26); }
.ring-1 { inset:0;animation:orbitSpin 16s linear infinite; }
.ring-2 { inset:38px;border-style:dashed;border-color:rgba(255,255,255,.22);animation:orbitSpinReverse 11s linear infinite; }
.ring-3 { inset:82px;border-color:rgba(187,230,12,.5);box-shadow:0 0 26px rgba(187,230,12,.06) inset; }
.orbit-core { position:relative;z-index:2;width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:rgba(187,230,12,.13);border:1px solid rgba(187,230,12,.5);backdrop-filter:blur(12px);color:var(--lime);font-size:18px;font-weight:950;letter-spacing:.08em;box-shadow:0 0 45px rgba(187,230,12,.12); }
.orbit-node { position:absolute;width:12px;height:12px;border-radius:50%;background:var(--lime);border:3px solid #101510;box-shadow:0 0 18px rgba(187,230,12,.7);animation:nodePulse 1.9s ease-in-out infinite; }
.node-a{top:10px;left:127px}.node-b{right:19px;top:92px;animation-delay:.4s}.node-c{bottom:22px;left:72px;animation-delay:.8s}.node-d{left:5px;top:135px;animation-delay:1.2s}
.command-card { position:absolute;z-index:6;border:1px solid rgba(255,255,255,.13);background:rgba(8,12,8,.82);backdrop-filter:blur(18px);box-shadow:0 22px 55px rgba(0,0,0,.34); }
.command-card small { display:block;color:#707b6d;font-size:8px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;margin-bottom:8px; }
.command-card-a { left:22px;top:96px;width:min(275px,47%);padding:17px;border-radius:20px; }
.command-card-a strong { display:block;color:#f4f7f1;font-size:14px;line-height:1.35;letter-spacing:-.025em; }
.signal-bars { display:flex;gap:4px;height:26px;align-items:end;margin-top:13px; }
.signal-bars i { flex:1;min-width:4px;border-radius:4px 4px 1px 1px;background:linear-gradient(to top,rgba(187,230,12,.23),var(--lime));animation:signalMove 1.7s ease-in-out infinite alternate; }
.signal-bars i:nth-child(1){height:30%}.signal-bars i:nth-child(2){height:60%;animation-delay:.12s}.signal-bars i:nth-child(3){height:45%;animation-delay:.24s}.signal-bars i:nth-child(4){height:88%;animation-delay:.36s}.signal-bars i:nth-child(5){height:67%;animation-delay:.48s}.signal-bars i:nth-child(6){height:100%;animation-delay:.6s}
.command-card-b { left:22px;bottom:69px;width:min(310px,53%);padding:17px;border-radius:20px; }
.command-card-b b { display:block;margin-top:10px;color:#dfe5db;font-size:11px; }
.command-chips { display:grid;grid-template-columns:repeat(4,1fr);gap:5px; }
.command-chips span { padding:7px 3px;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#cfd6cc;font-size:8px;font-weight:900; }
.command-chips span:first-child { color:#071007;background:var(--lime);border-color:var(--lime); }
.command-code { position:absolute;right:24px;bottom:68px;z-index:7;padding:11px 14px;border-radius:12px;background:var(--lime);color:#071007;font-size:12px;font-weight:950;letter-spacing:.04em;box-shadow:0 13px 35px rgba(187,230,12,.18); }
.command-code span { opacity:.45; }

.hero-proof-v3 { position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.11); }
.hero-proof-v3 span { padding:19px 14px;color:#808a7c;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;border-right:1px solid rgba(255,255,255,.09); }
.hero-proof-v3 span:last-child { border-right:0; }
.hero-proof-v3 b { color:var(--lime);margin-right:9px; }

@keyframes orbitSpin { to { transform:rotate(360deg); } }
@keyframes orbitSpinReverse { to { transform:rotate(-360deg); } }
@keyframes nodePulse { 50% { transform:scale(1.35); box-shadow:0 0 26px rgba(187,230,12,.85); } }
@keyframes signalMove { to { transform:scaleY(.65);transform-origin:bottom;filter:brightness(1.25); } }

/* Web3-inspired connective strip: visual language only, not a service claim. */
.web3-bridge { position:relative;padding:34px 0 42px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#090c09,#0b0f0b);overflow:hidden; }
.web3-bridge::before { content:"";position:absolute;width:460px;height:220px;right:10%;top:-110px;background:radial-gradient(circle,rgba(187,230,12,.08),transparent 69%);pointer-events:none; }
.web3-bridge-head { display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px; }
.web3-bridge-head span { color:var(--lime);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.15em; }
.web3-bridge-head b { color:#9ea79a;font-size:12px;font-weight:700; }
.web3-flow { display:grid;grid-template-columns:auto minmax(50px,1fr) auto minmax(50px,1fr) auto minmax(50px,1fr) auto;align-items:center;gap:12px; }
.flow-node { min-width:125px;padding:14px 15px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.022);box-shadow:inset 0 0 0 1px rgba(187,230,12,.015); }
.flow-node i { display:block;color:var(--lime);font-style:normal;font-size:8px;font-weight:950;letter-spacing:.12em;margin-bottom:4px; }
.flow-node strong { font-size:13px;letter-spacing:-.02em; }
.flow-link { height:1px;background:linear-gradient(90deg,rgba(187,230,12,.08),rgba(187,230,12,.75),rgba(187,230,12,.08));position:relative; }
.flow-link::after { content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lime);top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 14px rgba(187,230,12,.6);animation:flowDot 2.4s linear infinite; }
@keyframes flowDot { to { left:calc(100% - 7px); } }

/* Carry the future-facing visual language through internal hero sections. */
.page-hero,.services-hero-v2,.service-detail-hero { isolation:isolate; }
.page-hero::after,.services-hero-v2::after { content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(187,230,12,.08);border-radius:50%;right:-160px;top:110px;box-shadow:0 0 0 70px rgba(187,230,12,.012),0 0 0 140px rgba(187,230,12,.007);z-index:-1;pointer-events:none; }
.service-detail-hero::after { content:"";position:absolute;width:360px;height:360px;border:1px dashed rgba(187,230,12,.12);border-radius:50%;right:-120px;top:130px;z-index:0;pointer-events:none;animation:orbitSpin 28s linear infinite; }
.service-showcase-card,.service-detail-card,.real-work-card,.portfolio-note,.service-result-panel { box-shadow:inset 0 0 0 1px rgba(187,230,12,.012); }

@media(max-width:1120px){
  .hero-v3-grid { grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:34px; }
  .hero-v3 h1 { font-size:clamp(54px,6.8vw,78px); }
  .hero-command { min-height:530px; }
  .web3-orbit { width:240px;height:240px;right:23px;top:110px; }
  .ring-2{inset:32px}.ring-3{inset:68px}.node-a{left:108px}.node-b{right:12px;top:78px}.node-c{bottom:16px;left:62px}.node-d{left:2px;top:114px}
}
@media(max-width:920px){
  .hero-v3 { padding-top:116px; }
  .hero-v3-grid { grid-template-columns:1fr;gap:28px;padding-bottom:42px; }
  .hero-v3-copy { max-width:760px; }
  .hero-v3 h1 { max-width:760px;font-size:clamp(58px,10.3vw,88px); }
  .hero-command { min-height:570px;max-width:780px; }
  .web3-flow { grid-template-columns:1fr 28px 1fr; }
  .web3-flow .flow-node:nth-of-type(3),.web3-flow .flow-node:nth-of-type(4) { margin-top:4px; }
  .web3-flow .flow-link:nth-of-type(3) { display:none; }
  .web3-bridge-head { align-items:flex-start;flex-direction:column;gap:7px; }
}
@media(max-width:720px){
  .hero-v3 { padding-top:104px; }
  .hero-v3-grid { width:min(calc(100% - 26px),var(--container)); }
  .hero-v3-copy { padding-top:12px; }
  .hero-v3 h1 { font-size:clamp(48px,14vw,70px);line-height:.9;letter-spacing:-.065em; }
  .hero-v3 .hero-lead { font-size:14px;line-height:1.65;margin:22px 0 25px; }
  .hero-v3 .hero-actions { flex-direction:column;align-items:stretch; }
  .hero-v3 .hero-actions .btn { width:100%; }
  .hero-capability-row { gap:8px 12px;margin-top:20px; }
  .hero-command { min-height:475px;border-radius:25px; }
  .command-top { height:48px;padding-inline:14px;font-size:7px; }
  .command-media,.command-shade { inset:48px 0 38px; }
  .command-footer { height:38px;font-size:6px; }
  .web3-orbit { width:190px;height:190px;right:13px;top:87px; }
  .ring-2{inset:25px}.ring-3{inset:54px}.orbit-core{width:58px;height:58px;border-radius:17px;font-size:14px}.node-a{left:85px}.node-b{right:9px;top:62px}.node-c{bottom:13px;left:49px}.node-d{left:0;top:91px}
  .command-card-a { left:13px;top:80px;width:58%;padding:13px;border-radius:16px; }
  .command-card-a strong { font-size:11px; }
  .command-card-b { left:13px;bottom:58px;width:70%;padding:13px;border-radius:16px; }
  .command-chips span { font-size:6px;padding:6px 2px; }
  .command-card-b b { font-size:9px; }
  .command-code { right:13px;bottom:57px;font-size:9px;padding:8px 10px; }
  .hero-proof-v3 { grid-template-columns:1fr 1fr; }
  .hero-proof-v3 span:nth-child(2) { border-right:0; }
  .hero-proof-v3 span:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.09); }
  .web3-flow { grid-template-columns:1fr;gap:9px; }
  .flow-link { height:28px;width:1px;justify-self:center;background:linear-gradient(180deg,rgba(187,230,12,.08),rgba(187,230,12,.75),rgba(187,230,12,.08)); }
  .flow-link::after { left:50%;top:0;transform:translateX(-50%);animation:flowDotVertical 2s linear infinite; }
  .flow-node { width:100%; }
  .web3-flow .flow-link:nth-of-type(3) { display:block; }
  .showcase .featured-overlay { padding:24px; }
  .showcase .featured-overlay h3 { font-size:34px; }
}
@keyframes flowDotVertical { to { top:calc(100% - 7px); } }