:root {
  --ink: #07111f;
  --ink-2: #0b1729;
  --ink-3: #11233b;
  --paper: #f6f7fb;
  --white: #fff;
  --blue: #287cff;
  --cyan: #32cdfa;
  --violet: #7b5cff;
  --lime: #b7f34b;
  --rose: #ff6d8a;
  --muted: #68758a;
  --line: rgba(7, 17, 31, .12);
  --radius: 24px;
  --shadow: 0 28px 80px rgba(7, 17, 31, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body { margin: 0; overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: "DM Sans", sans-serif; -webkit-font-smoothing: antialiased; }
body, button, input, textarea, select { font-family: "DM Sans", sans-serif; }
h1, h2, h3, h4, strong, .brand-lockup { font-family: "Manrope", sans-serif; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; }
main { min-height: 70vh; }
.site-container { width: min(100% - 48px, 1440px); margin-inline: auto; padding-inline: 0; }
.section { padding: 128px 0; }
.section-tag { display: inline-flex; align-items: center; gap: 9px; color: #235ed8; font: 700 11px/1 "Manrope", sans-serif; letter-spacing: .16em; }
.section-tag::before { content: ""; width: 24px; height: 1px; background: currentColor; }
.section-tag.light { color: #64d9ff; }
.section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 60px; margin-bottom: 64px; }
.section-head h2 { margin: 14px 0 0; max-width: 850px; font-size: clamp(42px, 5.2vw, 78px); line-height: .99; letter-spacing: -.055em; font-weight: 700; }
.section-head h2 em, .scene-copy h2 em, .inner-hero h1 em, .cta-section h2 em, .about-statement h2 em { color: var(--blue); font-style: normal; }
.section-head > p { max-width: 430px; margin: 0 0 6px; color: var(--muted); font-size: 17px; line-height: 1.7; }
.section-head.light h2 { color: white; }.section-head.light h2 em { color: #62dcff; }.section-head.light > p { color: #9fb1c8; }
.btn { --bs-btn-border-radius: 100px; padding: 12px 22px; font-weight: 700; letter-spacing: -.01em; }
.btn-lg { padding: 16px 25px; font-size: 15px; }
.btn-brand { border: 1px solid transparent; color: white; background: linear-gradient(120deg, var(--blue), #6558ff); box-shadow: 0 14px 32px rgba(40, 124, 255, .26); }
.btn-brand:hover, .btn-brand:focus { color: white; background: linear-gradient(120deg, #176ff0, #5748ed); transform: translateY(-2px); }
.btn-brand i, .btn-light i, .btn-outline-light i { margin-left: 8px; }
.btn-ghost { border: 1px solid var(--line); background: white; color: var(--ink); }
.text-link { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; border-bottom: 1px solid currentColor; padding-bottom: 6px; }
.text-link i { transition: transform .2s ease; }.text-link:hover i { transform: translateX(5px); }
.scroll-progress { position: fixed; z-index: 2000; inset: 0 0 auto; height: 3px; background: transparent; pointer-events: none; }
.scroll-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--cyan), var(--violet)); box-shadow: 0 0 18px var(--cyan); }
.cursor-glow { position: fixed; z-index: 1; width: 340px; height: 340px; margin: -170px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(59, 166, 255, .08), transparent 68%); opacity: 0; transition: opacity .3s; }
body:hover .cursor-glow { opacity: 1; }
.reveal { opacity: 0; transform: translateY(32px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* Navigation */
.agency-navbar { height: 88px; padding: 0; border-bottom: 1px solid rgba(255,255,255,.08); color: white; transition: height .3s, background .3s, box-shadow .3s; }
.agency-navbar.scrolled { height: 76px; background: rgba(7,17,31,.82); backdrop-filter: blur(20px); box-shadow: 0 12px 40px rgba(4,10,20,.18); }
.brand-lockup { display: inline-flex; align-items: center; gap: 11px; color: white; }
.brand-logo-wrap { width: 46px; height: 46px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: white; box-shadow: 0 10px 30px rgba(0,0,0,.14); }
.brand-logo-wrap img { width: 36px; height: 36px; object-fit: contain; }
.brand-lockup > span:last-child { display: flex; flex-direction: column; }
.brand-lockup strong { font-size: 14px; line-height: 1; letter-spacing: .065em; }
.brand-lockup small { margin-top: 5px; color: #8fa3bd; font-size: 7px; letter-spacing: .22em; }
.agency-navbar .nav-link { position: relative; margin: 0 12px; padding: 10px 2px !important; color: #b7c3d4; font-size: 13px; font-weight: 600; }
.agency-navbar .nav-link::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 4px; height: 1px; background: var(--cyan); transition: right .25s; }
.agency-navbar .nav-link:hover, .agency-navbar .nav-link.active { color: white; }
.agency-navbar .nav-link:hover::after, .agency-navbar .nav-link.active::after { right: 0; }
.navbar-toggler { width: 46px; height: 42px; display: none; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 13px; box-shadow: none !important; }
.navbar-toggler span { display: block; width: 19px; height: 1px; background: white; }.navbar-toggler span + span { width: 13px; margin-top: 6px; }

/* Hero */
.hero-section { position: relative; min-height: 100vh; overflow: hidden; color: white; background: radial-gradient(circle at 77% 42%, rgba(46,124,255,.22), transparent 29%), radial-gradient(circle at 15% 25%, rgba(97,83,255,.13), transparent 30%), #07111f; }
.digital-grid, .inner-grid { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(94,177,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(94,177,255,.12) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to right, transparent 2%, black 45%, transparent 98%); transform: perspective(800px) rotateX(62deg) scale(1.4) translateY(24%); transform-origin: bottom; }
.hero-section::after { content: ""; position: absolute; inset: auto 0 0; height: 180px; background: linear-gradient(transparent, #07111f); pointer-events: none; }
.hero-layout { min-height: 100vh; display: grid; grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr); gap: 45px; align-items: center; padding-top: 110px; padding-bottom: 80px; position: relative; z-index: 2; }
.hero-copy { position: relative; z-index: 3; }
.hero-kicker { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; color: #68dfff; font: 700 10px/1 "Manrope", sans-serif; letter-spacing: .18em; }
.hero-kicker i { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(50,205,250,.12), 0 0 18px var(--cyan); }
.hero-copy h1 { max-width: 750px; margin: 0; font-size: clamp(48px, 6.1vw, 95px); line-height: .91; letter-spacing: -.062em; font-weight: 800; }
.hero-copy p { max-width: 620px; margin: 30px 0 34px; color: #a9b7cb; font-size: clamp(17px, 1.45vw, 21px); line-height: 1.6; }
.hero-actions { display: flex; gap: 12px; }.hero-actions .btn-outline-light { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.04); backdrop-filter: blur(10px); }
.hero-proof { display: flex; align-items: center; gap: 13px; margin-top: 40px; color: #657891; font: 700 9px/1 "Manrope", sans-serif; letter-spacing: .18em; }
.hero-proof i { width: 4px; height: 4px; border-radius: 50%; background: #3d4e64; }
.hero-scene { height: 640px; position: relative; perspective: 1200px; }
.orbit { position: absolute; border: 1px solid rgba(91,180,255,.15); border-radius: 50%; animation: orbitSpin 24s linear infinite; }
.orbit::before, .orbit::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 20px var(--cyan); }
.orbit-one { width: 560px; height: 560px; right: -40px; top: 45px; }.orbit-one::before { left: 38px; top: 80px; }.orbit-one::after { right: 13px; bottom: 170px; }
.orbit-two { width: 420px; height: 420px; right: 30px; top: 115px; animation-direction: reverse; animation-duration: 18s; }.orbit-two::before { top: -4px; left: 50%; }.orbit-two::after { bottom: 20px; left: 70px; background: var(--violet); }
.hero-browser { width: min(620px, 86%); height: 390px; position: absolute; z-index: 3; left: 8%; top: 105px; border: 1px solid rgba(161,206,255,.25); border-radius: 20px; overflow: hidden; background: rgba(14,30,50,.8); box-shadow: 0 55px 130px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(18px); transform: rotateY(-8deg) rotateX(3deg); animation: float 6s ease-in-out infinite; }
.hero-browser > header { height: 45px; display: flex; align-items: center; gap: 14px; padding: 0 15px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.035); }
.hero-browser header > span { display: flex; gap: 5px; }.hero-browser header > span i { width: 7px; height: 7px; border-radius: 50%; background: #ff6f83; }.hero-browser header > span i:nth-child(2){background:#f4c64a}.hero-browser header > span i:nth-child(3){background:#5adf9d}
.hero-browser header small { flex: 1; color: #7f91aa; font-size: 9px; }.hero-browser header b { color: #7ce8bc; font-size: 8px; letter-spacing: .14em; }
.browser-body { height: calc(100% - 45px); display: grid; grid-template-columns: 50px 1fr; }.browser-body > aside { display: flex; flex-direction: column; align-items: center; gap: 15px; padding-top: 20px; border-right: 1px solid rgba(255,255,255,.06); }.browser-body > aside i { width: 15px; height: 15px; border-radius: 4px; border: 1px solid #405571; }.browser-body > aside i:first-child { background: var(--blue); border-color: var(--blue); }
.browser-canvas { position: relative; padding: 54px 48px; background: radial-gradient(circle at 72% 28%, rgba(70,177,255,.16), transparent 28%); }.mini-label { color: #70ddff; font-size: 8px; letter-spacing: .18em; }.browser-canvas > strong { display: block; margin-top: 11px; font-size: 34px; line-height: 1.06; letter-spacing: -.045em; }
.mini-ui-row { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 9px; margin-top: 34px; }.mini-ui-row i { height: 63px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; background: linear-gradient(135deg, rgba(44,128,255,.25), rgba(255,255,255,.03)); animation: uiAppear 5s infinite; }.mini-ui-row i:nth-child(2){animation-delay:.5s}.mini-ui-row i:nth-child(3){animation-delay:1s}
.code-lines { width: 110px; display: grid; gap: 6px; position: absolute; right: 22px; bottom: 18px; }.code-lines i { height: 3px; border-radius: 3px; background: #3c5069; animation: codeLine 3s infinite; }.code-lines i:nth-child(2){width:70%;animation-delay:.4s}.code-lines i:nth-child(3){width:85%;animation-delay:.8s}
.cursor-pointer { position: absolute; z-index: 4; left: 53%; top: 42%; color: white; animation: cursorMove 5s ease-in-out infinite; }.cursor-pointer i { color: #6edfff; text-shadow: 0 0 15px #2acbff; }.cursor-pointer span { display: block; margin: 5px 0 0 10px; padding: 4px 7px; border-radius: 5px; color: white; background: var(--blue); font-size: 7px; }
.floating-card { position: absolute; z-index: 5; border: 1px solid rgba(161,206,255,.2); border-radius: 15px; color: white; background: rgba(12,27,47,.82); box-shadow: 0 25px 60px rgba(0,0,0,.32); backdrop-filter: blur(17px); animation: float 5s ease-in-out infinite; }
.cloud-card { right: -3%; top: 75px; width: 165px; padding: 17px; }.cloud-card > i { width: 35px; height: 35px; display: grid; place-items: center; margin-bottom: 14px; border-radius: 10px; color: #72e0ff; background: rgba(50,205,250,.12); }.cloud-card span,.cloud-card strong { display:block; }.cloud-card span { color:#7890aa;font-size:8px;letter-spacing:.12em }.cloud-card strong { margin-top:4px;font-size:11px; }
.growth-card { width: 175px; left: -1%; bottom: 80px; padding: 18px; animation-delay: -1.7s; }.growth-card small { color:#7e91aa;font-size:8px;letter-spacing:.12em }.growth-card strong { display:block;margin:6px 0;font-size:26px }.growth-card em { color:#687b93;font-size:7px;font-style:normal }.spark-bars { height:36px;display:flex;align-items:flex-end;gap:4px }.spark-bars i { flex:1;border-radius:2px;background:linear-gradient(#67ddff,#3d76ff) }.spark-bars i:nth-child(1){height:25%}.spark-bars i:nth-child(2){height:42%}.spark-bars i:nth-child(3){height:38%}.spark-bars i:nth-child(4){height:72%}.spark-bars i:nth-child(5){height:100%}
.signal-card { right: 8%; bottom: 46px; display:flex;align-items:center;gap:8px;padding:10px 13px; font-size:9px; animation-delay:-2.6s }.signal-card i { color:#77e8ba }.connection-line { position:absolute;z-index:2;height:1px;background:linear-gradient(90deg,transparent,rgba(86,200,255,.45),transparent);transform-origin:left }.connection-line i { position:absolute;width:6px;height:6px;border-radius:50%;top:-3px;background:var(--cyan);box-shadow:0 0 16px var(--cyan);animation:dataTravel 3s linear infinite }.line-one { width:240px;right:2%;top:290px;transform:rotate(-19deg) }.line-two { width:260px;left:10%;bottom:190px;transform:rotate(12deg) }.line-two i{animation-delay:1s}
.particle-field { position:absolute;inset:0;pointer-events:none }.particle-field i { --x: calc((var(--i) * 37) % 100); position:absolute;left:calc(var(--x) * 1%);top:calc(((var(--i) * 61) % 88) * 1%);width:3px;height:3px;border-radius:50%;background:#64dfff;box-shadow:0 0 12px #64dfff;opacity:.45;animation:particleFloat calc(5s + var(--i)*.13s) ease-in-out infinite alternate }
.scroll-cue { position:absolute;z-index:4;left:50%;bottom:25px;display:flex;align-items:center;gap:14px;transform:translateX(-50%);color:#687b94;font-size:8px;letter-spacing:.2em }.scroll-cue i { color:white;animation:scrollBounce 1.5s infinite }

.trust-strip { color:white;background:#07111f;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07) }.trust-strip .site-container { min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px }.trust-strip span { color:#65758b;font-size:9px;font-weight:700;letter-spacing:.16em }.trust-strip div div { display:flex;align-items:center;gap:28px;color:#9dacbf;font-size:12px }.trust-strip i { width:4px;height:4px;border-radius:50%;background:#34465d }

/* Service index */
.intro-section { background:var(--paper) }.service-index { border-top:1px solid var(--line) }.service-index > a { min-height:122px;display:grid;grid-template-columns:65px 55px minmax(220px,.7fr) 1fr 50px;align-items:center;gap:20px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s }.service-index > a > span { color:#9ba4b3;font-size:11px }.service-index > a > i { font-size:24px;color:var(--blue) }.service-index strong { font-size:22px;letter-spacing:-.03em }.service-index em { max-width:500px;color:var(--muted);font-size:14px;font-style:normal;line-height:1.5 }.service-index b { width:42px;height:42px;display:grid;place-items:center;justify-self:end;border:1px solid var(--line);border-radius:50%;transition:.25s }.service-index > a:hover { padding-inline:15px;background:white }.service-index > a:hover b { color:white;background:var(--blue);border-color:var(--blue);transform:rotate(45deg) }

/* Service scenes */
.service-scene { position:relative;min-height:820px;padding:135px 0;overflow:hidden }.scene-grid { display:grid;grid-template-columns:minmax(380px,.78fr) minmax(560px,1.22fr);gap:7vw;align-items:center }.scene-copy h2 { margin:18px 0 25px;font-size:clamp(44px,5.4vw,79px);line-height:.98;letter-spacing:-.055em }.scene-copy > p { max-width:560px;margin:0 0 28px;color:inherit;opacity:.68;font-size:18px;line-height:1.65 }.scene-copy .text-link { margin-top:16px }.feature-pills,.video-types { display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 20px;list-style:none }.feature-pills li,.video-types li { padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:100px;font-size:11px }
.web-scene { color:white;background:radial-gradient(circle at 75% 48%,rgba(43,124,255,.22),transparent 30%),#081321 }.web-scene::before { content:"";position:absolute;width:800px;height:800px;right:-260px;top:0;border:1px solid rgba(70,159,255,.11);border-radius:50%;box-shadow:0 0 0 80px rgba(63,154,255,.025),0 0 0 160px rgba(63,154,255,.018) }.laptop-stage { height:520px;position:relative;perspective:1100px }.laptop-screen { height:420px;position:relative;z-index:2;border:8px solid #1f2b3b;border-radius:22px 22px 10px 10px;overflow:hidden;background:#eff2f8;box-shadow:0 40px 90px rgba(0,0,0,.5);transform:rotateY(-4deg);animation:float 6s ease-in-out infinite }.screen-bar { height:35px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#151f2d;color:#78889e }.screen-bar i { width:7px;height:7px;border-radius:50%;background:#ff7183 }.screen-bar i:nth-child(2){background:#f1c347}.screen-bar i:nth-child(3){background:#54d892}.screen-bar span { margin-left:10px;font-size:8px }.builder-ui { height:calc(100% - 35px);display:grid;grid-template-columns:48px 1fr 115px }.builder-ui > aside { padding:16px 12px;background:#0d1725;display:flex;align-items:center;flex-direction:column;gap:14px }.builder-ui > aside b { width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:white;background:var(--blue);font-size:10px }.builder-ui > aside i { width:18px;height:18px;border:1px solid #3f4b5d;border-radius:5px }.builder-preview { padding:17px;background:#f4f6fb;color:var(--ink) }.preview-nav { height:30px;display:flex;align-items:center;gap:9px }.preview-nav span { width:35px;height:12px;background:#111d2e;border-radius:3px;margin-right:auto }.preview-nav i { width:21px;height:4px;background:#c7cfdb;border-radius:2px }.preview-hero { min-height:165px;padding:30px 25px;margin-top:10px;position:relative;overflow:hidden;color:white;border-radius:10px;background:radial-gradient(circle at 80% 20%,#2f8df0,transparent 30%),#111f32 }.preview-hero small { color:#64ddff;font-size:6px;letter-spacing:.15em }.preview-hero strong { display:block;margin-top:8px;font-size:22px;line-height:1.03 }.preview-hero b { width:160px;height:160px;position:absolute;right:-60px;bottom:-85px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 18px rgba(255,255,255,.035) }.preview-cards { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px }.preview-cards i { height:70px;border-radius:8px;background:white;box-shadow:0 6px 20px rgba(8,20,36,.06);animation:uiAppear 5s infinite }.preview-cards i:nth-child(2){animation-delay:.6s}.preview-cards i:nth-child(3){animation-delay:1.2s}.builder-tools { padding:17px 12px;border-left:1px solid #dde2eb;background:white }.builder-tools span { display:block;margin:0 0 9px;color:#8390a2;font-size:6px;letter-spacing:.12em }.builder-tools i { display:block;height:26px;margin-bottom:8px;border:1px solid #e1e5ec;border-radius:5px;background:#f6f7fa }.builder-cursor { position:absolute;z-index:4;color:var(--blue);font-size:18px;left:58%;top:51%;filter:drop-shadow(0 3px 5px rgba(0,0,0,.2));animation:builderCursor 6s infinite }.laptop-base { width:106%;height:18px;margin-left:-3%;position:relative;z-index:3;border-radius:3px 3px 20px 20px;background:linear-gradient(#c7cfda,#647080);box-shadow:0 25px 40px rgba(0,0,0,.35) }.code-pop { position:absolute;z-index:5;right:-35px;bottom:10px;width:180px;padding:17px;border:1px solid rgba(105,194,255,.2);border-radius:14px;color:#62dfff;background:rgba(9,24,42,.92);box-shadow:0 25px 60px rgba(0,0,0,.32);animation:float 5s -2s infinite }.code-pop span,.code-pop small {display:block;font-size:8px}.code-pop i {display:block;height:3px;margin-top:7px;border-radius:3px;background:#34485f}.code-pop i:nth-child(2){width:82%}.code-pop i:nth-child(3){width:55%}.code-pop i:nth-child(4){width:70%}.code-pop small{margin-top:13px;color:#7890aa;letter-spacing:.12em}

.cloud-scene { color:white;background:radial-gradient(circle at 50% 58%,rgba(30,139,211,.22),transparent 28%),#061621 }.cloud-system { height:370px;position:relative;margin-top:40px }.cloud-system::before { content:"";position:absolute;left:7%;right:7%;top:185px;height:1px;background:linear-gradient(90deg,transparent,#3386a8 8%,#3386a8 92%,transparent) }.cloud-glow { width:460px;height:220px;position:absolute;left:50%;top:75px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(50,205,250,.18),transparent 65%);filter:blur(20px) }.cloud-node { width:116px;position:absolute;z-index:3;top:132px;text-align:center }.cloud-node > i { width:70px;height:70px;display:grid;place-items:center;margin:0 auto 12px;border:1px solid rgba(100,213,255,.2);border-radius:20px;color:#75e1ff;background:rgba(11,44,62,.92);box-shadow:0 18px 35px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08);font-size:24px }.cloud-node span { color:#acc0d2;font-size:11px }.node-1{left:3%}.node-2{left:21%}.node-3{left:39%}.node-4{left:57%}.node-5{left:75%}.node-6{right:0}.cloud-route {position:absolute;left:9%;right:7%;top:181px;height:8px}.cloud-route i{position:absolute;width:8px;height:8px;border-radius:50%;background:#5fe0ff;box-shadow:0 0 16px #5fe0ff;animation:dataRoute 7s linear infinite}.cloud-route i:nth-child(2){animation-delay:2.2s}.cloud-route i:nth-child(3){animation-delay:4.5s}.drift-cloud {position:absolute;color:#15384a;font-size:75px;opacity:.4;animation:cloudDrift 12s ease-in-out infinite}.cloud-a{left:8%;top:10px}.cloud-b{right:13%;bottom:10px;animation-delay:-6s}.cloud-capabilities { display:grid;grid-template-columns:repeat(3,1fr);gap:14px }.cloud-capabilities article {min-height:130px;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035)}.cloud-capabilities article>i{float:left;width:40px;height:40px;display:grid;place-items:center;margin-right:14px;border-radius:11px;color:#69ddff;background:rgba(59,195,240,.1)}.cloud-capabilities span,.cloud-capabilities strong{display:block}.cloud-capabilities span{padding-top:2px;color:#637d91;font-size:8px;letter-spacing:.14em}.cloud-capabilities strong{margin-top:6px;font-size:14px}

.marketing-scene { background:#edf3ff }.marketing-scene::before { content:"";position:absolute;width:500px;height:500px;left:-250px;top:100px;border-radius:50%;background:rgba(69,120,255,.06);filter:blur(20px) }.sample-label {display:inline-flex;gap:8px;align-items:center;padding:8px 11px;margin-bottom:16px;border-radius:100px;color:#42669f;background:#dfe9fb;font-size:10px}.metric-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:460px}.metric-mini-grid article{padding:16px;border:1px solid rgba(31,82,164,.1);border-radius:13px;background:rgba(255,255,255,.62)}.metric-mini-grid article span,.metric-mini-grid article small{display:block;color:#7890b4;font-size:8px;letter-spacing:.12em}.metric-mini-grid article strong{font-size:25px}.growth-world{height:560px;position:relative;border:1px solid rgba(39,83,162,.13);border-radius:30px;overflow:hidden;background:linear-gradient(180deg,#fff,#dbe7ff);box-shadow:var(--shadow)}.growth-world::after{content:"";position:absolute;inset:auto 0 0;height:155px;background:linear-gradient(160deg,transparent 40%,rgba(61,112,213,.1) 40%)}.growth-graph{height:260px;position:absolute;left:9%;right:8%;top:45px;border-left:1px solid #a9bee1;border-bottom:1px solid #a9bee1}.graph-grid{position:absolute;inset:0;background:linear-gradient(#dce5f5 1px,transparent 1px),linear-gradient(90deg,#dce5f5 1px,transparent 1px);background-size:50px 45px}.graph-line{position:absolute;inset:20px 10px 20px 20px}.graph-line::before{content:"";position:absolute;width:106%;height:115%;left:-2%;bottom:-4%;background:linear-gradient(157deg,transparent 49.2%,#336fff 49.5%,#336fff 50.2%,transparent 50.5%);clip-path:polygon(0 90%,20% 70%,39% 78%,59% 43%,78% 53%,100% 5%,100% 100%,0 100%);opacity:.95}.graph-line i{position:absolute;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#3475ff;box-shadow:0 0 0 4px rgba(52,117,255,.15)}.graph-line i:nth-child(1){left:0;bottom:5%}.graph-line i:nth-child(2){left:24%;bottom:24%}.graph-line i:nth-child(3){left:48%;bottom:38%}.graph-line i:nth-child(4){left:72%;bottom:58%}.graph-line i:nth-child(5){right:0;top:0}.growth-graph>strong{position:absolute;right:5px;top:-22px;color:#2f67d2;font-size:9px;letter-spacing:.16em}.growth-path{position:absolute;z-index:3;left:5%;right:5%;bottom:34px;display:flex;align-items:center;justify-content:space-between}.growth-path::before{content:"";position:absolute;left:3%;right:3%;top:-12px;height:3px;border-radius:3px;background:linear-gradient(90deg,#87a8e8,#3974ed)}.growth-path span{color:#526d9d;font-size:7px;font-weight:700;letter-spacing:.1em}.person{position:absolute;z-index:4;left:13%;bottom:75px;width:35px;height:70px;animation:walkAcross 11s linear infinite}.person-two{left:25%;bottom:74px;transform:scale(.78);animation-delay:-5s}.person i{position:absolute;display:block}.person .head{width:15px;height:15px;left:9px;border-radius:50%;background:#f3b292}.person .body{width:22px;height:33px;left:6px;top:15px;border-radius:10px 10px 4px 4px;background:#315fd0}.person-two .body{background:#8b5bd7}.person .arm{width:5px;height:27px;left:25px;top:20px;border-radius:4px;background:#f3b292;transform:rotate(-20deg);transform-origin:top;animation:limb .7s infinite alternate}.person .leg{width:6px;height:26px;left:8px;top:44px;border-radius:4px;background:#172e56;transform:rotate(10deg);transform-origin:top;animation:limb .7s infinite alternate}.person .leg.two{left:19px;animation-direction:alternate-reverse}.social-bubble{position:absolute;z-index:5;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(49,90,166,.12);border-radius:10px;color:#315dba;background:rgba(255,255,255,.9);box-shadow:0 12px 28px rgba(36,71,139,.12);font-size:9px;animation:float 4s infinite}.bubble-heart{left:12%;top:50%}.bubble-heart i{color:#ff6585}.bubble-chat{right:11%;top:39%;animation-delay:-1.2s}.bubble-lead{right:16%;bottom:26%;animation-delay:-2.3s}.bubble-lead i{color:#39b987}

.design-scene { background:#f4f1eb }.design-studio{overflow:hidden;border:1px solid rgba(37,32,24,.14);border-radius:24px;background:#e8e3d9;box-shadow:var(--shadow)}.design-toolbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;border-bottom:1px solid rgba(37,32,24,.12);background:#f9f6f0}.design-toolbar>span{font-size:9px;font-weight:700;letter-spacing:.14em}.design-filters{display:flex;flex-wrap:wrap;gap:4px}.design-filters button{padding:8px 11px;border:0;border-radius:100px;color:#797268;background:transparent;font-size:8px;font-weight:700;letter-spacing:.08em}.design-filters button.active{color:white;background:#161b22}.design-canvas{min-height:570px;display:grid;grid-template-columns:1.1fr .85fr .85fr;grid-template-rows:1fr 1fr;gap:15px;padding:20px;perspective:1000px}.design-card{position:relative;overflow:hidden;padding:24px;border-radius:15px;background:white;box-shadow:0 15px 35px rgba(48,38,24,.12);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s}.design-card:hover{z-index:3;transform:translateY(-8px) rotate(-1deg) scale(1.025)}.design-card.hide{opacity:0;transform:scale(.85);pointer-events:none}.design-card span{position:absolute;left:24px;bottom:20px;font-size:7px;font-weight:700;letter-spacing:.15em}.brand-poster{grid-row:1/3;color:white;background:radial-gradient(circle at 70% 35%,#ff826b,transparent 25%),#352b73}.brand-poster::after{content:"";position:absolute;width:330px;height:330px;right:-140px;bottom:-130px;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.04)}.brand-poster small{color:#bcb3ed;font-size:8px}.brand-poster strong{display:block;margin-top:110px;font-size:46px;line-height:.95;letter-spacing:-.05em}.brand-poster strong em{color:#ff9e7f;font-style:normal}.logo-sheet{display:grid;place-items:center;text-align:center}.mini-herukas{width:78px;height:78px;padding:8px;border:1px solid #d4d9e2;border-radius:18px}.logo-sheet strong{font-size:17px;letter-spacing:.12em}.package-card{color:#192622;background:#cbe0bb}.package-shape{width:90px;height:130px;position:absolute;right:18px;top:22px;display:grid;place-items:center;color:white;background:#224d3d;box-shadow:9px 9px 0 #f5aa65;transform:rotate(7deg)}.package-shape i{font:700 34px "Manrope";font-style:normal}.package-card>strong{position:absolute;left:22px;top:34px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.18em}.social-card{color:white;background:#171d27}.social-card::after{content:"";width:180px;height:180px;position:absolute;right:-70px;top:-75px;border-radius:50%;background:#4e72ff;box-shadow:0 0 0 22px rgba(78,114,255,.12)}.social-card strong{position:relative;z-index:2;font-size:25px;line-height:1.03}.social-card>i{position:absolute;right:22px;bottom:18px}.brochure-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fcf5e8}.brochure-card b{height:36px;display:grid;place-items:center;border-bottom:1px solid #9a876c;color:#9a876c;font-size:8px}.brochure-card strong{grid-column:1/3;font-size:21px;line-height:1.05}

.video-scene{color:white;background:radial-gradient(circle at 78% 40%,rgba(116,62,169,.22),transparent 30%),#0e0e15}.video-scene .scene-copy h2 em{color:#e588ff}.video-types li{color:#b8adbf}.editor-window{height:570px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#171621;box-shadow:0 45px 100px rgba(0,0,0,.5)}.editor-window>header{height:40px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#24222e;border-bottom:1px solid rgba(255,255,255,.06)}.editor-window>header span{display:flex;gap:5px}.editor-window>header i{display:block;width:7px;height:7px;border-radius:50%;background:#ff6c7c}.editor-window>header i:nth-child(2){background:#efbe48}.editor-window>header i:nth-child(3){background:#57d797}.editor-window>header small{margin-left:10px;flex:1;color:#746d7d;font-size:7px}.editor-window>header b{color:#c1b7c9;font-size:8px}.video-preview{height:325px;display:grid;grid-template-columns:1fr 125px}.video-frame{position:relative;display:grid;place-content:center;padding:30px;background:radial-gradient(circle at 70% 30%,rgba(255,148,72,.42),transparent 24%),linear-gradient(135deg,#5b2228,#bc5e36 54%,#253024)}.video-frame::before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.16)}.video-frame small{color:#ffd59e;font-size:8px;letter-spacing:.2em}.video-frame strong{margin-top:9px;font-size:38px;line-height:.96;letter-spacing:-.045em}.video-frame button{width:54px;height:54px;position:absolute;left:50%;bottom:24px;display:grid;place-items:center;transform:translateX(-50%);border:1px solid rgba(255,255,255,.5);border-radius:50%;color:white;background:rgba(0,0,0,.22);backdrop-filter:blur(8px);font-size:24px}.video-preview>aside{padding:18px 12px;border-left:1px solid rgba(255,255,255,.06);background:#1b1924}.video-preview>aside span{display:block;margin-bottom:10px;color:#756d7c;font-size:7px;letter-spacing:.12em}.video-preview>aside i{display:block;height:16px;margin-bottom:8px;border-radius:3px;background:linear-gradient(90deg,#3e3a49,#2a2833)}.timeline{height:205px;position:relative;padding:22px 10px 10px;background:#12111a;border-top:1px solid rgba(255,255,255,.08)}.time-ruler{display:flex;justify-content:space-between;padding:0 10px 8px 48px;color:#5f5969;font-size:6px}.track{height:54px;display:flex;align-items:center;gap:4px;border-top:1px solid #27242e}.track>span{width:36px;color:#5e5965;font-size:7px}.clip{height:32px;display:grid;place-items:center;border-radius:3px;color:#d9cce5;background:#674386;font-size:6px;font-style:normal}.c1{width:22%}.c2{width:35%;background:#9a4e64}.c3{width:30%;background:#49688e}.waveform{width:84%;height:28px;display:block;background:repeating-linear-gradient(90deg,#4e85bd 0 2px,transparent 2px 5px);clip-path:polygon(0 42%,3% 20%,6% 76%,9% 38%,12% 62%,15% 13%,18% 86%,21% 32%,24% 74%,27% 42%,30% 60%,33% 20%,36% 80%,39% 36%,42% 68%,45% 18%,48% 84%,51% 45%,54% 62%,57% 27%,60% 72%,63% 40%,66% 66%,69% 18%,72% 87%,75% 34%,78% 74%,81% 25%,84% 82%,87% 42%,90% 67%,93% 21%,96% 77%,100% 45%,100% 55%,0 55%)}.playhead{position:absolute;left:46%;top:17px;bottom:0;width:1px;background:#ff5575;animation:timelineMove 8s linear infinite}.playhead::before{content:"";width:8px;height:8px;position:absolute;left:-3px;top:0;background:#ff5575;clip-path:polygon(0 0,100% 0,50% 100%)}

/* Work */
.project-thumb{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-thumb{transform:scale(1.045)}.project-hero-thumb{width:78%;height:78%;object-fit:cover;border:8px solid rgba(255,255,255,.68);border-radius:18px;box-shadow:0 35px 70px rgba(15,25,45,.28);transform:rotate(4deg)}
.work-section{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.project-card{display:block;min-width:0;transition:opacity .35s,transform .35s}.project-card>a{display:block}.project-visual{height:430px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:#dfe6f2}.concept-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border:1px solid rgba(255,255,255,.35);border-radius:100px;color:white;background:rgba(8,18,31,.24);backdrop-filter:blur(10px);font-size:7px;font-weight:700;letter-spacing:.14em}.project-visual>.concept-badge{position:absolute;z-index:3;left:18px;top:18px}.project-mock{width:67%;height:62%;position:relative;overflow:hidden;border:8px solid rgba(255,255,255,.74);border-radius:14px;background:rgba(255,255,255,.3);box-shadow:0 35px 60px rgba(20,30,50,.24);transform:rotate(-5deg);transition:transform .5s}.project-card:hover .project-mock{transform:rotate(-2deg) scale(1.04)}.project-mock::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;background:rgba(255,255,255,.8)}.project-mock>i{position:absolute;display:block}.project-mock>i:nth-child(1){width:60%;height:12px;left:12%;top:28%;border-radius:10px;background:rgba(255,255,255,.9)}.project-mock>i:nth-child(2){width:42%;height:7px;left:12%;top:39%;border-radius:10px;background:rgba(255,255,255,.55)}.project-mock>i:nth-child(3){left:12%;right:12%;bottom:12%;height:35%;border-radius:8px;background:rgba(255,255,255,.22)}.project-mock>strong{position:absolute;right:10%;top:22%;font-size:70px;opacity:.14}.project-theme-1 .project-visual,.project-hero.project-theme-1{background:linear-gradient(145deg,#efb173,#b65b36)}.project-theme-2 .project-visual,.project-hero.project-theme-2{background:linear-gradient(145deg,#7e6bd2,#35266f)}.project-theme-3 .project-visual,.project-hero.project-theme-3{background:linear-gradient(145deg,#7acdc5,#2e807a)}.project-theme-4 .project-visual,.project-hero.project-theme-4{background:linear-gradient(145deg,#7fa4e8,#3156a6)}.project-theme-5 .project-visual,.project-hero.project-theme-5{background:linear-gradient(145deg,#95b86f,#3e6e48)}.project-theme-6 .project-visual,.project-hero.project-theme-6{background:linear-gradient(145deg,#e28872,#7d302a)}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 4px}.project-meta span{color:var(--blue);font-size:8px;font-weight:700;letter-spacing:.14em}.project-meta h2,.project-meta h3{margin:5px 0 3px;font-size:24px;letter-spacing:-.04em}.project-meta p{margin:0;color:var(--muted);font-size:12px}.project-meta>b{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:.3s}.project-card:hover .project-meta>b{color:white;background:var(--ink);transform:rotate(45deg)}.project-card.filtered-out{display:none}.portfolio-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:42px}.portfolio-filter button{padding:11px 16px;border:1px solid var(--line);border-radius:100px;color:var(--muted);background:white;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.portfolio-filter button.active{color:white;background:var(--ink);border-color:var(--ink)}

.testimonial-section{color:white;background:#101a2b}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:35px}.testimonial-grid blockquote{min-height:300px;padding:34px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.035)}.quote-mark{color:#60d8ff;font:700 55px/1 Georgia,serif}.testimonial-grid blockquote>p{max-width:570px;margin:14px 0 34px;color:#d5deeb;font:500 22px/1.5 "Manrope",sans-serif}.testimonial-grid blockquote footer{display:grid;grid-template-columns:1fr auto}.testimonial-grid footer span,.testimonial-grid footer small{display:block}.testimonial-grid footer span{font-weight:700}.testimonial-grid footer small{margin-top:4px;color:#718299;font-size:10px}.testimonial-grid footer div{grid-row:1/3;grid-column:2;color:#f2c45c;font-size:10px}
.cta-section{min-height:590px;position:relative;display:grid;place-items:center;overflow:hidden;text-align:center;color:white;background:radial-gradient(circle at 50% 50%,rgba(73,110,255,.32),transparent 30%),linear-gradient(135deg,#152852,#4c31a7)}.cta-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle,black,transparent 73%)}.cta-section .site-container{position:relative;z-index:2}.cta-section h2{margin:16px 0;font-size:clamp(50px,7vw,100px);line-height:.91;letter-spacing:-.065em}.cta-section h2 em{color:#84e7ff}.cta-section p{max-width:550px;margin:0 auto 26px;color:#c0cae7;font-size:17px}.cta-orb{width:550px;height:550px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.016);animation:orbitPulse 5s infinite}.cta-section.compact{min-height:500px}.cta-section.compact h2{font-size:clamp(48px,6vw,82px)}

/* Inner pages */
.inner-hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;color:white;background:radial-gradient(circle at 74% 45%,rgba(54,126,255,.22),transparent 28%),#07111f}.inner-hero .site-container{position:relative;z-index:2;padding-top:90px}.inner-hero h1{max-width:1000px;margin:18px 0;font-size:clamp(65px,9vw,132px);line-height:.86;letter-spacing:-.07em}.inner-hero h1 em{color:#65ddff}.inner-hero p{max-width:560px;color:#a4b3c8;font-size:18px;line-height:1.65}.inner-grid{transform:perspective(800px) rotateX(67deg) scale(1.5) translateY(27%)}.service-detail-list{background:#fff}.service-detail{display:grid;grid-template-columns:60px 80px minmax(350px,1fr) minmax(250px,.65fr);gap:25px;padding:70px 0;border-bottom:1px solid var(--line);scroll-margin-top:80px}.service-number{color:#a3adbb;font-size:11px}.service-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:18px;color:white;background:var(--ink);font-size:26px}.service-detail h2{margin:12px 0;font-size:44px;letter-spacing:-.05em}.service-detail p{max-width:620px;color:var(--muted);line-height:1.7}.service-detail .lead-copy{color:var(--ink);font-size:19px;font-weight:600}.service-detail ul{padding:0;margin:28px 0 0;list-style:none}.service-detail li{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);color:#4f5e72;font-size:13px}.service-detail li i{color:var(--blue)}
.project-hero{min-height:720px;display:flex;align-items:center;color:white}.project-hero .site-container{padding-top:110px}.back-link{display:inline-flex;align-items:center;gap:9px;font-size:11px}.project-hero-copy{margin-top:90px}.project-hero-copy h1{margin:14px 0 4px;font-size:clamp(70px,11vw,160px);line-height:.86;letter-spacing:-.075em}.project-hero-copy p{color:rgba(255,255,255,.68);font-size:18px}.project-hero-art{position:absolute;width:43vw;height:400px;right:4vw;top:185px;display:grid;place-items:center}.project-hero-art .project-mock{width:70%;height:70%;transform:rotate(6deg)}.project-story{background:#fff}.story-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:80px}.story-layout h2{margin:18px 0 0;font-size:clamp(35px,4.8vw,70px);line-height:1.07;letter-spacing:-.05em}.story-layout dl{margin:0}.story-layout dl>div{padding:20px 0;border-bottom:1px solid var(--line)}.story-layout dt{color:#8a96a7;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.story-layout dd{margin:7px 0 0;font-size:14px}.result-panel{margin-top:80px;padding:45px;border-radius:24px;color:white;background:var(--ink)}.result-panel span{color:#64ddff;font-size:9px;letter-spacing:.15em}.result-panel p{max-width:900px;margin:15px 0 0;font:500 28px/1.45 "Manrope",sans-serif}.project-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.project-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.empty-state{min-height:75vh;display:grid;place-content:center;gap:20px;text-align:center}.empty-state h1{font-size:50px}
.about-statement{display:grid;grid-template-columns:.45fr 1.2fr .65fr;gap:45px;align-items:start}.about-statement h2{margin:0;font-size:clamp(39px,5vw,68px);line-height:1.04;letter-spacing:-.05em}.about-statement>p{margin:8px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:90px}.mission-grid article{min-height:290px;position:relative;padding:30px;border:1px solid var(--line);border-radius:20px;background:white}.mission-grid article>span{position:absolute;right:25px;top:25px;color:#a4adba;font-size:10px}.mission-grid article>i{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;color:white;background:var(--blue);font-size:22px}.mission-grid h3{margin:52px 0 10px;font-size:23px}.mission-grid p{color:var(--muted);line-height:1.6}.process-section{padding:130px 0;color:white;background:#081421}.process-line{display:grid;grid-template-columns:repeat(6,1fr);position:relative}.process-line::before{content:"";position:absolute;left:4%;right:4%;top:64px;height:1px;background:#2b4158}.process-line article{min-width:0;position:relative;padding-right:22px}.process-line article>span{color:#64dbff;font-size:10px}.process-line article>i{width:15px;height:15px;display:block;position:relative;z-index:2;margin:25px 0 35px;border:3px solid #081421;border-radius:50%;background:#4fcff6;box-shadow:0 0 0 1px #4fcff6,0 0 15px rgba(79,207,246,.5)}.process-line h3{font-size:20px}.process-line p{color:#8192a8;font-size:12px;line-height:1.65}.why-section{background:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.why-grid article{padding:30px;border:1px solid var(--line);border-radius:20px}.why-grid i{font-size:28px;color:var(--blue)}.why-grid h3{margin:35px 0 10px;font-size:18px}.why-grid p{color:var(--muted);font-size:13px;line-height:1.65}
.contact-section{background:#fff}.contact-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.contact-sidebar h2{margin:15px 0 35px;font-size:36px;letter-spacing:-.04em}.contact-sidebar>a{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-sidebar>a>i{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:var(--blue);background:#eaf1ff;font-size:18px}.contact-sidebar>a span{font-size:14px;font-weight:600}.contact-sidebar>a small{display:block;margin-bottom:4px;color:#97a2b1;font-size:8px;letter-spacing:.13em}.contact-note{display:flex;gap:13px;padding:18px;margin-top:25px;border-radius:14px;background:#f3f6fb}.contact-note i{color:var(--blue)}.contact-note p{margin:0;color:var(--muted);font-size:12px}.contact-note strong{color:var(--ink)}.enquiry-form{padding:45px;border:1px solid var(--line);border-radius:24px;background:#f8f9fc;box-shadow:var(--shadow)}.enquiry-form h2{margin:13px 0 30px;font-size:39px;letter-spacing:-.045em}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-grid label{display:block}.form-grid label.full{grid-column:1/-1}.form-grid label>span,.request-form label>span,.contact-method>span{display:block;margin-bottom:7px;color:#566377;font-size:10px;font-weight:700}.form-grid label em{color:#9da6b3;font-style:normal;font-weight:400}.form-grid input,.form-grid select,.form-grid textarea,.request-form textarea,.contact-method select,.support-chat input{width:100%;border:1px solid #dbe0e8;border-radius:11px;outline:0;background:white;color:var(--ink);font-size:13px}.form-grid input,.form-grid select,.contact-method select,.support-chat input{height:48px;padding:0 13px}.form-grid textarea,.request-form textarea{padding:13px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.request-form textarea:focus,.support-chat input:focus{border-color:#6c98ed;box-shadow:0 0 0 4px rgba(40,124,255,.09)}.enquiry-form>.btn{margin-top:25px}.form-response{margin-top:15px;font-size:12px}.form-response.success{color:#16865f}.form-response.error{color:#c6475c}

.quick-contact-section{padding:90px 0;color:white;background:#0b1728}.quick-contact-section>.site-container{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.quick-contact-section h2{margin:15px 0 10px;font-size:40px;letter-spacing:-.04em}.quick-contact-section p{max-width:420px;color:#8fa0b7}.quick-contact-section form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quick-contact-section form label{display:block}.quick-contact-section form label.full,.quick-contact-section .form-response{grid-column:1/-1}.quick-contact-section form label span{display:block;margin-bottom:6px;color:#91a1b6;font-size:9px;font-weight:700}.quick-contact-section input,.quick-contact-section textarea{width:100%;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;outline:0;color:white;background:rgba(255,255,255,.055);font-size:12px}.quick-contact-section input{height:45px}.quick-contact-section textarea{resize:vertical}.quick-contact-section .form-response.success{color:#6ce0b4}.quick-contact-section .form-response.error{color:#ff8fa2}

/* Footer, modals, chat */
.site-footer{padding:85px 0 0;color:white;background:#060d17}.footer-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-bottom:70px}.footer-brand .brand-lockup{margin-bottom:25px}.footer-brand p{max-width:370px;margin:0 0 27px;color:#8494aa;font-size:20px;line-height:1.5}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer-links>div{display:flex;flex-direction:column;gap:13px}.footer-links strong{margin-bottom:8px;color:#64768e;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.footer-links a,.footer-links span{color:#b2bece;font-size:13px}.footer-links a:hover{color:white}.footer-bottom{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);color:#5f7188;font-size:10px}.social-links{display:flex;gap:8px}.social-links a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#8999ad}.social-links a:hover{color:white;background:var(--blue)}
.chat-launcher{position:fixed;z-index:1040;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;height:54px;padding:0 18px;border:1px solid rgba(255,255,255,.2);border-radius:100px;color:white;background:#152846;box-shadow:0 18px 45px rgba(4,14,28,.28);font-size:12px;font-weight:700}.chat-launcher>i{color:#65dcff;font-size:18px}.chat-unread{min-width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#ff5574;font-size:8px}.support-chat{width:min(385px,calc(100vw - 28px));height:565px;position:fixed;z-index:1050;right:24px;bottom:90px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;background:white;box-shadow:0 30px 90px rgba(4,14,28,.28);opacity:0;pointer-events:none;transform:translateY(20px) scale(.96);transform-origin:bottom right;transition:.25s}.support-chat.open{opacity:1;pointer-events:auto;transform:none}.support-chat>header{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;color:white;background:linear-gradient(135deg,#10233d,#244e84)}.support-chat>header>div{display:grid;grid-template-columns:12px 1fr}.support-chat>header strong,.support-chat>header small{display:block}.support-chat>header strong{font-size:13px}.support-chat>header small{grid-column:2;color:#9fb5d0;font-size:9px}.online-dot{width:7px;height:7px;margin-top:6px;border-radius:50%;background:#61e0a4;box-shadow:0 0 0 4px rgba(97,224,164,.12)}.chat-close{border:0;color:#adc0d8;background:transparent}.chat-welcome{padding:32px 22px;overflow:auto}.chat-symbol{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 17px;border-radius:16px;color:white;background:var(--blue);font-size:22px}.chat-welcome h3,.chat-welcome p{text-align:center}.chat-welcome h3{font-size:20px}.chat-welcome p{color:var(--muted);font-size:11px}.chat-welcome label{display:block;margin-top:13px}.chat-welcome label span{display:block;margin-bottom:6px;color:#59677a;font-size:9px;font-weight:700}.chat-welcome .btn{margin-top:16px}.chat-conversation{min-height:0;flex:1;display:flex;flex-direction:column}.chat-messages{min-height:0;flex:1;padding:18px;overflow:auto;background:#f5f7fb}.chat-message{max-width:82%;margin-bottom:9px;padding:10px 12px;border-radius:13px 13px 13px 4px;color:#405168;background:white;box-shadow:0 5px 15px rgba(16,36,67,.06);font-size:11px;line-height:1.5}.chat-message.client{margin-left:auto;border-radius:13px 13px 4px 13px;color:white;background:var(--blue)}.chat-message time{display:block;margin-top:4px;font-size:7px;opacity:.6}.chat-conversation form{height:62px;display:flex;align-items:center;gap:8px;padding:9px;border-top:1px solid #e4e8ee}.chat-conversation form input{height:42px;flex:1;border:0;background:#f4f6fa}.chat-conversation form button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:12px;color:white;background:var(--blue)}
.project-request-modal .modal-dialog{max-width:940px}.project-request-modal .modal-content{min-height:610px;display:grid;grid-template-columns:310px 1fr;overflow:hidden;border:0;border-radius:24px;background:white;box-shadow:0 35px 100px rgba(4,14,30,.35)}.modal-close{width:38px;height:38px;position:absolute;z-index:5;right:18px;top:18px;border:0;border-radius:50%;color:#758297;background:#f0f2f6}.request-aside{position:relative;padding:48px 34px;color:white;background:radial-gradient(circle at 80% 20%,rgba(56,150,255,.35),transparent 25%),#0b1729}.request-aside::after{content:"";width:260px;height:260px;position:absolute;left:-150px;bottom:-120px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.025)}.request-aside h2{margin:20px 0 14px;font-size:43px;line-height:.98;letter-spacing:-.055em}.request-aside p{color:#91a2b8;font-size:13px;line-height:1.6}.request-aside>small{position:absolute;left:34px;bottom:34px;color:#61758e;font-size:8px}.step-dots{display:flex;gap:6px;margin-top:35px}.step-dots i{width:25px;height:3px;border-radius:3px;background:#34475f}.step-dots i.active{background:#67dfff}.request-form{min-width:0;display:grid;align-items:center;padding:50px}.request-step{display:none}.request-step.active{display:block;animation:stepIn .4s ease}.step-label{color:var(--blue);font-size:9px;font-weight:700;letter-spacing:.15em}.request-step h3{margin:13px 0 27px;font-size:31px;letter-spacing:-.04em}.choice-grid{display:grid;gap:10px}.service-choice{grid-template-columns:repeat(3,1fr)}.budget-choice{grid-template-columns:repeat(2,1fr)}.choice-grid label input{position:absolute;opacity:0}.choice-grid label span{min-height:92px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid #dfe4ec;border-radius:14px;color:#526074;background:#f9fafc;font-size:11px;font-weight:700;transition:.2s}.choice-grid label span i{font-size:22px;color:#7b8da8}.choice-grid label input:checked+span{border-color:var(--blue);color:var(--blue);background:#edf4ff;box-shadow:0 0 0 3px rgba(40,124,255,.09)}.choice-grid label input:checked+span i{color:var(--blue)}.request-step>.btn,.step-actions{margin-top:24px}.step-actions{display:flex;justify-content:space-between}.request-form textarea{min-height:180px}.request-summary{display:grid;gap:8px;padding:18px;border-radius:13px;background:#f4f6fa}.request-summary div{display:flex;justify-content:space-between;gap:15px;font-size:11px}.request-summary span{color:#8490a1}.contact-method{display:block;margin-top:16px}.request-success{text-align:center}.success-check{width:78px;height:78px;display:grid;place-items:center;margin:0 auto 22px;border-radius:50%;color:white;background:#2fbd83;box-shadow:0 0 0 12px rgba(47,189,131,.1);font-size:35px}.request-success>span{color:#238a65;font-size:9px;font-weight:700;letter-spacing:.14em}.request-success h3{margin:12px 0;font-size:34px}.request-success p{color:var(--muted)}.request-success .btn{margin-top:12px}.toast-stack{position:fixed;z-index:2000;right:22px;top:96px;display:grid;gap:8px}.site-toast{min-width:280px;display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #dfe4eb;border-radius:12px;color:#425068;background:white;box-shadow:0 18px 45px rgba(10,25,48,.15);font-size:11px}.site-toast.success>i{color:#23a675}.site-toast.error>i{color:#db5268}.site-toast button{margin-left:auto;border:0;background:transparent;color:#8090a3}

/* Animations */
@keyframes float{0%,100%{transform:translateY(0) rotateY(-6deg)}50%{transform:translateY(-14px) rotateY(-4deg)}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes orbitPulse{50%{transform:translate(-50%,-50%) scale(1.05);opacity:.75}}
@keyframes uiAppear{0%,15%{opacity:.25;transform:translateY(6px)}30%,100%{opacity:1;transform:none}}
@keyframes codeLine{0%,100%{opacity:.3;transform:scaleX(.6);transform-origin:left}50%{opacity:1;transform:scaleX(1)}}
@keyframes cursorMove{0%,100%{transform:translate(-70px,35px)}35%{transform:translate(35px,-30px)}70%{transform:translate(80px,70px)}}
@keyframes builderCursor{0%,100%{transform:translate(-50px,65px)}35%{transform:translate(70px,-55px)}65%{transform:translate(40px,10px)}}
@keyframes particleFloat{to{transform:translateY(-25px);opacity:.9}}
@keyframes dataTravel{from{left:0}to{left:100%}}
@keyframes dataRoute{from{left:0}to{left:100%}}
@keyframes cloudDrift{50%{transform:translateX(40px) translateY(-10px);opacity:.6}}
@keyframes scrollBounce{50%{transform:translateY(6px)}}
@keyframes walkAcross{from{transform:translateX(0)}to{transform:translateX(390px)}}
@keyframes limb{to{transform:rotate(28deg)}}
@keyframes timelineMove{from{left:10%}to{left:90%}}
@keyframes stepIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}

/* Responsive */
@media (max-width:1199px){
  .hero-layout{grid-template-columns:minmax(0,1fr) minmax(430px,.85fr)}.hero-scene{height:560px}.hero-browser{left:0;width:95%}.cloud-card{right:-8%}.growth-card{left:-4%}
  .scene-grid{grid-template-columns:.8fr 1.2fr;gap:4vw}.design-canvas{min-height:510px}.project-visual{height:370px}.process-line{grid-template-columns:repeat(3,1fr);gap:35px}.process-line::before{display:none}.process-line article>i{margin:15px 0 22px}.why-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:991px){
  .site-container{width:min(100% - 36px,900px)}.section{padding:90px 0}.section-head{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:45px}.section-head h2{font-size:56px}.section-head>p{max-width:600px}.agency-navbar{height:76px}.navbar-toggler{display:grid}.agency-navbar .navbar-collapse{position:absolute;left:18px;right:18px;top:72px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(7,17,31,.96);box-shadow:0 25px 60px rgba(0,0,0,.3);backdrop-filter:blur(20px)}.agency-navbar .nav-link{margin:2px 0;padding:11px!important}.agency-navbar .btn-brand{width:100%;margin-top:12px}
  .hero-layout{display:block;padding-top:145px}.hero-copy{max-width:770px}.hero-copy h1{font-size:76px}.hero-scene{height:560px;margin-top:20px}.hero-browser{left:8%;width:78%}.cloud-card{right:2%}.growth-card{left:2%}.trust-strip .site-container{align-items:flex-start;flex-direction:column;justify-content:center;padding:20px 0}.trust-strip div div{flex-wrap:wrap}
  .scene-grid{grid-template-columns:1fr}.service-scene{min-height:auto;padding:100px 0}.scene-copy{max-width:720px}.laptop-stage{margin-top:35px}.cloud-system{transform:scale(.87);transform-origin:center}.growth-world{margin-top:30px}.design-canvas{grid-template-columns:1.1fr .9fr;grid-template-rows:repeat(3,1fr)}.brand-poster{grid-row:1/3}.brochure-card{grid-column:2}.video-scene .scene-copy{margin-bottom:20px}
  .service-detail{grid-template-columns:50px 70px 1fr}.service-detail>ul{grid-column:3}.project-hero-art{opacity:.3}.story-layout,.about-statement,.contact-layout{grid-template-columns:1fr}.about-statement{gap:25px}.mission-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr;gap:50px}.project-request-modal .modal-content{grid-template-columns:260px 1fr}.request-form{padding:35px}.request-aside{padding:40px 28px}
}
@media (max-width:767px){
  .site-container{width:calc(100% - 28px)}.section{padding:75px 0}.section-head h2{font-size:43px}.section-head>p{font-size:15px}.brand-lockup strong{font-size:12px}.brand-logo-wrap{width:41px;height:41px}.brand-logo-wrap img{width:32px;height:32px}
  .hero-layout{min-height:auto;padding-top:130px;padding-bottom:100px}.hero-copy h1{font-size:clamp(49px,14vw,72px)}.hero-copy p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-proof{flex-wrap:wrap}.hero-scene{height:420px;margin-top:35px}.orbit-one{width:380px;height:380px}.orbit-two{width:300px;height:300px}.hero-browser{width:94%;height:300px;left:0;top:65px}.browser-canvas{padding:35px 22px}.browser-canvas>strong{font-size:25px}.builder-ui{grid-template-columns:40px 1fr}.builder-tools{display:none}.mini-ui-row i{height:50px}.cloud-card{width:130px;right:-8%;top:25px;padding:12px}.growth-card{width:145px;left:-4%;bottom:4px}.signal-card{display:none}.scroll-cue{display:none}
  .trust-strip div div{gap:12px}.service-index>a{grid-template-columns:38px 38px 1fr 38px;gap:10px;padding:20px 0}.service-index em{display:none}.service-index strong{font-size:17px}.service-index b{width:36px;height:36px}.scene-copy h2{font-size:46px}.scene-copy>p{font-size:16px}.laptop-stage{height:370px}.laptop-screen{height:310px;border-width:5px}.builder-ui{grid-template-columns:38px 1fr}.preview-hero{min-height:125px;padding:20px 17px}.preview-hero strong{font-size:18px}.preview-cards i{height:40px}.code-pop{width:140px;right:-8px}.cloud-system{height:500px;transform:none}.cloud-system::before{left:50%;top:20px;bottom:20px;width:1px;height:auto}.cloud-node{width:48%;top:auto;display:flex;align-items:center;gap:10px;text-align:left}.cloud-node>i{width:50px;height:50px;margin:0;font-size:18px;border-radius:15px}.node-1{left:1%;top:25px}.node-2{right:1%;left:auto;top:100px}.node-3{left:1%;top:175px}.node-4{right:1%;left:auto;top:250px}.node-5{left:1%;top:325px}.node-6{right:1%;top:400px}.cloud-route{display:none}.cloud-capabilities{grid-template-columns:1fr}.metric-mini-grid{grid-template-columns:repeat(2,1fr)}.growth-world{height:430px}.growth-graph{height:200px}.growth-path span{font-size:5px}.person{bottom:60px;animation-name:walkAcrossMobile}.social-bubble{transform:scale(.85)}.design-toolbar{align-items:flex-start;flex-direction:column}.design-canvas{min-height:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.design-card{min-width:76vw;height:340px;scroll-snap-align:center}.brand-poster strong{margin-top:80px}.editor-window{height:470px}.video-preview{height:270px;grid-template-columns:1fr}.video-preview>aside{display:none}.timeline{height:160px}.project-grid,.testimonial-grid{grid-template-columns:1fr}.project-visual{height:320px}.testimonial-grid blockquote{min-height:260px}.cta-section{min-height:520px}.cta-section h2{font-size:55px}.inner-hero{min-height:540px}.inner-hero h1{font-size:63px}.service-detail{grid-template-columns:42px 1fr;gap:15px;padding:50px 0}.service-detail .service-icon{width:50px;height:50px}.service-detail>div:nth-child(3),.service-detail>ul{grid-column:1/-1}.project-hero{min-height:590px}.project-hero-copy{margin-top:70px}.project-hero-copy h1{font-size:72px}.project-hero-art{width:90vw;height:320px;right:-30%;top:180px}.story-layout{gap:35px}.story-layout h2{font-size:38px}.result-panel{margin-top:45px;padding:27px}.result-panel p{font-size:20px}.project-gallery{grid-template-columns:1fr}.mission-grid,.process-line,.why-grid{grid-template-columns:1fr}.process-line{gap:30px}.mission-grid{margin-top:50px}.contact-layout{gap:45px}.enquiry-form{padding:25px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.footer-links{grid-template-columns:1fr 1fr}.chat-launcher span{display:none}.chat-launcher{width:54px;padding:0;justify-content:center}.support-chat{right:14px;bottom:84px}.project-request-modal .modal-content{display:block;min-height:620px}.request-aside{padding:25px 28px}.request-aside h2{font-size:30px}.request-aside p,.request-aside>small{display:none}.step-dots{margin-top:18px}.request-form{padding:30px 22px 24px}.service-choice{grid-template-columns:repeat(2,1fr)}.choice-grid label span{min-height:70px}.request-step h3{font-size:25px}.toast-stack{left:14px;right:14px}.site-toast{min-width:0}
}
@media (max-width:420px){
  .hero-copy h1{font-size:45px}.hero-scene{height:380px}.hero-browser{height:270px}.browser-canvas>strong{font-size:21px}.mini-ui-row{margin-top:20px}.floating-card.cloud-card{display:none}.growth-card{bottom:0}.section-head h2,.scene-copy h2{font-size:39px}.service-index>a{grid-template-columns:30px 34px 1fr 34px}.service-index strong{font-size:15px}.metric-mini-grid{grid-template-columns:1fr 1fr}.metric-mini-grid article{padding:13px}.growth-world{height:390px}.growth-path span:nth-child(even){display:none}.project-visual{height:280px}.footer-links{grid-template-columns:1fr}.project-request-modal .modal-dialog{margin:7px}.project-request-modal .modal-content{min-height:calc(100vh - 14px);border-radius:17px}.request-aside{padding:22px}.request-form{padding:25px 18px}.request-step h3{margin-bottom:20px}.choice-grid label span{min-height:64px}.budget-choice{grid-template-columns:1fr}.budget-choice label span{min-height:48px}.modal-close{right:12px;top:12px}
}
@keyframes walkAcrossMobile{from{transform:translateX(0)}to{transform:translateX(230px)}}
@media (max-width:991px){.quick-contact-section>.site-container{grid-template-columns:1fr;gap:35px}}
@media (max-width:767px){.quick-contact-section form{grid-template-columns:1fr}.quick-contact-section form label.full,.quick-contact-section .form-response{grid-column:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}